:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-navy:#0a083b;--color-action:#175cff;--color-progress:#1ac9a8;--color-canvas:#f7f9fa;--color-surface:#fff;--color-body-ink:#57586e;--color-border:#e4e4e4;--font-sans:Poppins, Arial, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--container:75rem;--focus-ring:0 0 0 3px var(--color-progress);--motion-fast:.18s;--ease-out:cubic-bezier(.22, 1, .36, 1);--z-sticky:20;--z-skip-link:100}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-inline-size:20rem}body{overflow-wrap:anywhere;background:var(--color-canvas);min-block-size:100dvh;color:var(--color-body-ink);font-family:var(--font-sans);text-rendering:optimizelegibility;margin:0;font-size:1rem;line-height:1.65}button,a{touch-action:manipulation}a{color:var(--color-action)}img{max-inline-size:100%;display:block}h1,h2,h3{color:var(--color-navy);letter-spacing:-.02em;text-wrap:balance;margin-block:0;line-height:1.2}p{text-wrap:pretty;max-inline-size:70ch}:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:0}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.skip-link{z-index:var(--z-skip-link);min-block-size:44px;padding:.625rem var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-navy);transition:transform var(--motion-fast) var(--ease-out);font-weight:600;position:fixed;inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm);transform:translateY(-150%)}.skip-link:focus-visible{transform:translateY(0)}.site-header{z-index:var(--z-sticky);border-block-end:1px solid var(--color-border);background:var(--color-surface);position:sticky;inset-block-start:0}.site-header__inner{inline-size:min(100% - 2rem, var(--container));justify-content:space-between;align-items:center;gap:var(--space-md);min-block-size:72px;margin-inline:auto;display:flex}.site-header__brand{align-items:center;min-block-size:44px;max-inline-size:172px;display:inline-flex}.site-header__nav{align-items:center;gap:var(--space-lg);display:flex}.site-header__nav-link{min-block-size:44px;color:var(--color-navy);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.site-header__nav-link[aria-current=page]{color:var(--color-action);text-underline-offset:.35rem;text-decoration:underline;text-decoration-thickness:2px}.button{min-block-size:48px;padding-inline:var(--space-lg);border-radius:var(--radius-pill);text-align:center;transition:background-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);justify-content:center;align-items:center;font-size:.875rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.button--primary{background:var(--color-action);color:var(--color-surface)}.button--primary:hover{background:var(--color-navy)}.route-shell{inline-size:min(100% - 2rem, var(--container));min-block-size:calc(100dvh - 73px);padding-block:var(--space-3xl);margin-inline:auto}body.drawer-open{overflow:hidden}@media (width<=40rem){.site-header__inner{min-block-size:64px}.site-header__brand{max-inline-size:132px}.site-header__nav{gap:var(--space-sm)}.site-header__nav-link{display:none}.button{padding-inline:var(--space-md)}.route-shell{min-block-size:calc(100dvh - 65px);padding-block:var(--space-2xl)}}@media (prefers-reduced-motion:reduce){.skip-link{transition-property:opacity}.skip-link:focus-visible{transform:none}}.catalog-page{padding-block-start:clamp(3rem,7vw,6rem)}.catalog-page__header{justify-content:space-between;align-items:end;gap:var(--space-xl);margin-block-end:clamp(3rem,6vw,5rem);display:flex}.catalog-page__header h1{letter-spacing:-.035em;font-size:clamp(2.5rem,5vw,4.5rem)}.catalog-page__header p{max-inline-size:44ch;margin-block:0;font-size:1.0625rem}.catalog-page__list{gap:var(--space-xl);flex-direction:column;display:flex}.track-card{border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:minmax(18rem,.95fr) minmax(0,1.05fr);display:grid;overflow:clip}.track-card:nth-child(2n) .track-card__media{order:2}.track-card__media{aspect-ratio:4/3;background:color-mix(in srgb, var(--color-navy) 92%, var(--color-action));min-block-size:24rem}.track-card__media img,.track-card__media-fallback{object-fit:cover;block-size:100%;inline-size:100%}.track-card__media-fallback{min-block-size:24rem;padding:var(--space-xl);color:var(--color-surface);text-align:center;place-items:center;display:grid}.track-card__content{flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,3.5rem);display:flex}.track-card__count{margin-block:0 var(--space-sm);color:var(--color-action);font-size:.875rem;font-weight:600}.track-card h2{letter-spacing:-.03em;font-size:clamp(1.75rem,3vw,2.75rem)}.track-card h2 a{min-block-size:44px;color:var(--color-navy);align-items:center;text-decoration:none;display:inline-flex}.track-card h2 a:hover{color:var(--color-action)}.track-card__description{margin-block:var(--space-md) var(--space-lg)}.track-card__action{min-block-size:44px;align-self:flex-start;align-items:center;gap:var(--space-sm);color:var(--color-navy);text-underline-offset:.3rem;margin-block-start:var(--space-lg);font-weight:600;text-decoration-thickness:1px;display:inline-flex}.progress{gap:var(--space-sm);inline-size:100%;display:grid}.progress__meta{justify-content:space-between;gap:var(--space-md);color:var(--color-navy);font-size:.875rem;font-weight:600;display:flex}.progress__track{border-radius:var(--radius-pill);background:var(--color-border);block-size:8px;inline-size:100%;overflow:hidden}.progress__value{border-radius:inherit;background:var(--color-progress);block-size:100%;transition:inline-size var(--motion-fast) var(--ease-out);display:block}@media (width<=48rem){.catalog-page__header{display:block}.catalog-page__header p{margin-block-start:var(--space-md)}.track-card{grid-template-columns:1fr}.track-card:nth-child(2n) .track-card__media{order:initial}.track-card__media,.track-card__media-fallback{min-block-size:16rem}}@media (prefers-reduced-motion:reduce){.progress__value{transition-property:opacity}}.curriculum{gap:var(--space-xl);display:grid}.curriculum__topic{min-inline-size:0}.curriculum__topic-heading{justify-content:space-between;align-items:baseline;gap:var(--space-md);padding-block-end:var(--space-md);display:flex}.curriculum__topic-heading h2{font-size:1.25rem}.curriculum__topic-heading>span{color:var(--color-body-ink);font-size:.875rem}.curriculum__lessons{margin:0;padding:0;list-style:none}.curriculum__lesson{border-block-start:1px solid var(--color-border)}.curriculum__lesson:last-child{border-block-end:1px solid var(--color-border)}.curriculum__lesson-link{min-block-size:64px;padding:var(--space-sm) var(--space-md);align-items:center;gap:var(--space-md);color:var(--color-navy);transition:background-color var(--motion-fast) var(--ease-out);grid-template-columns:1.5rem minmax(0,1fr) auto;text-decoration:none;display:grid}.curriculum__lesson-link:hover{background:color-mix(in srgb, var(--color-action) 6%, var(--color-surface))}.curriculum__lesson--active .curriculum__lesson-link{background:color-mix(in srgb, var(--color-action) 10%, var(--color-surface));color:var(--color-action);font-weight:600}.curriculum__lesson--completed .curriculum__indicator{color:color-mix(in srgb, var(--color-progress) 72%, var(--color-navy))}.curriculum__indicator{place-items:center;block-size:24px;inline-size:24px;display:grid}.curriculum__dot{background:var(--color-border);border-radius:50%;block-size:8px;inline-size:8px}.curriculum__lesson--active .curriculum__dot{background:var(--color-action)}.curriculum__lesson-title{overflow-wrap:anywhere;min-inline-size:0}.curriculum__lesson-meta{justify-content:flex-end;gap:var(--space-sm);color:var(--color-body-ink);flex-wrap:wrap;font-size:.75rem;font-weight:500;display:flex}.curriculum__lesson-meta:empty{display:none}@media (width<=40rem){.curriculum__lesson-link{grid-template-columns:1.5rem minmax(0,1fr);align-items:start;padding-inline:0}.curriculum__lesson-meta{grid-column:2;justify-content:flex-start}}.video-player{gap:var(--space-md);display:grid}.video-player__frame{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--color-navy);inline-size:100%;color:var(--color-surface);place-items:center;display:grid;overflow:hidden}.video-player__frame iframe{border:0;block-size:100%;inline-size:100%}.video-player__fallback{padding:var(--space-xl);justify-items:center;gap:var(--space-sm);text-align:center;display:grid}.video-player__fallback p{color:var(--color-surface);margin:0;font-weight:600}.video-player__external-link{justify-self:start;align-items:center;gap:var(--space-sm);min-block-size:44px;color:var(--color-navy);text-underline-offset:.3rem;font-weight:600;display:inline-flex}.curriculum-drawer__trigger{border:1px solid var(--color-navy);background:var(--color-surface);color:var(--color-navy);cursor:pointer}.curriculum-drawer__backdrop{z-index:40;padding:var(--space-sm);background:color-mix(in srgb, var(--color-navy) 64%, transparent);justify-content:flex-end;display:flex;position:fixed;inset:0}.curriculum-drawer__panel{border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;max-block-size:calc(100dvh - 1rem);inline-size:min(28rem,100%);display:flex;overflow:hidden;box-shadow:0 12px 32px #0a083b29}.curriculum-drawer__header{min-block-size:72px;padding:var(--space-md) var(--space-lg);border-block-end:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.curriculum-drawer__header h2{font-size:1.25rem}.curriculum-drawer__close{border-radius:var(--radius-pill);block-size:44px;inline-size:44px;color:var(--color-navy);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:inline-grid}.curriculum-drawer__close:hover{background:color-mix(in srgb, var(--color-action) 8%, var(--color-surface))}.curriculum-drawer__content{min-block-size:0;padding:var(--space-lg);overflow-y:auto}.home-page{min-block-size:calc(100dvh - 73px)}.home-hero{isolation:isolate;background:var(--color-navy);position:relative;overflow:clip}.home-hero:before{z-index:-1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--color-progress) 55%, transparent);content:"";border-radius:50%;inline-size:38rem;position:absolute;inset-block-start:-18rem;inset-inline-end:-15rem}.home-hero__inner{inline-size:min(100% - 2rem, var(--container));grid-template-columns:minmax(0,.88fr) minmax(22rem,1.12fr);align-items:center;gap:clamp(2rem,5vw,5rem);min-block-size:40rem;margin-inline:auto;display:grid}.home-hero__content{padding-block:var(--space-3xl)}.home-hero__origin{color:var(--color-progress);margin-block:0 .5rem;font-weight:600}.home-hero h1{color:var(--color-surface);letter-spacing:-.03em;font-size:clamp(2rem,4vw,3.5rem)}.home-hero__headline{max-inline-size:14ch;overflow-wrap:break-word;color:var(--color-surface);letter-spacing:-.035em;margin-block-start:var(--space-sm);font-size:clamp(2.5rem,5vw,4rem);line-height:1.02}.home-hero__copy{max-inline-size:58ch;margin-block:var(--space-lg) var(--space-xl);color:color-mix(in srgb, var(--color-surface) 88%, var(--color-navy));font-size:1.0625rem}.button--hero{background:var(--color-action);color:var(--color-surface)}.button--hero:hover{background:var(--color-surface);color:var(--color-navy)}.home-hero__media{align-self:stretch;min-block-size:40rem}.home-hero__media img,.home-hero__media-fallback{object-fit:cover;object-position:center;block-size:100%;min-block-size:40rem;inline-size:100%}.home-hero__media img{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}.home-hero__media-fallback{padding:var(--space-xl);background:color-mix(in srgb, var(--color-navy) 78%, var(--color-action));color:var(--color-surface);text-align:center;place-items:center;display:grid}.home-story{inline-size:min(100% - 2rem, var(--container));margin-inline:auto;padding-block:clamp(4rem,8vw,7.5rem)}.home-story__intro{grid-template-columns:minmax(0,1.1fr) minmax(18rem,.9fr);gap:clamp(2rem,6vw,6rem);display:grid}.home-story__intro h2{letter-spacing:-.035em;max-inline-size:20ch;font-size:clamp(2rem,4vw,3.75rem);line-height:1.08}.home-story__intro p{margin-block:.4rem 0;font-size:1.125rem}.home-story__paths{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(2rem,6vw,6rem);margin-block-start:clamp(3rem,7vw,6rem);display:grid}.home-path{padding-block:var(--space-xl);border-block-start:1px solid var(--color-border)}.home-path h3{font-size:1.25rem}.home-path p{margin-block:var(--space-sm) 0}@media (width<=48rem){.home-page{min-block-size:calc(100dvh - 65px)}.home-hero__inner,.home-story__intro{grid-template-columns:minmax(0,1fr)}.home-hero__inner{gap:0;inline-size:100%}.home-hero__content{min-inline-size:0;inline-size:min(100% - 2rem, var(--container));padding-block:var(--space-2xl);margin-inline:auto}.home-hero__headline{max-inline-size:14ch;font-size:clamp(2.25rem,13vw,4rem)}.home-hero__media,.home-hero__media img,.home-hero__media-fallback{aspect-ratio:4/3;min-block-size:22rem}.home-hero__media img{clip-path:none}.home-story__paths{grid-template-columns:1fr}}@media (width<=23.5rem){.home-hero__headline{font-size:2.2rem}}@media (prefers-reduced-motion:reduce){.home-hero__media img{clip-path:none}}.course-page{gap:clamp(3rem,7vw,6rem);display:grid}.course-hero{border-radius:var(--radius-lg);background:var(--color-surface);grid-template-columns:minmax(20rem,.9fr) minmax(0,1.1fr);min-inline-size:0;display:grid;overflow:clip}.course-hero__media{background:var(--color-navy);min-block-size:31rem}.course-hero__media img,.course-hero__media-fallback{object-fit:cover;block-size:100%;min-block-size:31rem;inline-size:100%}.course-hero__media-fallback{padding:var(--space-xl);color:var(--color-surface);text-align:center;place-items:center;display:grid}.course-hero__content{flex-direction:column;justify-content:center;min-inline-size:0;padding:clamp(1.5rem,5vw,4.5rem);display:flex}.course-hero__back{min-block-size:44px;color:var(--color-action);text-underline-offset:.3rem;align-self:flex-start;font-weight:600}.course-hero h1{letter-spacing:-.035em;margin-block-start:var(--space-sm);font-size:clamp(2.5rem,5vw,4.5rem)}.course-hero__content>p{margin-block:var(--space-md) var(--space-xl)}.course-hero__action{align-self:flex-start;gap:var(--space-sm);margin-block-start:var(--space-xl)}.course-curriculum{border-radius:var(--radius-lg);background:var(--color-surface);padding:clamp(1.5rem,4vw,3rem)}.course-curriculum__header{justify-content:space-between;align-items:baseline;gap:var(--space-md);margin-block-end:var(--space-xl);display:flex}.course-curriculum__header h2{font-size:clamp(1.75rem,3vw,2.5rem)}.course-curriculum__header p{margin:0}.course-not-found{align-content:center;justify-items:start;display:grid}.lesson-page{background:var(--color-canvas);min-block-size:calc(100dvh - 72px);inline-size:100%;margin:0;padding:0}.lesson-page__layout{grid-template-columns:minmax(17rem,21rem) minmax(0,1fr);align-items:start;min-block-size:calc(100dvh - 72px);display:grid}.lesson-page__workspace{flex-direction:column;min-inline-size:0;display:flex}.lesson-page__workspace-bar{z-index:var(--z-sticky);min-block-size:88px;padding:var(--space-md) clamp(1.5rem, 4vw, 3.5rem);align-items:center;gap:var(--space-xl);background:var(--color-navy);color:var(--color-surface);grid-template-columns:minmax(0,1fr) minmax(15rem,20rem);display:grid;position:sticky;inset-block-start:72px}.lesson-page__context{align-items:center;gap:var(--space-sm);min-inline-size:0;color:color-mix(in srgb, var(--color-surface) 78%, var(--color-navy));flex-wrap:wrap;font-size:.875rem;display:flex}.lesson-page__context a{align-items:center;gap:var(--space-sm);min-block-size:44px;color:var(--color-surface);font-weight:600;text-decoration:none;display:inline-flex}.lesson-page__context a:hover{color:var(--color-progress)}.lesson-page__course-progress .progress{gap:.375rem}.lesson-page__course-progress .progress__meta{color:var(--color-surface);font-size:.75rem}.lesson-page__course-progress .progress__track{background:color-mix(in srgb, var(--color-surface) 20%, var(--color-navy))}.lesson-page__content{order:1;min-inline-size:0}.lesson-page__stage{background:var(--color-progress);padding:clamp(2rem,5vw,4.5rem)}.lesson-page__stage-inner{inline-size:min(100%,64rem);margin-inline:auto}.lesson-page__header{gap:var(--space-md);margin-block-end:var(--space-xl);display:grid}.lesson-page__header h1{overflow-wrap:anywhere;max-inline-size:30ch;color:var(--color-navy);letter-spacing:-.035em;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.08}.lesson-page__position{color:var(--color-navy);margin:0;font-size:.875rem;font-weight:700}.lesson-page__meta{gap:var(--space-md);color:color-mix(in srgb, var(--color-navy) 82%, var(--color-progress));flex-wrap:wrap;font-size:.875rem;font-weight:600;display:flex}.lesson-page__meta span{align-items:center;gap:var(--space-sm);display:inline-flex}.lesson-page__stage .video-player__frame{box-shadow:0 8px 0 color-mix(in srgb, var(--color-navy) 16%, transparent)}.lesson-page__stage .video-player__external-link{color:var(--color-navy)}.lesson-page__overview{background:var(--color-surface)}.lesson-page__overview-tab{min-block-size:58px;inline-size:fit-content;padding-inline:var(--space-lg);border-block-end:3px solid var(--color-action);align-items:center;gap:var(--space-sm);color:var(--color-action);margin-inline:auto;font-weight:600;display:flex}.lesson-page__overview-content{inline-size:min(100% - 3rem,64rem);padding-block:clamp(2.5rem, 5vw, 4rem) var(--space-xl);margin-inline:auto}.lesson-page__overview-content h2{font-size:1.75rem}.lesson-page__overview-content p{margin-block:var(--space-md) 0}.lesson-page__continuation{inline-size:min(100% - 3rem,64rem);padding-block:var(--space-lg) var(--space-3xl);border-block-start:1px solid var(--color-border);justify-content:flex-end;align-items:center;gap:var(--space-lg);margin-inline:auto;display:flex}.lesson-page__continuation p{color:color-mix(in srgb, var(--color-progress) 70%, var(--color-navy));margin:0;font-weight:700}.lesson-page__continuation .button{cursor:pointer;border:0}.lesson-page__sidebar{border-inline-end:1px solid var(--color-border);background:var(--color-surface);block-size:calc(100dvh - 72px);position:sticky;inset-block-start:72px;overflow-y:auto}.lesson-page__sidebar-heading{z-index:1;min-block-size:88px;padding:var(--space-md) var(--space-lg);border-block-end:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex;position:sticky;inset-block-start:0}.lesson-page__sidebar-heading>div{min-inline-size:0}.lesson-page__sidebar-heading>div>span{color:var(--color-body-ink);font-size:.75rem;font-weight:600;display:block}.lesson-page__sidebar-heading h2{overflow-wrap:anywhere;font-size:1.125rem}.lesson-page__sidebar-heading strong{color:var(--color-action);flex:none;font-size:.875rem;font-weight:600}.lesson-page__sidebar .curriculum{padding:var(--space-md) var(--space-lg) var(--space-3xl)}.lesson-page__sidebar .curriculum__lesson-link{padding-inline:var(--space-sm);grid-template-columns:1.5rem minmax(0,1fr);align-items:start}.lesson-page__sidebar .curriculum__lesson-meta{grid-column:2;justify-content:flex-start}.lesson-page__drawer{display:none}@media (width<=48rem){.course-hero{grid-template-columns:minmax(0,1fr)}.course-hero__media,.course-hero__media img,.course-hero__media-fallback{aspect-ratio:4/3;min-block-size:18rem}.course-curriculum__header{display:block}.course-curriculum__header p{margin-block-start:var(--space-sm)}}@media (width<=47.99rem){.lesson-page{min-block-size:calc(100dvh - 64px)}.lesson-page__layout{grid-template-columns:minmax(0,1fr);min-block-size:calc(100dvh - 64px)}.lesson-page__sidebar{display:none}.lesson-page__drawer{padding:.75rem var(--space-md);border-block-end:1px solid var(--color-border);background:var(--color-surface);order:1;display:block}.lesson-page__workspace-bar{min-block-size:auto;padding:var(--space-md);gap:var(--space-sm);grid-template-columns:minmax(0,1fr);position:static}.lesson-page__course-progress{inline-size:100%}.lesson-page__content{order:2}.lesson-page__stage{padding:var(--space-xl) var(--space-md) 2.5rem}.lesson-page__header{margin-block-end:var(--space-lg)}.lesson-page__header h1{font-size:clamp(1.75rem,8vw,2.35rem)}.lesson-page__overview-tab{margin-inline-start:var(--space-md)}.lesson-page__overview-content,.lesson-page__continuation{inline-size:calc(100% - 2rem)}.lesson-page__continuation{justify-content:stretch}.lesson-page__continuation .button{inline-size:100%}}
