<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 500" width="600" height="500" role="img" aria-label="Mobil uygulama görseli">
  <defs>
    <linearGradient id="bg2" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#1e1b4b"/>
      <stop offset="100%" stop-color="#0f172a"/>
    </linearGradient>
    <linearGradient id="primary2" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#be0017"/>
      <stop offset="100%" stop-color="#ff4d61"/>
    </linearGradient>
    <radialGradient id="glow2" cx="50%" cy="50%" r="55%">
      <stop offset="0%" stop-color="#6366f1" stop-opacity="0.25"/>
      <stop offset="100%" stop-color="#6366f1" stop-opacity="0"/>
    </radialGradient>
    <filter id="shadow2" x="-20%" y="-20%" width="140%" height="140%">
      <feDropShadow dx="0" dy="24" stdDeviation="30" flood-color="#000" flood-opacity="0.6"/>
    </filter>
  </defs>

  <!-- Background -->
  <rect width="600" height="500" fill="url(#bg2)" rx="24"/>
  <rect width="600" height="500" fill="url(#glow2)" rx="24"/>

  <!-- Floating bg shapes -->
  <circle cx="100" cy="120" r="50" fill="#6366f1" fill-opacity="0.08"/>
  <circle cx="500" cy="380" r="60" fill="#be0017" fill-opacity="0.1"/>
  <rect x="450" y="60" width="80" height="80" rx="16" fill="#6366f1" fill-opacity="0.06" transform="rotate(20 490 100)"/>

  <!-- Phone -->
  <g filter="url(#shadow2)">
    <!-- Phone body -->
    <rect x="220" y="50" width="170" height="410" rx="28" fill="#0f172a" stroke="#1e293b" stroke-width="2"/>
    <!-- Screen -->
    <rect x="232" y="62" width="146" height="386" rx="20" fill="#ffffff"/>
    <!-- Notch -->
    <rect x="282" y="62" width="46" height="14" rx="7" fill="#0f172a"/>

    <!-- Status bar -->
    <rect x="245" y="88" width="20" height="6" rx="3" fill="#0f172a"/>
    <circle cx="358" cy="91" r="3" fill="#0f172a"/>
    <circle cx="350" cy="91" r="3" fill="#0f172a"/>
    <circle cx="342" cy="91" r="3" fill="#0f172a"/>

    <!-- App header -->
    <rect x="245" y="108" width="60" height="14" rx="3" fill="#0f172a"/>
    <circle cx="365" cy="115" r="10" fill="#f1f5f9"/>
    <rect x="360" y="113" width="10" height="2" rx="1" fill="#0f172a"/>
    <rect x="360" y="117" width="10" height="2" rx="1" fill="#0f172a"/>

    <!-- Hero card -->
    <rect x="245" y="140" width="120" height="80" rx="12" fill="url(#primary2)"/>
    <rect x="255" y="150" width="50" height="6" rx="2" fill="#ffffff" opacity="0.8"/>
    <rect x="255" y="162" width="90" height="10" rx="2" fill="#ffffff"/>
    <rect x="255" y="178" width="60" height="10" rx="2" fill="#ffffff"/>
    <rect x="255" y="200" width="40" height="14" rx="7" fill="#ffffff"/>

    <!-- Stats row -->
    <rect x="245" y="232" width="56" height="56" rx="10" fill="#f8fafc" stroke="#e2e8f0"/>
    <rect x="253" y="240" width="20" height="3" rx="1" fill="#94a3b8"/>
    <rect x="253" y="250" width="36" height="10" rx="2" fill="#0f172a"/>
    <rect x="253" y="266" width="28" height="3" rx="1" fill="#be0017"/>

    <rect x="309" y="232" width="56" height="56" rx="10" fill="#f8fafc" stroke="#e2e8f0"/>
    <rect x="317" y="240" width="20" height="3" rx="1" fill="#94a3b8"/>
    <rect x="317" y="250" width="36" height="10" rx="2" fill="#0f172a"/>
    <rect x="317" y="266" width="28" height="3" rx="1" fill="#22c55e"/>

    <!-- List items -->
    <rect x="245" y="300" width="120" height="22" rx="6" fill="#f8fafc" stroke="#e2e8f0"/>
    <circle cx="256" cy="311" r="5" fill="#be0017"/>
    <rect x="268" y="307" width="50" height="3" rx="1" fill="#0f172a"/>
    <rect x="268" y="313" width="34" height="3" rx="1" fill="#94a3b8"/>

    <rect x="245" y="328" width="120" height="22" rx="6" fill="#f8fafc" stroke="#e2e8f0"/>
    <circle cx="256" cy="339" r="5" fill="#6366f1"/>
    <rect x="268" y="335" width="40" height="3" rx="1" fill="#0f172a"/>
    <rect x="268" y="341" width="46" height="3" rx="1" fill="#94a3b8"/>

    <rect x="245" y="356" width="120" height="22" rx="6" fill="#f8fafc" stroke="#e2e8f0"/>
    <circle cx="256" cy="367" r="5" fill="#22c55e"/>
    <rect x="268" y="363" width="36" height="3" rx="1" fill="#0f172a"/>
    <rect x="268" y="369" width="50" height="3" rx="1" fill="#94a3b8"/>

    <!-- Bottom tab bar -->
    <rect x="245" y="400" width="120" height="34" rx="10" fill="#0f172a"/>
    <circle cx="263" cy="417" r="4" fill="#be0017"/>
    <circle cx="290" cy="417" r="4" fill="#475569"/>
    <circle cx="317" cy="417" r="4" fill="#475569"/>
    <circle cx="346" cy="417" r="4" fill="#475569"/>
  </g>

  <!-- Decorative icons floating -->
  <g opacity="0.5">
    <rect x="80" y="200" width="38" height="38" rx="10" fill="#be0017" fill-opacity="0.2" stroke="#be0017" stroke-opacity="0.4"/>
    <rect x="490" y="220" width="38" height="38" rx="10" fill="#6366f1" fill-opacity="0.2" stroke="#6366f1" stroke-opacity="0.4"/>
  </g>

  <text x="300" y="486" text-anchor="middle" font-family="Inter, sans-serif" font-size="10" font-weight="600" fill="#64748b" letter-spacing="2">MOBİL UYGULAMA · DEMO GÖRSELİ</text>
</svg>
