@font-face{font-family:"HF DM Sans";src:url("fonts/dm-sans-latin.woff2") format("woff2");font-display:swap}@font-face{font-family:"HF Bebas";src:url("fonts/bebas-neue-latin.woff2") format("woff2");font-display:swap}
:root{--hf-red:#d90100;--stream-bg:#080808;--stream-panel:#171717;--stream-text:#fff;--stream-muted:#b4b4b4;--font-body:"HF DM Sans";--font-display:"HF Bebas"}
html,body.hf-course-page{margin:0!important;background:#050505!important;color:#fff}body.hf-course-page a{text-decoration:none;color:inherit}body.hf-course-page [hidden]{display:none!important}
*{box-sizing:border-box}
.streamExperience{min-height:100vh;background:var(--stream-bg);color:var(--stream-text);font-family:var(--font-body),Arial,sans-serif;overflow-x:hidden}.streamExperience button,.streamExperience input{font:inherit}.streamExperience button{color:inherit}.streamExperience a{text-decoration:none;color:inherit}
.streamRail{position:fixed;z-index:80;inset:0 auto 0 0;width:76px;background:linear-gradient(90deg,rgba(4,4,4,.97),rgba(4,4,4,.78));border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;align-items:center;padding:24px 0 22px;transition:width .3s cubic-bezier(.2,.8,.2,1);overflow:hidden}.streamRail:hover{width:218px;align-items:flex-start;box-shadow:30px 0 70px rgba(0,0,0,.55)}.streamMark{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;margin:0 17px 12vh;border-radius:10px;background:var(--hf-red);font:400 26px/1 var(--font-display);box-shadow:0 12px 35px rgba(217,1,0,.35)}.streamMark span{font-size:17px}.streamRail nav{display:flex;flex-direction:column;gap:10px;width:100%}.streamRail nav a,.streamRail nav button,.streamAccount{position:relative;width:100%;height:48px;border:0;background:transparent;display:flex;align-items:center;gap:20px;padding:0 25px;white-space:nowrap;cursor:pointer;color:#aaa}.streamRail nav a:before,.streamRail nav button:before{content:"";position:absolute;left:0;width:3px;height:0;background:var(--hf-red);transition:.2s}.streamRail nav a:hover,.streamRail nav button:hover,.streamRail nav a.active{color:#fff;background:linear-gradient(90deg,rgba(217,1,0,.14),transparent)}.streamRail nav a:hover:before,.streamRail nav button:hover:before,.streamRail nav a.active:before{height:30px}.streamRail i,.streamAccount i{font:normal 22px/1 Arial;flex:0 0 26px;text-align:center}.streamRail span,.streamAccount span{font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:.2s}.streamRail:hover span{opacity:1}.streamAccount{margin-top:auto}
.streamTopbar{position:absolute;z-index:40;top:0;left:76px;right:0;height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 44px;background:linear-gradient(#070707e6,transparent);transition:background .3s}.streamWordmark{display:flex;align-items:center;gap:14px}.streamWordmark img{width:132px;height:40px;object-fit:contain;filter:brightness(0) invert(1)}.streamWordmark>span{padding-left:14px;border-left:1px solid #777;font:400 17px/1 var(--font-display);letter-spacing:.14em}.streamTopbar nav{display:flex;gap:28px}.streamTopbar nav a{font-size:10px;font-weight:750;color:#c7c7c7}.streamTopbar nav a:hover{color:#fff}.streamTopbar>button{justify-self:end;display:flex;align-items:center;gap:9px;border:0;background:transparent;cursor:pointer;font-size:10px}.streamAvatar{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;background:linear-gradient(135deg,#ef241f,#7c0000);font-weight:900}.streamTopbar>button b{color:#aaa}
.streamHero{position:relative;margin-left:76px;min-height:88vh;height:min(900px,88vh);display:flex;align-items:center;isolation:isolate;background:#050505}.streamHeroImage{position:absolute;z-index:-3;inset:0;background-image:url('/education-hero-v2.png');background-size:cover;background-position:center}.streamHero:before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.94) 19%,rgba(5,5,5,.43) 52%,transparent 77%),linear-gradient(0deg,#080808 0%,transparent 34%),linear-gradient(180deg,rgba(0,0,0,.44),transparent 35%)}.streamHeroCopy{width:min(660px,52vw);margin-left:clamp(42px,6vw,110px);padding-top:70px}.streamOriginal{font-size:10px;font-weight:850;letter-spacing:.24em}.streamOriginal b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;background:var(--hf-red);font-size:17px}.streamHero h1{margin:16px 0 8px;font:400 clamp(58px,6.7vw,110px)/.77 var(--font-display);letter-spacing:-.035em;text-shadow:0 6px 25px rgba(0,0,0,.4)}.streamHero h1 span{font-size:.76em;color:#e9e9e9}.streamMatch{display:flex;align-items:center;gap:12px;margin:23px 0 16px;font-size:11px}.streamMatch strong{color:#41d06f}.streamMatch b{border:1px solid #777;padding:3px 6px;font-size:9px}.streamMatch i{font-style:normal;border:1px solid #777;padding:2px 5px}.streamHeroCopy h2{font-size:18px;margin:0 0 12px}.streamHeroCopy>p:not(.streamOriginal){max-width:580px;color:#ddd;font-size:15px;line-height:1.55;text-shadow:0 2px 16px #000}.streamHeroActions{display:flex;gap:11px;margin-top:25px}.streamPlay,.streamHeroActions button{height:48px;padding:0 24px;border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;cursor:pointer}.streamPlay{background:#fff;color:#090909!important}.streamPlay:hover{background:#d7d7d7}.streamHeroActions button{background:rgba(109,109,110,.7);backdrop-filter:blur(10px)}.streamHeroActions button:hover{background:rgba(140,140,140,.72)}.streamHeroIndex{position:absolute;right:44px;bottom:95px;display:grid;grid-template-columns:auto auto;gap:4px 14px;text-align:right}.streamHeroIndex>span{grid-column:1/-1;font-size:7px;letter-spacing:.2em}.streamHeroIndex b{font:400 58px/.8 var(--font-display);color:#fff}.streamHeroIndex small{font-size:7px;letter-spacing:.12em;color:#aaa;text-align:left}
.streamRows{position:relative;z-index:5;margin-left:76px;margin-top:-8vh;padding:0 0 70px}.streamRow{padding:0 0 42px 38px;scroll-margin-top:90px}.streamRow>header{display:flex;align-items:end;justify-content:space-between;padding-right:38px;margin-bottom:12px}.streamRow h2{margin:0;font-size:20px}.streamRow header p{display:inline;margin-left:12px;color:#777;font-size:10px}.streamRow header button{border:0;background:none;font-size:10px;color:#aaa;opacity:0;transition:.2s}.streamRow:hover header button{opacity:1}.streamShelf{display:flex;gap:7px;overflow-x:auto;padding:12px 38px 90px 0;margin-bottom:-78px;scrollbar-width:none;scroll-snap-type:x proximity}.streamShelf::-webkit-scrollbar{display:none}.streamPoster{position:relative;flex:0 0 clamp(225px,19vw,332px);aspect-ratio:16/9;scroll-snap-align:start;z-index:1}.streamPoster:hover{z-index:20}.streamPosterArt{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;border:0;border-radius:5px;padding:16px;text-align:left;cursor:pointer;background:radial-gradient(circle at 80% 20%,var(--accent),transparent 32%),linear-gradient(135deg,var(--soft),#0d0d0e 67%);box-shadow:0 8px 25px rgba(0,0,0,.24);transition:transform .3s cubic-bezier(.15,.75,.25,1),border-radius .2s;isolation:isolate}.streamPosterNoise{position:absolute;z-index:-1;inset:0;opacity:.46;background:repeating-linear-gradient(115deg,transparent 0 28px,rgba(255,255,255,.035) 29px),radial-gradient(circle at 68% 70%,var(--accent),transparent 29%);filter:saturate(.8)}.streamPosterArt:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 62%)}.streamPosterArt small{position:absolute;top:13px;left:15px;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.16em;color:#ddd}.streamPosterArt strong{position:absolute;left:15px;right:50px;bottom:17px;font:400 clamp(24px,2.1vw,37px)/.87 var(--font-display);text-transform:uppercase;letter-spacing:-.02em;text-shadow:0 3px 14px #000}.streamPosterArt>i{position:absolute;right:13px;bottom:16px;font:400 16px/1 var(--font-display);font-style:normal}.streamPosterArt>i span{display:block;font-size:7px;color:#aaa}.streamProgress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#4d4d4d}.streamProgress span{display:block;height:100%;background:var(--hf-red)}.streamPosterReveal{position:absolute;z-index:3;left:-3%;right:-3%;top:100%;padding:13px 13px 12px;background:#181818;box-shadow:0 14px 40px rgba(0,0,0,.72);border-radius:0 0 5px 5px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:.25s}.streamPoster:hover .streamPosterArt{transform:translateY(-23px) scale(1.06);border-radius:5px 5px 0 0;box-shadow:0 20px 60px rgba(0,0,0,.64)}.streamPoster:hover .streamPosterReveal{opacity:1;transform:translateY(-30px);pointer-events:auto}.streamPosterReveal>div{display:flex;gap:7px;margin-bottom:9px}.streamPosterReveal button{width:29px;height:29px;border:1px solid #aaa;border-radius:50%;background:#252525;display:grid;place-items:center;cursor:pointer;font-size:12px}.streamPosterReveal button:first-child{background:#fff;color:#000;border-color:#fff}.streamPosterReveal button.info{margin-left:auto}.streamPosterReveal>b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.streamPosterReveal p{margin:5px 0 0;color:#aaa;font-size:8px}.streamPosterReveal p span{color:#41d06f;font-weight:800}.streamPrivateStrip{margin:18px 38px 0;padding:58px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:linear-gradient(105deg,rgba(217,1,0,.22),rgba(15,15,15,.9) 45%),repeating-linear-gradient(90deg,transparent 0 70px,rgba(255,255,255,.025) 71px);display:flex;justify-content:space-between;align-items:end}.streamPrivateStrip>div>span{font-size:8px;letter-spacing:.18em;color:#e85e5d}.streamPrivateStrip h2{margin:12px 0 8px;font:400 clamp(38px,4vw,64px)/.9 var(--font-display);text-transform:uppercase}.streamPrivateStrip p{max-width:550px;color:#aaa;font-size:12px;line-height:1.6}.streamPrivateStrip>a{padding:15px 18px;border-radius:5px;background:#fff;color:#000;font-size:11px;font-weight:800}.streamPrivateStrip>a span{margin-left:35px}
.streamFooter{margin-left:76px;padding:55px 6vw 95px;border-top:1px solid #242424;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#777}.streamFooter img{width:120px;filter:brightness(0) invert(1);opacity:.55}.streamFooter>div{display:flex;gap:26px;font-size:9px}.streamFooter p{text-align:right;font-size:9px;line-height:1.6}
.streamModalShade{position:fixed;z-index:150;inset:0;display:grid;place-items:center;padding:30px;background:rgba(0,0,0,.78);backdrop-filter:blur(10px);overflow-y:auto}.streamModal{width:min(850px,100%);border-radius:8px;background:#181818;box-shadow:0 30px 100px #000;overflow:hidden}.streamModalHero{position:relative;min-height:430px;padding:190px 48px 35px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;isolation:isolate;background:radial-gradient(circle at 75% 30%,var(--accent),transparent 36%),linear-gradient(120deg,var(--soft),#080808 70%)}.streamModalHero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,#181818,transparent 60%)}.streamModalHero small{font-size:9px;letter-spacing:.16em}.streamModalHero h2{max-width:660px;margin:10px 0 20px;font:400 clamp(48px,6vw,80px)/.84 var(--font-display);text-transform:uppercase}.streamModalHero>div{display:flex;gap:10px}.streamModalHero>div>button{width:48px;height:48px;border:1px solid #999;border-radius:50%;background:#242424;font-size:24px}.streamModalClose{position:absolute!important;z-index:5;top:18px;right:18px;width:36px!important;height:36px!important;border:0!important;border-radius:50%!important;background:#181818!important;font-size:24px!important;cursor:pointer}.streamModalBody{display:grid;grid-template-columns:1.5fr .7fr;gap:45px;padding:26px 48px}.streamModalBody p{font-size:13px;line-height:1.65;color:#ddd}.streamModalBody strong{color:#42d36e}.streamModalBody aside p{font-size:10px;margin:3px 0}.streamModalBody aside span{color:#777}.streamModal>footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 48px 35px}.streamModal>footer a,.streamModal>footer button{border:1px solid #666;border-radius:5px;padding:13px 18px;background:transparent;font-size:11px;font-weight:800}.streamModal>footer button{background:var(--hf-red);border-color:var(--hf-red)}
.streamSearch{position:fixed;z-index:130;inset:0 0 0 76px;background:rgba(8,8,8,.98);overflow-y:auto}.streamSearch>header{position:sticky;z-index:3;top:0;padding:28px 5vw;background:linear-gradient(#080808 70%,transparent)}.streamSearch label{max-width:1100px;margin:auto;height:62px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border-bottom:2px solid #fff}.streamSearch label i{font-size:26px;font-style:normal}.streamSearch input{border:0;outline:0;background:transparent;color:#fff;font-size:25px}.streamSearch label button{border:0;background:none;font-size:30px}.streamSearch>section{max-width:1400px;margin:auto;padding:25px 5vw 100px}.streamSearch>section>p{color:#888;font-size:11px}.streamSearch>section>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 8px}.streamSearch .streamPoster{width:100%}.streamLogin{position:relative;width:min(460px,100%);padding:50px;background:linear-gradient(145deg,#242424,#111);border:1px solid #444;border-radius:10px;box-shadow:0 35px 90px #000}.streamLogin .streamWordmark{margin-bottom:35px}.streamLogin h2{font:400 52px/.9 var(--font-display);text-transform:uppercase}.streamLogin>p{color:#aaa;font-size:12px;line-height:1.6}.streamLogin label{display:block;margin-top:15px;color:#aaa;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.streamLogin input{display:block;width:100%;margin-top:7px;padding:14px;border:1px solid #444;border-radius:5px;background:#181818;color:#fff}.streamLogin>.streamPlay{width:100%;margin-top:22px}.streamLink{display:block;margin:16px auto;border:0;background:none;color:#aaa;text-decoration:underline;font-size:10px}.streamLogin>small{display:block;color:#666;text-align:center;font-size:8px;line-height:1.5}.streamMobileNav{display:none}
@media(max-width:1000px){.streamTopbar{grid-template-columns:1fr auto}.streamTopbar nav{display:none}.streamHeroCopy{width:min(620px,72vw)}.streamSearch>section>div{grid-template-columns:repeat(3,1fr)}.streamPrivateStrip{align-items:flex-start;gap:35px;flex-direction:column}}
@media(max-width:700px){.streamRail{display:none}.streamTopbar{position:absolute;left:0;height:68px;padding:0 16px}.streamTopbar .streamWordmark img{width:105px}.streamWordmark>span{font-size:13px}.streamTopbar>button>span:not(.streamAvatar),.streamTopbar>button>b{display:none}.streamHero{margin-left:0;height:78vh;min-height:650px;align-items:flex-end}.streamHeroImage{background-position:61% center}.streamHero:before{background:linear-gradient(0deg,#080808 0%,rgba(8,8,8,.94) 24%,rgba(8,8,8,.12) 70%),linear-gradient(90deg,rgba(5,5,5,.7),transparent)}.streamHeroCopy{width:auto;margin:0;padding:100px 18px 72px}.streamHero h1{font-size:clamp(54px,15vw,76px)}.streamHeroCopy h2{font-size:14px}.streamHeroCopy>p:not(.streamOriginal){font-size:12px;max-width:88%}.streamHeroActions{width:100%}.streamPlay,.streamHeroActions button{flex:1;padding:0 10px;font-size:11px}.streamHeroIndex{display:none}.streamRows{margin-left:0;margin-top:-1px;padding-bottom:35px}.streamRow{padding:0 0 28px 16px}.streamRow>header{padding-right:16px}.streamRow h2{font-size:17px}.streamRow header p,.streamRow header button{display:none}.streamShelf{padding:6px 16px 55px 0;margin-bottom:-45px}.streamPoster{flex-basis:74vw}.streamPoster:hover .streamPosterArt{transform:none}.streamPoster:hover .streamPosterReveal{display:none}.streamPrivateStrip{margin:10px 16px;padding:34px 24px}.streamPrivateStrip h2{font-size:43px}.streamPrivateStrip>a{width:100%;display:flex;justify-content:space-between}.streamFooter{margin-left:0;padding:42px 20px 100px;display:block}.streamFooter>div{margin:28px 0}.streamFooter p{text-align:left}.streamMobileNav{position:fixed;z-index:90;left:10px;right:10px;bottom:10px;height:64px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(19,19,19,.92);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 12px 40px #000}.streamMobileNav a,.streamMobileNav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:none;color:#888;font-size:8px}.streamMobileNav i{font:normal 18px/1 Arial}.streamMobileNav .active{color:#fff}.streamSearch{inset:0}.streamSearch>header{padding:20px}.streamSearch label{height:54px}.streamSearch input{font-size:17px;min-width:0}.streamSearch>section{padding:10px 16px 100px}.streamSearch>section>div{display:flex;flex-direction:column;gap:12px}.streamSearch .streamPoster{height:auto;aspect-ratio:16/9}.streamModalShade{padding:0;align-items:end}.streamModal{max-height:94vh;overflow-y:auto;border-radius:12px 12px 0 0}.streamModalHero{min-height:350px;padding:150px 20px 25px}.streamModalHero h2{font-size:52px}.streamModalBody{display:block;padding:20px}.streamModal>footer{padding:0 20px 25px;display:grid}.streamLogin{min-height:100vh;width:100%;border-radius:0;padding:70px 25px 30px}.streamModalShade:has(.streamLogin){align-items:stretch}.streamLogin h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){.streamRail,.streamPosterArt,.streamPosterReveal{transition:none}}
.streamMobileNav.loggedOut{grid-template-columns:repeat(3,1fr)}

.streamPosterBuy{height:29px;padding:0 13px;border:1px solid #f02a29;border-radius:999px;background:linear-gradient(135deg,#f22120,#b00000);color:#fff;display:inline-flex;align-items:center;gap:15px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;box-shadow:0 7px 20px rgba(217,1,0,.28);transition:filter .2s,transform .2s}.streamPosterBuy:hover{filter:brightness(1.16);transform:translateY(-1px)}.streamPosterBuy b{font-size:13px;line-height:1}
.streamPosterArt>i.streamPosterBrand{right:13px;bottom:14px;width:30px;height:30px;display:grid;place-items:center;font-style:normal}.streamPosterArt>i.streamPosterBrand img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7))}

/* Education always stays in its cinematic dark skin, independently of the public-site theme. */
.streamExperience .streamFooter{background:#050505!important;color:#777!important;border-top:1px solid #242424!important}
.streamExperience .streamFooter img{filter:brightness(0) invert(1)!important}
.streamExperience .streamFooter p{color:#777!important}
.streamExperience .streamModal>footer{padding:20px 48px 30px;background:#181818!important;color:#fff!important;border-top:1px solid rgba(255,255,255,.1)!important}
.streamExperience .streamModal>footer a,.streamExperience .streamModal>footer button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;color:#fff!important;border-color:#555;background:#242424;transition:.2s ease}
.streamExperience .streamModal>footer a:hover{background:#303030;border-color:#777}
.streamExperience .streamModal>footer button{background:linear-gradient(135deg,#a90000,var(--hf-red))!important;border-color:var(--hf-red)!important;box-shadow:0 10px 28px rgba(217,1,0,.24)}

/* Login: same glass, glow, spacing and interaction language as Apphermarfit. */
.streamLoginOverlay{position:fixed;z-index:200;inset:0;overflow:auto;background:#050505;color:#f7f7f8;font-family:var(--font-body),Arial,sans-serif;isolation:isolate}
.streamLoginOverlay:before,.streamLoginOverlay:after{content:"";position:fixed;z-index:-1;pointer-events:none;border-radius:50%}
.streamLoginOverlay:before{top:-24vh;left:-19vw;width:min(78vw,760px);height:min(78vw,760px);background:radial-gradient(circle,rgba(217,1,0,.18),transparent 68%)}
.streamLoginOverlay:after{right:-24vw;bottom:-30vh;width:min(82vw,820px);height:min(82vw,820px);background:radial-gradient(circle,rgba(255,255,255,.055),transparent 70%)}
.streamLoginScreen{position:relative;display:flex;min-height:100vh;min-height:100dvh;width:100%;flex-direction:column;align-items:center;justify-content:center;padding:clamp(30px,5vh,62px) 24px}
.streamLoginLogo{display:block;width:76px;height:62px;margin:0 0 26px;object-fit:contain;filter:drop-shadow(0 10px 24px rgba(0,0,0,.58))!important;animation:streamLoginEnter .35s ease-out both}
.streamLoginPanel{position:relative;isolation:isolate;overflow:hidden;width:min(100%,480px);padding:40px 42px 34px;border:1px solid rgba(255,255,255,.17);border-radius:28px;background:linear-gradient(142deg,rgba(255,255,255,.12),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 28px 80px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(255,255,255,.035);backdrop-filter:blur(34px) saturate(155%);animation:streamLoginEnter .42s ease-out both}
.streamLoginPanel:before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(118deg,rgba(217,1,0,.09),transparent 36%,transparent 78%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 24%)}
.streamLoginPanel h2{margin:0 0 4px;text-align:center;color:#f7f7f8;font:400 36px/1 var(--font-display),sans-serif;letter-spacing:1px;text-transform:uppercase}
.streamLoginPanel>p{margin:0 0 28px;text-align:center;color:rgba(255,255,255,.54);font-size:13px;line-height:1.55}
.streamLoginPanel>label{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;color:rgba(255,255,255,.62);font-size:10px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}
.streamLoginPanel>label>span{text-align:center}
.streamLoginPanel>label>div{position:relative;display:flex;height:54px;align-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 8px 22px rgba(0,0,0,.18);backdrop-filter:blur(18px) saturate(145%);transition:.18s ease}
.streamLoginPanel>label>div:focus-within{border-color:rgba(217,1,0,.68);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.05));box-shadow:0 0 0 3px rgba(217,1,0,.1),0 10px 28px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.18)}
.streamLoginPanel input{width:100%;height:100%;margin:0;padding:0 50px 0 48px;border:0;outline:0;background:transparent;color:#f7f7f8;font-size:14px;font-weight:500}
.streamLoginPanel input::placeholder{color:rgba(255,255,255,.35);font-weight:400}
.streamLoginIcon{position:absolute;left:18px;display:block;width:16px;height:14px;pointer-events:none;color:rgba(255,255,255,.58)}
.streamLoginIcon.mail{border:1.4px solid currentColor}
.streamLoginIcon.mail:after{content:"";position:absolute;top:1px;left:2px;width:8px;height:6px;border-right:1.4px solid currentColor;border-bottom:1.4px solid currentColor;transform:rotate(45deg) translate(-1px,-3px)}
.streamLoginIcon.lock{width:15px;height:13px;margin-top:5px;border:1.4px solid currentColor}
.streamLoginIcon.lock:before{content:"";position:absolute;left:2px;top:-9px;width:8px;height:9px;border:1.4px solid currentColor;border-bottom:0;border-radius:8px 8px 0 0}
.streamPasswordToggle{position:absolute;right:11px;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:10px;background:transparent;cursor:pointer}
.streamPasswordToggle i{position:relative;width:17px;height:11px;border:1.4px solid rgba(255,255,255,.58);border-radius:60% 15%;transform:rotate(28deg)}
.streamPasswordToggle i:after{content:"";position:absolute;top:3px;left:6px;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.58)}
.streamPasswordToggle.visible{background:rgba(255,255,255,.09)}
.streamLoginOptions{display:flex;align-items:center;justify-content:space-between;margin:2px 0 20px}
.streamLoginOptions>label{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.5);font-size:10px;cursor:pointer;user-select:none}
.streamLoginOptions>label input{position:absolute;width:1px;height:1px;opacity:0}
.streamLoginOptions>label i{display:grid;width:18px;height:18px;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:5px;background:rgba(255,255,255,.06);color:transparent;font-size:10px;font-style:normal;transition:.16s ease}
.streamLoginOptions>label input:checked+i{border-color:var(--hf-red);background:var(--hf-red);color:#fff}
.streamLoginOptions>button{padding:0;border:0;border-bottom:1px solid transparent;background:none;color:rgba(255,255,255,.5);font-size:10px;cursor:pointer}
.streamLoginOptions>button:hover{color:rgba(255,255,255,.82);border-bottom-color:currentColor}
.streamLoginSubmit{position:relative;isolation:isolate;display:flex;width:100%;min-height:58px;align-items:center;justify-content:center;gap:10px;overflow:hidden;padding:0 22px;border:1px solid rgba(255,255,255,.13);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.07));color:rgba(255,255,255,.42)!important;font-size:13px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.12);cursor:not-allowed}
.streamLoginSubmit.ready{border-color:rgba(255,255,255,.2);background:linear-gradient(135deg,#a40000,var(--hf-red) 58%,#f12525);color:#fff!important;cursor:pointer;box-shadow:0 10px 28px rgba(217,1,0,.42),inset 0 1px 0 rgba(255,255,255,.3);animation:streamLoginBreath 1.75s ease-in-out infinite}
.streamLoginSubmit span{font-size:19px;line-height:1}
.streamLoginPanel>small{display:block;margin-top:18px;color:rgba(255,255,255,.28);font-size:8px;line-height:1.55;text-align:center;letter-spacing:.08em}
.streamLoginScreen>footer{display:block!important;margin-top:22px!important;padding:0!important;border:0!important;background:transparent!important;color:rgba(255,255,255,.3)!important;font-size:9px!important;line-height:1.6!important;text-align:center!important}
.streamLoginScreen>footer span{color:inherit}
.streamLoginClose{position:fixed;z-index:2;top:22px;right:22px;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(28,28,30,.82);color:#fff;font-size:25px;cursor:pointer;backdrop-filter:blur(15px)}
@keyframes streamLoginEnter{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes streamLoginBreath{50%{transform:scale(1.015);box-shadow:0 14px 38px rgba(217,1,0,.55),0 0 0 6px rgba(217,1,0,.08),inset 0 1px 0 rgba(255,255,255,.4)}}
@media(max-width:700px){.streamExperience .streamModal>footer{padding:18px 20px 25px}.streamLoginScreen{padding:max(28px,env(safe-area-inset-top)) 16px max(22px,env(safe-area-inset-bottom))}.streamLoginLogo{width:64px;height:52px;margin-bottom:20px}.streamLoginPanel{width:min(100%,440px);padding:32px 22px 28px;border-radius:24px}.streamLoginPanel h2{font-size:34px}.streamLoginPanel>p{margin-bottom:25px;font-size:12px}.streamLoginPanel>label>div{height:52px;border-radius:13px}.streamLoginPanel input{font-size:16px}.streamLoginOptions{gap:22px}.streamLoginOptions>label{white-space:nowrap}.streamLoginOptions>button{flex:0 0 auto;font-size:9px;text-align:right}.streamLoginSubmit{min-height:56px;border-radius:15px}.streamLoginClose{top:12px;right:12px;width:38px;height:38px}.streamLoginScreen>footer{margin-top:18px!important}}
@media(max-width:420px){.streamLoginOptions{align-items:flex-start;flex-direction:column;gap:10px}.streamLoginOptions>button{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){.streamLoginLogo,.streamLoginPanel,.streamLoginSubmit.ready{animation:none}}

/* Hermarfit Education discovery system: cinematic, editorial and app-native. */
.streamPrimaryAction{background:linear-gradient(135deg,#9f0000,var(--hf-red) 58%,#f42a27)!important;color:#fff!important;box-shadow:0 12px 34px rgba(217,1,0,.32),inset 0 1px 0 rgba(255,255,255,.22);gap:26px}
.streamPrimaryAction:hover{background:linear-gradient(135deg,#bd0000,#ed1615)!important;transform:translateY(-2px)}
.streamDiscovery,.streamEditorial{position:relative;z-index:8;margin-left:76px;padding:56px 38px}
.streamDiscovery{margin-top:-48px;padding-top:88px;background:linear-gradient(180deg,transparent,#080808 42%)}
.streamDiscovery>header,.streamEditorial>header{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}
.streamDiscovery>header>div>span,.streamEditorial>header>div>span{color:#e24a49;font-size:8px;font-weight:850;letter-spacing:.2em}
.streamDiscovery h2,.streamEditorial h2{margin:7px 0 0;font:400 clamp(32px,3.1vw,50px)/.9 var(--font-display);letter-spacing:-.02em;text-transform:uppercase}
.streamDiscovery>header>p,.streamEditorial>header>p{max-width:360px;margin:0;color:#777;font-size:10px;line-height:1.55;text-align:right}
.streamHubGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.streamHubGrid>a{position:relative;isolation:isolate;min-height:152px;overflow:hidden;padding:18px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--hub) 24%,#121214),#111114 65%);box-shadow:0 14px 35px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.09);display:flex;flex-direction:column;justify-content:space-between;transition:.25s ease}
.streamHubGrid>a:before{content:"";position:absolute;z-index:-1;width:130px;height:130px;right:-48px;top:-45px;border-radius:50%;background:var(--hub);filter:blur(42px);opacity:.42}
.streamHubGrid>a:after{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(115deg,transparent 0 28px,rgba(255,255,255,.025) 29px)}
.streamHubGrid>a:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--hub) 64%,#fff);box-shadow:0 23px 52px rgba(0,0,0,.45),0 0 28px color-mix(in srgb,var(--hub) 18%,transparent)}
.streamHubGrid>a>i{display:grid;width:36px;height:36px;place-items:center;border:1px solid color-mix(in srgb,var(--hub) 70%,#fff);border-radius:10px;background:color-mix(in srgb,var(--hub) 38%,transparent);font:400 20px/1 var(--font-display);font-style:normal}
.streamHubGrid>a>div small{display:block;margin-bottom:5px;color:rgba(255,255,255,.48);font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.streamHubGrid>a>div strong{display:block;font:400 27px/.95 var(--font-display);text-transform:uppercase}
.streamHubGrid>a>div span{display:block;margin-top:5px;color:#aaa;font-size:8px;line-height:1.35}
.streamHubGrid>a>b{position:absolute;right:17px;bottom:18px;color:color-mix(in srgb,var(--hub) 80%,#fff);font-size:16px}
.streamEditorial{padding-top:35px;padding-bottom:64px}
.streamEditorial>div{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}
.streamEditorial article{position:relative;isolation:isolate;min-height:300px;overflow:hidden;padding:32px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:radial-gradient(circle at 82% 18%,var(--accent),transparent 34%),linear-gradient(135deg,var(--soft),#0b0b0d 70%);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;box-shadow:0 18px 46px rgba(0,0,0,.3)}
.streamEditorial article:first-child{min-height:360px;grid-row:span 1}
.streamEditorial article:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(0deg,rgba(5,5,6,.96),transparent 80%)}
.streamEditorial article>small{font-size:7px;font-weight:800;letter-spacing:.18em;color:#ddd}
.streamEditorial article>h3{max-width:430px;margin:10px 0 8px;font:400 clamp(37px,3.5vw,59px)/.84 var(--font-display);text-transform:uppercase}
.streamEditorial article>p{max-width:390px;margin:0 0 20px;color:#bbb;font-size:10px;line-height:1.55}
.streamEditorial article>button{padding:0 0 7px;border:0;border-bottom:1px solid rgba(255,255,255,.5);background:none;color:#fff;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;cursor:pointer}
.streamEditorial article>button span{margin-left:24px;color:var(--accent)}
.streamRows{margin-top:0}
.streamPosterPortrait{flex-basis:clamp(180px,15vw,245px);aspect-ratio:2/3}
.streamPosterPortrait .streamPosterArt{padding:18px;border-radius:8px}
.streamPosterPortrait .streamPosterArt:after{background:linear-gradient(0deg,rgba(0,0,0,.94),transparent 66%)}
.streamPosterPortrait .streamPosterArt strong{right:18px;bottom:44px;font-size:clamp(31px,2.8vw,46px)}
.streamPosterPortrait .streamPosterArt>i{left:auto;right:14px;bottom:13px;width:23px;height:23px}
.streamPosterPortrait:hover .streamPosterArt{transform:translateY(-15px) scale(1.035);border-radius:8px 8px 0 0}
.streamPosterPortrait:hover .streamPosterReveal{transform:translateY(-22px)}
.streamRowPortrait{padding-bottom:145px}
@media(max-width:1100px){.streamHubGrid{grid-template-columns:repeat(3,1fr)}.streamEditorial>div{grid-template-columns:1fr 1fr}.streamEditorial article:first-child{grid-column:1/-1}.streamEditorial article{min-height:280px}}
@media(max-width:700px){.streamDiscovery,.streamEditorial{margin-left:0;padding:40px 16px}.streamDiscovery{margin-top:-28px;padding-top:62px}.streamDiscovery>header,.streamEditorial>header{display:block}.streamDiscovery>header>p,.streamEditorial>header>p{margin-top:10px;text-align:left}.streamHubGrid{display:flex;gap:9px;overflow-x:auto;margin-right:-16px;padding:5px 16px 18px 0;scroll-snap-type:x mandatory;scrollbar-width:none}.streamHubGrid::-webkit-scrollbar{display:none}.streamHubGrid>a{flex:0 0 72vw;min-height:145px;scroll-snap-align:start}.streamEditorial{padding-top:25px}.streamEditorial>div{display:flex;overflow-x:auto;margin-right:-16px;padding-right:16px;scroll-snap-type:x mandatory;scrollbar-width:none}.streamEditorial>div::-webkit-scrollbar{display:none}.streamEditorial article,.streamEditorial article:first-child{flex:0 0 84vw;min-height:320px;scroll-snap-align:start}.streamEditorial article>h3{font-size:44px}.streamPosterPortrait{flex-basis:48vw}.streamPosterPortrait:hover .streamPosterArt{transform:none}.streamPosterPortrait:hover .streamPosterReveal{display:none}.streamRowPortrait{padding-bottom:28px}}

/* Student streaming library */
.studentExperience{background:#080808}.studentHero{position:relative;margin-left:76px;min-height:72vh;display:flex;align-items:flex-end;isolation:isolate}.studentHeroImage{position:absolute;z-index:-2;inset:0;background:url('/education-hero-v2.png') center/cover}.studentHero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#080808 0%,rgba(8,8,8,.74) 42%,transparent 78%),linear-gradient(0deg,#080808,transparent 55%)}.studentHeroCopy{max-width:640px;margin:0 0 70px clamp(40px,6vw,100px)}.studentHeroCopy>span{font-size:9px;font-weight:850;letter-spacing:.2em;color:#e44}.studentHero h1{max-width:760px;margin:14px 0;font:400 clamp(64px,7vw,108px)/.8 var(--font-display);text-transform:uppercase}.studentHeroCopy>p{color:#ddd;font-size:14px}.studentMeta{display:flex;gap:14px;font-size:10px}.studentMeta strong{color:#43d070}.studentBar{width:380px;max-width:70vw;height:4px;margin:15px 0 24px;background:#555}.studentBar i{display:block;height:100%;background:var(--hf-red)}.studentHeroCopy>div:last-child{display:flex;gap:10px}.studentHeroCopy>div:last-child>a:not(.streamPlay){height:48px;padding:0 22px;border-radius:5px;background:rgba(109,109,110,.7);display:flex;align-items:center;font-size:12px;font-weight:800}.studentRows{margin-left:76px;padding:0 0 100px}.studentRows>section{padding:25px 0 25px 38px}.studentRows>section>header{display:flex;align-items:end;justify-content:space-between;padding-right:38px;margin-bottom:12px}.studentRows h2{margin:0;font-size:20px}.studentRows header p{display:inline;margin-left:12px;color:#777;font-size:10px}.studentRows header>a{font-size:10px;color:#aaa}.studentShelf{display:flex;gap:8px;overflow-x:auto;padding:8px 38px 30px 0;scrollbar-width:none}.studentShelf::-webkit-scrollbar{display:none}.studentPoster{flex:0 0 clamp(230px,20vw,340px)}.studentPoster>div{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:5px;padding:15px;background:radial-gradient(circle at 78% 20%,var(--accent),transparent 34%),linear-gradient(135deg,var(--soft),#0c0c0c 70%);transition:.25s}.studentPoster:hover>div{transform:scale(1.035);box-shadow:0 18px 45px #000}.studentPoster>div:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 66%)}.studentPoster>div>span{position:relative;z-index:1;font-size:7px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.studentPoster>div>strong{position:absolute;z-index:1;left:15px;right:52px;bottom:18px;font:400 clamp(25px,2.2vw,38px)/.87 var(--font-display);text-transform:uppercase}.studentPoster>div>i{position:absolute;z-index:1;right:14px;bottom:17px;width:31px;height:31px;border:1px solid #bbb;border-radius:50%;display:grid;place-items:center;font-style:normal}.studentPoster>div>b{position:absolute;z-index:2;left:0;right:0;bottom:0;height:4px;background:#4d4d4d}.studentPoster>div>b em{display:block;height:100%;background:var(--hf-red)}.studentPoster>section{padding:10px 3px;display:flex;flex-direction:column;gap:3px}.studentPoster>section>b{font-size:10px}.studentPoster>section>span{font-size:8px;color:#777}.studentShelf.private .studentPoster>div{border:1px solid color-mix(in srgb,var(--accent) 55%,#555)}.studentAccessPill{padding:7px 10px;border:1px solid #454545;border-radius:999px;color:#aaa;font-size:8px}.studentHistory{margin:30px 38px 0!important;padding:36px!important;border:1px solid #292929;border-radius:10px;background:linear-gradient(125deg,#171717,#0c0c0c);display:grid;grid-template-columns:repeat(3,140px) 1fr;gap:28px}.studentHistory>div{display:flex;flex-direction:column;border-right:1px solid #333}.studentHistory>div span{font-size:7px;color:#777;letter-spacing:.14em}.studentHistory>div strong{font:400 38px/1 var(--font-display)}.studentHistory>div small{font-size:8px;color:#777}.studentHistory blockquote{align-self:center;margin:0;color:#aaa;font:italic 18px/1.4 Georgia,serif}.studentProfile{position:relative;width:min(470px,100%);padding:52px;border-radius:10px;background:linear-gradient(145deg,#262626,#111);box-shadow:0 35px 100px #000}.studentProfileAvatar{display:grid;place-items:center;width:68px;height:68px;border-radius:12px;background:linear-gradient(135deg,#ef241f,#720000);font-weight:900;font-size:20px}.studentProfile>small{display:block;margin-top:23px;color:#e55;font-size:8px;letter-spacing:.16em}.studentProfile h2{font:400 54px/.9 var(--font-display);text-transform:uppercase;margin:9px 0}.studentProfile>p{color:#999;font-size:11px;line-height:1.6}.studentProfile nav{display:flex;flex-direction:column;margin:24px 0}.studentProfile nav button{padding:14px 0;border:0;border-bottom:1px solid #333;background:none;display:flex;justify-content:space-between;text-align:left;font-size:11px}.studentProfile>a{display:block;text-align:center;color:#aaa;font-size:10px;text-decoration:underline}
@media(max-width:900px){.studentHistory{grid-template-columns:repeat(3,1fr)}.studentHistory blockquote{grid-column:1/-1}.studentHeroCopy{max-width:70vw}}
@media(max-width:700px){.studentHero{margin-left:0;min-height:73vh}.studentHeroImage{background-position:61% center}.studentHero:after{background:linear-gradient(0deg,#080808,rgba(8,8,8,.32) 75%),linear-gradient(90deg,rgba(8,8,8,.78),transparent)}.studentHeroCopy{max-width:none;margin:0;padding:100px 18px 55px}.studentHero h1{font-size:55px}.studentRows{margin-left:0;padding-bottom:80px}.studentRows>section{padding:18px 0 18px 16px}.studentRows>section>header{padding-right:16px}.studentRows header p{display:none}.studentPoster{flex-basis:76vw}.studentHistory{margin:18px 16px 0!important;padding:26px 20px!important;grid-template-columns:repeat(3,1fr);gap:14px}.studentHistory>div strong{font-size:30px}.studentHistory>div small{display:none}.studentProfile{min-height:100vh;width:100%;border-radius:0;padding:70px 24px}.streamModalShade:has(.studentProfile){align-items:stretch}}

/* Immersive course player */
.cinemaPlayer{min-height:100vh;background:#050505;color:#fff;font-family:var(--font-body),Arial,sans-serif}.cinemaPlayer button{font:inherit;color:inherit}.cinemaTop{height:70px;padding:0 25px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#080808;border-bottom:1px solid #272727}.cinemaTop .streamWordmark img{width:110px}.cinemaTop>div{display:flex;align-items:center;gap:12px;font-size:9px}.cinemaTop>div small{max-width:250px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cinemaTop>div>i{width:150px;height:3px;background:#444}.cinemaTop>div>i b{display:block;height:100%;background:var(--hf-red)}.cinemaTop>a:last-child{justify-self:end;font-size:10px}.cinemaTop>a:last-child b{margin-left:7px;font-size:18px}.cinemaStage{position:relative;min-height:calc(100vh - 70px);overflow:hidden}.cinemaBackdrop{position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,var(--accent),transparent 28%),linear-gradient(135deg,var(--soft),#040404 65%);filter:blur(28px);opacity:.6}.cinemaVideo{position:absolute;inset:0 390px 0 0;background:#020202;box-shadow:18px 0 60px #000;transition:right .35s}.cinemaVideo.isPlaying{background:radial-gradient(circle at 60% 45%,#3c0000,#020202 48%)}.cinemaPoster{position:absolute;inset:0;padding:0 8vw 12vh;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(90deg,rgba(0,0,0,.92),transparent 80%),linear-gradient(0deg,rgba(0,0,0,.88),transparent 65%),url('/education-hero-v2.png') center/cover}.cinemaPoster>span{font-size:8px;letter-spacing:.17em;color:#e55}.cinemaPoster h1{max-width:780px;margin:12px 0;font:400 clamp(62px,7vw,105px)/.82 var(--font-display);text-transform:uppercase}.cinemaPoster p{margin:0;color:#bbb}.cinemaPoster>button{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);width:88px;height:88px;border:2px solid #fff;border-radius:50%;background:rgba(0,0,0,.35);backdrop-filter:blur(12px);font-size:28px;padding-left:7px;cursor:pointer}.cinemaPlaying{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle,#280000,#020202 55%)}.cinemaPlaying>small{position:absolute;top:20px;left:24px;font-size:7px;letter-spacing:.16em;color:#777}.cinemaPlaying>button{position:absolute;inset:0;border:0;background:transparent;opacity:0;font-size:50px}.cinemaPlaying:hover>button{opacity:1}.cinemaPulse{width:250px;height:250px;border:1px solid rgba(217,1,0,.25);border-radius:50%;box-shadow:0 0 100px rgba(217,1,0,.22),inset 0 0 100px rgba(217,1,0,.16)}.cinemaControls{position:absolute;z-index:4;left:0;right:0;bottom:0;height:76px;padding:24px;display:flex;align-items:center;gap:13px;background:linear-gradient(transparent,rgba(0,0,0,.96))}.cinemaControls button{border:0;background:none;cursor:pointer}.cinemaControls>i{flex:1;height:4px;background:#555}.cinemaControls>i b{display:block;height:100%;background:var(--hf-red)}.cinemaControls span{font-size:9px}.cinemaEpisodesToggle{display:none}.cinemaEpisodes{position:absolute;z-index:5;top:0;right:0;bottom:0;width:390px;background:rgba(13,13,13,.96);backdrop-filter:blur(24px);border-left:1px solid #333;transform:translateX(100%);transition:.35s}.cinemaEpisodes.open{transform:none}.cinemaEpisodes>header{height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333}.cinemaEpisodes>header div{display:flex;flex-direction:column}.cinemaEpisodes>header span{font-size:7px;letter-spacing:.14em;color:#888}.cinemaEpisodes>header b{font-size:12px}.cinemaEpisodes>header button{border:0;background:none;font-size:25px}.cinemaEpisodes>div{height:calc(100% - 70px);overflow-y:auto;padding:10px 13px 70px}.cinemaEpisodes section h2{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;margin:20px 7px 8px;font-size:11px}.cinemaEpisodes section h2>span{color:#e44}.cinemaEpisodes section h2>small{font-size:7px;color:#777}.cinemaEpisodes section>button{width:100%;padding:9px;border:0;border-radius:5px;background:transparent;display:grid;grid-template-columns:34px 1fr;gap:9px;text-align:left}.cinemaEpisodes section>button:hover,.cinemaEpisodes section>button.active{background:#272727}.cinemaEpisodes section>button>i{width:34px;aspect-ratio:16/10;border-radius:3px;background:#393939;display:grid;place-items:center;font-style:normal;font-size:9px}.cinemaEpisodes section>button.active>i{background:var(--hf-red)}.cinemaEpisodes section>button>span{display:flex;flex-direction:column;gap:3px}.cinemaEpisodes section>button b{font-size:9px}.cinemaEpisodes section>button small{font-size:7px;color:#777}.cinemaEpisodes.open~*{}.cinemaStage:has(.cinemaEpisodes:not(.open)) .cinemaVideo{right:0}.cinemaLesson{padding:45px 6vw;display:grid;grid-template-columns:1fr auto;gap:50px;background:#0a0a0a;border-top:1px solid #252525}.cinemaLesson>div>span{font-size:8px;color:#e55;letter-spacing:.15em}.cinemaLesson h2{margin:10px 0;font:400 50px/.9 var(--font-display);text-transform:uppercase}.cinemaLesson p{max-width:760px;color:#999;font-size:12px;line-height:1.6}.cinemaLesson>aside{display:flex;gap:8px;align-items:center}.cinemaLesson>aside button{height:46px;padding:0 18px;border:1px solid #555;border-radius:5px;background:#151515}.cinemaLesson>aside button.streamPlay{border:0;background:#fff;color:#000}.cinemaLesson button:disabled{opacity:.35}
@media(max-width:900px){.cinemaEpisodes{width:340px}.cinemaVideo{right:340px}.cinemaTop{grid-template-columns:1fr auto}.cinemaTop>div{display:none}.cinemaLesson{grid-template-columns:1fr}.cinemaLesson>aside{justify-content:flex-end}}
@media(max-width:700px){.cinemaTop{height:58px;padding:0 14px}.cinemaTop .streamWordmark img{width:95px}.cinemaTop .streamWordmark>span{display:none}.cinemaStage{min-height:calc(100svh - 58px)}.cinemaVideo{inset:0}.cinemaPoster{padding:0 18px 120px;background-position:60% center}.cinemaPoster h1{font-size:52px}.cinemaPoster>button{width:68px;height:68px}.cinemaControls{height:95px;padding:30px 14px}.cinemaControls button:nth-of-type(2),.cinemaControls span,.cinemaControls button:nth-last-child(2){display:none}.cinemaEpisodesToggle{display:flex;position:absolute;z-index:6;right:12px;top:12px;border:1px solid #777;border-radius:999px;background:rgba(0,0,0,.65);padding:9px 12px;font-size:8px}.cinemaEpisodes{width:92vw}.cinemaLesson{padding:36px 18px}.cinemaLesson h2{font-size:42px}.cinemaLesson>aside{display:grid;grid-template-columns:1fr 1.5fr}.cinemaLesson>aside button{padding:0 8px;font-size:9px}}

/* Cinematic course detail and purchase */
.detailBack{justify-self:end;font-size:9px;font-weight:750}.detailHero{position:relative;margin-left:76px;min-height:92vh;display:flex;align-items:flex-end;isolation:isolate}.detailHeroImage{position:absolute;z-index:-2;inset:0;background:url('/education-hero-v2.png') center/cover}.detailHero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#060606 0%,rgba(6,6,6,.8) 45%,transparent 82%),linear-gradient(0deg,#080808 0%,transparent 48%)}.detailHeroCopy{max-width:780px;margin:0 0 90px clamp(45px,7vw,120px)}.detailHeroCopy>p:first-child{font-size:9px;font-weight:850;letter-spacing:.2em}.detailHeroCopy>p:first-child b{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;background:var(--hf-red);font-size:17px}.detailHero h1{max-width:900px;margin:15px 0;font:400 clamp(68px,8vw,132px)/.78 var(--font-display);text-transform:uppercase}.detailHeroCopy>div:nth-of-type(1){display:flex;gap:13px;font-size:10px}.detailHeroCopy>div:nth-of-type(1) strong{color:#42d36e}.detailHeroCopy h2{max-width:700px;margin:17px 0 8px;font-size:17px;line-height:1.45}.detailHeroCopy>p:last-of-type{color:#aaa;font-size:11px}.detailActions{display:flex;gap:9px;margin-top:24px}.detailActions>*{height:48px;padding:0 24px;border:0;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.detailActions>a:last-child{background:rgba(109,109,110,.7)}.detailBody{margin-left:76px;padding:90px 7vw 110px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:8vw;background:#0a0a0a}.detailMain>span,.detailInstructor>div:last-child>span{font-size:8px;letter-spacing:.17em;color:#e55}.detailMain>h2{margin:15px 0;font:400 clamp(58px,6vw,90px)/.83 var(--font-display);text-transform:uppercase}.detailMain>p{color:#888;font-size:12px}.detailModules{margin-top:45px}.detailModules article{border-top:1px solid #333}.detailModules article>header{padding:23px 8px;display:grid;grid-template-columns:45px 1fr;align-items:center}.detailModules article>header>b{font:400 29px/1 var(--font-display);color:#e44}.detailModules h3{margin:0;font-size:15px}.detailModules header span{font-size:8px;color:#777}.detailModules ol{list-style:none;margin:0;padding:0 0 18px 52px}.detailModules li{padding:12px 8px;border-bottom:1px solid #202020;display:grid;grid-template-columns:30px 1fr auto;align-items:center}.detailModules li i{font-size:8px;color:#777}.detailModules li b{font-size:10px}.detailModules li span{font-size:8px;color:#777}.detailPurchase{position:sticky;top:105px;align-self:start;padding:28px;border:1px solid #3a3a3a;border-radius:9px;background:linear-gradient(145deg,#222,#101010);box-shadow:0 22px 60px #000}.detailPurchase>span{font-size:7px;letter-spacing:.16em;color:#e55}.detailPurchase>strong{display:block;margin:10px 0 4px;font:400 48px/1 var(--font-display)}.detailPurchase>p{color:#999;font-size:10px;line-height:1.5}.detailPurchase ul{list-style:none;padding:14px 0;margin:14px 0;border-top:1px solid #333;border-bottom:1px solid #333}.detailPurchase li{padding:6px 0;font-size:9px}.detailPurchase button{width:100%;padding:15px;border:0;border-radius:5px;background:var(--hf-red);font-weight:850}.detailPurchase>small{display:block;margin-top:12px;color:#666;text-align:center;font-size:7px}.detailInstructor{margin-left:76px;padding:90px 9vw;display:grid;grid-template-columns:330px 1fr;gap:6vw;align-items:center;background:radial-gradient(circle at 15% 60%,rgba(217,1,0,.19),transparent 25%),#111}.detailInstructorPortrait{position:relative;aspect-ratio:4/5;border-radius:8px;display:grid;place-items:center;background:radial-gradient(circle at 60% 35%,#821111,transparent 28%),linear-gradient(145deg,#350000,#080808);border:1px solid #3b3b3b}.detailInstructorPortrait>b{font:400 120px/1 var(--font-display)}.detailInstructorPortrait>span{position:absolute;left:18px;bottom:18px;font-size:7px;letter-spacing:.15em}.detailInstructor h2{margin:14px 0;font:400 clamp(65px,7vw,110px)/.8 var(--font-display);text-transform:uppercase}.detailInstructor p{max-width:620px;color:#999;line-height:1.65}.detailRelated{margin-left:76px;padding:70px 38px 90px}.detailRelated>header{display:flex;justify-content:space-between;align-items:center}.detailRelated h2{font-size:20px}.detailRelated header a{font-size:10px;color:#aaa}.detailRelated>div{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.detailRelated>div>a{position:relative;aspect-ratio:16/9;padding:15px;overflow:hidden;border-radius:5px;background:radial-gradient(circle at 80% 20%,var(--accent),transparent 32%),linear-gradient(135deg,var(--soft),#0b0b0b 70%)}.detailRelated>div>a:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.9),transparent 65%)}.detailRelated a>span,.detailRelated a>strong,.detailRelated a>small{position:absolute;z-index:1}.detailRelated a>span{top:13px;font-size:7px;letter-spacing:.14em}.detailRelated a>strong{left:15px;right:15px;bottom:27px;font:400 30px/.87 var(--font-display);text-transform:uppercase}.detailRelated a>small{left:15px;bottom:10px;color:#aaa;font-size:8px}
@media(max-width:900px){.detailBody{grid-template-columns:1fr}.detailPurchase{position:static}.detailRelated>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.detailHero{margin-left:0;min-height:82vh}.detailHeroImage{background-position:63% center}.detailHero:after{background:linear-gradient(0deg,#080808 0%,rgba(8,8,8,.52) 68%,transparent),linear-gradient(90deg,rgba(0,0,0,.72),transparent)}.detailHeroCopy{margin:0;padding:110px 18px 55px}.detailHero h1{font-size:58px}.detailHeroCopy>div:nth-of-type(1){flex-wrap:wrap}.detailActions{display:grid;grid-template-columns:1.3fr 1fr}.detailActions>*{padding:0 10px;font-size:10px}.detailBody{margin-left:0;padding:65px 18px}.detailMain>h2{font-size:55px}.detailInstructor{margin-left:0;padding:65px 18px;grid-template-columns:1fr}.detailInstructorPortrait{width:70%;max-width:300px}.detailRelated{margin-left:0;padding:55px 16px 90px}.detailRelated>div{display:flex;overflow-x:auto}.detailRelated>div>a{flex:0 0 78vw}}

/* Generated cinematic cover collection. Titles remain live, accessible HTML. */
.streamHeroImage{background-image:var(--cover,url('/education-hero-v2.png'));background-size:cover;background-position:center}
.streamPosterArt{background-image:linear-gradient(0deg,rgba(2,2,3,.96),transparent 68%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 68%),var(--cover,radial-gradient(circle at 80% 20%,var(--accent),transparent 32%));background-color:#0d0d0e;background-size:cover;background-position:center}
.streamPosterPortrait .streamPosterArt{background-position:68% center}
.streamModalHero{background-image:linear-gradient(0deg,#181818 0%,transparent 72%),linear-gradient(90deg,rgba(0,0,0,.7),transparent 78%),var(--cover,radial-gradient(circle at 75% 30%,var(--accent),transparent 36%));background-color:#080808;background-size:cover;background-position:center}
.streamEditorial article{background-image:linear-gradient(0deg,rgba(5,5,6,.96),transparent 82%),linear-gradient(90deg,rgba(0,0,0,.42),transparent 70%),var(--cover,radial-gradient(circle at 82% 18%,var(--accent),transparent 34%));background-color:#0b0b0d;background-size:cover;background-position:center}
.studentHeroImage{background-image:var(--cover,url('/education-hero-v2.png'));background-size:cover;background-position:center}
.studentPoster>div{background-image:linear-gradient(0deg,rgba(0,0,0,.94),transparent 70%),var(--cover,radial-gradient(circle at 78% 20%,var(--accent),transparent 34%));background-color:#0c0c0c;background-size:cover;background-position:center}
.cinemaBackdrop{background-image:linear-gradient(135deg,rgba(0,0,0,.35),#040404 82%),var(--cover,radial-gradient(circle at 72% 38%,var(--accent),transparent 28%));background-size:cover;background-position:center}
.cinemaPoster{background-image:linear-gradient(90deg,rgba(0,0,0,.92),transparent 80%),linear-gradient(0deg,rgba(0,0,0,.88),transparent 65%),var(--cover,url('/education-hero-v2.png'));background-size:cover;background-position:center}
.detailHeroImage{background-image:var(--cover,url('/education-hero-v2.png'));background-size:cover;background-position:center}
.detailRelated>div>a{background-image:linear-gradient(0deg,rgba(0,0,0,.93),transparent 70%),var(--cover,radial-gradient(circle at 80% 20%,var(--accent),transparent 32%));background-color:#0b0b0b;background-size:cover;background-position:center}
@media(max-width:700px){.streamHeroImage,.studentHeroImage,.detailHeroImage,.cinemaPoster{background-position:66% center}.streamPosterArt{background-position:62% center}}

/* Course library: sections behave like seasons and lessons like premium episodes. */
.cinemaStage{display:grid;grid-template-columns:minmax(0,1fr) 500px;height:calc(100vh - 70px);min-height:720px;background:#050505}
.cinemaStage:has(.cinemaLibrary:not(.open)){grid-template-columns:1fr}
.cinemaBackdrop{z-index:0}
.cinemaVideo{position:relative;z-index:1;inset:auto;right:auto;min-width:0;height:100%;box-shadow:24px 0 70px #000}
.cinemaStage:has(.cinemaLibrary:not(.open)) .cinemaVideo{right:auto}
.cinemaControls{background:linear-gradient(transparent,rgba(0,0,0,.98))!important;color:#fff!important;border:0!important}
.cinemaLibrary{position:relative;z-index:4;inset:auto;width:auto;height:100%;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid #2d2d31;background:linear-gradient(145deg,rgba(22,22,25,.98),rgba(8,8,10,.99));transform:none;backdrop-filter:blur(28px)}
.cinemaLibrary:not(.open){display:none}
.cinemaLibraryHead{flex:0 0 78px!important;height:78px!important;padding:0 24px!important;border-bottom:0!important;background:rgba(8,8,10,.72)}
.cinemaLibraryHead div{display:flex;flex-direction:column;gap:4px}.cinemaLibraryHead span{color:#e45352!important;font-size:7px!important;font-weight:850;letter-spacing:.17em}.cinemaLibraryHead b{font-size:11px!important}.cinemaLibraryHead>button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #3a3a3e!important;border-radius:50%;background:#1e1e22!important;font-size:20px!important}
.cinemaLibraryTabs{flex:0 0 54px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:0 14px 12px;padding:0 10px;border:1px solid #2d2d32;border-radius:14px;background:linear-gradient(145deg,#17171b,#101012);box-shadow:inset 0 1px #ffffff0a,0 12px 28px #0005}
.cinemaLibraryTabs button{position:relative;min-width:0;border:0;background:none;color:#777;font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.cinemaLibraryTabs button:after{content:"";position:absolute;left:18%;right:18%;bottom:0;height:3px;border-radius:99px 99px 0 0;background:var(--hf-red);transform:scaleX(0);transition:.2s}.cinemaLibraryTabs button.active{color:#fff}.cinemaLibraryTabs button.active:after{transform:scaleX(1)}
.cinemaLibraryTabs button>i{display:inline-grid;min-width:15px;height:15px;margin-left:3px;padding:0 4px;place-items:center;border-radius:99px;background:rgba(217,1,0,.18);color:#ff6967;font-size:6px;font-style:normal;letter-spacing:0}.cinemaLibraryTabs button.active>i{background:var(--hf-red);color:#fff}
.cinemaLibraryBody,.cinemaToolPanel{flex:1;min-height:0;overflow-y:auto;padding:17px 17px 80px;scrollbar-width:thin;scrollbar-color:#38383c transparent}
.cinemaContinueCard{position:relative;isolation:isolate;min-height:150px;overflow:hidden;padding:19px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background-image:linear-gradient(90deg,rgba(5,5,7,.96),rgba(5,5,7,.32)),var(--lesson-cover);background-size:cover;background-position:center;display:flex;align-items:flex-end;justify-content:space-between;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.cinemaContinueCard>div{max-width:75%;display:flex;flex-direction:column}.cinemaContinueCard>div>span{color:#ff5b59;font-size:7px;font-weight:850;letter-spacing:.15em}.cinemaContinueCard>div>strong{margin:6px 0 3px;font:400 29px/.9 var(--font-display);text-transform:uppercase}.cinemaContinueCard>div>small{color:#aaa;font-size:7px}.cinemaContinueCard>div>i{width:170px;max-width:100%;height:3px;margin-top:12px;background:#4a4a4e}.cinemaContinueCard>div>i b{display:block;height:100%;background:var(--hf-red)}.cinemaContinueCard>button{display:grid;width:45px;height:45px;place-items:center;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.48);padding-left:3px;font-size:14px;backdrop-filter:blur(12px)}
.cinemaMobileSummary,.cinemaContinueCard>button>span{display:none}.cinemaContinueCard>button>i{font-style:normal}
.cinemaSectionSelect{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px;margin:20px 1px 10px}.cinemaSectionSelect>span{color:#777;font-size:7px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cinemaSectionSelect select{min-width:0;padding:10px 34px 10px 12px;border:1px solid #37373c;border-radius:9px;background:#19191d;color:#fff;font-size:9px;outline:0;color-scheme:dark}
.cinemaSectionRail{display:flex;gap:8px;overflow-x:auto;padding:4px 1px 14px;scroll-snap-type:x mandatory;scrollbar-width:none}.cinemaSectionRail::-webkit-scrollbar{display:none}.cinemaSectionRail>button{position:relative;isolation:isolate;flex:0 0 178px;min-height:108px;overflow:hidden;padding:12px;border:1px solid #33333a;border-radius:10px;background-image:linear-gradient(0deg,rgba(7,7,9,.96),rgba(7,7,9,.2)),var(--section-cover);background-size:cover;background-position:center;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;text-align:left;scroll-snap-align:start;cursor:pointer;transition:.2s}.cinemaSectionRail>button:hover,.cinemaSectionRail>button.active{border-color:#df3b39;transform:translateY(-2px);box-shadow:0 10px 28px rgba(217,1,0,.15)}.cinemaSectionRail>button>span{position:absolute;top:10px;color:#ddd;font-size:6px;font-weight:850;letter-spacing:.14em}.cinemaSectionRail>button>strong{font:400 19px/.9 var(--font-display);text-transform:uppercase}.cinemaSectionRail>button>small{margin-top:4px;color:#aaa;font-size:6px}.cinemaSectionRail>button>i{position:absolute;left:0;right:0;bottom:0;height:3px;background:#4a4a4d}.cinemaSectionRail>button>i b{display:block;height:100%;background:var(--hf-red)}
.cinemaSectionDetail{container-type:inline-size;margin-top:11px}.cinemaSectionDetail>header{width:100%!important;height:auto!important;padding:18px 4px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:18px!important;align-items:end!important;border:0!important;background:none!important}.cinemaSectionDetail>header>div{width:100%!important;min-width:0!important;max-width:none!important}.cinemaSectionDetail>header span{color:#e45352!important;font-size:7px!important;font-weight:800;letter-spacing:.15em}.cinemaSectionDetail>header h2{display:block!important;width:100%!important;max-width:none!important;margin:5px 0 4px!important;font:400 clamp(30px,7cqi,58px)/.88 var(--font-display)!important;text-transform:uppercase;overflow-wrap:normal!important;word-break:normal!important;text-wrap:balance}.cinemaSectionDetail>header p{max-width:620px;margin:0;color:#888;font-size:8px;line-height:1.5}.cinemaSectionDetail>header>b{align-self:end;padding:6px 9px;border:1px solid #39393d;border-radius:999px;color:#aaa;font-size:7px!important;white-space:nowrap}
.cinemaLessonCards{display:flex;flex-direction:column;gap:9px}.cinemaLessonCards>button{width:100%;min-height:96px;padding:8px;border:1px solid transparent;border-radius:13px;background:#151518;display:grid;grid-template-columns:118px minmax(0,1fr) 66px 14px;align-items:center;gap:12px;text-align:left;cursor:pointer;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}.cinemaLessonCards>button:hover{background:#1d1d21;border-color:#35353a;transform:translateY(-1px)}.cinemaLessonCards>button.active{border-color:rgba(217,1,0,.72);background:linear-gradient(110deg,rgba(217,1,0,.18),#1c1c20 58%);box-shadow:0 10px 28px rgba(0,0,0,.36),inset 3px 0 0 var(--hf-red)}.cinemaLessonThumb{position:relative;width:118px;aspect-ratio:16/9;overflow:hidden;border-radius:8px;background-image:linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.38)),var(--lesson-cover);background-size:cover;background-position:var(--lesson-position,center);display:grid;place-items:center;font-style:normal}.cinemaLessonThumb:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.12);border-radius:inherit}.cinemaLessonThumb>span{position:relative;z-index:1;display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(0,0,0,.5);font-size:9px}.cinemaLessonCards>button.done .cinemaLessonThumb>span{border-color:#555;background:#333}.cinemaLessonCards>button.active .cinemaLessonThumb>span{border-color:var(--hf-red);background:var(--hf-red);box-shadow:0 0 0 7px rgba(217,1,0,.15)}.cinemaLessonCards>button>span{min-width:0;display:flex;flex-direction:column;gap:4px}.cinemaLessonCards>button>span small{color:#85858b;font-size:6px;letter-spacing:.09em}.cinemaLessonCards>button>span b{overflow:hidden;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.cinemaLessonCards>button>span em{color:#8d8d93;font-size:7px;font-style:normal}.cinemaLessonCards>button.active>span em{color:#ff7775}.cinemaLessonCards>button>strong{color:#777;font-size:20px}
.cinemaLessonProgressBar{display:block;width:100%;height:3px;margin-top:3px;overflow:hidden;border-radius:99px;background:#343439;font-style:normal}.cinemaLessonProgressBar>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9f0000,#ff2421);box-shadow:0 0 12px rgba(217,1,0,.55);animation:lessonBarReveal .9s cubic-bezier(.2,.8,.2,1) both}.cinemaLessonProgress{display:flex;flex-direction:column;align-items:center;gap:5px}.cinemaLessonProgress>i{position:relative;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--hf-red) var(--lesson-progress),#333338 0);font-style:normal;animation:lessonRingReveal 1s cubic-bezier(.2,.8,.2,1) both;filter:drop-shadow(0 7px 14px rgba(0,0,0,.32))}.cinemaLessonProgress>i:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#17171a;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}.cinemaLessonCards>button.active .cinemaLessonProgress>i{background:conic-gradient(#ff2c29 var(--lesson-progress),rgba(217,1,0,.18) 0);filter:drop-shadow(0 0 10px rgba(217,1,0,.35))}.cinemaLessonProgress>i>span{position:relative;z-index:1;color:#fff;font:400 20px/1 var(--font-display);letter-spacing:.01em}.cinemaLessonProgress>i small{margin-left:1px;color:#aaa;font:700 7px/1 var(--font-body)}.cinemaLessonProgress>em{color:#74747b;font-size:5px;font-style:normal;font-weight:850;letter-spacing:.14em}.cinemaLessonCards>button.active .cinemaLessonProgress>em{color:#ff7775}.cinemaLessonCards>button.done .cinemaLessonProgress>i{background:conic-gradient(#a8a8ad var(--lesson-progress),#333338 0)}
@property --lesson-progress{syntax:"<percentage>";inherits:false;initial-value:0%}@keyframes lessonRingReveal{from{--lesson-progress:0%}}@keyframes lessonBarReveal{from{width:0!important}}@media(prefers-reduced-motion:reduce){.cinemaLessonProgress>i,.cinemaLessonProgressBar>b{animation:none}}
.cinemaToolPanel>span{color:#e45352;font-size:7px;font-weight:850;letter-spacing:.15em}.cinemaToolPanel>h2{margin:8px 0 25px;font:400 43px/.9 var(--font-display);text-transform:uppercase}.cinemaToolPanel>button:not(.streamPrimaryAction){width:100%;padding:14px 4px;border:0;border-bottom:1px solid #2e2e32;background:none;display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;text-align:left}.cinemaToolPanel>button>i{display:grid;width:38px;height:38px;place-items:center;border:1px solid #3b3b40;border-radius:9px;background:#1a1a1e;font-style:normal}.cinemaToolPanel>button>span{display:flex;flex-direction:column;gap:3px}.cinemaToolPanel>button b{font-size:10px}.cinemaToolPanel>button small{color:#777;font-size:7px}.cinemaNotes textarea{width:100%;min-height:190px;padding:16px;border:1px solid #38383d;border-radius:12px;background:#151518;color:#fff;font:inherit;font-size:10px;line-height:1.6;resize:vertical}.cinemaNotes>.streamPrimaryAction{width:100%;min-height:52px;margin-top:12px;border:0;border-radius:11px;display:flex;align-items:center;justify-content:center}.cinemaNotes>small{display:block;margin-top:12px;color:#666;text-align:center;font-size:7px}
.cinemaQuestions{padding-top:20px}.cinemaQuestions>header{height:auto!important;padding:0 1px 18px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:start!important;border:0!important;background:none!important}.cinemaQuestions>header span{color:#e45352!important;font-size:7px!important;font-weight:850;letter-spacing:.16em}.cinemaQuestions>header h2{max-width:370px;margin:7px 0 0!important;font:400 37px/.9 var(--font-display)!important;text-transform:uppercase}.cinemaQuestions>header>b{display:grid;width:38px;height:38px;place-items:center;border:1px solid #3b3b40;border-radius:50%;color:#ddd;font-size:10px!important}.cinemaQuestionContext{padding:13px 14px;border:1px solid rgba(217,1,0,.28);border-radius:10px;background:linear-gradient(110deg,rgba(217,1,0,.13),rgba(22,22,25,.75));display:flex;flex-direction:column;gap:3px}.cinemaQuestionContext>span{color:#ff6c69;font-size:6px;font-weight:850;letter-spacing:.13em}.cinemaQuestionContext>b{font-size:10px}.cinemaQuestionContext>small{color:#777;font-size:7px}.cinemaQuestions>form{margin:12px 0 25px;padding:14px;border:1px solid #35353a;border-radius:12px;background:#151518}.cinemaQuestions>form label{display:block;margin-bottom:9px;color:#999;font-size:7px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cinemaQuestions>form textarea{width:100%;min-height:78px;padding:0;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:10px;line-height:1.55;resize:vertical}.cinemaQuestions>form textarea::placeholder{color:#5f5f65}.cinemaQuestions>form footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #2d2d31}.cinemaQuestions>form footer small{color:#666;font-size:6px}.cinemaQuestions>form button{min-height:34px;padding:0 13px;border:0;border-radius:7px;background:var(--hf-red);color:#fff;font-size:7px;font-weight:850;cursor:pointer}.cinemaQuestions>form button:disabled{background:#303034;color:#6d6d72;cursor:not-allowed}.cinemaQuestions>form button span{margin-left:10px}.cinemaQuestionFeed>header{display:flex;justify-content:space-between;padding:0 2px 10px}.cinemaQuestionFeed>header b{font-size:9px}.cinemaQuestionFeed>header span{color:#777;font-size:7px}.cinemaQuestionFeed>article{position:relative;margin-bottom:9px;padding:14px;border:1px solid #303035;border-radius:12px;background:#141417}.cinemaQuestionFeed>article.pending{border-color:rgba(217,1,0,.35)}.cinemaQuestionFeed>article>header,.cinemaInstructorAnswer>header{display:flex;align-items:center;gap:9px}.cinemaQuestionFeed>article>header>i,.cinemaInstructorAnswer>header>i{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:#29292e;color:#ddd;font-size:7px;font-style:normal;font-weight:850}.cinemaQuestionFeed>article>header>div,.cinemaInstructorAnswer>header>div{display:flex;flex-direction:column;gap:2px}.cinemaQuestionFeed>article>header b,.cinemaInstructorAnswer>header b{font-size:8px}.cinemaQuestionFeed>article>header small,.cinemaInstructorAnswer>header small{color:#777;font-size:6px}.cinemaQuestionFeed>article>header>span{margin-left:auto;color:#777;font-size:5px;font-weight:850;letter-spacing:.1em}.cinemaQuestionFeed>article.answered>header>span{color:#5dd783}.cinemaQuestionFeed>article.pending>header>span{color:#ff6967}.cinemaQuestionFeed>article>p{margin:12px 1px 4px;color:#d0d0d3;font-size:9px;line-height:1.6}.cinemaInstructorAnswer{margin-top:13px;padding:12px;border-left:2px solid var(--hf-red);border-radius:0 9px 9px 0;background:linear-gradient(100deg,rgba(217,1,0,.12),rgba(24,24,28,.72))}.cinemaInstructorAnswer>header>i{background:var(--hf-red);color:#fff}.cinemaInstructorAnswer>header small{color:#ff7775}.cinemaInstructorAnswer>p{margin:9px 0 0!important;color:#aaa!important;font-size:8px!important;line-height:1.6!important}
@media(max-width:900px){.cinemaStage{grid-template-columns:minmax(0,1fr) 430px}.cinemaLessonCards>button{grid-template-columns:100px minmax(0,1fr) 58px 12px}.cinemaLessonThumb{width:100px}.cinemaLessonProgress>i{width:48px;height:48px}.cinemaLessonProgress>i>span{font-size:18px}}
@media(max-width:700px){.cinemaStage{display:flex;height:auto;min-height:0;flex-direction:column}.cinemaBackdrop{display:none}.cinemaVideo{width:100%;height:62svh;min-height:480px;box-shadow:none}.cinemaPoster{padding-bottom:105px}.cinemaPoster h1{max-width:86%;font-size:48px}.cinemaLibrary,.cinemaLibrary:not(.open){position:relative!important;inset:auto!important;width:100%!important;height:auto!important;max-height:none!important;display:flex!important;overflow:visible!important;border:0;border-top:1px solid #303034;transform:none!important}.cinemaLibraryHead{height:64px!important}.cinemaLibraryHead>button{display:none}.cinemaLibraryTabs{position:sticky;z-index:8;top:58px;padding:0 5px;background:rgba(10,10,12,.96);backdrop-filter:blur(18px)}.cinemaLibraryTabs button{font-size:7px;letter-spacing:.035em}.cinemaLibraryBody,.cinemaToolPanel{overflow:visible;padding:16px 14px 55px}.cinemaContinueCard{min-height:175px}.cinemaContinueCard>div>strong{font-size:32px}.cinemaSectionSelect{display:flex;align-items:stretch;flex-direction:column;gap:6px}.cinemaSectionSelect select{width:100%;height:44px;font-size:10px}.cinemaSectionRail{margin-right:-14px;padding-right:14px}.cinemaSectionRail>button{flex-basis:72vw;min-height:150px;padding:16px}.cinemaSectionRail>button>strong{font-size:27px}.cinemaSectionDetail>header{padding-top:25px!important}.cinemaSectionDetail>header h2{font-size:36px!important}.cinemaSectionDetail>header p{font-size:9px}.cinemaLessonCards>button{min-height:106px;grid-template-columns:122px minmax(0,1fr) 60px 12px}.cinemaLessonThumb{width:122px}.cinemaLessonCards>button>span b{font-size:10px}.cinemaLessonProgress>i{width:52px;height:52px}.cinemaLessonProgress>i>span{font-size:20px}.cinemaQuestions>header h2{font-size:43px!important}.cinemaQuestions>form textarea{min-height:105px;font-size:11px}.cinemaQuestionFeed>article>p{font-size:10px}.cinemaInstructorAnswer>p{font-size:9px!important}.cinemaEpisodesToggle{display:none}.cinemaLesson{border-top:1px solid #252525}.cinemaToolPanel{min-height:500px}}
@media(max-width:520px){.cinemaLessonCards>button{grid-template-columns:108px minmax(0,1fr) 54px;padding:8px;gap:9px}.cinemaLessonThumb{width:108px}.cinemaLessonCards>button>strong{display:none}.cinemaLessonProgress>i{width:48px;height:48px}.cinemaLessonProgress>i>span{font-size:18px}}
@media(max-width:400px){.cinemaLessonCards>button{grid-template-columns:96px minmax(0,1fr) 48px}.cinemaLessonThumb{width:96px}.cinemaLessonProgress>i{width:44px;height:44px}.cinemaLessonProgress>em{display:none}.cinemaLessonCards>button>span b{white-space:normal;line-height:1.15}}

/* Keep the question composer inside Education's dark surface in light site mode. */
.cinemaPlayer .cinemaQuestions>form>footer{display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin:0!important;padding:10px 0 0!important;border:0!important;border-top:1px solid #2d2d31!important;background:transparent!important;color:#fff!important;text-align:left!important}.cinemaPlayer .cinemaQuestions>form>footer small{color:#777!important;margin:0!important;text-align:left!important}

/* Course media previews: Bunny poster frames replace repeated promotional covers. */
.cinemaSectionRail>button{position:relative;flex-basis:218px;min-height:0;padding:0 0 12px;background:#141417;align-items:stretch;justify-content:flex-start}.cinemaSectionRail>button>span{position:relative;top:auto}.cinemaSectionPreview{position:relative!important;isolation:isolate;width:100%;aspect-ratio:16/8.5;overflow:hidden;background-image:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,.05)),var(--section-cover);background-size:103%;background-position:var(--preview-position,center);transition:background-size .8s cubic-bezier(.2,.8,.2,1),background-position 1.4s ease}.cinemaSectionPreview:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.11) 49%,transparent 56%);transform:translateX(-120%)}.cinemaSectionRail>button:hover .cinemaSectionPreview{background-size:115%;background-position:center}.cinemaSectionRail>button:hover .cinemaSectionPreview:after{animation:previewSweep 1.25s ease}.cinemaSectionPreview>i{position:absolute;left:10px!important;right:auto!important;bottom:10px!important;width:29px!important;height:29px!important;display:grid;place-items:center;border:1px solid rgba(255,255,255,.85);border-radius:50%;background:rgba(0,0,0,.55)!important;font-size:8px;font-style:normal;backdrop-filter:blur(8px)}.cinemaSectionRail>button.active .cinemaSectionPreview>i{border-color:var(--hf-red);background:var(--hf-red)!important;box-shadow:0 0 0 5px rgba(217,1,0,.16)}.cinemaSectionPreview>small{position:absolute;right:9px;bottom:11px;margin:0!important;padding:4px 6px;border-radius:4px;background:rgba(0,0,0,.72);color:#ddd!important;font-size:5px!important;font-weight:850;letter-spacing:.1em}.cinemaSectionPreview>small b{margin-left:4px;color:#fff}.cinemaSectionMeta{padding:10px 11px 2px;display:flex;flex-direction:column;gap:3px;color:#fff!important;letter-spacing:0!important}.cinemaSectionMeta>small{margin:0!important;color:#e66563!important;font-size:5px!important;font-weight:850;letter-spacing:.13em}.cinemaSectionMeta>strong{font:400 18px/.95 var(--font-display)!important;text-transform:uppercase}.cinemaSectionMeta>em{color:#777;font:normal 6px var(--font-body)}.cinemaSectionProgress{position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;background:#4a4a4d!important}.cinemaSectionProgress b{display:block;height:100%;background:var(--hf-red)}@keyframes previewSweep{to{transform:translateX(120%)}}
.cinemaLessonThumb{isolation:isolate;background-image:linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.5)),var(--lesson-cover);background-size:112%;transition:background-size .7s ease,background-position 1s ease}.cinemaLessonThumb:after{z-index:-1;background:repeating-linear-gradient(90deg,transparent 0 12px,rgba(255,255,255,.025) 13px)}.cinemaLessonCards>button:hover .cinemaLessonThumb{background-size:125%;background-position:center}.cinemaLessonThumb>span{font-size:8px;backdrop-filter:blur(7px)}.cinemaLessonThumb>small{position:absolute;z-index:2;left:6px;right:6px;bottom:5px;display:flex;justify-content:space-between;color:#ddd!important;font:850 5px var(--font-body)!important;letter-spacing:.1em;text-shadow:0 1px 4px #000}.cinemaLessonThumb>small b{padding:2px 3px;border-radius:3px;background:rgba(0,0,0,.72);font-size:5px}.cinemaLessonCards>button.done .cinemaLessonThumb>span{border-color:#777;background:rgba(35,35,38,.82)}
@media(max-width:700px){.cinemaSectionRail>button{flex-basis:72vw;min-height:0;padding:0 0 14px}.cinemaSectionMeta{padding:12px 13px 3px}.cinemaSectionMeta>strong{font-size:25px!important}.cinemaSectionPreview>i{width:36px!important;height:36px!important}.cinemaSectionPreview>small{font-size:6px!important}}
@media(prefers-reduced-motion:reduce){.cinemaSectionPreview,.cinemaLessonThumb{transition:none}.cinemaSectionRail>button:hover .cinemaSectionPreview:after{animation:none}}

/* Never leave the player blank before a lesson video has been connected. */
.cinemaPlaying{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.5)),linear-gradient(0deg,rgba(0,0,0,.86),transparent 70%),var(--cover,url('/education-hero-v2.png')) center/cover}.cinemaPlaying:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,rgba(217,1,0,.16),transparent 34%);pointer-events:none}.cinemaPlaying>small{position:absolute;z-index:2;top:20px;left:24px;color:#aaa}.cinemaIntegrationStatus{position:relative;z-index:2;width:min(470px,78%);padding:34px;text-align:center;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:rgba(8,8,10,.72);box-shadow:0 28px 90px rgba(0,0,0,.65);backdrop-filter:blur(18px)}.cinemaIntegrationStatus>i{display:grid;width:66px;height:66px;margin:0 auto 18px;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:linear-gradient(135deg,#e60000,#750000);font-style:normal;font-size:22px;padding-left:4px;box-shadow:0 0 45px rgba(217,1,0,.3)}.cinemaIntegrationStatus>span{display:block;color:#ff5a5a;font-size:8px;font-weight:800;letter-spacing:.16em}.cinemaIntegrationStatus>strong{display:block;margin:10px 0;font:400 clamp(32px,4vw,55px)/.9 var(--font-display);text-transform:uppercase}.cinemaIntegrationStatus>p{max-width:390px;margin:0 auto 20px;color:#c5c5c8;font-size:10px;line-height:1.55}.cinemaIntegrationStatus>button{height:40px;padding:0 18px;border:1px solid #555;border-radius:999px;background:#161618;cursor:pointer;font-size:9px;font-weight:800}.cinemaIntegrationStatus>button:hover{border-color:#e60000;background:#260505}
@media(max-width:700px){.cinemaIntegrationStatus{width:86%;padding:25px 18px}.cinemaIntegrationStatus>strong{font-size:36px}.cinemaIntegrationStatus>p{font-size:9px}}
.cinemaBunnyPlayer{background:#000}.cinemaBunnyPlayer:after{display:none}.cinemaBunnyPlayer>iframe,.cinemaBunnyPlayer>video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;object-fit:contain}.cinemaBunnyPlayer>.cinemaExitVideo{position:absolute;z-index:3;inset:18px auto auto 18px;width:auto;height:38px;padding:0 15px;border:1px solid rgba(255,255,255,.3);border-radius:999px;background:rgba(10,10,12,.74);backdrop-filter:blur(14px);cursor:pointer;font-size:8px;font-weight:800;opacity:.45;transition:.2s}.cinemaBunnyPlayer:hover>.cinemaExitVideo,.cinemaBunnyPlayer>.cinemaExitVideo:focus-visible{opacity:1}
.cinemaLibraryHead>.cinemaCollapseButton{width:auto;height:36px;padding:0 8px 0 12px;display:flex;align-items:center;gap:9px;border:1px solid #3a3a3e!important;border-radius:999px;background:#1e1e22!important;cursor:pointer}.cinemaCollapseButton>span{color:#b9b9bd!important;font-size:7px!important;font-weight:800;letter-spacing:.06em}.cinemaCollapseButton>b{display:grid;width:22px;height:22px;place-items:center;border-radius:50%;background:#2c2c31;color:#fff;font-size:13px}
.cinemaPanelHandle{position:absolute;z-index:8;top:18px;right:18px;height:44px;padding:0 17px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(17,17,20,.9);box-shadow:0 14px 40px rgba(0,0,0,.45);backdrop-filter:blur(18px);display:flex;align-items:center;gap:10px;cursor:pointer;transition:.2s}.cinemaPanelHandle:hover{border-color:rgba(217,1,0,.8);background:#241012;transform:translateY(-1px)}.cinemaPanelHandle>span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--hf-red);font-size:11px}.cinemaPanelHandle>b{font-size:9px;letter-spacing:.03em}
@media(max-width:700px){.cinemaPanelHandle{display:none}.cinemaLibraryHead>.cinemaCollapseButton{display:none!important}}

/* Public information page for visitors who do not own the course yet. */
.hf-course-detail{min-height:100vh;background:#080809;color:#f5f3ee;font-family:var(--font-body),Arial,sans-serif}.hf-course-detail *{box-sizing:border-box}.hf-course-detail-top{position:absolute;z-index:5;left:0;right:0;top:0;height:82px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);background:linear-gradient(rgba(5,5,6,.9),transparent)}.hf-course-detail-top .brand{display:flex;align-items:center;gap:16px}.hf-course-detail-top .brand img{width:72px;height:42px;filter:brightness(0) invert(1)}.hf-course-detail-top .brand span{padding-left:16px;border-left:1px solid #555;font:400 18px var(--font-display);letter-spacing:.17em}.hf-course-detail-top>a:last-child{color:#bbb;font-size:9px;font-weight:800}.hf-course-detail-hero{min-height:780px;padding:150px clamp(24px,8vw,120px) 90px;display:flex;align-items:center;background:linear-gradient(90deg,#060607 5%,rgba(6,6,7,.93) 42%,rgba(6,6,7,.15) 80%),linear-gradient(0deg,#080809,transparent 28%),var(--course-cover) 75% center/cover}.hf-course-detail-hero>div{max-width:760px}.hf-course-detail-hero>div>span,.hf-course-detail-body>header>span{color:#ff5a57;font-size:8px;font-weight:850;letter-spacing:.19em}.hf-course-detail-hero h1{margin:22px 0;font:400 clamp(70px,8vw,126px)/.82 var(--font-display);text-transform:uppercase}.hf-course-detail-hero p{max-width:620px;color:#b3b3b7;font-size:14px;line-height:1.7}.hf-course-detail-hero ul{margin:25px 0 35px;padding:0;display:flex;list-style:none}.hf-course-detail-hero li{padding:0 15px;border-right:1px solid #555;font-size:9px}.hf-course-detail-hero li:first-child{padding-left:0}.hf-course-detail-hero>div>div{display:flex;gap:10px}.hf-course-detail-hero>div>div a{min-height:52px;padding:0 20px;border:1px solid #45454a;border-radius:11px;display:flex;align-items:center;background:rgba(24,24,27,.8);font-size:9px;font-weight:850}.hf-course-detail-hero>div>div a.primary{border-color:#d90100;background:linear-gradient(135deg,#ea1412,#980000)}.hf-course-detail-body{padding:100px clamp(24px,8vw,120px) 130px;display:grid;grid-template-columns:.75fr 1.25fr;gap:9vw}.hf-course-detail-body>header h2{margin:18px 0;font:400 clamp(60px,7vw,100px)/.82 var(--font-display)}.hf-course-detail-body>header p{color:#888;line-height:1.7}.hf-course-detail-body article{margin-bottom:14px;border:1px solid #303034;border-radius:16px;overflow:hidden;background:#111113}.hf-course-detail-body article>header{padding:20px;display:flex;gap:18px}.hf-course-detail-body article>header>b{font:400 38px var(--font-display);color:#d90100}.hf-course-detail-body h3{margin:0}.hf-course-detail-body ol{margin:0;padding:0;list-style:none}.hf-course-detail-body li{min-height:55px;padding:0 18px;border-top:1px solid #29292d;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px}.hf-course-detail-body li i{font-style:normal}.hf-course-detail-body li b{font-size:9px}.hf-course-detail-body li span{color:#666;font-size:7px}
@media(max-width:760px){.hf-course-detail-top{height:68px;padding:0 17px}.hf-course-detail-hero{min-height:720px;padding:120px 19px 65px;align-items:flex-end;background:linear-gradient(0deg,#080809 3%,rgba(8,8,9,.72) 55%,rgba(8,8,9,.18)),var(--course-cover) 65% center/cover}.hf-course-detail-hero h1{font-size:64px}.hf-course-detail-hero>div>div{flex-direction:column}.hf-course-detail-body{padding:75px 18px;grid-template-columns:1fr}.hf-course-detail-body li{grid-template-columns:28px 1fr}.hf-course-detail-body li span{display:none}}
.cinemaSeek{position:relative;flex:1;height:20px;display:flex;align-items:center;cursor:pointer}.cinemaSeek input{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.cinemaSeek i{width:100%;height:4px;background:#555;pointer-events:none}.cinemaSeek i b{display:block;height:100%;background:var(--hf-red)}.cinemaControls>[data-player-time]{min-width:72px;color:#bbb;font-variant-numeric:tabular-nums}.cinemaControls>[data-player-mute].active{color:#ff5b58}.cinemaControls button:focus-visible{outline:2px solid #ff5b58;outline-offset:3px}@media(max-width:700px){.cinemaControls>[data-player-time]{display:block!important;min-width:52px;font-size:7px}.cinemaControls>[data-footer-title]{display:none!important}.cinemaSeek{display:flex!important}.cinemaControls>[data-player-fullscreen]{display:block!important}}
.cinemaPlayer .cinemaToolPanel>h2,.cinemaPlayer .cinemaQuestions>header h2,.cinemaPlayer .cinemaNotes>h2{color:#f5f3ee!important;text-shadow:0 2px 18px #000}.cinemaPlayer .cinemaNotes>[data-note-save]{color:#fff!important;background:linear-gradient(135deg,#d90100,#850000)!important;border:0!important;font-size:9px!important}.cinemaResourceList{display:grid;gap:8px}.cinemaResourceList>p{padding:18px;border:1px dashed #3b3b40;border-radius:10px;color:#888;font-size:9px}.cinemaResourceList>a{min-height:60px;padding:10px;border:1px solid #35353a;border-radius:10px;background:#17171a;display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;color:#fff;text-decoration:none}.cinemaResourceList>a:hover{border-color:#d90100;background:#211315}.cinemaResourceList>a>i{display:grid;width:38px;height:38px;place-items:center;border:1px solid #555;border-radius:9px;font-style:normal;font-size:16px}.cinemaResourceList>a>span{display:flex;flex-direction:column;gap:3px}.cinemaResourceList>a b{font-size:9px}.cinemaResourceList>a small{color:#777;font-size:7px}.cinemaResourceList>a>strong{color:#ff6561}.cinemaQuestions textarea,.cinemaNotes textarea{color:#f5f3ee!important}.cinemaQuestions textarea::placeholder,.cinemaNotes textarea::placeholder{color:#8b8b90!important}
.cinemaPlayer,.cinemaStage,.cinemaVideo,.cinemaPoster{color:#f5f3ee}.cinemaPoster h1,.cinemaPlayer h1,.cinemaPlayer h2,.cinemaPlayer h3{color:#f5f3ee!important;-webkit-text-fill-color:#f5f3ee!important;text-shadow:0 2px 30px #000}.cinemaPoster p,.cinemaPlayer p,.cinemaPlayer small{color:#b7b7bb}
.hf-course-detail,.hf-course-detail-hero,.hf-course-detail-body{color:#f5f3ee!important}.hf-course-detail .hf-course-detail-hero h1,.hf-course-detail .hf-course-detail-body h2,.hf-course-detail .hf-course-detail-body h3{color:#f5f3ee!important;-webkit-text-fill-color:#f5f3ee!important;text-shadow:0 2px 30px #000!important}.hf-course-detail .hf-course-detail-hero p,.hf-course-detail .hf-course-detail-body p{color:#b7b7bb!important;-webkit-text-fill-color:#b7b7bb!important}
.cinemaBunnyPlayer>[data-offline-player]{position:absolute;inset:0;width:100%;height:100%;background:#000;object-fit:contain}
.hfOfflinePlaybackBadge{position:absolute;z-index:5;top:18px;left:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(5,5,5,.76);color:#fff;font-size:8px;font-weight:900;letter-spacing:.12em;backdrop-filter:blur(12px)}
.hfOfflineStatus{margin-top:14px;color:#8f8f95;font-size:10px;line-height:1.5}
.hfLessonActions{flex-wrap:wrap}
.hfOfflineDownload,.hfOfflineRemove{min-height:44px;border:1px solid #3a3a3f;border-radius:12px;padding:0 15px;background:#17171a;color:#fff;font-size:9px;font-weight:900;letter-spacing:.04em;cursor:pointer}
.hfOfflineDownload{border-color:#56565d;background:linear-gradient(145deg,#242428,#121214)}
.hfOfflineDownload:disabled{opacity:.65;cursor:wait}
.hfOfflineRemove{border-color:#4a2424;background:#1d1112;color:#ee8c8b}
@media(max-width:700px){.hfLessonActions{grid-template-columns:1fr 1fr!important}.hfLessonActions .hfOfflineDownload,.hfLessonActions .hfOfflineRemove{grid-column:1/-1}.hfOfflinePlaybackBadge{top:12px;left:12px;font-size:7px}}
/* Private, per-student question chat. Images remain behind the authenticated Education endpoint. */
.cinemaQuestions>header p{margin:7px 0 0;color:#7f7f84;font-size:8px}.cinemaQuestionPrivacy{margin:10px 0 0!important;color:#717177!important;font-size:7px!important}.cinemaQuestionAttach{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;color:#ddd!important;cursor:pointer}.cinemaQuestionAttach input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.cinemaQuestionAttach i{display:grid;width:28px;height:28px;place-items:center;border:1px solid #45454b;border-radius:8px;background:#202024;color:#fff;font-style:normal;font-size:13px}.cinemaQuestionAttach span{font-size:7px;font-weight:800}.cinemaQuestionImagePreview{margin:10px 0;padding:9px;border:1px solid #39393f;border-radius:10px;background:#101013;display:grid;grid-template-columns:54px 1fr 30px;align-items:center;gap:10px}.cinemaQuestionImagePreview[hidden]{display:none!important}.cinemaQuestionImagePreview img{width:54px;height:54px;object-fit:cover;border-radius:8px}.cinemaQuestionImagePreview>span{display:flex;min-width:0;flex-direction:column;gap:3px}.cinemaQuestionImagePreview b{font-size:8px}.cinemaQuestionImagePreview small{overflow:hidden;color:#777;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.cinemaQuestionImagePreview button{width:28px;height:28px;padding:0!important;border:1px solid #444!important;border-radius:50%!important;background:#232327!important;color:#fff!important;font-size:15px!important}.cinemaChatThread{margin-bottom:14px!important;padding:12px!important;display:flex;flex-direction:column;gap:8px;background:#101012!important}.cinemaChatBubble{width:min(88%,390px);padding:11px 12px;border:1px solid #303035;border-radius:14px 14px 14px 4px;background:#19191d}.cinemaChatBubble.instructor{align-self:flex-end;border-color:rgba(217,1,0,.35);border-radius:14px 14px 4px 14px;background:linear-gradient(120deg,#4a0b0b,#211315)}.cinemaChatBubble>header{display:flex;align-items:center;gap:8px}.cinemaChatBubble>header>i{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;background:#29292e;color:#ddd;font-size:7px;font-style:normal;font-weight:850}.cinemaChatBubble.instructor>header>i{background:var(--hf-red);color:#fff}.cinemaChatBubble>header>div{display:flex;flex-direction:column}.cinemaChatBubble>header b{font-size:8px}.cinemaChatBubble>header small{color:#777;font-size:6px}.cinemaChatBubble>p{margin:9px 0 0!important;color:#dedee1!important;font-size:9px!important;line-height:1.55!important}.cinemaChatImage{display:block;margin-top:9px;overflow:hidden;border-radius:9px;background:#080809}.cinemaChatImage img{display:block;width:100%;max-height:280px;object-fit:contain}.cinemaEmptyQuestions{padding:18px;border:1px dashed #3b3b40;border-radius:11px;color:#888;font-size:9px;line-height:1.6}

/* Responsive lesson workspace and visible, compact lesson controls. */
.cinemaStage{grid-template-columns:minmax(0,1fr) clamp(390px,31vw,540px);min-width:0}.cinemaVideo,.cinemaLibrary,.cinemaLibraryBody{min-width:0}.cinemaBunnyPlayer>iframe,.cinemaBunnyPlayer>video{max-width:100%;max-height:100%}.cinemaSectionRail>button{flex-basis:calc(50% - 4px)}
.hfLessonActionsInline{display:flex;align-items:center;gap:5px;margin:0 1px 12px;padding:5px;border:1px solid #29292e;border-radius:999px;background:rgba(18,18,21,.88);box-shadow:0 8px 24px rgba(0,0,0,.22)}.hfLessonActionsInline button{min-width:0;height:32px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:#aaa;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:7px;font-weight:850;white-space:nowrap;cursor:pointer}.hfLessonActionsInline button:hover{background:#26262b;color:#fff}.hfLessonActionsInline button.streamPlay{margin-left:auto;background:#f1f1f1;color:#090909;padding-inline:16px}.hfLessonActionsInline .hfOfflineRemove{color:#d08b8b}.hfLessonActionsInline button:disabled{opacity:.35;cursor:not-allowed}.hfLessonActionsInline+.hfOfflineStatus{margin:-5px 10px 14px;color:#85858b;font-size:7px}
@media(max-width:1100px) and (min-width:701px){.cinemaStage{grid-template-columns:minmax(0,1fr) clamp(360px,39vw,430px)}.cinemaSectionRail>button{flex-basis:100%}}
@media(max-width:700px){.cinemaVideo.isPlaying{height:auto;min-height:0;aspect-ratio:16/9}.cinemaSectionRail{margin-right:0;padding-right:1px}.cinemaSectionRail>button{flex-basis:calc(100% - 8px)}.hfLessonActionsInline{position:sticky;z-index:7;top:106px;display:flex!important;gap:2px;margin:0 0 14px;padding:4px;overflow-x:auto;background:rgba(15,15,18,.94);backdrop-filter:blur(16px);scrollbar-width:none}.hfLessonActionsInline button{flex:1 1 auto;width:auto;height:34px;padding:0 8px;font-size:6px}.hfLessonActionsInline button.streamPlay{margin-left:0}.hfLessonActionsInline .hfOfflineRemove{flex:0 1 auto}.hfLessonActionsInline+.hfOfflineStatus{margin:-7px 8px 13px}.cinemaSectionDetail>header{grid-template-columns:minmax(0,1fr) auto!important}.cinemaSectionDetail>header h2{font-size:clamp(30px,10cqi,44px)!important;overflow-wrap:normal!important;word-break:normal!important}}

/* Student private questions: WhatsApp-style conversation list and full chat. */
.hfWhatsAppRow{width:100%;min-height:72px;margin-bottom:8px;padding:10px 12px;border:1px solid #303035;border-radius:14px;background:#151518;color:#fff;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:11px;text-align:left;cursor:pointer}.hfWhatsAppRow:hover{background:#1c1c20;border-color:#444}.hfWhatsAppRow>i{display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#d90100,#650000);font-style:normal;font-size:10px;font-weight:850}.hfWhatsAppRow>span{min-width:0;display:flex;flex-direction:column;gap:3px}.hfWhatsAppRow b{font-size:11px}.hfWhatsAppRow p{margin:0!important;color:#aaa!important;font-size:8px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hfWhatsAppRow small{color:#6f6f76;font-size:7px}.hfWhatsAppRow>em{color:#ff625f;font-size:14px;font-style:normal}.hfWhatsAppShade{position:fixed;z-index:2147482500;inset:0;padding:18px;background:#000c;backdrop-filter:blur(16px);display:grid;place-items:center}.hfWhatsAppChat{width:min(620px,100%);height:min(820px,calc(100dvh - 36px));overflow:hidden;border:1px solid #3b3b40;border-radius:24px;background:#0d0e0f;box-shadow:0 35px 100px #000;display:grid;grid-template-rows:70px minmax(0,1fr) 66px}.hfWhatsAppChat>header{padding:0 16px;background:#202125;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:11px}.hfWhatsAppChat>header>button{width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#fff;font-size:22px}.hfWhatsAppChat>header>i{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#d90100,#620000);display:grid;place-items:center;color:#fff;font-style:normal;font-size:10px;font-weight:850}.hfWhatsAppChat>header>div{display:flex;flex:1;flex-direction:column;gap:3px}.hfWhatsAppChat>header b{font-size:12px}.hfWhatsAppChat>header small{color:#aaa;font-size:7px}.hfWhatsAppChat>header>span{font-size:22px}.hfWhatsAppChat>main{padding:18px;overflow-y:auto;background-color:#111214;background-image:radial-gradient(circle at 1px 1px,#ffffff0a 1px,transparent 0);background-size:18px 18px;display:flex;flex-direction:column;gap:7px}.hfWhatsAppDay{align-self:center;margin-bottom:8px;padding:6px 10px;border-radius:8px;background:#24262a;color:#aaa;font-size:6px;font-weight:850;letter-spacing:.12em}.hfWhatsAppChat .cinemaChatBubble{width:max-content;max-width:78%;margin:0;padding:9px 11px 7px;border:0;border-radius:10px;box-shadow:0 2px 5px #0005}.hfWhatsAppChat .cinemaChatBubble.student{align-self:flex-end;border-top-right-radius:2px;background:#3b1d20}.hfWhatsAppChat .cinemaChatBubble.instructor{align-self:flex-start;border-top-left-radius:2px;background:#24262a}.hfWhatsAppChat .cinemaChatBubble>header{display:none}.hfWhatsAppChat .cinemaChatBubble>p{margin:0!important;color:#f4f4f4!important;font-size:10px!important;line-height:1.45!important;white-space:pre-wrap}.hfWhatsAppChat .cinemaChatImage{margin:0 0 7px}.hfWhatsAppChat>footer{padding:9px 11px calc(9px + env(safe-area-inset-bottom));background:#191a1d;border-top:1px solid #ffffff12;display:grid!important;grid-template-columns:42px minmax(0,1fr) 42px!important;align-items:center;gap:8px}.hfWhatsAppChat>footer button{width:42px;height:42px;padding:0;border:0;border-radius:50%;background:#292a2e;color:#fff;font-size:20px}.hfWhatsAppChat>footer input{min-width:0;height:44px;padding:0 15px;border:1px solid #393a3f;border-radius:22px;outline:0;background:#242529;color:#fff;font-size:11px}.hfWhatsAppChat>footer .send{background:#d90100;font-size:17px}.hf-chat-open{overflow:hidden}
@media(max-width:700px){.hfWhatsAppRow{min-height:78px;grid-template-columns:50px minmax(0,1fr) auto}.hfWhatsAppRow>i{width:50px;height:50px}.hfWhatsAppRow b{font-size:13px}.hfWhatsAppRow p{font-size:10px!important}.hfWhatsAppShade{padding:0}.hfWhatsAppChat{width:100%;height:100dvh;border:0;border-radius:0;grid-template-rows:calc(64px + env(safe-area-inset-top)) minmax(0,1fr) calc(62px + env(safe-area-inset-bottom))}.hfWhatsAppChat>header{padding:env(safe-area-inset-top) 12px 0}.hfWhatsAppChat>main{padding:16px 12px}.hfWhatsAppChat .cinemaChatBubble{max-width:86%;padding:10px 11px 7px}.hfWhatsAppChat .cinemaChatBubble>p{font-size:12px!important}.hfWhatsAppChat>footer{padding:8px 9px calc(8px + env(safe-area-inset-bottom))!important}.hfWhatsAppChat>footer input{font-size:16px}}
.cinemaQuestions>form[hidden]{display:none!important}
.hfCourseChatRow{margin-top:16px!important;border-color:#ffffff24!important;background:linear-gradient(145deg,#201416,#151519)!important;box-shadow:inset 0 1px #ffffff12,0 18px 50px #0005!important}.hfCourseChatRow>span>small{color:#ff6663!important;font-size:7px!important;font-weight:850!important;letter-spacing:.12em!important}.hfCourseChatRow>span>em{color:#777!important;font-size:7px!important;font-style:normal!important}.hfCourseChatRow>strong{color:#ff6663!important;font-size:17px!important}.hfWhatsAppContext{align-self:center;margin:14px 0 5px;padding:5px 10px;border-radius:99px;background:#252529;color:#8c8c92;font-size:6px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}

/* Native text lessons migrated from Tutor LMS. */
.cinemaTextLesson{position:absolute;inset:0;z-index:3;padding:40px clamp(24px,5vw,72px) 96px;overflow:auto;background:radial-gradient(circle at 85% 8%,#3b0b0b66,transparent 30%),#0b0b0d;color:#f5f3ef}.cinemaTextLesson[hidden]{display:none}.cinemaTextLesson>header{max-width:820px;margin:0 auto 24px}.cinemaTextLesson>header span{color:#ff5855;font-size:8px;font-weight:850;letter-spacing:.16em}.cinemaTextLesson>header h1{margin:9px 0 6px;font:400 clamp(38px,4vw,62px)/.95 var(--font-display);text-transform:uppercase}.cinemaTextLesson>header p{margin:0;color:#909098;font-size:10px}.cinemaTextContent{width:min(820px,100%);margin:0 auto;padding:clamp(20px,3vw,38px);overflow-wrap:anywhere;border:1px solid #34343a;border-radius:22px;background:#f7f7f7;color:#171719;box-shadow:0 26px 80px #0009;font-size:14px;line-height:1.65}.cinemaTextContent,.cinemaTextContent *{color:#171719;-webkit-text-fill-color:currentColor;text-shadow:none}.cinemaTextContent>*:first-child{margin-top:0}.cinemaTextContent>*:last-child{margin-bottom:0}.cinemaTextContent img,.cinemaTextContent video,.cinemaTextContent iframe{max-width:100%;height:auto}.cinemaTextContent a{color:#b00000!important;text-decoration:underline;font-weight:750}.cinemaTextContent table{display:block;max-width:100%;overflow:auto}.cinemaTextContent ul,.cinemaTextContent ol{padding-left:22px}.cinemaVideo.isTextLesson>.cinemaControls{display:none}
@media(max-width:700px){.cinemaVideo.isTextLesson{height:min(72svh,720px);min-height:520px;aspect-ratio:auto}.cinemaTextLesson{padding:24px 14px 34px}.cinemaTextLesson>header h1{font-size:34px}.cinemaTextContent{padding:18px 16px;border-radius:17px;font-size:12px}}

/* Dark editorial system for every native text lesson. */
.cinemaTextContent{container-type:inline-size;padding:clamp(18px,3vw,34px)!important;border:1px solid #ffffff14!important;background:linear-gradient(145deg,#151519,#0d0d10)!important;color:#d5d5dc!important;box-shadow:0 28px 90px #000b,inset 0 1px #ffffff0a!important;font-family:var(--font-body),Arial,sans-serif!important}.cinemaTextContent,.cinemaTextContent p,.cinemaTextContent li,.cinemaTextContent td,.cinemaTextContent th{color:#bfc0c8!important}.cinemaTextContent h1,.cinemaTextContent h2,.cinemaTextContent h3,.cinemaTextContent h4,.cinemaTextContent h5,.cinemaTextContent h6{color:#f7f4ef!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important;font-family:var(--font-display),Impact,sans-serif!important;letter-spacing:.015em}.cinemaTextContent strong{color:#f7f4ef!important}.cinemaTextContent [style*="color: #d90100"],.cinemaTextContent [style*="color:#d90100"]{color:#ff4b48!important}.cinemaTextContent [style*="background-color: #f7f7f7"],.cinemaTextContent [style*="background-color:#f7f7f7"],.cinemaTextContent [style*="background: #ffffff"],.cinemaTextContent [style*="background:#ffffff"],.cinemaTextContent [style*="background: #f9f9f9"],.cinemaTextContent [style*="background:#f9f9f9"],.cinemaTextContent [style*="background-color: #ffffff"],.cinemaTextContent [style*="background-color:#ffffff"],.cinemaTextContent [style*="background: #fff5f5"],.cinemaTextContent [style*="background:#fff5f5"]{border-color:#ffffff12!important;background:#19191e!important}.cinemaTextContent a{border-radius:999px!important;color:#fff!important;text-decoration:none!important}

/* Cinematic support and licensing experience shared by all five tutorials. */
.hfTutorialSupport{display:grid;gap:18px;min-width:0}.hfTutorialSupport,.hfTutorialSupport *{box-sizing:border-box}.hfTutorialSupport h2,.hfTutorialSupport h3,.hfTutorialSupport p,.hfTutorialSupport a,.hfTutorialSupport span,.hfTutorialSupport strong,.hfTutorialSupport small{overflow-wrap:normal!important;word-break:normal!important;hyphens:none}.hfTutorialSupportHero{position:relative;min-height:310px;padding:clamp(26px,7cqi,52px);overflow:hidden;border:1px solid #ffffff14;border-radius:26px;background:radial-gradient(circle at 88% 14%,#d9010038,transparent 34%),linear-gradient(135deg,#25252b,#111114 62%);box-shadow:inset 0 1px #ffffff10}.hfTutorialSupportHero:before{position:absolute;right:-54px;bottom:-118px;width:310px;height:310px;border:1px solid #d9010040;border-radius:50%;box-shadow:0 0 0 42px #d9010012,0 0 0 84px #d9010008;content:""}.hfTutorialSupportHero>span,.hfTutorialSupportCard>span,.hfTutorialSupportNote>span{position:relative;color:#ff5b58!important;font-size:8px;font-weight:850;letter-spacing:.16em}.hfTutorialSupportHero h2{position:relative;max-width:650px;margin:22px 0 18px!important;font-size:clamp(44px,9cqi,82px)!important;line-height:.84!important;text-transform:uppercase}.hfTutorialSupportHero h2 em{color:#ff403d!important;font-style:normal}.hfTutorialSupportHero p{position:relative;max-width:560px;margin:0 0 28px!important;color:#b5b5be!important;font-size:13px!important;line-height:1.65!important}.hfTutorialSupportHero>a,.hfTutorialSupportCard>a{position:relative;display:inline-flex;max-width:100%;min-height:46px;padding:0 20px;align-items:center;justify-content:space-between;gap:24px;border:1px solid #ff4a47!important;background:linear-gradient(135deg,#ed0b09,#980000)!important;box-shadow:0 12px 34px #d9010038;font-size:9px;font-weight:850;letter-spacing:.08em;white-space:nowrap}.hfTutorialSupportHero>a b,.hfTutorialSupportCard>a b{color:#fff!important;font-size:16px}.hfTutorialSupportGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px;min-width:0}.hfTutorialSupportCard{position:relative;min-width:0;min-height:270px;padding:clamp(22px,5cqi,30px);overflow:hidden;border:1px solid #ffffff14;border-radius:24px;background:linear-gradient(145deg,#1d1d22,#111114);box-shadow:inset 0 1px #ffffff0b}.hfTutorialSupportCard.primary{background:radial-gradient(circle at 100% 0,#d9010029,transparent 38%),linear-gradient(145deg,#21191b,#111114)}.hfTutorialSupportCard h3{max-width:100%;margin:24px 0 12px!important;font-size:clamp(34px,8cqi,54px)!important;line-height:.9!important;text-transform:uppercase}.hfTutorialSupportCard>p{max-width:470px;margin:0 0 28px!important;color:#a7a7b0!important;font-size:12px!important;line-height:1.65!important}.hfTutorialLicense{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:10px 12px;min-width:0;margin-top:10px;padding:13px;border:1px solid #ffffff12;border-radius:15px;background:#ffffff06}.hfTutorialLicense>b{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#d901001e;color:#ff5d59!important;font-size:11px}.hfTutorialLicense p{min-width:0;margin:0!important;color:#d1d1d7!important;font-size:10px!important;line-height:1.45!important}.hfTutorialLicense p strong{color:#fff!important;font-size:12px}.hfTutorialLicense p small{display:block;color:#777982!important;font-size:7px!important}.hfTutorialLicense>a{grid-column:2;justify-self:start;max-width:100%;padding:7px 10px!important;border:1px solid #ffffff18!important;background:#ffffff08!important;color:#f5f3ef!important;font-size:7px!important;font-weight:850!important;letter-spacing:.06em;white-space:nowrap}.hfTutorialSupportNote{display:flex;min-width:0;min-height:88px;padding:20px 24px;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d9010038;border-radius:20px;background:linear-gradient(90deg,#d9010015,#ffffff04)}.hfTutorialSupportNote p{margin:0!important;color:#b9b9c1!important;font-size:11px!important}.hfTutorialSupportNote strong{color:#ff5754!important}
@container (max-width:720px){.hfTutorialSupportHero{min-height:0;padding:27px 22px}.hfTutorialSupportHero h2{font-size:clamp(38px,12cqi,58px)!important}.hfTutorialSupportHero p{font-size:11px!important}.hfTutorialSupportGrid{grid-template-columns:1fr}.hfTutorialSupportCard{min-height:0;padding:24px 20px}.hfTutorialSupportCard h3{font-size:clamp(34px,11cqi,48px)!important}.hfTutorialSupportNote{align-items:flex-start;flex-direction:column;gap:8px}}
@container (max-width:390px){.hfTutorialSupport{gap:12px}.hfTutorialSupportHero,.hfTutorialSupportCard{border-radius:18px}.hfTutorialSupportHero{padding:22px 17px}.hfTutorialSupportHero h2{margin-top:17px!important;font-size:36px!important}.hfTutorialSupportHero>a,.hfTutorialSupportCard>a{width:100%}.hfTutorialSupportCard{padding:20px 16px}.hfTutorialSupportCard h3{font-size:34px!important}.hfTutorialLicense{grid-template-columns:38px minmax(0,1fr);padding:11px}.hfTutorialLicense>b{width:36px;height:36px}.hfTutorialLicense>a{grid-column:1/-1}.hfTutorialSupportNote{padding:18px}}
@media(max-width:760px){.cinemaTextContent{padding:10px!important;border-radius:19px!important}}

/* Fluid glass system for tutorial support and the private-question widgets. */
.hfTutorialSupport{--hf-glass-border:rgba(255,255,255,.14);--hf-glass-highlight:rgba(255,255,255,.08);gap:16px}
.hfTutorialSupportHero,.hfTutorialSupportCard,.hfTutorialSupportNote{border:1px solid var(--hf-glass-border)!important;background:linear-gradient(145deg,rgba(37,37,43,.78),rgba(12,12,15,.9))!important;box-shadow:inset 0 1px 0 var(--hf-glass-highlight),0 24px 70px rgba(0,0,0,.42),0 0 0 1px rgba(217,1,0,.04)!important;-webkit-backdrop-filter:blur(26px) saturate(1.22);backdrop-filter:blur(26px) saturate(1.22)}
.hfTutorialSupportHero{min-height:0;padding:clamp(26px,6cqi,48px);background:radial-gradient(circle at 86% 10%,rgba(217,1,0,.28),transparent 37%),linear-gradient(145deg,rgba(38,38,45,.86),rgba(12,12,15,.92))!important}
.hfTutorialSupportHero:after{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.075),transparent 26%,transparent 72%,rgba(217,1,0,.07));pointer-events:none;content:""}
.hfTutorialSupportHero h2{display:flex!important;width:100%!important;max-width:100%;flex-direction:column!important;align-items:flex-start!important;gap:.02em;margin:clamp(18px,3cqi,26px) 0 18px!important;font-size:clamp(38px,7.4cqi,66px)!important;line-height:.88!important;letter-spacing:-.012em;text-wrap:balance}
.hfTutorialSupportHero h2>span,.hfTutorialSupportHero h2>em{display:block;position:relative;max-width:100%;overflow-wrap:normal!important;white-space:normal}
.hfTutorialSupportHero h2>em{font-size:.84em;line-height:.94!important}
.hfTutorialSupportHero p{max-width:610px;font-size:clamp(11px,1.8cqi,14px)!important;line-height:1.65!important}
.hfTutorialSupportHero>a,.hfTutorialSupportCard>a{min-height:48px;border-color:rgba(255,105,102,.68)!important;border-radius:15px!important;background:linear-gradient(135deg,rgba(255,29,25,.94),rgba(157,0,0,.88))!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 14px 34px rgba(217,1,0,.25)!important}
.hfTutorialSupportCard{min-height:0;padding:clamp(22px,4.5cqi,32px);background:linear-gradient(145deg,rgba(31,31,37,.8),rgba(13,13,16,.92))!important}
.hfTutorialSupportCard.primary{background:radial-gradient(circle at 100% 0,rgba(217,1,0,.22),transparent 42%),linear-gradient(145deg,rgba(39,27,30,.82),rgba(13,13,16,.92))!important}
.hfTutorialSupportCard h3{margin:clamp(18px,3.5cqi,25px) 0 14px!important;font-size:clamp(30px,6.4cqi,48px)!important;line-height:.94!important;letter-spacing:-.006em;text-wrap:balance}
.hfTutorialSupportCard>p{font-size:clamp(11px,1.7cqi,13px)!important;line-height:1.65!important}
.hfTutorialLicense{grid-template-columns:48px minmax(0,1fr);gap:10px 14px;padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:17px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px rgba(255,255,255,.07);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.hfTutorialLicense>b{width:44px;height:44px;border:1px solid rgba(255,92,89,.18);background:linear-gradient(145deg,rgba(217,1,0,.25),rgba(217,1,0,.1));font-size:12px}
.hfTutorialLicense p{font-size:clamp(11px,1.65cqi,13px)!important;line-height:1.55!important}.hfTutorialLicense p strong{font-size:1.08em}.hfTutorialLicense p small{margin-top:3px;font-size:9px!important;line-height:1.4!important}
.hfTutorialLicense>a{padding:8px 12px!important;border-radius:10px!important;background:rgba(255,255,255,.07)!important;font-size:8px!important}
.hfTutorialSupportNote{background:linear-gradient(110deg,rgba(217,1,0,.13),rgba(255,255,255,.035))!important}
.cinemaToolPanel{container-type:inline-size}
.cinemaQuestions{padding-top:12px}
.cinemaQuestions>header{margin-bottom:14px;padding:20px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(31,31,37,.78),rgba(12,12,15,.88))!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.28);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.cinemaQuestions>header h2{max-width:100%;font-size:clamp(31px,8cqi,43px)!important;line-height:.94!important;letter-spacing:.005em;text-wrap:balance}
.cinemaQuestions>header p{font-size:clamp(9px,2.1cqi,11px)!important;line-height:1.55}
.cinemaQuestions>header>b{width:42px;height:42px;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.055);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.cinemaQuestionContext{padding:16px 17px;border-color:rgba(255,80,76,.4);border-radius:17px;background:linear-gradient(125deg,rgba(217,1,0,.16),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.07),0 15px 38px rgba(0,0,0,.22);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.cinemaQuestionContext>b{font-size:clamp(11px,2.5cqi,14px);line-height:1.35}.cinemaQuestionContext>small{font-size:9px;line-height:1.45}
.cinemaQuestions>form{margin-top:15px;padding:17px;border-color:rgba(255,255,255,.13);border-radius:19px;background:linear-gradient(145deg,rgba(32,32,38,.76),rgba(15,15,18,.88));box-shadow:inset 0 1px rgba(255,255,255,.07),0 18px 48px rgba(0,0,0,.25);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}
.cinemaQuestions>form label{font-size:8px}.cinemaQuestions>form textarea{min-height:100px;font-size:clamp(11px,2.4cqi,13px);line-height:1.55}.cinemaQuestions>form button{min-height:42px;padding:0 16px;border-radius:11px;font-size:8px;box-shadow:inset 0 1px rgba(255,255,255,.18),0 10px 24px rgba(217,1,0,.22)}
.cinemaEmptyQuestions{padding:19px;border-color:rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.025);font-size:10px;line-height:1.6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
@container (max-width:460px){.hfTutorialSupportHero{padding:24px 18px}.hfTutorialSupportHero h2{font-size:clamp(34px,10.5cqi,42px)!important;line-height:.9!important}.hfTutorialSupportHero h2>em{font-size:.72em}.hfTutorialSupportHero p{font-size:11px!important}.hfTutorialSupportHero>a,.hfTutorialSupportCard>a{width:100%}.hfTutorialSupportCard{padding:22px 18px}.hfTutorialSupportCard h3{font-size:clamp(29px,9cqi,36px)!important}.hfTutorialLicense{grid-template-columns:42px minmax(0,1fr);padding:12px}.hfTutorialLicense>b{width:40px;height:40px}.hfTutorialLicense>a{grid-column:1/-1}.hfTutorialSupportNote{padding:18px}}