<svg xmlns="http://www.w3.org/2000/svg" width="800" height="520" viewBox="0 0 800 520">
  <defs>
    <linearGradient id="bgAmigo" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#1a0533"/>
      <stop offset="100%" style="stop-color:#0c1a3a"/>
    </linearGradient>
    <linearGradient id="giftGrad" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" style="stop-color:#f43f5e"/>
      <stop offset="100%" style="stop-color:#be185d"/>
    </linearGradient>
  </defs>
  <rect width="800" height="520" fill="url(#bgAmigo)"/>

  <!-- floating stars -->
  <text x="40" y="60" font-family="Arial" font-size="18" fill="#f43f5e" opacity="0.6">✦</text>
  <text x="740" y="80" font-family="Arial" font-size="12" fill="#f59e0b" opacity="0.5">★</text>
  <text x="100" y="460" font-family="Arial" font-size="10" fill="#a78bfa" opacity="0.5">✦</text>
  <text x="700" y="440" font-family="Arial" font-size="16" fill="#f43f5e" opacity="0.4">✦</text>
  <text x="660" y="140" font-family="Arial" font-size="10" fill="#fbbf24" opacity="0.5">★</text>

  <!-- nav -->
  <rect width="800" height="56" fill="rgba(255,255,255,0.05)"/>
  <line x1="0" y1="56" x2="800" y2="56" stroke="rgba(255,255,255,0.08)" stroke-width="1"/>
  <text x="36" y="26" font-family="Georgia,serif" font-size="10" fill="#f43f5e" letter-spacing="3">🎁</text>
  <text x="58" y="36" font-family="Georgia,serif" font-size="17" fill="#fff" font-weight="bold">Amigo Invisible</text>
  <text x="400" y="36" font-family="Arial" font-size="12" fill="rgba(255,255,255,0.5)">Cómo funciona</text>
  <text x="500" y="36" font-family="Arial" font-size="12" fill="rgba(255,255,255,0.5)">Mis sorteos</text>
  <rect x="640" y="15" width="120" height="28" rx="14" fill="#f43f5e"/>
  <text x="700" y="33" font-family="Arial" font-size="12" fill="#fff" text-anchor="middle" font-weight="700">Crear sorteo</text>

  <!-- big gift illustration -->
  <!-- box body -->
  <rect x="92" y="160" width="200" height="180" rx="12" fill="url(#giftGrad)"/>
  <!-- box lid -->
  <rect x="80" y="136" width="224" height="40" rx="8" fill="#f43f5e"/>
  <rect x="160" y="96" width="64" height="80" rx="8" fill="#fbbf24"/>
  <!-- ribbon vertical -->
  <rect x="182" y="136" width="20" height="204" rx="4" fill="#fbbf24"/>
  <!-- ribbon horizontal -->
  <rect x="80" y="148" width="224" height="16" rx="4" fill="#fbbf24"/>
  <!-- bow loops -->
  <ellipse cx="180" cy="110" rx="34" ry="22" fill="#fbbf24" transform="rotate(-20 180 110)"/>
  <ellipse cx="216" cy="110" rx="34" ry="22" fill="#f59e0b" transform="rotate(20 216 110)"/>
  <circle cx="196" cy="112" r="14" fill="#fbbf24"/>
  <!-- dots on box -->
  <circle cx="130" cy="220" r="6" fill="rgba(255,255,255,0.2)"/>
  <circle cx="155" cy="250" r="4" fill="rgba(255,255,255,0.15)"/>
  <circle cx="240" cy="210" r="5" fill="rgba(255,255,255,0.2)"/>
  <circle cx="260" cy="280" r="7" fill="rgba(255,255,255,0.15)"/>
  <text x="192" y="290" font-family="Georgia,serif" font-size="11" fill="rgba(255,255,255,0.5)" text-anchor="middle">Para: ???</text>

  <!-- FORM -->
  <rect x="340" y="78" width="420" height="400" rx="16" fill="rgba(255,255,255,0.06)" stroke="rgba(255,255,255,0.1)" stroke-width="1"/>
  <text x="550" y="116" font-family="Georgia,serif" font-size="20" fill="#fff" text-anchor="middle" font-weight="bold">Crear un sorteo</text>
  <text x="550" y="138" font-family="Arial" font-size="12" fill="rgba(255,255,255,0.45)" text-anchor="middle">Completá los datos y sorteamos al instante</text>

  <!-- form field: nombre del grupo -->
  <text x="364" y="170" font-family="Arial" font-size="11" fill="rgba(255,255,255,0.5)" letter-spacing="1">NOMBRE DEL SORTEO</text>
  <rect x="360" y="178" width="376" height="38" rx="8" fill="rgba(255,255,255,0.08)" stroke="rgba(255,255,255,0.15)" stroke-width="1"/>
  <text x="376" y="201" font-family="Arial" font-size="13" fill="#fff">Navidad Familia 2026 🎄</text>

  <!-- participantes -->
  <text x="364" y="232" font-family="Arial" font-size="11" fill="rgba(255,255,255,0.5)" letter-spacing="1">PARTICIPANTES</text>
  <rect x="360" y="240" width="280" height="38" rx="8" fill="rgba(255,255,255,0.08)" stroke="rgba(255,255,255,0.15)" stroke-width="1"/>
  <text x="376" y="263" font-family="Arial" font-size="13" fill="rgba(255,255,255,0.4)">Nombre del participante...</text>
  <rect x="652" y="240" width="84" height="38" rx="8" fill="#f43f5e"/>
  <text x="694" y="263" font-family="Arial" font-size="12" fill="#fff" text-anchor="middle" font-weight="700">+ Agregar</text>

  <!-- participant chips -->
  <rect x="360" y="286" width="90" height="28" rx="14" fill="rgba(244,63,94,0.2)" stroke="rgba(244,63,94,0.4)" stroke-width="1"/>
  <text x="405" y="304" font-family="Arial" font-size="11" fill="#fda4af" text-anchor="middle">Marcos ✕</text>
  <rect x="460" y="286" width="72" height="28" rx="14" fill="rgba(244,63,94,0.2)" stroke="rgba(244,63,94,0.4)" stroke-width="1"/>
  <text x="496" y="304" font-family="Arial" font-size="11" fill="#fda4af" text-anchor="middle">Juli ✕</text>
  <rect x="542" y="286" width="78" height="28" rx="14" fill="rgba(244,63,94,0.2)" stroke="rgba(244,63,94,0.4)" stroke-width="1"/>
  <text x="581" y="304" font-family="Arial" font-size="11" fill="#fda4af" text-anchor="middle">Sofi ✕</text>
  <rect x="630" y="286" width="82" height="28" rx="14" fill="rgba(244,63,94,0.2)" stroke="rgba(244,63,94,0.4)" stroke-width="1"/>
  <text x="671" y="304" font-family="Arial" font-size="11" fill="#fda4af" text-anchor="middle">Pedro ✕</text>

  <!-- presupuesto -->
  <text x="364" y="336" font-family="Arial" font-size="11" fill="rgba(255,255,255,0.5)" letter-spacing="1">PRESUPUESTO SUGERIDO</text>
  <rect x="360" y="344" width="376" height="38" rx="8" fill="rgba(255,255,255,0.08)" stroke="rgba(255,255,255,0.15)" stroke-width="1"/>
  <text x="376" y="367" font-family="Arial" font-size="13" fill="#fff">$10.000</text>

  <!-- fecha limite -->
  <text x="364" y="400" font-family="Arial" font-size="11" fill="rgba(255,255,255,0.5)" letter-spacing="1">FECHA LÍMITE</text>
  <rect x="360" y="408" width="376" height="38" rx="8" fill="rgba(255,255,255,0.08)" stroke="rgba(255,255,255,0.15)" stroke-width="1"/>
  <text x="376" y="431" font-family="Arial" font-size="13" fill="#fff">24 de diciembre de 2026</text>

  <!-- cta button -->
  <rect x="360" y="456" width="376" height="44" rx="10" fill="#f43f5e"/>
  <text x="548" y="483" font-family="Arial" font-size="14" fill="#fff" text-anchor="middle" font-weight="900">🎁 ¡Sortear ahora!</text>

  <rect y="504" width="800" height="16" fill="rgba(0,0,0,0.3)"/>
  <text x="400" y="516" font-family="Arial" font-size="9" fill="rgba(255,255,255,0.25)" text-anchor="middle">amigoinvisible.pensandola.com · Gratis para siempre</text>
</svg>
