*{box-sizing:border-box}body{margin:0;background:#0b1020;color:#f2f6ff;font-family:system-ui,Segoe UI,Arial,sans-serif;line-height:1.5}main{width:min(1120px,100%);margin:auto;padding:16px}a{color:inherit}.topbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:14px}.back,button{border:1px solid #2b3d5e;background:#141d2e;color:#eaf5ff;border-radius:8px;min-height:42px;padding:9px 13px;text-decoration:none;font-weight:800}button{cursor:pointer}.primary{background:#10b981;color:#04130e;border-color:#10b981}.hero{padding:20px 0 18px;border-bottom:1px solid #263852;margin-bottom:18px}h1{margin:0;font-size:clamp(30px,7vw,52px);letter-spacing:0}.hero p{max-width:760px;color:#b9c5da}.mini,.badge{color:#5eead4;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.08em}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.lesson-card{display:flex;flex-direction:column;gap:8px;min-height:150px;border:1px solid #293a58;background:#121b2b;border-radius:8px;padding:14px;text-decoration:none}.lesson-card strong{font-size:20px}.lesson-card span{color:#c8d3e6}.lesson-card .muted{color:#8fa0bc}.lesson-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr}.lesson{align-self:center;border:1px solid #2a3c5b;background:#121b2b;border-radius:8px;padding:18px;box-shadow:0 24px 60px #0007}.lesson-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.counter{color:#9fb0ca;font-weight:800}.body{font-size:18px;color:#d8e1f2}.question-box{display:grid;gap:12px}.question{font-size:clamp(19px,3.5vw,28px);font-weight:850;margin:0}.options{display:grid;gap:8px}.opt{border:1px solid #304464;background:#0f1726;border-radius:8px;padding:9px 11px}.opt.correct{border-color:#10b981;background:#0f2b24}.answer{font-size:18px;font-weight:900;color:#86efac}.tip{color:#fde68a}.evidence{border-left:4px solid #60a5fa;background:#0f1726;padding:10px 12px;color:#cbd7ea}.evidence a{color:#93c5fd}.timeline{height:7px;background:#26344f;border-radius:99px;overflow:hidden;margin:18px 0}.timeline div{height:100%;width:0;background:#10b981}.controls{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:10px}@media(max-width:680px){main{padding:10px}.topbar,.controls{grid-template-columns:1fr;display:grid}.lesson{padding:14px}.lesson-card{min-height:126px}}