*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',-apple-system,Segoe UI,sans-serif;background:linear-gradient(180deg,#0a0613,#15102b);min-height:100vh;color:#fff;padding:30px 16px 100px}.wrap{max-width:720px;margin:0 auto}.head{text-align:center;margin-bottom:24px}.head .badge{display:inline-block;background:#7c3aed26;color:#a78bfa;font-size:.75rem;font-weight:700;padding:5px 14px;border-radius:100px;letter-spacing:.08em;text-transform:uppercase}.head h1{font-size:1.7rem;font-weight:800;margin:10px 0 6px}.head .sub{color:#fff9;font-size:.9rem}.progress-bar{background:#ffffff14;height:6px;border-radius:100px;overflow:hidden;margin-bottom:30px}.progress-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa);height:100%;transition:width .4s}.q-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:28px 26px;margin-bottom:20px}.q-num{font-size:.72rem;font-weight:700;color:#a78bfa;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}.q-text{font-size:1.15rem;font-weight:600;line-height:1.45;margin-bottom:22px}.opt{display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.1);border-radius:12px;margin-bottom:10px;cursor:pointer;transition:all .15s}.opt:hover{border-color:#7c3aed;background:#7c3aed14}.opt.sel{border-color:#7c3aed;background:#7c3aed2e}.opt.cor{border-color:#22c55e;background:#22c55e2e}.opt.wrg{border-color:#ef4444;background:#ef444426}.opt-l{background:#ffffff1a;width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.opt.sel .opt-l{background:#7c3aed;color:#050d1f}.opt.cor .opt-l{background:#22c55e;color:#fff}.opt.wrg .opt-l{background:#ef4444;color:#fff}.opt-t{flex:1;font-size:.92rem;line-height:1.5}.btn{width:100%;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:16px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 8px 30px #7c3aed4d;margin-top:10px}.btn:disabled{background:#ffffff1a;color:#fff6;box-shadow:none;cursor:not-allowed}.expl{background:#7c3aed0f;border-left:3px solid #7c3aed;padding:12px 16px;border-radius:8px;font-size:.85rem;color:#ffffffd9;margin-top:14px;line-height:1.55}.expl strong{color:#a78bfa}.result-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:38px 30px;text-align:center}.result-emoji{font-size:3.5rem;margin-bottom:10px}.result-score{font-size:3.4rem;font-weight:800;line-height:1;margin:6px 0}.result-total{color:#fff9;font-size:1rem}.result-pct{display:inline-block;padding:6px 18px;border-radius:100px;font-size:.85rem;font-weight:700;margin:18px 0;letter-spacing:.04em}.pass{background:#22c55e2e;color:#86efac}.fail{background:#ef44442e;color:#fca5a5}#login-screen{padding:50px 20px;text-align:center;max-width:400px;margin:0 auto}#login-screen input{width:100%;padding:12px 16px;background:#ffffff0d;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;color:#fff;font-size:.95rem;margin-bottom:12px}
.head h1,.result-score{font-family:'Space Grotesk','Inter',sans-serif}