.online-page{overflow-x:clip}.online-page h2{font:800 clamp(2rem,4.4vw,3.1rem)/1.05 var(--display);letter-spacing:-.03em;color:var(--ink)}.online-page h2 em,.online-hero h1 em{color:var(--accent);font-style:normal}.online-kicker{font:700 .8125rem/1.5 var(--tech);letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.online-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:56px;padding:64px 0 24px;display:grid}.online-hero .paper-kicker{color:var(--accent)}.online-hero h1{font:800 clamp(2.5rem,5.6vw,4.4rem)/1.03 var(--display);letter-spacing:-.045em;color:var(--ink);text-wrap:balance;margin:16px 0 18px}.online-lede{max-width:560px;color:var(--muted);font-size:1.125rem;line-height:1.65}.online-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:30px;display:flex}.online-screen{border:1px solid var(--line-strong);background:#0b1220;border-radius:12px;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 0 70px -20px #f8d90773,0 30px 60px -30px #000}.online-screen-bar{border-bottom:1px solid var(--line);background:#0f1828;align-items:center;gap:6px;padding:10px 14px;display:flex}.online-screen-bar span{background:#334155;border-radius:50%;width:10px;height:10px}.online-screen-bar b{font:600 .75rem/1 var(--tech);letter-spacing:.06em;color:var(--muted);margin-left:10px}.online-screen-body{padding:18px}.online-play{aspect-ratio:16/9;color:var(--accent);background:radial-gradient(circle at 30% 30%,#f8d90740,#0000 60%),linear-gradient(135deg,#1e2a44,#0b1220);border-radius:8px;place-items:center;font-size:3rem;display:grid}.online-progress{background:#ffffff14;border-radius:3px;height:6px;margin:14px 0}.online-progress span{border-radius:inherit;background:var(--accent);width:38%;height:100%;display:block}.online-screen ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.online-screen li{color:var(--muted);background:#ffffff08;border-radius:6px;padding:9px 12px;font-size:.875rem}.online-screen li.is-current{color:var(--ink);background:#f8d9071f}.online-courses,.online-features,.online-steps{padding-top:88px}.online-course-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin:32px 0 0;padding:0;list-style:none;display:grid}.online-course-grid a{border:1px solid var(--line-strong);background:linear-gradient(#0e1626,#080d17);border-radius:12px;flex-direction:column;height:100%;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.online-course-grid a:hover,.online-course-grid a:focus-visible{border-color:var(--accent);outline:none;transform:translateY(-4px)}.online-course-img{aspect-ratio:16/9;background:#141d30;display:block}.online-course-img img{object-fit:cover;width:100%;height:100%}.online-course-body{flex-direction:column;flex:1;gap:8px;padding:18px;display:flex}.online-course-body h3{font:700 1.15rem/1.3 var(--display);color:var(--ink)}.online-course-body p{color:var(--muted);font-size:.9375rem}.online-price{align-items:baseline;gap:10px;margin-top:auto;display:flex}.online-price b{font:800 1.35rem/1 var(--display);color:var(--accent)}.online-price s{color:var(--muted)}.online-course-go{font:700 .8125rem/1.4 var(--tech);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}.online-features ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.online-features li{border:1px solid var(--line-strong);background:linear-gradient(#0e1626,#080d17);border-radius:10px;padding:24px 22px}.online-features li>span{width:44px;height:44px;color:var(--accent);background:#f8d9071f;border-radius:10px;place-items:center;font-size:1.3rem;display:grid}.online-features h3{font:700 1.15rem/1.3 var(--display);color:var(--ink);margin:14px 0 6px}.online-features p{color:var(--muted);font-size:.9375rem}.online-steps ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:32px 0 0;padding:0;list-style:none;display:grid}.online-steps li{border-top:3px solid var(--accent);background:#ffffff05;border-radius:0 0 10px 10px;padding:22px}.online-steps li>span{font:800 2rem/1 var(--display);color:var(--accent)}.online-steps h3{font:700 1.15rem/1.3 var(--display);color:var(--ink);margin:10px 0 6px}.online-steps p{color:var(--muted);font-size:.9375rem}.online-final{text-align:center;background:radial-gradient(60% 80% at 50% 0,#f8d90724,#0000 70%);border-top:1px solid #f8d90740;margin-top:96px;padding:72px 0 88px}.online-final p{color:var(--muted);margin:12px 0 26px}@media (max-width:900px){.online-hero{grid-template-columns:1fr;gap:40px;padding-top:40px}.online-features ul,.online-steps ol{grid-template-columns:1fr}}