.catalog-page{background:hsl(var(--background));min-height:100vh;color:hsl(var(--foreground));font-family:var(--font-sans), system-ui, sans-serif}.catalog-topbar{z-index:20;border-bottom:1px solid hsl(var(--hairline));background:hsl(var(--background) / .9);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);align-items:center;gap:1.5rem;min-height:4rem;padding:.75rem clamp(1rem,4vw,4rem);display:flex;position:sticky;top:0}.catalog-topbar__nav{color:hsl(var(--ink-2));gap:1.25rem;font-size:.875rem;font-weight:600;display:flex}.catalog-topbar__nav a:hover,.catalog-topbar__nav a.is-active{color:hsl(var(--primary))}.mobile-brand{font-family:var(--font-display), var(--font-sans), sans-serif;align-items:center;gap:.5rem;margin-right:auto;font-weight:700;display:inline-flex}.mobile-brand span{border-radius:var(--radius);background:hsl(var(--primary));width:2rem;height:2rem;color:hsl(var(--primary-foreground));place-items:center;display:grid}.icon-btn{border-radius:var(--radius);width:2.25rem;height:2.25rem;color:hsl(var(--ink-2));place-items:center;display:grid}.icon-btn:hover,.icon-btn:focus-visible{background:hsl(var(--primary-soft));color:hsl(var(--primary))}.catalog-content{width:min(100%,96rem);margin:0 auto;padding:0 clamp(1rem,4vw,4rem) 4rem}.course-netflix-hero{isolation:isolate;border-bottom:1px solid hsl(var(--hairline));min-height:clamp(23rem,55vw,39rem);position:relative;overflow:hidden}.course-netflix-hero__media,.course-netflix-hero__slide,.course-netflix-hero__image,.course-netflix-hero__overlay{position:absolute;inset:0}.course-netflix-hero__slide{opacity:0;transition:opacity .3s}.course-netflix-hero__slide[data-active=true]{opacity:1}.course-netflix-hero__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.course-netflix-hero__image--mobile{display:none}.course-netflix-hero__overlay{z-index:1;background:linear-gradient(90deg, hsl(var(--background) / .98) 0%, hsl(var(--background) / .72) 35%, transparent 75%), linear-gradient(0deg, hsl(var(--background)) 0%, transparent 35%)}.course-netflix-hero__content{z-index:2;flex-direction:column;justify-content:center;gap:1rem;width:min(100%,48rem);min-height:clamp(23rem,55vw,39rem);padding:clamp(2rem,8vw,6rem) clamp(1rem,4vw,4rem);display:flex;position:relative}.course-netflix-hero__title{max-width:14ch;color:hsl(var(--foreground));font-family:var(--font-display), var(--font-sans), sans-serif;margin:0;font-size:clamp(2rem,5vw,4.5rem);line-height:1.02}.course-netflix-hero__description{max-width:52ch;color:hsl(var(--ink-2));margin:0;font-size:clamp(.95rem,1.5vw,1.15rem)}.course-netflix-hero__actions{flex-wrap:wrap;gap:.75rem;display:flex}.course-netflix-hero__button{border:1px solid hsl(var(--primary));border-radius:var(--radius);align-items:center;gap:.5rem;min-height:2.75rem;padding:.7rem 1rem;font-weight:700;display:inline-flex}.course-netflix-hero__button--primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.course-netflix-hero__button--secondary{background:hsl(var(--background) / .7);color:hsl(var(--foreground))}.course-netflix-hero__button:hover,.course-netflix-hero__button:focus-visible{box-shadow:0 0 0 3px hsl(var(--primary) / .25)}.course-netflix-hero__arrow{z-index:3;border:1px solid hsl(var(--hairline));background:hsl(var(--background) / .75);width:2.5rem;height:2.5rem;color:hsl(var(--foreground));border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.course-netflix-hero__arrow:hover,.course-netflix-hero__arrow:focus-visible{border-color:hsl(var(--primary));color:hsl(var(--primary))}.course-netflix-hero__arrow--prev{left:1rem}.course-netflix-hero__arrow--next{right:1rem}.course-netflix-hero__indicators{z-index:3;gap:.4rem;display:flex;position:absolute;bottom:1rem;right:50%;transform:translate(50%)}.course-netflix-hero__indicator{background:hsl(var(--foreground) / .45);border-radius:999px;width:.5rem;height:.5rem}.course-netflix-hero__indicator[data-active=true]{background:hsl(var(--primary));width:1.5rem}.section,.course-rail{padding-top:clamp(2rem,5vw,4rem)}.course-rail__header{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.course-rail__kicker{color:hsl(var(--primary));letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.course-rail__title{font-family:var(--font-display), var(--font-sans), sans-serif;margin:.25rem 0 0;font-size:clamp(1.25rem,2.5vw,1.75rem)}.course-rail__see-all{color:hsl(var(--primary));white-space:nowrap;font-size:.8rem;font-weight:700}.course-rail__viewport{position:relative}.course-rail__scroller{scroll-snap-type:x proximity;grid-auto-columns:minmax(12rem,18rem);grid-auto-flow:column;gap:1rem;padding:.25rem .125rem 1rem;display:grid;overflow-x:auto}.course-rail__scroller--resume{grid-auto-columns:minmax(15rem,22rem)}.course-rail__arrow{z-index:2;border:1px solid hsl(var(--hairline));background:hsl(var(--background) / .9);width:2.25rem;height:2.25rem;color:hsl(var(--foreground));border-radius:999px;place-items:center;font-size:1.5rem;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.course-rail__arrow:hover,.course-rail__arrow:focus-visible{border-color:hsl(var(--primary));color:hsl(var(--primary))}.course-rail__arrow--prev{left:-.75rem}.course-rail__arrow--next{right:-.75rem}.section__head{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1rem;display:flex}.section__kicker,.section__count{color:hsl(var(--ink-3));letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.section__title{font-family:var(--font-display), var(--font-sans), sans-serif;margin:.25rem 0 0;font-size:clamp(1.25rem,2.5vw,1.75rem)}.nflx-row__scroller{scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(12rem,18rem);grid-auto-flow:column;gap:1rem;padding:.25rem .125rem 1rem;display:grid;overflow-x:auto}.nflx-card{scroll-snap-align:start;min-width:0}.nflx-card__poster{aspect-ratio:16/9;border:1px solid hsl(var(--hairline));border-radius:var(--radius);background:hsl(var(--surface-2));display:block;overflow:hidden}.nflx-card__poster img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .22s}.nflx-card__poster:hover img,.nflx-card__poster:focus-visible img{transform:scale(1.03)}.nflx-card__info{padding-top:.65rem}.nflx-card__title{font-weight:700}.nflx-card__title:hover{color:hsl(var(--primary))}.nflx-card__genres{color:hsl(var(--ink-2));-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:.35rem 0 0;font-size:.8rem;display:-webkit-box;overflow:hidden}.course-resume-card{min-width:0}.course-resume-card__link{border:1px solid hsl(var(--hairline));border-radius:var(--radius);background:hsl(var(--surface));display:block;overflow:hidden}.course-resume-card__media{aspect-ratio:3/2;background:hsl(var(--surface-2));position:relative;overflow:hidden}.course-resume-card__image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.course-resume-card__fallback{width:100%;height:100%;color:hsl(var(--primary));place-items:center;font-size:2rem;font-weight:800;display:grid}.course-resume-card__play{background:hsl(var(--primary));width:2.5rem;height:2.5rem;color:hsl(var(--primary-foreground));border-radius:999px;place-items:center;display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.course-resume-card__progress{background:hsl(var(--foreground) / .35);border-radius:999px;height:.25rem;position:absolute;bottom:.75rem;left:.75rem;right:.75rem;overflow:hidden}.course-resume-card__progress span{background:hsl(var(--primary));height:100%;display:block}.course-resume-card__body{padding:.8rem}.course-resume-card__tag{color:hsl(var(--primary));text-transform:uppercase;font-size:.7rem;font-weight:700}.course-resume-card__title{margin-top:.25rem;font-size:1rem}.course-resume-card__subtitle{color:hsl(var(--ink-2));margin:.35rem 0 0;font-size:.8rem}@media (width<=640px){.catalog-topbar__nav,.course-netflix-hero__image--desktop{display:none}.course-netflix-hero__image--mobile{display:block}.course-netflix-hero__overlay{background:linear-gradient(0deg, hsl(var(--background)) 5%, hsl(var(--background) / .35) 75%, transparent)}.course-netflix-hero__arrow{width:2.125rem;height:2.125rem}.course-netflix-hero__arrow--prev{left:.5rem}.course-netflix-hero__arrow--next{right:.5rem}.nflx-row__scroller{grid-auto-columns:minmax(10.5rem,72vw)}}@media (prefers-reduced-motion:reduce){.course-netflix-hero__slide,.nflx-card__poster img{transition:none}}