:root { --bg:#0c001f; --card:rgba(12,0,31,.55); --glass-border:rgba(78,219,255,.22); --accent:#4edbff; --accent-2:#ad3bff; --text:#fff; --muted:#c9d6ff99; --radius:16px; }
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;overflow:hidden;background:var(--bg);font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,'Apple Color Emoji','Segoe UI Emoji'}
canvas{display:block}
.overlay{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}
.card{pointer-events:auto;color:var(--text);text-align:center;background:var(--card);padding:2.25rem 2.75rem;border-radius:var(--radius);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);box-shadow:0 12px 40px rgba(0,0,0,.45);max-width:92vw}
h1{margin:0 0 .75rem;font-weight:800;line-height:1.15;letter-spacing:.3px;font-size:clamp(1.9rem,2.4vw + 1.2rem,3rem);text-shadow:0 0 10px rgba(78,219,255,.65),0 0 24px rgba(78,219,255,.45)}
.sub{margin:0 auto 1.25rem;max-width:36rem;font-weight:300;font-size:clamp(1rem,.5vw + .9rem,1.15rem);color:var(--muted);text-shadow:0 0 5px rgba(173,59,255,.55)}
.form{display:flex;gap:.6rem;justify-content:center;align-items:center;flex-wrap:wrap}
.input{width:min(440px,80vw);padding:.85rem 1rem;border-radius:10px;border:1px solid var(--glass-border);background:rgba(0,0,0,.35);color:var(--text);outline:none;font-size:1rem}
.btn{padding:.85rem 1.25rem;border-radius:10px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-weight:600;cursor:pointer;transition:all .25s ease;letter-spacing:.2px}
.btn:hover{background:var(--accent);color:#0c001f}
.fineprint{margin-top:.75rem;font-size:.8rem;color:#c9eaffb3}
.pills{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}
.pill{border:1px dashed var(--glass-border);color:#b7a7ff;padding:.35rem .6rem;border-radius:999px;font-size:.8rem}
@media (max-width:480px){.card{padding:1.5rem}.form{gap:.5rem}}
.tip{font-size:0.75rem;color:#b7a7ff;opacity:0.8;margin:0.5rem auto;max-width:36rem;text-align:center}
.footer{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#7bdcff;font-size:.8rem;letter-spacing:.2px;opacity:.8}
.powered-link{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);color:#00ffff;text-decoration:none;font-size:0.9rem;text-shadow:0 0 5px #00ffff, 0 0 10px #00ffff, 0 0 15px #00ffff, 0 0 20px #00ffff}

/* Trust hook under headline */
.trust{margin:.5rem auto 0;max-width:36rem;font-size:.85rem;color:var(--muted)}
.trust a{color:#c9d6ffcc;text-decoration:underline;text-underline-offset:4px}

/* Reduced motion support */
@media (prefers-reduced-motion: reduce){
  html:focus-within{scroll-behavior:auto}
  *, *::before, *::after{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important; scroll-behavior:auto !important}
  .btn{transition:none}
}