:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--panel:#131a22;--line:#263240;--text:#e8edf2;--muted:#9aa7b4;--accent:#4da3ff;--system:#7fd4ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.wrap{max-width:960px;margin:0 auto;padding:0 20px}.system{color:var(--system);margin:0 0 8px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:14px}.muted{color:var(--muted)}.small{font-size:13px}h1{margin:0 0 16px;font-size:clamp(34px,7vw,60px);line-height:1.1}h2{margin:0 0 8px;font-size:26px}h3{margin:0 0 6px;font-size:18px}p{margin:0 0 8px}.hero{background:radial-gradient(ellipse at 70% 0%, #14324d 0%, var(--bg) 60%);border-bottom:1px solid var(--line);padding:72px 0 56px}.lead{color:#cfd8e1;max-width:640px;font-size:19px}.cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:24px;display:flex}.button{background:var(--accent);color:#fff;border-radius:12px;padding:14px 24px;font-size:17px;font-weight:700;text-decoration:none;display:inline-block}.button:hover{filter:brightness(1.1)}.badge{border:1px solid var(--line);color:var(--muted);border-radius:20px;padding:6px 12px;font-size:14px}main section{margin:56px 0}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px}.steps{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.num{width:28px;height:28px;color:var(--system);background:#1f3a57;border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-weight:700;display:inline-flex}.ladder{grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.ladder li{flex-direction:column;align-items:center;gap:6px;min-width:72px;font-weight:600;display:flex}.grid3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px;display:grid}.lesson{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:20px;display:grid}.lesson-anim{width:100%;height:auto;display:block}.final{text-align:center;padding:36px 20px}.final .button{margin-top:12px}footer{border-top:1px solid var(--line);padding:24px 20px 40px}