:root{color:#172033;background:#f4f7fb;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:#2454d6;font-weight:700;text-decoration:none}button,input,select{font:inherit;border:1px solid #c7d2e5;border-radius:10px;padding:.75rem .9rem}button{color:#fff;cursor:pointer;background:#2454d6;font-weight:700}.app-shell{max-width:1120px;margin:0 auto;padding:2rem}.app-header{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.app-header h1,.panel h1{margin:0}.app-header nav{flex-wrap:wrap;gap:1rem;display:flex}.panel{background:#fff;border:1px solid #dfe7f3;border-radius:24px;padding:2rem;box-shadow:0 18px 45px #12203814}.hero-panel{min-height:420px}.eyebrow{color:#62708a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.8rem;font-weight:800}.lead{color:#4a5872;max-width:760px}.notice{color:#24426f;background:#edf4ff;border:1px solid #c8ddff;border-radius:14px;margin:1rem 0;padding:1rem}.notice.warning{color:#684b00;background:#fff8e6;border-color:#f2d17c}.notice.error{color:#7c1f1f;background:#fff0f0;border-color:#f0b4b4}.exam-form,.filter-row{flex-wrap:wrap;align-items:end;gap:1rem;margin-top:1.5rem;display:flex}.exam-form label,.filter-row{color:#4a5872;gap:.35rem;font-weight:700;display:grid}.question-list{gap:1rem;margin-top:1.5rem;display:grid}.question-card{border:1px solid #dfe7f3;border-radius:18px;padding:1.25rem}.question-card h2{margin:.75rem 0;font-size:1.1rem}.question-card label{gap:.35rem;display:grid}.question-meta{color:#62708a;flex-wrap:wrap;gap:.75rem;font-size:.85rem;font-weight:700;display:flex}.hint,.explanation{color:#4a5872;background:#f7f9fd;border-left:4px solid #2454d6;border-radius:10px;padding:.75rem}.actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.secondary-link{color:#4a5872}.score-line{color:#2454d6;margin:1rem 0 0;font-size:2rem;font-weight:800}.correct{color:#0a7a45}.incorrect{color:#b3261e}@media (width<=720px){.app-shell{padding:1rem}.app-header{flex-direction:column;align-items:flex-start}.panel{padding:1.25rem}}