:root{
      --bg:#0f172a;
      --accent:#f6c84c; /* amarillo */
      --muted:rgba(255,255,255,0.85);
    }
    html,body{height:100%;margin:0;}
    body{
      font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;
      background: linear-gradient(180deg,var(--bg) 0%, #081023 60%);
      display:flex;
      align-items:center;
      justify-content:center;
      color:var(--muted);
      overflow:hidden;
    }

    .card{
      background:rgba(255,255,255,0.04);
      border-radius:14px;
      padding:2.5rem;
      box-shadow:0 10px 40px rgba(2,6,23,0.6);
      text-align:center;
      position:relative;
      z-index:2;
    }

    h1{
      margin:0 0 1rem 0;
      font-size:clamp(1.6rem,3.2vw,2.6rem);
      color:var(--muted);
    }

    .btn{
      display:inline-block;
      background:transparent;
      border:2px solid rgba(246,200,76,0.3);
      color:var(--accent);
      padding:0.65rem 1.1rem;
      font-weight:600;
      border-radius:10px;
      cursor:pointer;
    }

    .msg-secondary{
      margin-top:1.25rem;
      font-weight:700;
      color:var(--accent);
      opacity:0;
      transform:translateY(6px);
      transition:opacity .4s ease, transform .4s ease;
    }
    .msg-secondary.show{
      opacity:1;
      transform:translateY(0);
    }

    .flowers-layer{
      position:fixed;
      inset:0;
      pointer-events:none;
      overflow:hidden;
      z-index:1;
    }

    .flower{
      position:absolute;
      width:44px;
      height:44px;
      opacity:0;
      filter:drop-shadow(0 6px 12px rgba(0,0,0,0.45));
    }

    @keyframes floatAll {
      0%{transform:translate(0,0) scale(0.8);opacity:0}
      10%{opacity:1}
      50%{transform:translate(var(--dx),var(--dy)) rotate(180deg) scale(1)}
      100%{transform:translate(calc(var(--dx)*2),calc(var(--dy)*2)) rotate(360deg) scale(0.9);opacity:0}
    }

    @keyframes pulseFlash {
      0%{filter:brightness(1);}
      50%{filter:brightness(1.8) saturate(1.2);}
      100%{filter:brightness(1);}
    }

    .flash{animation: pulseFlash .9s ease-in-out infinite;}

    @media (max-width:520px){
      .flower{width:32px;height:32px}
    }