:root{--bg-color:#f0f2f5;--card-bg:#fff;--primary:#036;--secondary:#d4af37;--text:#1c1e21;--success:#2e7d32;--error:#c62828;--muted:#6b7280;--font-main:"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*,:before,:after{box-sizing:border-box}html,body{overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text);flex-direction:column;min-height:100vh;margin:0;display:flex}a{color:inherit;text-decoration:none}button{font-family:inherit}.page-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px 12px 32px;display:flex}.quiz-shell{background:var(--card-bg);border:1px solid #e6e8eb;border-radius:14px;flex-direction:column;width:100%;max-width:1000px;display:flex;overflow:hidden;box-shadow:0 4px 24px #0000001f}header{background:linear-gradient(135deg,var(--primary),#00254d);color:#fff;text-align:center;border-bottom:4px solid var(--secondary);padding:22px}header h1{text-transform:uppercase;letter-spacing:1px;margin:0;font-size:1.65rem}.subtitle{color:#ffffffe6;margin-top:6px;font-size:.95rem}.stats-bar{color:var(--primary);background:#e6e9ec;border-bottom:1px solid #d7dbe0;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:12px 18px;font-size:.95rem;font-weight:700;display:flex}.screen{padding:26px 24px 32px;animation:.35s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.question-card{margin-bottom:18px}.category-tag{background:var(--secondary);color:var(--primary);text-transform:uppercase;letter-spacing:.3px;border-radius:6px;margin-bottom:10px;padding:5px 10px;font-size:.78rem;font-weight:800;display:inline-block}.question-text{color:var(--text);overflow-wrap:anywhere;font-size:1.22rem;font-weight:700;line-height:1.55}.options-grid{gap:12px;display:grid}.option-btn{text-align:left;cursor:pointer;overflow-wrap:anywhere;color:var(--text);background:#fff;border:2px solid #d9dde2;border-radius:10px;padding:15px 14px;font-size:1rem;transition:all .18s;position:relative}.option-btn:hover:not(.disabled){border-color:var(--primary);background:#f3f7fb;transform:translateY(-1px);box-shadow:0 6px 16px #0000000d}.option-btn.disabled{cursor:default;opacity:.96}.option-btn.correct{border-color:var(--success);color:var(--success);background:#e8f5e9}.option-btn.wrong{border-color:var(--error);color:var(--error);background:#ffebee}.feedback-area{border-left:6px solid var(--primary);background:#e3f2fd;border-radius:10px;margin-top:20px;padding:16px}.feedback-area.error-mode{border-left-color:var(--error);background:#ffebee}.feedback-area h4{margin:0 0 10px}.feedback-area p{white-space:pre-line;overflow-wrap:anywhere;margin:0}.controls{text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:18px;display:flex}.btn{background:var(--primary);color:#fff;cursor:pointer;text-transform:uppercase;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:800;transition:background .2s,transform .1s}.btn:hover{background:#004c99}.btn:active{transform:translateY(1px)}.btn-secondary{color:var(--primary);background:#f8f9fb;border:1px solid #d7dbe0}.btn-secondary:hover{background:#e9edf3}.btn-restart{background:var(--error)}.site-footer{text-align:center;color:var(--muted);background:#f7f8fa;border-top:1px solid #e6e8eb;margin-top:auto;padding:14px 18px;font-size:.95rem}.site-footer a{color:var(--primary);font-weight:700}.btn-restart:hover{background:#b71c1c}.result-box{text-align:center;padding:40px 20px}.score-display{color:var(--primary);margin:18px 0;font-size:3.8rem;font-weight:800}.score-display.fail{color:var(--error)}.info-box{color:var(--muted);background:#f7f8fa;border:1px solid #e5e7eb;border-radius:10px;margin-top:18px;padding:18px;line-height:1.55}.pill{color:var(--primary);background:#f1f4f8;border:1px solid #d7dbe0;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:8px 12px;font-weight:700;display:inline-flex}.grid-two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:14px;display:grid}.card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;box-shadow:0 2px 10px #0000000d}.muted{color:var(--muted)}.loading{color:var(--primary);align-items:center;gap:10px;font-weight:700;display:flex}.spinner{border:3px solid #dbe1e7;border-top-color:var(--primary);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:576px){header h1{font-size:1.8rem}}@media (min-width:768px){.screen{padding:32px 34px 38px}.question-text{font-size:1.28rem}}@media (min-width:1200px){header h1{font-size:2rem}}