:root{font-family:system-ui,-apple-system,"PingFang SC",sans-serif;color:#e2f2f3;background:#0b1a24;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0,#20444899,transparent 55%),#0b1a24}header,main,footer{max-width:1260px;margin:auto;padding:28px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #334a52}.brand{display:flex;gap:12px;align-items:center;color:#e6f8f6;text-decoration:none;font-size:21px;font-weight:700}.mark{width:42px;height:42px;background:#71d8c7;color:#08252a;display:grid;place-items:center;border-radius:12px;font-size:32px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:#91afb7;font-weight:400;margin-top:5px}.top-note{font-size:13px;color:#aac2c7}.hero{padding:40px 0 30px}.eyebrow,.number{font-size:12px;letter-spacing:2px;color:#77d5c5}h1{font-size:clamp(28px,4vw,46px);font-weight:750;letter-spacing:-1px;margin:16px 0}p{line-height:1.9;color:#abc3ca;font-size:15px}h2{font-size:28px;margin:12px 0}h3{font-size:23px;margin:12px 0}.subjects{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.subject{border:1px solid #38535d;border-radius:18px;background:linear-gradient(145deg,#173541bb,#102530e8);padding:24px}.subject-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid #4e787d;border-radius:14px;color:#8ce5d2;font-size:30px}.badge{font-size:11px;color:#a7bbc1;background:#273d46;border-radius:20px;padding:7px 10px}.live{background:#204c45;color:#a1f3d8}.lesson{margin-top:25px;border:1px solid #497c7d;border-radius:12px;overflow:hidden}.lesson-art{height:125px;background:linear-gradient(0deg,#112b33cc,#18364122),url(math/fractions/assets/training-floor.jpg) center/cover}.lesson-copy{padding:17px}.lesson-tag{font-size:11px;color:#85dccb}.lesson-copy p{font-size:13px}.play{display:flex;align-items:center;justify-content:space-between;background:#83e3cb;color:#08232a;padding:14px;border-radius:9px;text-decoration:none;min-height:48px;font-size:14px;font-weight:700}.play:hover{background:#b5f5e1}.play:focus-visible,.brand:focus-visible{outline:3px solid #fff3af;outline-offset:4px}.soon .icon{color:#b7c7cf;border-color:#4b6670}.empty{min-height:250px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:#8ba8b2}.empty>span{font-size:44px;opacity:.35}.empty b{font-size:14px;font-weight:500}.empty p{font-size:12px;color:#77949f}.note{display:flex;align-items:center;gap:14px;margin-top:25px;border:1px solid #304b54;border-radius:12px;padding:8px 18px;background:#0e2631}.note>span{font-size:26px;color:#7ad2c0}.note p{font-size:12px;margin:8px 0}footer{display:flex;justify-content:space-between;font-size:11px;color:#7495a0;padding-top:12px;padding-bottom:max(24px,env(safe-area-inset-bottom))}@media(max-width:900px){.subjects{grid-template-columns:1fr 1fr}.math{grid-column:1/-1}.lesson{display:grid;grid-template-columns:1fr 1.4fr}.lesson-art{height:100%;min-height:170px}.empty{min-height:160px}}@media(max-width:550px){header,main,footer{padding:20px}.brand{font-size:18px}.top-note,.desktop{display:none}.hero{padding:20px 0}.subjects{grid-template-columns:1fr}.math{grid-column:auto}.subject{padding:20px}.lesson{display:block}.lesson-art{height:120px;min-height:0}.empty{min-height:100px}.subject-top{margin-bottom:14px}.note{padding:10px}.note p{font-size:12px}.number{font-size:10px}}