:root{--brand: #0b4a8a;--brand-dark: #083866;--bg: #f5f7fa;--card: #ffffff;--border: #d8dee6;--text: #1c2530;--muted: #5b6776;--error: #b3261e}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}.container{max-width:820px;margin:0 auto;padding:32px 20px 80px}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header h1{font-size:22px;margin:0;color:var(--brand-dark)}.card{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:24px;box-shadow:0 1px 2px #0000000a}label{display:block;margin:12px 0 6px;font-weight:600}input[type=text],input[type=password]{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:16px}button{background:var(--brand);color:#fff;border:none;padding:12px 20px;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600}button:hover:not(:disabled){background:var(--brand-dark)}button:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--error);margin-top:12px;font-size:14px}.muted{color:var(--muted);font-size:14px}.question{border-top:1px solid var(--border);padding:18px 0}.question:first-of-type{border-top:none}.question h3{margin:0 0 12px;font-size:16px}.option{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;border-radius:6px;cursor:pointer}.option:hover{background:#eef2f7}.option input{margin-top:4px}.footer-actions{margin-top:24px;display:flex;justify-content:space-between;align-items:center}.progress{font-size:14px;color:var(--muted)}.center{text-align:center;padding:40px 0}.attempt-banner{display:inline-block;background:#e8f0fa;color:var(--brand-dark);border:1px solid #c7dbf2;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.score-box{margin:20px 0;padding:18px 24px;background:#f0f6ff;border:1px solid #cfe0f7;border-radius:8px;display:flex;align-items:baseline;gap:18px}.score-number{font-size:28px;font-weight:700;color:var(--brand-dark)}.score-percent{font-size:18px;color:var(--muted)}.badge{display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;margin-left:6px;vertical-align:middle}.badge-ok{background:#e3f4e6;color:#1b6f2c;border:1px solid #b6e0bf}.badge-bad{background:#fde7e5;color:#8a1f17;border:1px solid #f5b8b3}.review-option{cursor:default;border:1px solid transparent;margin:4px 0}.review-option:hover{background:transparent}.option-correct{background:#eaf6ec;border-color:#bfe0c6}.option-wrong{background:#fdecea;border-color:#f3bdb6}.hint{color:var(--muted);font-size:13px;margin-left:6px}