:root{color:#e8edf5;font-synthesis:none;background:#101a27;font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.6}*{box-sizing:border-box}body{margin:0}a{color:#94e5cc;text-underline-offset:.25em}header,footer{color:#c0cada;max-width:1100px;margin:auto;padding:1.4rem 2rem}header{border-bottom:1px solid #334157;flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}header a{color:#f4f7fc;font-weight:650;text-decoration:none}header span{font-size:.9rem}main{max-width:900px;margin:auto;padding:2rem}.eyebrow{color:#94e5cc;letter-spacing:.14em;font-size:.78rem}h1{letter-spacing:-.04em;margin:1rem 0;font-size:clamp(2rem,7vw,3.5rem);line-height:1.1}.intro>p:last-child{color:#c0cada;margin-bottom:2rem}.lesson{background:#192638;border:1px solid #394a61;border-radius:16px;padding:1.5rem}h2{margin-top:0;font-size:1.3rem}video{aspect-ratio:16/9;background:#0b1220;border-radius:8px;width:100%;margin-bottom:1rem;display:block}button{color:#101a27;font:inherit;cursor:pointer;background:#94e5cc;border:1px solid #94e5cc;border-radius:7px;min-height:44px;margin:.3rem .7rem .3rem 0;padding:.7rem 1.1rem;font-weight:650}button:hover{background:#b9f3e0}button.secondary{color:#e8edf5;background:0 0;border-color:#8194ad;font-weight:400}:focus-visible{outline-offset:4px;outline:3px solid #ffce82}details{margin-top:1rem}summary{cursor:pointer;padding:.5rem 0}.actions{border-top:1px solid #394a61;margin-top:1.2rem;padding-top:.5rem}h3{font-size:1.05rem}.muted,footer{color:#c0cada;font-size:.9rem}footer{text-align:center}[role=status]:empty{display:none}@media (width<=550px){main,header,footer,.lesson{padding:1rem}}