:root{--bg:#f7fafc;--card:#fff;--border:#e5e7eb;--ink:#0f172a;--muted:#64748b;--primary:#2563eb;--primary-600:#1d4ed8;--soft:#f1f5f9;}
html,body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--ink);background:var(--bg);}
main.container{max-width:960px;}
.lead{color:var(--muted)}
.btn{border-radius:999px;padding:.55rem 1rem;}
.btn-primary{background:linear-gradient(180deg,var(--primary),var(--primary-600));border:0;box-shadow:0 6px 14px rgba(37,99,235,.18);}
.card-test{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 30px rgba(2,6,23,.06);padding:1.25rem;}
.section{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1rem 1.25rem;margin-top:1rem;}
.badge-note{background:#fff3b0;color:#1a4b84;border-radius:6px;padding:.2rem .45rem;font-weight:700;}
.option{display:block;padding:.65rem .8rem;margin:.45rem 0;background:var(--soft);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:.18s ease;}
.option:hover{background:#fff;box-shadow:0 6px 18px rgba(2,6,23,.06);transform:translateY(-1px);}
.option.selected{border-color:var(--primary);box-shadow:0 0 0 3px rgba(37,99,235,.15);background:#fff;}
#question{font-weight:600}
.progress-wrap{font-size:.88rem;color:var(--muted)}
footer.footer{background:#0b1220;color:#e5e7eb;}
footer .nav a{color:#e5e7eb}
footer .nav a:hover{color:#fff}