*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#182230;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.wrap{max-width:920px;margin:auto;padding:18px;min-height:100vh}header{background:#fff;border-radius:24px;padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 35px #0000000a}.tag{font-size:12px;font-weight:800;letter-spacing:1.5px;color:#5964e8}h1{margin:6px 0;font-size:28px}h2{margin:8px 0}p{color:#6c7483;line-height:1.5}header button{border:0;border-radius:14px;padding:12px 15px;background:#eef0f7;font-size:20px;cursor:pointer}.page{display:none;margin-top:18px}.page.active{display:block}.intro,article{background:#fff;border-radius:24px;padding:25px;box-shadow:0 10px 35px #0000000a}.subjects{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.subjects button{border:0;border-radius:24px;padding:35px 20px;background:#fff;box-shadow:0 10px 35px #0000000a;font-size:45px;cursor:pointer}.subjects b,.subjects small{display:block}.subjects b{font-size:21px;margin-top:10px}.subjects small{font-size:13px;color:#707989;margin-top:4px}.back{border:0;border-radius:12px;background:#e9edf4;padding:10px 14px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.grid button{background:#fff;border:2px solid #e7eaf0;border-radius:18px;padding:18px;text-align:left;cursor:pointer}.grid button:hover{border-color:#5964e8}.grid b{display:block;font-size:18px}.grid small{color:#6c7483}.head{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.head strong{background:#fff;padding:11px 15px;border-radius:14px}.levels button.locked{opacity:.5}.levels .topic{font-size:13px;color:#6c7483;margin-top:5px}.qtop{display:flex;justify-content:space-between;align-items:center}.bar{height:9px;background:#e3e7ef;border-radius:99px;margin:14px 0}.bar i{display:block;height:100%;width:0;border-radius:99px;background:#5964e8}.badge{display:inline-block;padding:7px 11px;background:#eef0ff;color:#5964e8;border-radius:99px;font-size:13px;font-weight:800}.qtop span{font-weight:700;color:#596273}article h2{font-size:23px;line-height:1.4;margin:20px 0}.opt{display:block;width:100%;padding:15px;margin:8px 0;background:#fff;border:2px solid #e5e8ee;border-radius:15px;text-align:left;font-size:16px;cursor:pointer}.opt.correct{border-color:#27a36b;background:#edf9f3}.opt.wrong{border-color:#d95353;background:#fff0f0}.opt:disabled{cursor:default}#feedback{min-height:28px;margin-top:10px;font-weight:800}#next{width:100%;margin-top:10px;padding:15px;border:0;border-radius:15px;background:#5964e8;color:white;font-weight:800;font-size:16px;cursor:pointer}#next:disabled{opacity:.4}footer{text-align:center;color:#9098a5;font-size:12px;padding:28px}@media(max-width:650px){.subjects{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}h1{font-size:22px}.wrap{padding:12px}article h2{font-size:20px}}