:root{--bg:#0b1220;--panel:#111a2b;--muted:#9fb0d0;--text:#e8f0ff;--accent:#65d6ff;--accent-2:#8bffde;--error:#ff718b;--ok:#78ffb6}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;color:var(--text);background:#030505;position:relative}a{color:inherit;text-decoration:none}button{font:inherit}.container{max-width:960px;margin:0 auto;padding:24px}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08);border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.grid{display:grid;grid-gap:16px;gap:16px}.btn{border:0;border-radius:12px;padding:12px 18px;color:#04121f;background:linear-gradient(90deg,var(--accent) 0,var(--accent-2) 100%);cursor:pointer}.btn.secondary{color:var(--text);background:#1f2a40;border:1px solid hsla(0,0%,100%,.1)}.btn:disabled{opacity:.6;cursor:not-allowed}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;color:#04121f;background:var(--accent)}.option{background:#121c2e;color:#fff;border:1px solid hsla(0,0%,100%,.08);border-radius:12px;padding:14px 16px;cursor:pointer;text-align:left}.option[data-selected=true]{outline:2px solid var(--accent)}.option[data-correct=true]{outline:2px solid var(--ok);background:rgba(120,255,182,.08)}.option[data-wrong=true]{outline:2px solid var(--error);background:rgba(255,113,139,.08)}.kbd{background:#0e1728;border:1px solid hsla(0,0%,100%,.12);padding:2px 6px;border-radius:6px;font-size:12px}.small{color:var(--muted);font-size:13px}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}