:root{color-scheme:dark;--bg: #0b1220;--bg-elevated: #121a2b;--bg-card: #162033;--text: #eef3ff;--text-muted: #a9b6d3;--primary: #5b8cff;--primary-2: #7a5cff;--border: rgba(255, 255, 255, .14);--danger: #ff7a88;--font: "Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);background:radial-gradient(1200px 600px at 10% -10%,rgba(91,140,255,.18),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(122,92,255,.14),transparent 55%),var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}button,input{font:inherit}.app-shell{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;width:min(1100px,100%);margin:0 auto;padding:1rem 1.25rem 2.5rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.topbar nav{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hero{text-align:center;padding:1.5rem 0 2rem}.eyebrow{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.hero h1{font-size:clamp(1.7rem,4vw,2.7rem);line-height:1.15;margin:.5rem 0 .8rem}.lead{color:var(--text-muted);max-width:560px;margin:0 auto 1.25rem}.cta-row{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;align-items:center}.btn,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;border:0;border-radius:999px;padding:.7rem 1.2rem;font-weight:600;cursor:pointer}.ghost,.ghost-link{background:transparent;border:1px solid var(--border);color:var(--text);border-radius:999px;padding:.55rem .95rem;cursor:pointer}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .65rem;background:#5b8cff2e;color:#c9daff;font-size:12px;font-weight:600}.muted{color:var(--text-muted)}.error{color:var(--danger)}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin:1rem 0 2rem}.feature-card,.auth-card,.promo-box{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:1.15rem 1.2rem}.feature-card h2{margin:.6rem 0 .4rem;font-size:1.2rem}.feature-card p{color:var(--text-muted);margin:0}.auth-card{max-width:460px;margin:2rem auto}.auth-card h1{margin-top:0}.stack{display:grid;gap:.85rem}.stack label{display:grid;gap:.35rem;font-size:.92rem}.stack input[type=email],.stack input[type=password],.promo-box input{width:100%;padding:.75rem .85rem;border-radius:12px;border:1px solid var(--border);background:#0e1626;color:var(--text)}.check{display:flex!important;gap:.55rem;align-items:flex-start;grid-template-columns:none}.check input{margin-top:.2rem}.promo-box .row{display:flex;gap:.5rem}.promo-box .row input{flex:1}.legal p{color:var(--text-muted);line-height:1.55}.progress{height:6px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-bottom:1rem}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-2))}.quiz-card h2{font-size:1.25rem;margin-top:0}.hint{display:inline-block;margin:0 0 1rem;padding:.4rem .75rem;border-radius:999px;background:#5b8cff1f;color:#c9daff;font-size:.85rem}.options{display:grid;gap:.65rem}.option{text-align:left;width:100%;padding:.9rem 1rem;border-radius:14px;cursor:pointer;background:#0e1626;border:1px solid var(--border);color:var(--text)}.option:hover{border-color:#5b8cff8c}.miss-list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.65rem}.miss-list li{display:grid;gap:.15rem;padding:.75rem .85rem;border-radius:12px;background:#0e1626;border:1px solid var(--border)}.miss-list span{color:var(--text-muted);font-size:.9rem}.stat-row{display:flex;gap:1.5rem;margin-top:1rem}.stat-row div{display:grid}.stat-row strong{font-size:1.6rem}.stat-row span{color:var(--text-muted);font-size:.85rem}.axes{display:grid;gap:.5rem}.axes div{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border)}.frost{position:relative;display:grid;gap:1rem}.frost>.feature-card{filter:blur(5px);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:.55}.frost-cta{position:absolute;inset:20% 8% auto;z-index:2;text-align:center;background:#0b1220eb;border:1px solid var(--border);border-radius:16px;padding:1.2rem}.result-hero{text-align:center}