*{box-sizing:border-box}
:root{--bg:#081227;--ink:#e9eeff;--muted:#a7b8ff;--glass:rgba(16,22,40,.72);--glass2:rgba(20,28,50,.86);--b1:#78ccff;--b2:#b78cff;--st:rgba(170,190,240,.25)}
html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;color:var(--ink);background:var(--bg);overflow-x:hidden}
.bg{position:fixed;inset:0;background:url('neurons-bg.jpg') center/cover no-repeat;filter:brightness(.55) saturate(1.18);z-index:0}
.bg-overlay{position:fixed;inset:0;background:radial-gradient(120% 70% at 50% 0%,rgba(8,14,28,.28),rgba(8,14,28,.9));z-index:1}
.container{max-width:980px;margin:auto;padding:28px;position:relative;z-index:2}
.card{background:var(--glass);backdrop-filter:blur(12px);border:1px solid var(--st);border-radius:22px;padding:22px;box-shadow:0 16px 40px rgba(0,0,0,.35);margin:18px 0}
.hidden{display:none!important}
.brand{margin:0 0 8px;font-size:40px}
.lead{margin:.25em 0 1em} .muted{color:var(--muted)}
#email{width:100%;height:56px;border-radius:14px;border:1px solid var(--st);background:rgba(255,255,255,.06);color:var(--ink);padding:0 14px;font-size:18px;margin:6px 0 12px}
.btn{height:56px;padding:0 22px;border-radius:14px;border:0;font-weight:700;cursor:pointer}
.btn.primary{background:linear-gradient(90deg,var(--b1),var(--b2));color:#09122c;box-shadow:0 10px 24px rgba(126,203,255,.25)}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--st)}
.top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
.bar{flex:1;height:10px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}
.bar>span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--b1),var(--b2));transition:width .25s}
.count{color:var(--muted);font-weight:700}
.question{font-size:clamp(24px,5vw,38px);line-height:1.15;margin:.3em 0 .6em}
.answers{display:grid;gap:12px}
.answers .opt{background:var(--glass2);border:1px solid var(--st);border-radius:16px;padding:16px 18px;text-align:left;color:var(--ink);cursor:pointer}