:root{--ink:#0b1a2e;--ink-2:#34465f;--muted:#65738a;--bg:#f5f8fd;--surface:#fff;--line:#dce4f0;--brand:#2d6bf0;--brand-2:#6e33ee;--brand-accent:#23c0f0;--cta-bg:#0b1a2e;--button-radius:999px;--brand-tracking:.08em;--gradient:linear-gradient(120deg, var(--brand-accent), var(--brand) 48%, var(--brand-2))}*{box-sizing:border-box}html{background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6}html,body,#app{height:100%}body{color:var(--ink);background:var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.65}img{max-width:100%;height:auto;display:block}h1{letter-spacing:-.055em;margin:24px 0;font-size:clamp(2.6rem,6vw,5.4rem);font-weight:700;line-height:1.02}@media (max-width:1024px){h1{margin:24px 0;font-size:42px;line-height:42px}}@media (max-width:768px){h1{font-size:38px;line-height:38px}}@media (max-width:400px){h1{font-size:32px;line-height:32px}}p{margin:24px 0}@media (max-width:1024px){p{margin:calc(var(--base) * .75) 0}}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}h2,h3{letter-spacing:-.035em;line-height:1.16}p{color:var(--ink-2)}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb, var(--bg) 88%, transparent);border-bottom:1px solid var(--line);z-index:20;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 590px);display:flex;position:sticky;top:0}.site-header nav{align-items:center;gap:28px;display:flex}.site-header a,footer a{text-decoration:none}.brand{letter-spacing:var(--brand-tracking);font-size:1.25rem;font-weight:800}.button{background:var(--gradient);border-radius:var(--button-radius);color:#fff;justify-content:center;padding:13px 22px;font-weight:700;text-decoration:none;display:inline-flex}.button-small{padding:8px 16px}.hub-hero,.course-hero{background:radial-gradient(circle at 12% 5%, color-mix(in srgb, var(--brand-accent) 11%, transparent), transparent 32%), radial-gradient(circle at 88% 40%, color-mix(in srgb, var(--brand-2) 10%, transparent), transparent 30%);border-bottom:1px solid var(--line);padding:48px max(24px,50vw - 590px) 88px}.course-hero h1,.hub-hero h1{max-width:980px}.hero-split{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:end;gap:48px;display:grid}.hero-split h1{margin-top:8px}.page-media{margin:28px 0 0}.page-media img{background:color-mix(in srgb, var(--brand) 6%, var(--surface));border:1px solid var(--line);object-fit:cover;border-radius:20px;width:100%;height:auto;display:block}.page-media-hero{margin:0}.landing{background:var(--bg)}.landing-wrap{width:min(1180px,100% - 48px);margin:0 auto}.landing-narrow{max-width:760px}.landing-hero{background:radial-gradient(circle at 8% 0%, color-mix(in srgb, var(--brand-accent) 18%, transparent), transparent 30%), radial-gradient(circle at 92% 18%, color-mix(in srgb, var(--brand-2) 14%, transparent), transparent 28%), linear-gradient(180deg, var(--surface) 0%, var(--bg) 100%);padding:36px 0 80px}.landing-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;gap:56px;display:grid}.landing-hero .breadcrumbs{margin-bottom:28px}.landing-hero h1{letter-spacing:-.05em;max-width:none;margin:8px 0 18px;font-size:clamp(2.3rem,4.8vw,4.15rem);line-height:1.04}.landing-hero .lede{max-width:640px;margin:0 0 28px}.landing-hero-actions{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.landing-pills{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.landing-pills span{border:1px solid var(--line);color:var(--ink-2);background:#ffffffd6;border-radius:999px;padding:7px 12px;font-size:.8rem;font-weight:600}.landing-hero-frame{position:relative}.landing-hero-frame:before{background:var(--gradient);content:"";opacity:.42;z-index:0;border-radius:32px;position:absolute;inset:22px -18px -18px 22px}.landing-hero-frame img{aspect-ratio:4/3;box-shadow:0 40px 80px -36px color-mix(in srgb, var(--brand) 55%, transparent);object-fit:cover;z-index:1;border-radius:26px;width:100%;position:relative}.landing-band{padding:80px 0}.landing-band h2{margin:8px 0 22px;font-size:clamp(1.8rem,3vw,2.7rem)}.landing-band-tint{background:linear-gradient(180deg, color-mix(in srgb, var(--brand) 8%, var(--surface)) 0%, var(--bg) 100%)}.landing-band-alt{border-block:1px solid var(--line);background:#fff}.landing-mosaic-wrap{margin:48px auto 40px}.landing-mosaic{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.landing-mosaic-tile{aspect-ratio:3/4;background:var(--cta-bg);box-shadow:0 28px 50px -30px color-mix(in srgb, var(--ink) 65%, transparent);border-radius:22px;position:relative;overflow:hidden}.landing-mosaic-tile:after{background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--ink) 28%, transparent));content:"";pointer-events:none;height:38%;position:absolute;inset:auto 0 0}.landing-mosaic-tile img{object-fit:cover;transform-origin:0;width:400%;max-width:none;height:100%;display:block}.landing-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.landing-card{background:var(--surface);box-shadow:0 20px 44px -34px var(--ink);border:1px solid #dce4f0e6;border-radius:22px;padding:22px 22px 24px}.landing-card-index{color:var(--brand);letter-spacing:.12em;margin-bottom:12px;font-size:.76rem;font-weight:800;display:block}.landing-card h3,.landing-steps h3,.landing-feature-list h3{margin:0 0 10px;font-size:1.12rem;line-height:1.3}.landing-card p,.landing-steps p,.landing-feature-list p,.landing-cta p{color:var(--ink-2);margin:0}.landing-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:8px 0 0;padding:0;list-style:none;display:grid}.landing-steps li{background:var(--surface);border:1px solid var(--line);border-radius:22px;min-width:0;padding:22px 18px 24px;position:relative}.landing-steps li span{background:var(--gradient);color:#0000;letter-spacing:.08em;-webkit-background-clip:text;background-clip:text;font-size:.82rem;font-weight:800}.landing-feature-grid{grid-template-columns:minmax(280px,.92fr) minmax(0,1.08fr);align-items:start;gap:48px;display:grid}.landing-feature-visual{position:sticky;top:96px}.landing-feature-visual img{aspect-ratio:4/3;box-shadow:0 32px 70px -40px color-mix(in srgb, var(--ink) 55%, transparent);object-fit:cover;border-radius:26px;width:100%}.landing-feature-list{gap:12px;display:grid}.landing-feature-list article{background:color-mix(in srgb, var(--brand) 4%, var(--surface));border:1px solid var(--line);border-radius:18px;padding:16px 18px}.landing-faq-grid{grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:32px;display:grid}.landing-faq details{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin-bottom:10px;padding:4px 20px}.landing-faq summary{cursor:pointer;padding:14px 0;font-weight:700}.landing-faq details p{margin:0 0 16px}.landing-related-card{transition:transform .16s,box-shadow .16s}.landing-related-card:hover{box-shadow:0 28px 70px -42px var(--ink);transform:translateY(-3px)}.landing-cta{background:radial-gradient(circle at 12% 20%, color-mix(in srgb, var(--brand-accent) 20%, transparent), transparent 34%), radial-gradient(circle at 88% 80%, color-mix(in srgb, var(--brand-2) 25%, transparent), transparent 32%), var(--cta-bg);padding:72px 0}.landing-cta-inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.landing-cta h2{color:#fff;margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.6rem)}.landing-cta p{color:color-mix(in srgb, white 76%, var(--brand-2));max-width:640px}#platform{scroll-margin-top:92px}.lede{max-width:780px;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.6}.eyebrow{color:var(--brand);letter-spacing:.13em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:800}.breadcrumbs{flex-wrap:wrap;gap:10px;margin-bottom:52px;font-size:.84rem;display:flex}.breadcrumbs span{gap:10px;display:flex}.breadcrumbs a{color:var(--muted);text-decoration:none}.content-section,.article-layout{max-width:1180px;margin:0 auto;padding:80px 24px 110px}.course-group+.course-group{margin-top:70px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.course-card,.empty-state{background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 70px -52px var(--ink);border-radius:20px;padding:28px}.course-card h2{margin:8px 0 14px;font-size:1.35rem}.course-card h2 a,.text-link{text-decoration:none}.card-meta{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.card-meta span{background:color-mix(in srgb, var(--brand) 8%, var(--surface));color:var(--ink-2);text-transform:capitalize;border-radius:999px;padding:4px 9px;font-size:.76rem}.text-link{color:var(--brand);font-weight:700}.hero-facts{gap:50px;margin-top:44px;display:flex}.hero-facts div{flex-direction:column;display:flex}.hero-facts strong{font-size:1.2rem}.hero-facts span{color:var(--muted);font-size:.82rem}.article-layout{grid-template-columns:minmax(0,760px) minmax(260px,1fr);gap:80px;display:grid}.article-layout article section{border-bottom:1px solid var(--line);padding:10px 0 64px}.article-layout article section+section{padding-top:64px}.article-layout h2{margin:8px 0 22px;font-size:clamp(1.8rem,3vw,2.6rem)}.body-copy{white-space:pre-line;font-size:1.08rem}.check-list{gap:14px;padding:0;list-style:none;display:grid}.check-list li{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px 14px 46px;position:relative}.check-list li:before{color:var(--brand);content:"✓";font-weight:900;position:absolute;left:18px}.source-note{font-size:.85rem}aside{align-self:start;gap:18px;display:grid;position:sticky;top:100px}.aside-card,.review-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:26px}.aside-card h2{margin:0;font-size:1.45rem}.aside-card .button{width:100%;margin-top:10px}.review-card{background:color-mix(in srgb, var(--brand) 8%, var(--surface));font-size:.88rem}.review-card p{margin:8px 0}.faq-list details{border-top:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;font-weight:700}.faq-list details p{margin-bottom:0}footer{background:var(--cta-bg);color:#fff;justify-content:space-between;align-items:center;padding:48px max(24px,50vw - 590px);display:flex}footer p{color:color-mix(in srgb, white 72%, var(--brand-2));margin:4px 0 0}@media (max-width:1024px){.landing-cards,.landing-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-feature-grid,.landing-faq-grid{grid-template-columns:1fr}.landing-feature-visual{position:static}}@media (max-width:900px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-split,.landing-hero-grid{grid-template-columns:1fr}.landing-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-cta-inner{flex-direction:column;align-items:flex-start}.article-layout{grid-template-columns:1fr}aside{position:static}}@media (max-width:640px){.site-header nav>a:not(.button){display:none}.card-grid,.landing-cards,.landing-steps{grid-template-columns:1fr}.landing-wrap{width:min(1180px,100% - 32px)}.hero-facts{gap:24px}footer{flex-direction:column;align-items:flex-start;gap:24px}}svg{vertical-align:middle}.home{flex-direction:column;justify-content:space-between;align-items:center;max-width:1024px;height:100vh;margin:0 auto;padding:45px;display:flex;overflow:hidden}@media (max-width:400px){.home{padding:24px}}.home .content{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex}.home .content h1{text-align:center}.home .links{align-items:center;gap:12px;display:flex}.home .links a{border-radius:4px;padding:.25rem .5rem;text-decoration:none}.home .links .admin{color:#000;background:#fff;border:1px solid #000}.home .links .docs{color:#fff;background:#000;border:1px solid #fff}.home .footer{align-items:center;gap:8px;display:flex}@media (max-width:1024px){.home .footer{flex-direction:column;gap:6px}}.home .footer p{margin:0}.home .footer .codeLink{background:#3c3c3c;border-radius:4px;padding:0 .5rem;text-decoration:none}
