Fallagassrini Bypass Shell

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="800" viewBox="0 0 1200 800">
  <defs>
    <!-- Base "photo" gradient -->
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#f3f4f6"/>
      <stop offset="1" stop-color="#ffffff"/>
    </linearGradient>

    <!-- Blurry color blobs (fake photo) -->
    <radialGradient id="blob1" cx="30%" cy="35%" r="55%">
      <stop offset="0" stop-color="#ffd6de" stop-opacity=".65"/>
      <stop offset="1" stop-color="#ffffff" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="blob2" cx="70%" cy="45%" r="60%">
      <stop offset="0" stop-color="#dbeafe" stop-opacity=".70"/>
      <stop offset="1" stop-color="#ffffff" stop-opacity="0"/>
    </radialGradient>
    <radialGradient id="blob3" cx="50%" cy="80%" r="55%">
      <stop offset="0" stop-color="#e5e7eb" stop-opacity=".85"/>
      <stop offset="1" stop-color="#ffffff" stop-opacity="0"/>
    </radialGradient>

    <filter id="blur" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur stdDeviation="28"/>
    </filter>

    <!-- Shimmer gradient -->
    <linearGradient id="shimmer" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#ffffff" stop-opacity="0"/>
      <stop offset="45%" stop-color="#ffffff" stop-opacity=".28"/>
      <stop offset="55%" stop-color="#ffffff" stop-opacity=".28"/>
      <stop offset="100%" stop-color="#ffffff" stop-opacity="0"/>
    </linearGradient>

    <!-- Soft vignette -->
    <radialGradient id="vig" cx="50%" cy="50%" r="75%">
      <stop offset="60%" stop-color="#000000" stop-opacity="0"/>
      <stop offset="100%" stop-color="#000000" stop-opacity=".07"/>
    </radialGradient>

    <clipPath id="clip">
      <rect x="0" y="0" width="1200" height="800" rx="22"/>
    </clipPath>
  </defs>

  <g clip-path="url(#clip)">
    <!-- Base -->
    <rect width="1200" height="800" fill="url(#bg)"/>

    <!-- Fake blurred "photo" shapes -->
    <g filter="url(#blur)">
      <rect x="-80" y="-80" width="1360" height="960" fill="url(#blob1)"/>
      <rect x="-80" y="-80" width="1360" height="960" fill="url(#blob2)"/>
      <rect x="-80" y="-80" width="1360" height="960" fill="url(#blob3)"/>
    </g>

    <!-- Subtle vignette -->
    <rect width="1200" height="800" fill="url(#vig)"/>

    <!-- Shimmer band -->
    <g opacity=".9">
      <rect y="0" width="420" height="800" fill="url(#shimmer)">
        <animate attributeName="x" from="-520" to="1300" dur="1.6s" repeatCount="indefinite"/>
      </rect>
    </g>

    <!-- Tiny caption (optional, very subtle) -->
    <g font-family="system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif" text-anchor="middle" opacity=".55">
      <text x="600" y="740" font-size="22" fill="#6b7280">Chargement de l’aperçu…</text>
    </g>
  </g>
</svg>