*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f4f7fb;color:#132238}header{background:#fff;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e9f0;position:sticky;top:0;z-index:3}.brand{font-size:20px}.progressText{font-size:14px;color:#53657d}main{max-width:1050px;margin:auto;padding:32px 20px}.hero{background:#102a43;color:white;border-radius:22px;padding:34px;margin-bottom:25px}.hero h1{font-size:38px;margin:0 0 8px}.hero p{color:#d9e6f2;max-width:650px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stat{background:#173f5f;padding:14px;border-radius:14px}.stat strong{font-size:25px;display:block}.tests{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.card,.quiz{background:white;border-radius:18px;padding:20px;box-shadow:0 5px 20px #102a4312}.card h3{margin:0 0 8px}.tag{font-size:12px;color:#64748b}.btn{border:0;border-radius:11px;padding:12px 16px;background:#0b6bcb;color:#fff;font-weight:700;cursor:pointer}.btn.secondary{background:#e9f2fb;color:#0b5da9}.card .btn{width:100%;margin-top:14px}.bar{height:8px;background:#e8eef5;border-radius:10px;overflow:hidden;margin:14px 0}.bar i{display:block;height:100%;background:#1683e3}.question{font-size:23px;line-height:1.35}.answers{display:grid;gap:10px;margin:22px 0}.answer{border:2px solid #dce5ef;background:white;text-align:left;padding:15px;border-radius:13px;font-size:16px;cursor:pointer}.answer.selected{border-color:#1683e3;background:#eef7ff}.answer.correct{border-color:#218838;background:#eefaf1}.answer.wrong{border-color:#c92a2a;background:#fff1f1}.toprow{display:flex;justify-content:space-between;gap:12px}.explain{padding:15px;background:#f6f8fb;border-radius:12px;margin:12px 0}.result{text-align:center}.score{font-size:55px;font-weight:800}.review{margin-top:18px;text-align:left}.reviewItem{border-top:1px solid #e6ebf1;padding:14px 0}footer{text-align:center;padding:35px;color:#6b778c;font-size:13px}@media(max-width:600px){header{padding:14px 16px}.progressText{display:none}main{padding:20px 14px}.hero{padding:25px 20px}.hero h1{font-size:29px}.stats{grid-template-columns:1fr}.question{font-size:20px}.tests{grid-template-columns:1fr 1fr}.card{padding:15px}}