:root{font-family:Geist,"Segoe UI",system-ui,sans-serif;color:#272a3d;background:#f5f7fb;--primary:hsl(198 100% 43%)}*{box-sizing:border-box}body{margin:0}button{cursor:pointer;font:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--primary);outline-offset:4px}header{height:80px;background:white;border-bottom:1px solid #e3e8f0;padding:0 5vw;display:flex;align-items:center;gap:40px}.logo{font-size:36px;letter-spacing:-3px;font-weight:800;text-decoration:none;color:#0a0b26}.logo span{font-size:12px;letter-spacing:-.3px;margin-left:5px}.header-label{font-size:10px;letter-spacing:1.4px;color:#7b8498}.student{margin-left:auto;font-size:12px;color:#667086}main{max-width:1250px;margin:auto;padding:52px 35px 20px}.topline{display:flex;justify-content:space-between;align-items:center;gap:15px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#087da5}.badge{font-size:11px;color:#3d6d84;border:1px solid #d2e7ee;background:#ecf7fb;border-radius:20px;padding:7px 12px}.heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:23px 0 35px}h1{font-size:clamp(25px,3.5vw,40px);line-height:1.2;letter-spacing:-1.5px;margin:0;font-weight:650}h1 span{color:#7d879b;font-weight:400}.heading p{font-size:13px;color:#748096;margin:17px 0 0}.primary{background:#078dbb;color:white;border:0;border-radius:8px;padding:14px 20px;font-size:13px;white-space:nowrap;box-shadow:0 3px 6px #0988b326}.workspace{display:grid;grid-template-columns:1fr 280px;gap:32px}.question-card{background:white;border:1px solid #e1e7ef;border-radius:14px;padding:28px 30px;box-shadow:0 3px 10px #15275603}.question-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#76829a}.question-top b{color:#078dbb}.tag{letter-spacing:0;font-size:10px;color:#7c8a9a}.progress{height:3px;background:#eff3f6;border-radius:3px;margin:20px 0 28px}.progress i{display:block;width:33%;height:3px;background:var(--primary);border-radius:3px}h2{font-size:18px;letter-spacing:-.3px;line-height:1.4}#question-text{font-size:14px;line-height:1.9;color:#536077}fieldset{padding:0;border:0;margin:25px 0}legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.answer{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid #e0e6ee;border-radius:8px;margin:9px 0;font-size:13px;color:#556178;cursor:pointer}.answer:has(input:checked){border-color:#0896c7;background:#effaff;color:#05698e}.answer input{accent-color:#078dbb}.question-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #edf0f5;padding-top:20px;font-size:10px;color:#8b95a7}.question-footer button{border:1px solid #e0e6ee;background:white;border-radius:6px;padding:10px 13px;color:#45546a;font-size:11px}aside{padding:20px 3px}.aside-number{font-size:60px;letter-spacing:-4px;font-weight:750;color:#d9e4ed}aside h2{font-size:17px;color:#25384e}aside p{font-size:12px;line-height:1.85;color:#8490a2}.aside-item{display:flex;gap:13px;font-size:12px;line-height:1.7;color:#748096;margin:20px 0}.aside-item b{color:#058bb8;font-size:11px}aside a{display:block;font-size:11px;color:#0786b0;text-decoration:none;margin-top:27px}main>footer{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#9ba5b7;margin-top:35px}main>footer span{letter-spacing:0}@media(max-width:800px){.workspace{grid-template-columns:1fr}aside{display:none}.heading{align-items:flex-start;flex-direction:column}main{padding:30px 18px}.question-card{padding:23px 18px}header{padding:0 20px;gap:20px}.header-label{display:none}.badge{font-size:9px}.eyebrow{font-size:9px;letter-spacing:1px}.question-footer{align-items:flex-start;flex-direction:column}.tag{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}