:root{--bg:#f6f7fb;--card:#fff;--text:#202432;--muted:#687086;--primary:#3b6df6;--primary-dark:#244fc2;--border:#e3e7f0;--ok:#1f9d55;--danger:#d64545;--gold:#f7b731}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:#111827;color:white;box-shadow:0 4px 16px rgba(0,0,0,.12)}.brand{font-weight:800;color:white;font-size:1.1rem}.topbar nav a{color:white;margin-left:16px;opacity:.9}.topbar nav a:hover{opacity:1}.container{max-width:1100px;margin:28px auto;padding:0 18px}.footer{text-align:center;color:var(--muted);font-size:.9rem;padding:30px}.hero{display:grid;grid-template-columns:1.4fr .8fr;gap:24px;align-items:center}.card{background:var(--card);border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:0 10px 30px rgba(31,41,55,.06);margin-bottom:18px}.hero h1{font-size:2.2rem;margin:0 0 12px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.btn{display:inline-block;background:var(--primary);color:white;border:0;border-radius:14px;padding:11px 16px;font-weight:700;cursor:pointer}.btn:hover{background:var(--primary-dark);color:white}.btn.secondary{background:#eef2ff;color:#2742a0}.btn.danger{background:var(--danger)}input,select,textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:11px 12px;font:inherit;background:#fff}label{font-weight:700;margin:10px 0 6px;display:block}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.table{width:100%;border-collapse:collapse;background:white;border-radius:14px;overflow:hidden}.table th,.table td{border-bottom:1px solid var(--border);padding:11px;text-align:left}.table th{background:#f1f4fb}.pill{display:inline-block;border-radius:999px;background:#eef2ff;color:#2742a0;padding:4px 9px;font-size:.85rem}.alert{padding:12px 14px;border-radius:14px;margin:12px 0}.alert.error{background:#fee2e2;color:#991b1b}.alert.ok{background:#dcfce7;color:#166534}.question{font-size:1.35rem;font-weight:800;margin-bottom:16px}.option{display:block;width:100%;text-align:left;background:#fff;border:2px solid var(--border);padding:14px;margin:10px 0;border-radius:16px;cursor:pointer}.option:hover{border-color:var(--primary)}.score{font-size:1.2rem;font-weight:800}.mission-box{background:linear-gradient(135deg,#111827,#243b73);color:#fff}.mission-box .muted{color:#d1d5db}@media(max-width:760px){.hero{grid-template-columns:1fr}.topbar{display:block}.topbar nav{margin-top:10px}.topbar nav a{margin-left:0;margin-right:12px;display:inline-block;margin-top:8px}}