*{box-sizing:border-box}body{margin:0;background:#f4f6fa;color:#182230;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app{max-width:900px;margin:auto;padding:14px;min-height:100vh}header,.card,.subjects button,.grid button{background:#fff;border-radius:22px;box-shadow:0 8px 30px #0000000a}header{padding:22px;display:flex;justify-content:space-between;align-items:center}header span{font-size:12px;font-weight:800;letter-spacing:1.4px;color:#5964e8}h1{margin:5px 0;font-size:27px}.screen{display:none;margin-top:16px}.screen.active{display:block}.card{padding:24px}p{color:#6c7483;line-height:1.5}.subjects{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.subjects button{border:0;padding:30px 18px;font-size:42px;cursor:pointer}.subjects b,.subjects small{display:block}.subjects b{font-size:21px;margin-top:8px}.subjects small{font-size:13px;color:#697386;margin-top:5px}.back{border:0;background:#e8ecf3;border-radius:11px;padding:10px 13px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin-top:15px}.grid button{border:2px solid #e6eaf0;padding:20px;text-align:left;cursor:pointer}.grid b{display:block;font-size:19px;margin-bottom:5px}.grid small{color:#697386;line-height:1.4}.qtop{display:flex;justify-content:space-between;align-items:center}.bar{height:9px;background:#e1e5ed;border-radius:99px;margin:14px 0}.bar i{display:block;height:100%;width:0;background:#5964e8;border-radius:99px}.badge{display:inline-block;background:#eef0ff;color:#5964e8;padding:6px 10px;border-radius:99px;font-size:12px;font-weight:800}.card h2{line-height:1.45;font-size:22px}.answer{display:block;width:100%;margin:8px 0;padding:14px;border:2px solid #e4e8ef;border-radius:14px;background:#fff;text-align:left;font-size:16px;cursor:pointer}.answer.correct{border-color:#29a36a;background:#edf9f3}.answer.wrong{border-color:#d45252;background:#fff0f0}.answer:disabled{cursor:default}#feedback{min-height:26px;font-weight:800;margin-top:8px}#next{width:100%;border:0;border-radius:14px;padding:14px;background:#5964e8;color:#fff;font-weight:800;cursor:pointer}#next:disabled{opacity:.4}header button{border:0;border-radius:12px;padding:10px;background:#eef0f6;font-size:19px}footer{text-align:center;color:#8c95a2;font-size:12px;padding:25px}@media(max-width:650px){.subjects{grid-template-columns:1fr}.grid{grid-template-columns:1fr}h1{font-size:22px}}