:root{--primary:#1976D2;--accent:#FF7A00;--bg:#F6F8FB;--text:#111827;--muted:#6B7280;--ok:#16A34A;--bad:#EF4444;--border:#E5E7EB}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text)}.wrap{max-width:760px;margin:24px auto;padding:16px}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px;box-shadow:0 8px 30px rgba(0,0,0,.05)}h1{margin:0 0 8px;font-size:clamp(22px,3.2vw,28px)}.sub{color:var(--muted);margin:0 0 14px;font-size:14px}.progress{font-weight:700;color:#0f172a;margin:8px 0 10px}.bar{width:100%;height:8px;background:#f3f4f6;border-radius:999px;overflow:hidden}.bar>div{height:100%;background:var(--primary);width:0%;transition:width .25s ease}.q{font-size:18px;font-weight:700;margin:14px 0 10px}.choice{display:block;width:100%;text-align:left;padding:12px 14px;margin:8px 0;border:1px solid var(--border);border-radius:12px;background:#fff;cursor:pointer;line-height:1.4}.choice:hover{background:#F9FAFB}.choice.correct{border-color:var(--ok);background:#ECFDF5}.choice.incorrect{border-color:var(--bad);background:#FEF2F2}.ex{display:none;margin-top:12px;padding:12px;background:#F0F9FF;border-left:4px solid var(--primary);border-radius:8px}.controls{display:flex;gap:10px;margin-top:16px}.btn{padding:11px 16px;border:0;border-radius:10px;font-weight:600;cursor:pointer;letter-spacing:0;line-height:1.2;text-shadow:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.btn-next:disabled{background:#FFD2A6;cursor:not-allowed;box-shadow:none}.btn-next{background:var(--accent);color:#fff;box-shadow:0 10px 28px rgba(255,122,0,.25)}.btn-reset{background:#EEF2FF;color:#3730A3}.skip-link{position:absolute;top:-40px;left:6px;background:var(--primary);color:white;padding:8px;text-decoration:none;border-radius:4px}.skip-link:focus{top:6px;z-index:1000}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}fieldset{border:none;padding:0;margin:0}legend{font-weight:700;margin-bottom:8px}.choice:focus{outline:2px solid var(--primary);outline-offset:2px}.btn:focus{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:640px){.btn{width:100%;letter-spacing:0;line-height:1.2;text-shadow:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.controls{flex-direction:column}}
.container-quiz{max-width:700px;margin-inline:auto;margin-block:2rem;padding-inline:1rem;}