.video-overlay{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(5,5,6,.94);animation:rise .2s var(--ease-entrance) both}.video-overlay__frame{position:relative;width:min(1040px,100%);border-radius:var(--radius-card);background:var(--ink);border:1px solid var(--hairline-strong);box-shadow:var(--shadow-menu);overflow:hidden}.video-overlay__frame video{display:block;width:100%;max-height:80vh;aspect-ratio:16/9;background:#000}.video-overlay__close{position:absolute;top:12px;inset-inline-end:12px;z-index:1;width:38px;height:38px;border:1px solid var(--hairline-strong);border-radius:var(--radius-pill);background:rgba(11,11,12,.82);color:var(--paper);font:400 22px/1 var(--sans);cursor:pointer;transition:background var(--duration-ui),color var(--duration-ui)}.video-overlay__close:hover{background:var(--marigold);color:var(--on-marigold)}.course-detail-loading{display:flex;flex-direction:column;gap:16px;padding-block:80px}.course-detail-loading__line{height:20px;border-radius:99px;background:linear-gradient(90deg,var(--surface),var(--surface-2),var(--surface));background-size:420px 100%;animation:shim 1.4s linear infinite}.course-detail-notfound{display:flex;flex-direction:column;align-items:center;gap:14px;padding-block:120px;text-align:center}.course-detail-notfound b{font-family:var(--heading);font-size:20px;color:var(--paper)}.course-hero{position:relative;overflow:hidden;border-bottom:1px solid var(--hairline)}.course-hero__glow{position:absolute;inset:0;background:radial-gradient(58% 72% at 85% 6%,rgba(247,181,0,.1),transparent 60%)}.course-hero__inner{position:relative;padding-block:26px 46px}.course-hero__crumbs{display:flex;align-items:center;gap:9px;font:400 12.5px/1 var(--sans);color:#5e5e66}.course-hero__crumbs a{color:var(--ash);text-decoration:none}.course-hero__crumbs a:hover{color:var(--paper)}.course-hero__crumbs span:last-child{color:var(--fog)}.course-hero__badges{display:flex;gap:9px;margin-top:26px;flex-wrap:wrap}.course-hero__title{margin-top:20px;max-width:880px}.course-hero__subtitle{margin:16px 0 0;max-width:700px;font:400 17px/1.6 var(--sans);color:var(--fog)}.course-hero__instructor{display:flex;align-items:center;gap:11px;margin-top:26px}.course-hero__avatar{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:var(--radius-pill);background:var(--marigold-tint);border:1px solid rgba(247,181,0,.32);font:700 13px/1 var(--sans);color:#fbcf4e}.course-hero__instructor-text{display:flex;flex-direction:column;gap:3px}.course-hero__instructor-text b{font:600 13.5px/1 var(--sans);color:var(--paper)}.course-hero__instructor-text i{font:400 12px/1 var(--sans);font-style:normal;color:var(--ash)}.course-hero__features{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1px;gap:1px;margin-top:34px;background:var(--hairline);border:1px solid var(--hairline);border-radius:14px;overflow:hidden}.course-hero__feature{display:flex;flex-direction:column;gap:5px;padding:14px 16px;background:#111114}.course-hero__feature i{font:500 9.5px/1 var(--sans);font-style:normal;letter-spacing:.09em;text-transform:uppercase;color:var(--ash)}.course-hero__feature b{font:600 13px/1.3 var(--sans);color:#e6e6ea}.course-body{display:grid;grid-template-columns:1fr 372px;grid-gap:40px;gap:40px;align-items:start;padding-block:44px 96px}@media (max-width:960px){.course-body{grid-template-columns:1fr}}.course-tabs{display:flex;gap:7px;padding:6px;background:var(--surface);border:1px solid var(--hairline);border-radius:12px;width:-moz-fit-content;width:fit-content;max-width:100%;overflow-x:auto}.course-tabs__btn{padding:10px 20px;border:0;border-radius:8px;background:transparent;color:var(--fog);font:600 13.5px/1 var(--sans);cursor:pointer;white-space:nowrap;transition:all var(--duration-ui)}.course-tabs__btn.is-active{background:var(--marigold);color:var(--on-marigold)}.course-panel{display:flex;flex-direction:column;gap:32px;margin-top:32px}.course-panel__description{margin:0;max-width:70ch;font:400 16.5px/1.7 var(--sans);color:var(--fog)}.course-panel__block h3{margin:0 0 16px}.course-panel__chips{display:flex;gap:8px;flex-wrap:wrap}.course-panel__chip{padding:9px 15px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--hairline-strong);font:500 13px/1 var(--sans);color:#e6e6ea}.course-panel__learn-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:560px){.course-panel__learn-grid{grid-template-columns:1fr}}.course-panel__learn-item{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;background:var(--surface);border:1px solid #26262c;border-radius:12px}.course-panel__learn-item b{flex:none;font:700 13px/1.5 var(--sans);color:var(--marigold)}.course-panel__learn-item span{font:400 14.5px/1.55 var(--sans);color:var(--fog)}.course-panel__head-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.course-panel__count{font:400 13px/1 var(--mono);color:var(--ash)}.course-panel__empty-hint,.course-panel__footnote{margin:0;font:400 13.5px/1.6 var(--sans);color:#5e5e66}.course-lessons{display:flex;flex-direction:column;gap:10px}.course-lessons__row{display:flex;align-items:center;gap:13px;padding:13px 20px;background:var(--surface);border:1px solid var(--hairline);border-radius:12px}.course-lessons__index{display:flex;align-items:center;justify-content:center;width:26px;height:26px;flex:none;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--hairline);font:600 11px/1 var(--mono);color:var(--ash)}.course-lessons__title{flex:1 1;min-width:0;font:400 14.5px/1.4 var(--sans);color:var(--fog)}.course-lessons__duration{flex:none;font:400 12px/1 var(--mono);color:#5e5e66}.course-instructors{gap:20px}.course-instructor-card{display:flex;gap:26px;padding:28px;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-card)}@media (max-width:560px){.course-instructor-card{flex-direction:column}}.course-instructor-card__avatar-wrap{flex:none;width:130px}.course-instructor-card__avatar-wrap img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:12px}.course-instructor-card__body{flex:1 1;min-width:0}.course-instructor-card__body b{display:block;margin:0 0 10px}.course-instructor-card__body p{margin:0;max-width:64ch;font:400 15.5px/1.7 var(--sans);color:var(--fog)}.course-aside{position:-webkit-sticky;position:sticky;top:100px;background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius-card);overflow:hidden}@media (max-width:960px){.course-aside{position:static}}.course-aside__cover{display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.course-aside__body{padding:22px}.course-aside__meta{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:#26262c;border:1px solid #26262c;border-radius:12px;overflow:hidden}.course-aside__meta-row{display:flex;flex-direction:column;gap:4px;padding:11px 13px;background:var(--surface-2)}.course-aside__meta-row i{font:500 9.5px/1 var(--sans);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--ash)}.course-aside__meta-row b{font:500 12.5px/1.3 var(--sans);color:#e6e6ea}.course-aside__price-block{margin-top:22px;padding-top:20px;border-top:1px solid #26262c}.course-aside__price-free{display:inline-block;font-family:var(--heading);font-weight:800;font-stretch:125%;font-size:32px;line-height:1;color:var(--marigold)}.course-aside__price-row{display:flex;align-items:baseline;gap:10px}.course-aside__price-row s{font:400 16px/1 var(--sans);color:var(--ash)}.course-aside__price-row b{font-family:var(--heading);font-weight:800;font-stretch:125%;font-size:34px;line-height:1;color:var(--paper);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.course-aside__cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;margin-top:20px;padding:16px;border:0;border-radius:11px;background:var(--marigold);color:var(--on-marigold);font:700 14.5px/1 var(--sans);letter-spacing:.02em;cursor:pointer;transition:background var(--duration-ui)}.course-aside__cta:hover{background:var(--marigold-hover)}.course-aside__video{display:block;width:100%;aspect-ratio:16/10;background:#000;object-fit:cover}