.brand-logo{width:189px}.brand-logo img{width:100%;height:auto}.brand-logo .brand-logo-dark,.dark .brand-logo .brand-logo-light{display:none}.dark .brand-logo .brand-logo-dark{display:block}:is(.marketing,.focused,.creator) .brand-logo .brand-logo-light{display:block}:is(.marketing,.focused,.creator) .brand-logo .brand-logo-dark{display:none}.brand-logo[data-background=dark] .brand-logo-light,.brand-logo[data-background=light] .brand-logo-dark{display:none}.brand-logo[data-background=dark] .brand-logo-dark,.brand-logo[data-background=light] .brand-logo-light{display:block}:is(.marketing,.focused,.creator) .text-accent{color:var(--link)}:is(.marketing,.focused,.creator) :focus-visible{outline-color:var(--focus-ring)}.marketing .site-header{background:var(--bg);--header-fg:var(--text);--header-muted:var(--text-muted);--header-border:var(--border);--header-hover-bg:var(--bg-tint);--header-active-bg:var(--selected)}.marketing .site-header .header-cta{background:transparent;box-shadow:none}.marketing .site-header .header-cta:hover{background:var(--bg-tint)}.marketing .site-menu{--header-fg:var(--text)}.language-switcher{position:relative;flex-shrink:0}.language-trigger{display:flex;min-height:44px;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.language-trigger:hover,.language-trigger[aria-expanded=true]{background:var(--bg-tint);border-color:var(--text-muted)}.language-choice:focus-visible,.language-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.language-globe{color:var(--text-muted)}.language-chevron{transition:transform .15s}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}.language-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:60;width:208px;padding:7px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:0 12px 32px rgb(25 30 25/12%),0 2px 6px rgb(25 30 25/4%)}.language-panel-label{padding:7px 10px 9px;color:var(--text-muted);font-size:12px}.site-header .language-choice{display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 10px;border-radius:10px;font-size:14px;font-weight:500;text-decoration:none}.site-header .language-choice[aria-current=page]{background:var(--bg-tint)}.site-header .language-choice:hover{background:var(--selected);text-decoration:none}.language-code{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);font-size:10px;font-weight:600}.language-choice-copy{display:flex;flex:1;flex-direction:column;gap:2px}.language-fallback{color:var(--text-muted);font-size:11px;font-weight:400}@media (max-width:1023px){.language-switcher{margin-left:auto}}@media (max-width:479px){.language-globe{display:none}.language-trigger{gap:5px;padding-inline:9px}}@media (prefers-reduced-motion:reduce){.language-chevron,.language-trigger{transition:none}}.marketing .legal-page :is(p,li){font-size:1rem;line-height:1.75rem}.marketing .brand-home{background:var(--surface)}.marketing .brand-hero{padding:64px 0 0;background:var(--bg);text-align:center}.marketing .brand-eyebrow{font-size:12px;color:var(--text-muted);margin-bottom:22px}.marketing .brand-hero h1{max-width:920px;margin-inline:auto;font-size:var(--brand-hero-size);font-weight:550;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}.marketing .brand-hero-lead{max-width:540px;margin:23px auto 0;font-size:16px;line-height:1.75;color:var(--text-muted)}.marketing .brand-hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px 27px;margin-top:27px}.marketing .brand-hero-actions [data-variant]{min-height:46px;padding-inline:22px;font-size:13px;font-weight:600}.marketing .brand-quiet-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:13px;color:var(--text-muted)}.marketing .brand-quiet-link:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}.marketing .brand-hero-note{margin-top:14px;font-size:12px;line-height:1.7;color:var(--text-muted)}.marketing .brand-section{padding-block:80px}.marketing .brand-home h2:not(.course-preview h2){font-size:var(--brand-heading-size);font-weight:550;line-height:1.16;letter-spacing:-.04em;text-wrap:balance}.marketing .brand-home h3{font-weight:550;letter-spacing:-.015em}.marketing .brand-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 44px;padding:26px 20px;color:var(--text-muted);font-size:12px;border-bottom:1px solid var(--border)}.marketing .brand-feature-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--bg-tint);color:var(--text-muted);margin-bottom:22px}.marketing .brand-feature-icon svg{width:19px;height:19px;stroke-width:1.5}.marketing .brand-price-list{padding:4px 26px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg)}.marketing .brand-final-cta{background:var(--offwhite);border-top:1px solid var(--border);padding-block:56px}.marketing .course-preview{max-width:950px;margin:44px auto 0;text-align:left}.marketing .course-preview-tabs{display:flex;justify-content:center;gap:28px;height:auto;border:0;border-radius:0;padding:0;background:transparent}.marketing .course-preview-tabs [role=tab]{min-height:44px;padding:8px 0;border-radius:0;border-bottom:1px solid transparent;font-size:12px;color:var(--text-muted)}.marketing .course-preview-tabs [role=tab][data-state=active]{border-bottom-color:var(--text-muted);background:transparent;color:var(--text);box-shadow:none}.marketing .course-preview-tabs [role=tab]:hover{color:var(--text);background:transparent}.marketing .course-preview-panel{margin-top:16px;overflow:hidden;border:1px solid var(--border);border-radius:11px 11px 0 0;background:var(--surface);box-shadow:var(--shadow-card)}.marketing .course-preview-panel[data-state=inactive]{display:none}.marketing .course-preview-topline{display:flex;justify-content:space-between;gap:12px;padding:13px 21px;background:var(--offwhite);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:11px}.marketing .brand-status-dot{width:6px;height:6px;background:var(--accent);border-radius:2px}.marketing .course-preview-layout{display:grid;grid-template-columns:190px 1fr;min-height:374px}.marketing .course-preview-sidebar{display:flex;flex-direction:column;padding:28px 18px;background:var(--bg);border-right:1px solid var(--border);font-size:12px}.marketing .course-preview-nav{display:flex;align-items:center;gap:10px;padding:10px;margin-block:3px;color:var(--text-muted);border-radius:var(--radius-sm)}.marketing .course-preview-nav.selected{background:var(--selected);color:var(--text)}.marketing .course-preview-nav svg{width:14px;height:14px}.marketing .course-preview-main{min-width:0;padding:28px 34px}.marketing .course-preview-main h2{font-size:21px;font-weight:550;line-height:1.3;letter-spacing:-.025em}.marketing .course-preview-lesson{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px}.marketing .course-preview-lesson-icon{display:grid;flex-shrink:0;place-items:center;width:28px;height:28px;background:var(--bg-tint);border-radius:4px;color:var(--text-muted)}.marketing .course-preview-lesson-icon svg{width:12px;height:12px}.marketing .course-preview-learner{display:flex;min-height:374px;align-items:center;justify-content:center;gap:24px;padding:20px;background:var(--bg)}.marketing .course-preview-learner img{max-width:60%;max-height:334px;width:auto;height:auto;object-fit:contain;border:1px solid var(--border);border-radius:var(--radius-sm)}.marketing .course-preview-learner>span{display:flex;align-items:center;gap:8px;font-size:13px}.marketing .course-preview-learner:hover>span{text-decoration:underline;text-underline-offset:4px}.marketing .course-preview-learner:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-4px}@media (max-width:767px){.marketing .brand-hero{padding-top:44px}.marketing .brand-section{padding-block:52px}.marketing .course-preview-layout{grid-template-columns:1fr}.marketing .course-preview-sidebar{display:none}.marketing .course-preview-main{padding:24px}.marketing .course-preview-main h2{font-size:20px}.marketing .course-preview-learner{flex-direction:column;min-height:374px;gap:16px}.marketing .course-preview-learner img{max-width:100%;max-height:305px}.marketing .brand-final-cta{padding-block:44px}}@media (max-width:479px){.brand-logo{width:155px}.marketing .brand-hero-actions{flex-direction:column;gap:4px}.marketing .brand-hero-lead{font-size:15px}.marketing .brand-hero-note{max-width:280px;margin-inline:auto}.marketing .brand-trust{display:grid;grid-template-columns:1fr 1fr;text-align:left;gap:16px}.marketing .course-preview{margin-top:30px}.marketing .course-preview-main{padding:22px 16px}.marketing .course-preview-topline{padding-inline:16px}.marketing .course-preview-lesson{padding:10px;font-size:12px}}@layer utilities{.marketing :is(a,button,summary,[role=button]){transition-property:background-color,color,opacity,border-color!important;transition-duration:.15s!important;animation:none!important}.marketing :is(svg,[aria-hidden=true]){transition:none!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marketing :is(a,button,summary,[role=button]){transition-duration:0s!important}}@layer components{.student .tenant-header-link{color:var(--student-header-muted-fg)}.student .tenant-header-link-active,.student .tenant-header-link:hover{color:var(--student-header-fg);background-color:var(--student-header-hover-bg);text-decoration:none}.student .tenant-header-link-active{font-weight:600}.student .student-header-link{color:var(--student-header-muted-fg)}.student .student-header-link-active,.student .student-header-link:hover{color:var(--student-header-fg);background-color:var(--student-header-hover-bg);text-decoration:none}.student .student-header-link-active{font-weight:600}}@layer utilities{[data-student-header-theme] .student .site-header{background-color:var(--student-header-bg)!important;border-bottom-color:var(--student-header-border)!important;color:var(--student-header-fg)!important}[data-student-header-theme] .student .site-header a{color:inherit}[data-student-header-theme] .student .site-header .text-muted{color:var(--student-header-muted-fg)!important}[data-student-header-theme] .student .site-header .text-text{color:var(--student-header-fg)!important}[data-student-header-theme] .student .site-header .student-header-search{background-color:var(--student-header-search-bg)!important;border-color:var(--student-header-search-border)!important;color:var(--student-header-search-fg)!important}[data-student-header-theme] .student .site-header .student-header-search::placeholder{color:var(--student-header-search-placeholder)!important}[data-student-header-theme] .student .site-header .student-header-search:focus-visible{outline:2px solid var(--student-header-accent)!important;outline-offset:2px}[data-student-header-theme] .student .site-header .student-header-search-icon{color:var(--student-header-search-placeholder)!important}[data-student-header-theme] .student .student-header-mobile-search{background-color:var(--student-header-bg)!important;border-bottom-color:var(--student-header-border)!important;color:var(--student-header-fg)!important}[data-student-header-theme] .student .site-header .student-logout-btn{color:var(--student-header-muted-fg,var(--header-muted,var(--text-muted)))!important;background-color:transparent!important}[data-student-header-theme] .student .site-header .student-logout-btn:hover{color:var(--student-header-fg,var(--header-fg,var(--text)))!important}[data-student-header-theme] .student .site-header .student-logout-btn:active,[data-student-header-theme] .student .site-header .student-logout-btn:hover{background-color:var(--student-header-hover-bg,var(--header-hover-bg,var(--bg-tint)))!important}}.creator{--radius-2xl:0.75rem;--radius-3xl:1rem;--bg-card:#f5f5f5;--bg-card-header:#fafafa;--bg-card-hover:#ededed;--bg-card-subtle:#f5f5f5;--bg-card-light:#f3f3f3;--border-card:#e2e2e2;--border-card-light:#d8d8d8}.creator .site-header{--header-fg:var(--text);--header-muted:var(--text-muted);--header-border:var(--border);--header-hover-bg:var(--bg-tint);--header-active-bg:var(--selected)}.creator-header-link{min-height:40px;color:var(--text-muted);white-space:nowrap}.creator-header-link:hover{background:var(--bg-tint);color:var(--text);text-decoration:none}.creator-header-link-active{background:var(--selected);color:var(--text);font-weight:600;box-shadow:inset 0 -2px var(--accent)}.creator input[type=checkbox],.creator input[type=radio]{accent-color:var(--text)}.creator .tenant[role=dialog] :focus-visible{outline-color:var(--focus-ring)!important}.creator-workspace>footer>div{padding-right:5rem}@media (max-width:479px){.creator .brand-logo{width:155px}}@layer components{.student,.tenant{--bg:var(--student-background,var(--okh-bg));--text:var(--student-foreground,var(--okh-fg));--accent:var(--student-accent,var(--okh-primary));--accent-hover:var(--student-accent-hover,var(--okh-primary-strong));--accent-foreground:var(--student-accent-foreground,var(--okh-primary-foreground));--bg-tint:color-mix(in srgb,var(--bg) 95%,var(--text));--selected:color-mix(in srgb,var(--bg) 94%,var(--text));--surface:color-mix(in srgb,var(--student-background,var(--okh-surface)) 90%,white);--text-muted:color-mix(in srgb,var(--text) 72%,var(--bg));--border:color-mix(in srgb,var(--text) 12%,var(--bg));--offwhite:var(--bg-tint);--link:var(--text);--link-hover:var(--text);--focus-ring:var(--text);--background:var(--bg);--foreground:var(--text);--primary:var(--accent);--primary-hover:var(--accent-hover);--primary-foreground:var(--accent-foreground);--secondary:var(--bg-tint);--secondary-foreground:var(--text);--muted-foreground:var(--text-muted);--card:var(--surface);--card-foreground:var(--text);--popover:var(--surface);--popover-foreground:var(--text);--ring:var(--focus-ring);--bg-card:var(--bg-tint);--bg-card-header:var(--surface);--bg-card-hover:var(--selected);--bg-card-subtle:var(--bg-tint);--bg-card-light:var(--bg-tint);--border-card:var(--border);--border-card-light:var(--border)}.tenant .tenant-header-link{color:var(--student-header-muted-fg,var(--header-muted,var(--text-muted)))}.tenant .tenant-header-link:hover{background-color:var(--student-header-hover-bg,var(--header-hover-bg,var(--bg-tint)))}.tenant .tenant-header-link-active,.tenant .tenant-header-link:hover{color:var(--student-header-fg,var(--header-fg,var(--text)));text-decoration:none}.tenant .tenant-header-link-active{background-color:var(--student-header-hover-bg,var(--header-active-bg,var(--selected)));font-weight:600}.tenant .student-header-link{color:var(--student-header-muted-fg)}.tenant .student-header-link-active,.tenant .student-header-link:hover{color:var(--student-header-fg);background-color:var(--student-header-hover-bg);text-decoration:none}.tenant .student-header-link-active{font-weight:600}.tenant .text-muted{color:var(--text-muted)!important}.tenant :focus-visible{outline-color:var(--focus-ring)!important;outline-width:2px!important}}@layer utilities{[data-student-header-theme] .tenant .site-header{background-color:var(--student-header-bg)!important;border-bottom-color:var(--student-header-border)!important;color:var(--student-header-fg)!important;--header-fg:var(--student-header-fg);--header-muted:var(--student-header-muted-fg);--header-border:var(--student-header-border);--header-hover-bg:var(--student-header-hover-bg);--header-active-bg:var(--student-header-hover-bg)}[data-student-header-theme] .tenant .site-header .text-muted{color:var(--student-header-muted-fg)!important}[data-student-header-theme] .tenant .site-header .text-text{color:var(--student-header-fg)!important}[data-student-header-theme] .tenant .site-header .student-header-search{background-color:var(--student-header-search-bg)!important;border-color:var(--student-header-search-border)!important;color:var(--student-header-search-fg)!important}[data-student-header-theme] .tenant .site-header .student-header-search::placeholder{color:var(--student-header-search-placeholder)!important}[data-student-header-theme] .tenant .site-header .student-header-search:focus-visible{outline:2px solid var(--student-header-accent)!important;outline-offset:2px}[data-student-header-theme] .tenant .site-header .student-header-search-icon{color:var(--student-header-search-placeholder)!important}[data-student-header-theme] .tenant .student-header-mobile-search{background-color:var(--student-header-bg)!important;border-bottom-color:var(--student-header-border)!important;color:var(--student-header-fg)!important}[data-student-header-theme] .tenant .site-header .student-logout-btn{color:var(--student-header-muted-fg,var(--header-muted,var(--text-muted)))!important;background-color:transparent!important}[data-student-header-theme] .tenant .site-header .student-logout-btn:hover{color:var(--student-header-fg,var(--header-fg,var(--text)))!important}[data-student-header-theme] .tenant .site-header .student-logout-btn:active,[data-student-header-theme] .tenant .site-header .student-logout-btn:hover{background-color:var(--student-header-hover-bg,var(--header-hover-bg,var(--bg-tint)))!important}.tenant .site-header{background-color:var(--surface)!important;border-bottom-color:var(--border)!important;color:var(--text)!important;--header-fg:var(--text);--header-muted:var(--text-muted);--header-border:var(--border);--header-hover-bg:var(--bg-tint);--header-active-bg:var(--selected)}.tenant .site-header .text-muted{color:var(--header-muted)!important}.tenant .site-header .text-text{color:var(--header-fg)!important}.tenant .site-header .student-logout-btn{color:var(--header-muted,var(--text-muted))!important;background-color:transparent!important}.tenant .site-header .student-logout-btn:hover{color:var(--header-fg,var(--text))!important}.tenant .site-header .student-logout-btn:active,.tenant .site-header .student-logout-btn:hover{background-color:var(--header-hover-bg,var(--bg-tint))!important}}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/013b72fa676f92e0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/b9408752a0c24fb9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/65f03d54ccadf4a8-s.woff2) format("woff2");unicode-range:u+2000-2001,u+2004-2008,u+200a,u+23b8-23bd,u+2500-259f}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e038a29029a234f2-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/2b5b02fc7e511755-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/7d4881bb7e1bf84d-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_c29908{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_c29908{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@font-face{font-family:brandFont;src:url(/_next/static/media/ce7227bd99cea9ea-s.p.woff2) format("woff2");font-display:swap;font-weight:100 1000}@font-face{font-family:brandFont Fallback;src:local("Arial");ascent-override:93.39%;descent-override:29.18%;line-gap-override:0.00%;size-adjust:106.22%}.__className_f6356e{font-family:brandFont,brandFont Fallback}.__variable_f6356e{--font-brand-sans:"brandFont","brandFont Fallback"}