/*
Theme Name: Bufan Stream Test
Theme URI: http://bufan-test.local/
Author: Bufan
Description: AI, agentlar, dasturlash va IT video kurslari uchun sinov mavzusi.
Version: 0.7.19
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: bufan-stream-test
*/

:root{--ink:#171717;--soft:#242321;--bone:#f5f1e8;--paper:#fffdf8;--coral:#ff4d3d;--lime:#d7ff54;--muted:#777168;--line:#d8d3c8;--blue:#4768ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bone);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}body.admin-bar .topbar{top:32px}a{color:inherit;text-decoration:none}button,input{font:inherit}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen-reader-text:focus{position:fixed;z-index:99999;top:10px;left:10px;width:auto;height:auto;padding:12px;background:#fff;clip:auto}.site-shell{width:min(1500px,calc(100% - 32px));margin:auto}.topbar{min-height:82px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:baseline;gap:7px;font-weight:950;letter-spacing:-.04em}.brand-mark{display:inline-grid;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--coral);color:white;font-size:14px}.brand small{color:var(--coral);font-size:10px;letter-spacing:.14em}.main-nav{justify-self:center;display:flex;gap:34px;font-size:14px;font-weight:750}.main-nav a,.telegram-link{position:relative}.main-nav a:after,.telegram-link:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--coral);transition:right .18s ease}.main-nav a:hover:after,.telegram-link:hover:after{right:0}.top-actions{display:flex;align-items:center;gap:20px}.language-switch{display:inline-flex;border:1px solid var(--ink);border-radius:999px;overflow:hidden}.language-switch button{border:0;background:transparent;padding:7px 10px;font-size:10px;font-weight:850;cursor:pointer}.language-switch button.is-active{background:var(--ink);color:var(--bone)}.telegram-link{font-size:13px;font-weight:800}.featured-course{min-height:600px;margin-top:28px;display:grid;grid-template-columns:58% 42%;border-radius:30px;overflow:hidden;background:var(--ink);color:var(--bone)}.hero-copy{display:flex;flex-direction:column;padding:clamp(42px,5vw,78px)}.eyebrow-row,.hero-footer,.course-meta,.filter-row,.browser-heading,.poster-top{display:flex;align-items:center}.eyebrow-row{justify-content:space-between}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em}.year-pill{border:1px solid #54514d;border-radius:99px;padding:6px 12px;color:#bcb7ae;font-size:11px}.hero-copy h1,.content-heading h1,.single-hero h1{margin:34px 0 20px;font-size:clamp(54px,6.9vw,112px);line-height:.84;letter-spacing:-.075em;font-weight:950}.hero-copy h1 em{color:var(--coral);font-style:normal}.hero-description{max-width:700px;margin:0 0 26px;color:#bcb7ae;font-size:clamp(16px,1.5vw,22px);line-height:1.5}.course-meta{flex-wrap:wrap;gap:14px 24px;margin:0;padding:0;list-style:none;font-size:13px;font-weight:750}.course-meta li+li:before{content:"";display:inline-block;width:7px;height:7px;margin-right:24px;border-radius:50%;background:var(--coral)}.hero-footer{margin-top:auto;gap:16px;flex-wrap:wrap}.button{min-height:58px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 26px;border:1px solid transparent;border-radius:999px;font-weight:850;transition:transform .18s ease,box-shadow .18s ease}.button:hover{transform:translateY(-3px)}.button-coral{background:var(--coral);color:white}.button-outline{border-color:#5f5b56}.lesson-progress{min-width:230px;flex:1;margin-left:14px}.lesson-progress>div{display:flex;justify-content:space-between;color:#bcb7ae;font-size:12px}.progress-track{display:block;height:6px;margin-top:10px;border-radius:99px;background:#484541;overflow:hidden}.progress-track i{display:block;width:38%;height:100%;background:var(--lime)}.hero-art{position:relative;isolation:isolate;overflow:hidden;border-left:1px solid #32302d;background:radial-gradient(circle at 42% 45%,#ff5c4d 0 28%,#a92820 29% 45%,transparent 46%),var(--ink)}.orbit{position:absolute;border:3px solid rgba(245,241,232,.13);border-radius:50%}.orbit-one{width:520px;height:520px;top:-110px;right:-105px}.orbit-two{width:390px;height:390px;top:-45px;right:-40px}.hero-sticker{position:absolute;z-index:2;top:35px;right:28px;width:160px;padding:17px 20px;transform:rotate(4deg);border-radius:15px;background:var(--bone);color:var(--ink);text-align:center;font-size:14px;font-weight:950}.hero-monogram{position:absolute;z-index:1;top:32%;left:24%;font-size:clamp(120px,16vw,250px);line-height:.7;letter-spacing:-.12em}.agent-code{position:absolute;z-index:2;right:7%;bottom:12%;padding:23px 30px;border:1px solid #5f5b56;border-radius:20px;background:rgba(23,23,23,.88);color:var(--lime);font-weight:800;line-height:1.7;transform:rotate(-2deg)}.art-caption{position:absolute;z-index:3;left:10%;bottom:7%;font-size:12px;font-weight:850}.art-caption:before{content:"";display:inline-block;width:64px;height:3px;margin-right:15px;background:var(--coral);vertical-align:middle}.course-browser{padding:34px 0 82px}.filter-row{gap:20px;overflow:hidden}.filter-row>strong{font-size:12px;letter-spacing:.12em}.category-list{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.category-list button{flex:none;border:1px solid var(--line);border-radius:99px;background:transparent;padding:11px 19px;color:#625f59;font-size:12px;font-weight:750;cursor:pointer}.category-list button.is-active{border-color:var(--ink);background:var(--ink);color:var(--bone)}.browser-heading{justify-content:space-between;gap:24px;margin:40px 0 20px}.browser-heading h2,.learning-path h2,.final-cta h2{margin:0 0 5px;font-size:clamp(34px,4.4vw,68px);line-height:.98;letter-spacing:-.065em}.browser-heading h2 i{display:inline-block;width:12px;height:12px;margin-left:10px;border-radius:50%;background:var(--coral)}.browser-heading p{margin:0;color:var(--muted);font-size:13px}.course-search{min-width:min(380px,100%);display:flex;border-bottom:2px solid var(--ink)}.course-search input{width:100%;min-width:0;border:0;background:transparent;padding:12px 4px;outline:none}.course-search button{width:44px;border:0;background:transparent;font-size:22px;cursor:pointer}.course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.course-card[hidden]{display:none}.poster{position:relative;min-height:260px;overflow:hidden;border-radius:20px;padding:20px;transition:transform .22s ease,box-shadow .22s ease}.course-card a:hover .poster{transform:translateY(-5px);box-shadow:0 18px 34px rgba(23,23,23,.13)}.poster:after{content:"";position:absolute;width:200px;height:200px;right:-50px;bottom:-55px;border:28px solid currentColor;border-radius:50%;opacity:.22}.poster-coral{background:var(--coral)}.poster-lime{background:var(--lime)}.poster-dark{background:var(--soft);color:white}.poster-paper{background:#e8e1d3}.poster-blue{background:var(--blue);color:white}.poster-top{position:relative;z-index:2;justify-content:space-between;gap:12px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:850}.poster-mark{position:absolute;z-index:1;left:20px;bottom:22px;font-size:clamp(48px,6vw,88px);line-height:.75;letter-spacing:-.085em}.poster-action{position:absolute;z-index:3;right:18px;bottom:16px;display:grid;width:40px;height:40px;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink);font-weight:900}.card-copy{padding:14px 4px 0}.card-copy h3{margin:0 0 8px;font-size:18px;letter-spacing:-.035em}.card-copy p{margin:0;color:var(--muted);font-size:12px}.empty-state{padding:40px;border:1px dashed var(--muted);border-radius:20px;text-align:center}.learning-path{display:grid;grid-template-columns:.9fr 1.5fr;gap:clamp(35px,7vw,120px);padding:75px 0;border-top:1px solid var(--line)}.coral-text{color:var(--coral)}.learning-path h2{margin-top:18px}.learning-path p{max-width:520px;color:var(--muted);line-height:1.65}.steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0;padding:0;list-style:none}.steps:before{content:"";position:absolute;top:38px;left:12%;right:12%;height:2px;background:var(--ink)}.steps li{position:relative;z-index:1;display:grid;justify-items:center;align-content:start;gap:20px;text-align:center}.steps li span{display:grid;width:76px;height:76px;place-items:center;border:2px solid var(--ink);background:var(--bone);font-weight:900}.steps li:nth-child(2) span{background:var(--lime);transform:rotate(45deg)}.steps li:nth-child(3) span{border-radius:50%;background:var(--ink);color:var(--bone)}.final-cta{min-height:320px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding:clamp(38px,6vw,82px);border-radius:30px;background:var(--coral)}.final-cta h2{max-width:850px;margin-top:18px;font-size:clamp(44px,6vw,92px)}.final-cta p{margin:0}.button-lime{flex:none;background:var(--lime);box-shadow:7px 7px 0 var(--ink)}.site-footer{min-height:150px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:40px;color:var(--muted);font-size:12px}.site-footer p:last-child{justify-self:end}.content-page,.single-course{padding:60px 0 100px}.content-heading{padding:60px;border-radius:30px;background:var(--ink);color:var(--bone)}.content-heading h1{margin-bottom:0}.article-list{max-width:900px;margin:50px auto}.article-row{padding:30px 0;border-bottom:1px solid var(--line)}.article-row h2{font-size:34px;letter-spacing:-.04em}.article-date{color:var(--muted);font-size:12px}.single-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:60px;border-radius:30px;background:var(--ink);color:var(--bone)}.single-hero h1{font-size:clamp(48px,6vw,88px)}.single-hero p{color:#bcb7ae;font-size:18px;line-height:1.6}.single-hero .button{margin-top:30px}.single-poster{min-height:430px;display:grid;align-content:center;justify-items:center;border-radius:24px;background:var(--coral)}.single-poster strong{font-size:150px;letter-spacing:-.12em}.single-poster span{max-width:70%;font-weight:800;text-align:center}.course-content{max-width:850px;margin:60px auto;font-size:18px;line-height:1.8}.course-content a{color:#d92f23;text-decoration:underline}

/* Telegram video embeds */
.telegram-videos,.single-video-section{padding:76px 0;border-bottom:1px solid var(--line)}.video-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:28px}.video-heading h2{max-width:820px;margin:14px 0 0;font-size:clamp(38px,5vw,76px);line-height:.95;letter-spacing:-.065em}.video-heading p{max-width:430px;margin:0;color:var(--muted);line-height:1.6}.video-heading>a{font-weight:800;text-decoration:underline;text-underline-offset:5px}.telegram-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.telegram-video-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.telegram-embed{min-height:350px;display:grid;place-items:center;padding:14px;background:#ece8df}.telegram-embed iframe{max-width:100%!important}.telegram-video-copy{padding:20px 22px 24px}.telegram-video-copy span{color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.telegram-video-copy h3{margin:8px 0 0;font-size:21px;letter-spacing:-.04em}.telegram-video-empty{min-height:240px;display:flex;align-items:center;justify-content:center;gap:24px;padding:36px;border-radius:24px;background:var(--ink);color:var(--bone)}.telegram-video-empty .empty-play{display:grid;width:78px;height:78px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--coral);color:white;font-size:26px}.telegram-video-empty h3{margin:0 0 8px;font-size:24px}.telegram-video-empty p{max-width:650px;margin:0;color:#bcb7ae;line-height:1.6}.single-video-section{max-width:1100px;margin:0 auto}.single-video-section>.telegram-embed{min-height:520px;border-radius:24px}

@media(max-width:1050px){.main-nav{display:none}.topbar{grid-template-columns:auto 1fr}.top-actions{justify-self:end}.featured-course,.single-hero{grid-template-columns:1fr}.hero-copy{min-height:570px}.hero-art{min-height:410px;border-left:0}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.telegram-video-grid{grid-template-columns:1fr 1fr}.learning-path{grid-template-columns:1fr}.single-poster{min-height:320px}}
@media(max-width:700px){body.admin-bar .topbar{top:46px}.site-shell{width:calc(100% - 20px)}.telegram-link{display:none}.featured-course{margin-top:10px;border-radius:22px}.hero-copy{min-height:auto;padding:32px 22px 38px}.hero-copy h1{font-size:clamp(51px,15vw,78px)}.hero-footer{margin-top:34px}.hero-footer .button{width:100%}.lesson-progress{width:100%;margin:8px 0 0}.hero-art{min-height:370px}.hero-sticker{top:20px;right:16px;width:125px;font-size:11px}.agent-code{right:5%;padding:15px;font-size:11px}.video-heading{align-items:flex-start;flex-direction:column}.telegram-video-grid{grid-template-columns:1fr}.telegram-video-empty{align-items:flex-start;flex-direction:column}.filter-row{align-items:flex-start;flex-direction:column}.category-list{width:100%}.browser-heading{align-items:stretch;flex-direction:column}.course-search{min-width:0}.course-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps:before{top:38px;bottom:38px;left:38px;right:auto;width:2px;height:auto}.steps li{grid-template-columns:76px 1fr;align-items:center;justify-items:start;text-align:left}.final-cta{align-items:flex-start;flex-direction:column;padding:42px 24px;border-radius:22px}.button-lime{width:100%}.site-footer{grid-template-columns:1fr;gap:14px;padding:40px 0}.site-footer p{margin:0}.site-footer p:last-child{justify-self:start}.content-heading,.single-hero{padding:32px 22px}.single-hero h1{font-size:52px}}

/* YouTube source cards */
.main-nav a,.youtube-link{position:relative}.main-nav a:after,.youtube-link:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--coral);transition:right .18s ease}.main-nav a:hover:after,.youtube-link:hover:after{right:0}.youtube-link{font-size:13px;font-weight:800}.youtube-videos,.single-video-section{padding:76px 0;border-bottom:1px solid var(--line)}.youtube-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.youtube-video-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.youtube-video-link{display:block}.youtube-preview{position:relative;min-height:250px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#201f1d,#080808);color:white}.youtube-preview:before,.youtube-preview:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.youtube-preview:before{width:310px;height:310px;right:-100px;top:-150px}.youtube-preview:after{width:180px;height:180px;left:-60px;bottom:-100px}.youtube-badge{position:absolute;top:20px;left:20px;padding:7px 10px;border-radius:7px;background:#ff0033;font-size:10px;font-weight:950;letter-spacing:.12em}.youtube-play{position:relative;z-index:2;display:grid;width:78px;height:56px;place-items:center;border-radius:17px;background:#ff0033;color:white;font-size:23px;box-shadow:0 16px 36px rgba(255,0,51,.28);transition:transform .18s ease}.youtube-video-link:hover .youtube-play,.youtube-video-panel:hover .youtube-play{transform:scale(1.08)}.youtube-open{position:absolute;right:20px;bottom:18px;font-size:11px;font-weight:800}.youtube-video-copy{padding:20px 22px 24px}.youtube-video-copy span{color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.youtube-video-copy h3{margin:8px 0 0;font-size:21px;letter-spacing:-.04em}.youtube-video-panel{min-height:420px;display:flex;align-items:center;justify-content:center;gap:26px;padding:40px;border-radius:24px;background:linear-gradient(145deg,#242321,#0d0d0c);color:white;text-align:left}.youtube-video-panel>span:last-child{display:grid;gap:7px}.youtube-video-panel strong{font-size:clamp(22px,3vw,36px);letter-spacing:-.04em}.youtube-video-panel small{color:#bcb7ae;font-size:14px}
@media(max-width:1050px){.youtube-video-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.youtube-link{display:none}.youtube-video-grid{grid-template-columns:1fr}.youtube-video-panel{min-height:300px;align-items:flex-start;flex-direction:column}}
/* Bufan on-site streaming */
.main-nav a,.library-link{position:relative}.main-nav a:after,.library-link:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--coral);transition:right .18s ease}.main-nav a:hover:after,.library-link:hover:after{right:0}.library-link{font-size:13px;font-weight:800}.stream-videos{padding:76px 0;border-bottom:1px solid var(--line)}.stream-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.stream-video-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--paper)}.stream-video-link{display:block}.stream-preview{position:relative;min-height:250px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#201f1d,#080808);color:white}.stream-preview:before,.stream-preview:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.stream-preview:before{width:310px;height:310px;right:-100px;top:-150px}.stream-preview:after{width:180px;height:180px;left:-60px;bottom:-100px}.stream-badge{position:absolute;top:20px;left:20px;padding:7px 10px;border-radius:7px;background:var(--coral);font-size:10px;font-weight:950;letter-spacing:.12em}.stream-play{position:relative;z-index:2;display:grid;width:78px;height:56px;place-items:center;border-radius:17px;background:var(--coral);color:white;font-size:23px;box-shadow:0 16px 36px rgba(255,77,61,.28);transition:transform .18s ease}.stream-video-link:hover .stream-play{transform:scale(1.08)}.stream-open{position:absolute;right:20px;bottom:18px;font-size:11px;font-weight:800}.stream-video-copy{padding:20px 22px 24px}.stream-video-copy span{color:var(--coral);font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.stream-video-copy h3{margin:8px 0 0;font-size:21px;letter-spacing:-.04em}
.stream-preview.has-thumbnail:before,.stream-preview.has-thumbnail:after{display:none}.stream-preview img,.poster img,.queue-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stream-preview img{z-index:0}.stream-badge,.stream-open{z-index:2}.poster.has-thumbnail:after{display:none}.poster.has-thumbnail .poster-mark{display:none}.poster img{z-index:0}.queue-poster img{z-index:0}.queue-poster.has-thumbnail b{display:none}.queue-poster i{z-index:2}

.watch-page{padding:30px 0 90px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:34px}.watch-main{min-width:0}.watch-player{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:22px;background:#090909;box-shadow:0 20px 55px rgba(23,23,23,.16)}.watch-player iframe{display:block;width:100%;height:100%;border:0}.watch-player-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:28px;padding:42px;background:radial-gradient(circle at 70% 20%,rgba(255,77,61,.23),transparent 36%),#101010;color:white}.watch-player-mark{position:absolute;right:5%;bottom:-12%;color:rgba(255,255,255,.035);font-size:360px;font-weight:950;line-height:1}.watch-player-button{position:relative;z-index:1;display:grid;width:88px;height:62px;flex:0 0 auto;place-items:center;border-radius:18px;background:var(--coral);font-size:25px}.watch-player-empty>div{position:relative;z-index:1;max-width:480px}.watch-player-empty strong{font-size:clamp(22px,2.5vw,36px);letter-spacing:-.04em}.watch-player-empty p{margin:10px 0 0;color:#bcb7ae;line-height:1.6}.watch-details{padding:24px 4px 0}.watch-track{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--coral);color:white;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.watch-details h1{margin:14px 0 12px;font-size:clamp(30px,4vw,54px);line-height:1;letter-spacing:-.06em}.watch-meta{display:flex;flex-wrap:wrap;gap:8px 20px;color:var(--muted);font-size:13px;font-weight:700}.watch-meta span+span:before{content:"•";margin-right:20px;color:var(--coral)}.watch-author{display:flex;align-items:center;gap:12px;margin-top:24px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.watch-author>span:last-child{display:grid;gap:3px}.watch-author small{color:var(--muted)}.watch-description{margin-top:20px;padding:22px;border-radius:18px;background:#eae5da;line-height:1.65}.watch-description p{margin-top:0}.watch-sidebar{min-width:0}.watch-sidebar-heading{position:sticky;top:0;z-index:3;padding:10px 0 16px;background:var(--bone)}.watch-sidebar-heading h2{margin:8px 0 0;font-size:28px;letter-spacing:-.045em}.watch-queue{display:grid;gap:14px}.queue-card{display:grid;grid-template-columns:168px 1fr;gap:13px;padding:8px;border-radius:16px;transition:background .18s ease}.queue-card:hover{background:#eae5da}.queue-poster{position:relative;min-height:96px;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:var(--coral)}.queue-poster-2{background:var(--lime)}.queue-poster-3{background:var(--soft);color:white}.queue-poster-4{background:var(--blue);color:white}.queue-poster b{font-size:36px;letter-spacing:-.08em}.queue-poster i{position:absolute;right:8px;bottom:8px;display:grid;width:29px;height:22px;place-items:center;border-radius:7px;background:rgba(0,0,0,.75);color:white;font-size:9px;font-style:normal}.queue-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:3px 0}.queue-copy strong{display:-webkit-box;overflow:hidden;font-size:14px;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}.queue-copy small{margin-top:7px;color:var(--muted);font-size:11px}.queue-copy small+small{margin-top:2px}

@media(max-width:1100px){.watch-layout{grid-template-columns:1fr}.watch-sidebar-heading{position:static}.watch-queue{grid-template-columns:1fr 1fr}.stream-video-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.library-link{display:none}.stream-video-grid,.watch-queue{grid-template-columns:1fr}.watch-page{padding-top:12px}.watch-player{border-radius:15px}.watch-player-empty{align-items:flex-start;flex-direction:column;padding:25px}.watch-player-button{width:70px;height:50px}.watch-details h1{font-size:36px}.watch-meta span+span:before{display:none}.queue-card{grid-template-columns:145px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* Bufan articles */
.home-articles{padding:82px 0;border-bottom:1px solid var(--line)}.article-section-heading{align-items:flex-end}.article-heading-side{max-width:440px;display:grid;justify-items:start;gap:14px}.article-heading-side p{max-width:none}.article-heading-side a,.related-articles .video-heading>a{font-size:13px;font-weight:850;text-decoration:underline;text-underline-offset:5px}.home-article-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px}.bufan-article-card{min-width:0}.bufan-article-card>a{height:100%;display:grid}.home-article-grid .bufan-article-card.is-featured{grid-row:span 2}.home-article-grid .bufan-article-card:not(.is-featured)>a{grid-template-columns:210px minmax(0,1fr);align-items:stretch;border:1px solid var(--line);border-radius:22px;background:var(--paper);overflow:hidden}.article-cover{position:relative;isolation:isolate;min-height:260px;overflow:hidden;border-radius:22px;background:var(--coral);transition:transform .22s ease,box-shadow .22s ease}.is-featured .article-cover{min-height:510px}.home-article-grid .bufan-article-card:not(.is-featured) .article-cover{min-height:210px;border-radius:0}.bufan-article-card>a:hover .article-cover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(23,23,23,.14)}.article-cover:before,.article-cover:after{content:"";position:absolute;z-index:-1;border:2px solid currentColor;border-radius:50%;opacity:.18}.article-cover:before{width:330px;height:330px;right:-110px;top:-130px}.article-cover:after{width:210px;height:210px;left:-85px;bottom:-120px}.article-accent-coral .article-cover,.article-reading-cover.article-accent-coral{background:var(--coral)}.article-accent-lime .article-cover,.article-reading-cover.article-accent-lime{background:var(--lime)}.article-accent-dark .article-cover,.article-reading-cover.article-accent-dark{background:var(--soft);color:white}.article-accent-blue .article-cover,.article-reading-cover.article-accent-blue{background:var(--blue);color:white}.article-accent-paper .article-cover,.article-reading-cover.article-accent-paper{background:#e8e1d3}.article-cover.has-thumbnail:before,.article-cover.has-thumbnail:after{display:none}.article-cover img,.article-reading-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.article-cover.has-thumbnail:after,.article-reading-cover.has-thumbnail:after{content:"";display:block;position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.04) 48%,rgba(0,0,0,.62));border:0;border-radius:0;opacity:1}.article-cover-category{position:absolute;z-index:2;top:20px;left:20px;padding:7px 10px;border-radius:999px;background:rgba(245,241,232,.92);color:var(--ink);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.article-cover-mark{position:absolute;z-index:1;left:22px;bottom:28px;font-size:clamp(64px,9vw,150px);line-height:.72;letter-spacing:-.1em}.home-article-grid .bufan-article-card:not(.is-featured) .article-cover-mark{font-size:64px}.article-cover-number{position:absolute;z-index:2;right:20px;top:20px;font-size:11px;font-weight:900}.article-cover-action{position:absolute;z-index:3;right:18px;bottom:17px;padding:9px 13px;border-radius:999px;background:var(--ink);color:var(--bone);font-size:11px;font-weight:850}.article-card-copy{padding:18px 4px 0}.home-article-grid .bufan-article-card:not(.is-featured) .article-card-copy{align-self:center;padding:22px}.article-card-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 12px!important;color:var(--muted);font-size:10px!important;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.article-card-meta span+span:before{content:"•";margin-right:18px;color:var(--coral)}.article-card-copy h3{margin:0 0 10px;font-size:clamp(21px,2.2vw,32px);line-height:1.02;letter-spacing:-.05em}.is-featured .article-card-copy h3{font-size:clamp(30px,4vw,54px)}.article-card-copy>p:last-child{margin:0;color:var(--muted);font-size:13px;line-height:1.55}

.articles-archive-page{padding:28px 0 100px}.articles-archive-hero{min-height:420px;display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:60px;padding:clamp(42px,6vw,82px);overflow:hidden;border-radius:30px;background:radial-gradient(circle at 82% 22%,rgba(255,77,61,.35),transparent 28%),var(--ink);color:var(--bone)}.articles-archive-hero.is-compact{min-height:320px}.articles-archive-hero h1{margin:24px 0 0;font-size:clamp(70px,10vw,160px);line-height:.78;letter-spacing:-.085em}.articles-archive-hero h1 span{color:var(--coral)}.articles-archive-hero>p,.archive-description{max-width:430px;margin:0;color:#bcb7ae;font-size:18px;line-height:1.6}.article-back-link{display:inline-flex;margin-bottom:28px;color:inherit;font-size:12px;font-weight:850}.article-category-nav{display:flex;align-items:center;gap:10px;overflow-x:auto;padding:28px 0;scrollbar-width:none}.article-category-nav>span{margin-right:10px;font-size:10px;font-weight:900;letter-spacing:.12em}.article-category-nav a{flex:none;padding:10px 16px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;font-weight:800}.article-category-nav a.is-active,.article-category-nav a:hover{border-color:var(--ink);background:var(--ink);color:var(--bone)}.articles-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 18px;padding:40px 0}.articles-archive-grid .bufan-article-card.is-featured{grid-column:span 2}.articles-archive-grid .bufan-article-card.is-featured .article-cover{min-height:510px}.articles-archive-grid .article-cover{min-height:310px}.article-pagination{display:flex;justify-content:center;padding:38px 0}.article-pagination .page-numbers{display:flex;align-items:center;gap:8px;margin:0;padding:0;list-style:none}.article-pagination a,.article-pagination span{display:grid;min-width:42px;height:42px;place-items:center;padding:0 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:850}.article-pagination .current{border-color:var(--ink);background:var(--ink);color:var(--bone)}.articles-empty{margin:50px 0;padding:70px;border:1px dashed var(--muted);border-radius:24px;text-align:center}.articles-empty strong{font-size:28px}.articles-empty p{color:var(--muted)}

.single-article-page{padding:28px 0 100px}.article-reading-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(380px,.85fr);gap:18px}.article-reading-copy{min-height:590px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(38px,6vw,78px);border-radius:30px;background:var(--ink);color:var(--bone)}.article-reading-copy h1{margin:24px 0 22px;font-size:clamp(52px,6.4vw,98px);line-height:.88;letter-spacing:-.075em}.article-lead{max-width:760px;margin:0;color:#bcb7ae;font-size:clamp(17px,1.5vw,22px);line-height:1.55}.article-byline{display:flex;align-items:center;gap:12px;margin-top:34px}.article-byline img{border-radius:50%}.article-byline>span{display:grid;gap:3px}.article-byline small{color:#bcb7ae;font-size:11px}.article-reading-cover{position:relative;isolation:isolate;min-height:590px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:32px;border-radius:30px}.article-reading-cover:before,.article-reading-cover:after{content:"";position:absolute;z-index:-1;border:3px solid currentColor;border-radius:50%;opacity:.18}.article-reading-cover:before{width:560px;height:560px;right:-210px;top:-170px}.article-reading-cover:after{width:300px;height:300px;left:-150px;bottom:-130px}.article-reading-cover>span,.article-reading-cover>small{position:relative;z-index:2;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.article-reading-cover>strong{position:relative;z-index:2;align-self:center;margin:auto;font-size:clamp(110px,15vw,230px);line-height:.7;letter-spacing:-.12em}.article-reading-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(240px,320px);justify-content:center;gap:clamp(45px,7vw,110px);padding:80px 0}.article-prose{min-width:0;font-family:Georgia,"Times New Roman",serif;font-size:19px;line-height:1.82}.article-prose>p:first-child{font-size:23px;line-height:1.65}.article-prose h2,.article-prose h3{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;letter-spacing:-.055em;scroll-margin-top:28px}.article-prose h2{margin:70px 0 20px;font-size:clamp(34px,4vw,54px);line-height:1}.article-prose h3{margin:42px 0 14px;font-size:27px}.article-prose p{margin:0 0 27px}.article-prose ul,.article-prose ol{margin:0 0 30px;padding-left:28px}.article-prose li{margin:10px 0}.article-prose blockquote{margin:40px 0;padding:28px 32px;border-left:6px solid var(--coral);background:var(--paper);font-size:23px;line-height:1.55}.article-prose code{padding:2px 6px;border-radius:5px;background:#e8e1d3;font-size:.88em}.article-prose pre{overflow:auto;padding:24px;border-radius:18px;background:var(--ink);color:var(--lime);font-size:14px;line-height:1.6}.article-prose img{max-width:100%;height:auto;border-radius:22px}.article-reading-sidebar{min-width:0}.article-toc{position:sticky;top:30px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}body.admin-bar .article-toc{top:62px}.article-toc ol{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.article-toc li{font-size:13px;line-height:1.35}.article-toc .toc-level-3{padding-left:14px;color:var(--muted);font-size:12px}.article-toc a:hover{color:var(--coral)}.article-fact-card{display:grid;gap:6px;margin-top:16px;padding:24px;border-radius:20px;background:var(--lime)}.article-fact-card span{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.article-fact-card strong{font-size:32px;letter-spacing:-.05em}.article-fact-card small{font-size:11px}.article-course-callout{margin-top:70px;padding:34px;border-radius:24px;background:var(--coral);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}.article-course-callout h2{margin:18px 0 12px}.article-course-callout p{font-size:15px;line-height:1.6}.article-course-callout .button{margin-top:12px;text-decoration:none}.related-articles{padding:76px 0 20px;border-top:1px solid var(--line)}.related-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.related-article-grid .article-cover{min-height:280px}

@media(max-width:1050px){.home-article-grid{grid-template-columns:1fr 1fr}.home-article-grid .bufan-article-card.is-featured{grid-column:span 2;grid-row:auto}.home-article-grid .bufan-article-card:not(.is-featured)>a{grid-template-columns:1fr}.home-article-grid .bufan-article-card:not(.is-featured) .article-cover{min-height:290px}.articles-archive-grid{grid-template-columns:1fr 1fr}.article-reading-hero{grid-template-columns:1fr}.article-reading-copy{min-height:500px}.article-reading-cover{min-height:430px}.article-reading-layout{grid-template-columns:minmax(0,760px)}.article-reading-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.article-toc{position:static}.article-fact-card{margin-top:0}.related-article-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.home-articles{padding:58px 0}.article-heading-side{justify-items:start}.home-article-grid,.articles-archive-grid,.related-article-grid{grid-template-columns:1fr}.home-article-grid .bufan-article-card.is-featured,.articles-archive-grid .bufan-article-card.is-featured{grid-column:auto}.is-featured .article-cover,.articles-archive-grid .bufan-article-card.is-featured .article-cover{min-height:360px}.home-article-grid .bufan-article-card:not(.is-featured)>a{display:block}.home-article-grid .bufan-article-card:not(.is-featured) .article-cover{min-height:250px}.article-card-copy{padding:16px 4px 4px}.home-article-grid .bufan-article-card:not(.is-featured) .article-card-copy{padding:18px 4px}.articles-archive-page,.single-article-page{padding-top:12px}.articles-archive-hero{min-height:360px;grid-template-columns:1fr;align-content:end;padding:36px 24px;border-radius:22px}.articles-archive-hero h1{font-size:72px}.articles-archive-hero>p{font-size:15px}.article-category-nav{padding:20px 0}.articles-archive-grid{padding-top:20px}.article-reading-copy{min-height:auto;padding:42px 24px;border-radius:22px}.article-reading-copy h1{font-size:50px}.article-reading-cover{min-height:350px;padding:24px;border-radius:22px}.article-reading-layout{padding:52px 4px;gap:38px}.article-prose{font-size:17px}.article-prose>p:first-child{font-size:20px}.article-prose h2{margin-top:52px;font-size:36px}.article-reading-sidebar{grid-template-columns:1fr}.related-articles{padding-top:55px}}

/* Current Bufan.uz-style article reading layout */
.single-article-classic{max-width:1180px;margin:0 auto;padding:34px 0 92px;color:#10264b}.classic-breadcrumbs{display:flex;align-items:center;gap:9px;overflow:hidden;margin:0 0 26px;color:#6f7d91;font-size:13px;font-weight:700;white-space:nowrap}.classic-breadcrumbs a{color:#596a82}.classic-breadcrumbs a:hover{color:#2878de}.classic-breadcrumbs>span:last-child{overflow:hidden;text-overflow:ellipsis;font-weight:500}.classic-article-layout{display:grid;grid-template-columns:minmax(0,820px) minmax(280px,320px);align-items:start;gap:28px}.classic-article-main{display:grid;min-width:0;gap:18px}.classic-article-header,.classic-featured-image,.classic-article-content,.classic-side-card{border:1px solid #dfe7f1;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(19,51,92,.055)}.classic-article-header{padding:32px}.classic-category{display:inline-flex;padding:5px 12px;border-radius:999px;background:#2878de;color:#fff;font-size:12px;font-weight:850}.classic-article-header h1{max-width:720px;margin:14px 0 20px;color:#10264b;font-size:clamp(38px,4.4vw,58px);line-height:1.04;letter-spacing:-.045em}.classic-article-meta{display:flex;flex-wrap:wrap;gap:9px 22px;color:#718096;font-size:13px;font-weight:650}.classic-featured-image{overflow:hidden;margin:0;padding:14px}.classic-featured-image img{display:block;width:100%;height:auto;max-height:620px;border-radius:14px;object-fit:cover}.classic-article-content{padding:36px;color:#334155;font-size:18px;line-height:1.75}.classic-article-content>p:first-child{font-size:19px}.classic-article-content p{margin:0 0 24px}.classic-article-content h2,.classic-article-content h3{position:relative;color:#10264b;scroll-margin-top:30px}.classic-article-content h2{margin:46px 0 20px;padding-left:17px;font-size:30px;line-height:1.18;letter-spacing:-.025em}.classic-article-content h2:before{content:"";position:absolute;top:.08em;bottom:.08em;left:0;width:5px;border-radius:8px;background:#2878de}.classic-article-content h3{margin:34px 0 16px;font-size:24px}.classic-article-content ul,.classic-article-content ol{margin:0 0 26px;padding-left:27px}.classic-article-content li{margin:8px 0}.classic-article-content a{color:#2176d2;text-decoration:underline;text-underline-offset:3px}.classic-article-content img{max-width:100%;height:auto;border-radius:14px}.classic-article-content blockquote{margin:30px 0;padding:22px 26px;border-left:5px solid #2878de;border-radius:0 14px 14px 0;background:#f2f7fd;color:#10264b}.classic-article-content code{padding:2px 6px;border-radius:5px;background:#edf2f7;font-size:.9em}.classic-article-content pre{overflow:auto;padding:22px;border-radius:14px;background:#10264b;color:#eaf2ff}.classic-article-sidebar{display:grid;min-width:0;gap:16px}.classic-side-card{overflow:hidden;padding:22px}.classic-side-card h2{margin:0;color:#10264b;font-size:22px;line-height:1.18;letter-spacing:-.025em}.classic-toc-card{position:sticky;top:24px;z-index:2;padding:0}body.admin-bar .classic-toc-card{top:56px}.classic-toc-card h2{padding:22px 22px 14px}.classic-toc-card ol{margin:0;padding:0;list-style:none}.classic-toc-card li{border-top:1px solid #e6edf5;font-size:13px;font-weight:750;line-height:1.35}.classic-toc-card li:first-child{border-top:0}.classic-toc-card li.toc-level-3 a{padding-left:36px;color:#64748b;font-size:12px}.classic-toc-card a{display:block;padding:14px 22px}.classic-toc-card a:hover{background:#f5f9fe;color:#2878de}.classic-related-card{padding:20px}.classic-related-card>h2{margin-bottom:17px;font-size:27px}.classic-related-list{display:grid;gap:12px}.classic-related-item{display:grid;grid-template-columns:86px minmax(0,1fr);overflow:hidden;border:1px solid #e3ebf4;border-radius:15px}.classic-related-media{display:grid;min-height:86px;place-items:center;overflow:hidden;background:linear-gradient(135deg,#ecf6ff,#dbeafe);color:#2878de;font-size:27px;font-weight:900}.classic-related-media img{width:100%;height:100%;object-fit:cover}.classic-related-item>div{align-self:center;min-width:0;padding:10px}.classic-related-item p{display:flex;align-items:center;gap:7px;margin:0 0 7px;color:#718096;font-size:9px}.classic-related-item p span{padding:3px 7px;border-radius:999px;background:#3eb268;color:#fff;font-weight:850}.classic-related-item h3{margin:0;color:#10264b;font-size:13px;line-height:1.15}.classic-related-item h3 a:hover{color:#2878de}.classic-share-card>p{margin:12px 0 17px;color:#718096;font-size:13px;line-height:1.55}.classic-share-card>div{display:flex;gap:8px}.classic-share-card>div a{display:grid;width:38px;height:38px;place-items:center;border:1px solid #dfe7f1;border-radius:11px;color:#2878de;font-size:13px;font-weight:850}.classic-share-card>div a:hover{border-color:#2878de;background:#2878de;color:#fff}
@media(max-width:980px){.classic-article-layout{grid-template-columns:1fr}.classic-article-sidebar{grid-template-columns:1fr 1fr}.classic-toc-card{position:static;grid-row:span 2}.classic-related-card{grid-column:2}.classic-share-card{grid-column:2}}
@media(max-width:700px){.single-article-classic{padding:20px 0 64px}.classic-breadcrumbs{margin-bottom:18px;font-size:11px}.classic-article-layout{gap:16px}.classic-article-main{gap:14px}.classic-article-header,.classic-article-content,.classic-side-card{border-radius:18px}.classic-article-header{padding:24px 20px}.classic-article-header h1{font-size:37px}.classic-article-meta{display:grid;gap:7px;font-size:12px}.classic-featured-image{padding:8px;border-radius:18px}.classic-featured-image img{border-radius:11px}.classic-article-content{padding:25px 20px;font-size:16px;line-height:1.7}.classic-article-content>p:first-child{font-size:17px}.classic-article-content h2{margin-top:38px;font-size:26px}.classic-article-content h3{font-size:21px}.classic-article-sidebar{grid-template-columns:1fr}.classic-toc-card,.classic-related-card,.classic-share-card{grid-column:auto;grid-row:auto}.classic-side-card{padding:18px}.classic-toc-card{padding:0}.classic-toc-card h2{padding:19px 18px 12px}.classic-toc-card a{padding:13px 18px}}

/* Separate course and video library pages */
.library-archive{padding:28px 0 100px}.library-page-hero{min-height:370px;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:50px;padding:clamp(42px,6vw,78px);overflow:hidden;border-radius:30px;background:radial-gradient(circle at 84% 22%,rgba(215,255,84,.2),transparent 27%),var(--ink);color:var(--bone)}.library-video-hero{background:radial-gradient(circle at 84% 22%,rgba(255,77,61,.35),transparent 29%),var(--ink)}.library-page-hero .eyebrow{grid-column:1/-1}.library-page-hero h1{margin:0;font-size:clamp(70px,10vw,150px);line-height:.78;letter-spacing:-.085em}.library-page-hero p{max-width:430px;margin:0;color:#bcb7ae;font-size:17px;line-height:1.6}.library-course-browser{padding-top:30px}.video-only-list{padding-top:62px;border-bottom:0}.library-archive .course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.library-archive .stream-video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1050px){.library-page-hero{grid-template-columns:1fr}.library-archive .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-archive .stream-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.library-archive{padding-top:12px}.library-page-hero{min-height:330px;padding:36px 24px;border-radius:22px}.library-page-hero h1{font-size:70px}.library-page-hero p{font-size:15px}.video-only-list{padding-top:48px}.library-archive .course-grid,.library-archive .stream-video-grid{grid-template-columns:1fr}}

/* Media portal + video platform home */
.portal-home{width:min(1500px,calc(100% - 32px));margin:0 auto;padding:28px 0 100px}.portal-hero{min-height:650px;display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);overflow:hidden;border-radius:30px;background:var(--ink);color:var(--bone)}.portal-hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,5vw,78px)}.portal-kicker{font-size:10px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}.portal-hero-copy h1{max-width:780px;margin:28px 0 22px;font-size:clamp(54px,6.4vw,100px);font-weight:950;line-height:.84;letter-spacing:-.075em}.portal-hero-copy h1 span,.portal-hero-copy h1 em{display:block}.portal-hero-copy h1 em{color:var(--coral);font-style:normal}.portal-hero-copy>p{max-width:620px;margin:0;color:#bbb6ad;font-size:17px;line-height:1.65}.portal-search{width:min(590px,100%);min-height:60px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:32px;padding:0 8px 0 20px;border:1px solid #4c4945;border-radius:999px;background:rgba(255,255,255,.045)}.portal-search>span{font-size:24px;line-height:1}.portal-search input{min-width:0;border:0;outline:0;background:transparent;color:white}.portal-search input::placeholder{color:#928d86}.portal-search button{width:45px;height:45px;border:0;border-radius:50%;background:var(--lime);color:var(--ink);font-size:20px;font-weight:900;cursor:pointer}.portal-hero-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.portal-primary-button{min-height:54px;display:inline-flex;align-items:center;gap:11px;padding:12px 22px;border-radius:999px;background:var(--coral);color:white;font-size:13px;font-weight:900}.portal-primary-button>span:first-child{font-size:11px}.portal-text-link{color:#cbc6bd;font-size:13px;font-weight:800}.portal-hero-media{position:relative;min-height:650px;display:block;overflow:hidden;background:radial-gradient(circle at 50% 42%,#53504b,transparent 25%),linear-gradient(135deg,#2d2b29,#121211)}.portal-hero-media:before,.portal-hero-media:after{content:"";position:absolute;z-index:0;border:1px solid rgba(255,255,255,.13);border-radius:50%}.portal-hero-media:before{width:620px;height:620px;right:-170px;top:-130px}.portal-hero-media:after{width:390px;height:390px;left:-130px;bottom:-140px}.portal-hero-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.portal-hero-media:hover img{transform:scale(1.025)}.portal-hero-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 24%,rgba(0,0,0,.78) 100%)}.portal-media-label{position:absolute;z-index:2;top:28px;left:28px;padding:9px 12px;border-radius:99px;background:var(--coral);color:white;font-size:9px;font-weight:950;letter-spacing:.12em}.portal-big-play{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:96px;height:96px;place-items:center;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(23,23,23,.4);color:white;font-size:26px;backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}.portal-hero-media:hover .portal-big-play{transform:translate(-50%,-50%) scale(1.08);background:var(--coral)}.portal-media-copy{position:absolute;z-index:2;right:32px;bottom:32px;left:32px;display:grid;gap:7px}.portal-media-copy small{color:#d4cfc6;font-size:11px;font-weight:750}.portal-media-copy strong{max-width:650px;color:white;font-size:clamp(25px,3.1vw,48px);line-height:.98;letter-spacing:-.045em}

.portal-entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:16px 0 0}.portal-entry{min-height:150px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:25px 28px;border-radius:22px;transition:transform .2s ease,box-shadow .2s ease}.portal-entry:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(23,23,23,.12)}.portal-entry-courses{background:var(--lime)}.portal-entry-videos{background:var(--coral);color:white}.portal-entry-articles{background:var(--blue);color:white}.portal-entry-icon{display:grid;width:62px;height:62px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:22px;font-weight:900}.portal-entry>span:nth-child(2){display:grid;gap:3px}.portal-entry small{font-size:9px;font-style:normal;font-weight:950;letter-spacing:.13em}.portal-entry strong{font-size:31px;line-height:1;letter-spacing:-.045em}.portal-entry em{opacity:.75;font-size:12px;font-style:normal}.portal-entry b{font-size:25px}

.portal-continue{margin-top:78px;padding:clamp(32px,4.5vw,68px);border-radius:30px;background:var(--ink);color:var(--bone)}.portal-section{padding-top:88px}.portal-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.portal-section-heading h2,.portal-bottom-cta h2{margin:12px 0 0;font-size:clamp(40px,5vw,76px);line-height:.92;letter-spacing:-.065em}.portal-section-heading>a{padding-bottom:8px;border-bottom:1px solid currentColor;font-size:12px;font-weight:850}.portal-section-heading-light>a{color:#d0cbc2}.portal-continue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.portal-progress-card{overflow:hidden;border:1px solid #3c3935;border-radius:20px;background:#22211f}.portal-progress-card>a{height:100%;display:grid;grid-template-columns:140px 1fr}.portal-progress-image{position:relative;min-height:170px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#42403c,#171717)}.portal-progress-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.portal-progress-image:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18)}.portal-progress-image>i{position:relative;z-index:2;display:grid;width:46px;height:46px;place-items:center;border-radius:50%;background:rgba(255,255,255,.88);color:var(--ink);font-size:13px;font-style:normal}.portal-progress-copy{display:flex;flex-direction:column;padding:21px}.portal-progress-copy>small{color:var(--coral);font-size:9px;font-weight:900;text-transform:uppercase}.portal-progress-copy>strong{margin-top:7px;font-size:16px;line-height:1.25}.portal-progress-copy>span{height:5px;margin-top:auto;overflow:hidden;border-radius:99px;background:#4d4944}.portal-progress-copy>span i{display:block;height:100%;background:var(--lime)}.portal-progress-copy>em{margin-top:8px;color:#aaa59d;font-size:9px;font-style:normal}

.portal-video-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.portal-video-poster{position:relative;aspect-ratio:16/10;display:grid;place-items:center;overflow:hidden;border-radius:20px;background:linear-gradient(135deg,#242321,#090909)}.portal-video-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.62))}.portal-video-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.portal-video-card a:hover img{transform:scale(1.045)}.portal-video-tag,.portal-now,.portal-card-play{position:absolute;z-index:2}.portal-video-tag{top:15px;left:15px;padding:7px 9px;border-radius:99px;background:rgba(23,23,23,.75);color:white;font-size:8px;font-weight:900;text-transform:uppercase;backdrop-filter:blur(6px)}.portal-card-play{display:grid;width:62px;height:62px;place-items:center;border-radius:50%;background:var(--coral);color:white;font-size:17px;box-shadow:0 12px 28px rgba(0,0,0,.22)}.portal-now{right:16px;bottom:14px;color:white;font-size:9px;font-weight:850}.portal-video-text{padding:14px 3px 0}.portal-video-text h3,.portal-course-card h3,.portal-article-copy h3{margin:0;font-size:18px;line-height:1.22;letter-spacing:-.035em}.portal-video-text p,.portal-course-card p{margin:8px 0 0;color:var(--muted);font-size:11px}

.portal-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.portal-course-cover{position:relative;min-height:300px;overflow:hidden;padding:20px;border-radius:20px;background:#dfd8ca}.portal-course-cover:after{content:"";position:absolute;width:190px;height:190px;right:-65px;bottom:-70px;border:30px solid currentColor;border-radius:50%;opacity:.2}.portal-course-cover img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover}.portal-course-cover.has-thumbnail:after{display:none}.portal-course-cover>span{position:relative;z-index:2;font-size:9px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.portal-course-cover>strong{position:absolute;z-index:2;left:18px;bottom:24px;font-size:clamp(54px,6vw,88px);line-height:.72;letter-spacing:-.09em}.portal-course-cover.has-thumbnail>strong{display:none}.portal-course-cover>i{position:absolute;z-index:2;right:16px;bottom:16px;display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink);font-style:normal}.portal-course-coral .portal-course-cover{background:var(--coral)}.portal-course-lime .portal-course-cover{background:var(--lime)}.portal-course-blue .portal-course-cover{background:var(--blue);color:white}.portal-course-dark .portal-course-cover{background:var(--soft);color:white}.portal-course-card>a>div:last-child{padding:14px 3px 0}.portal-course-card a:hover .portal-course-cover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(23,23,23,.13)}.portal-course-cover{transition:transform .2s ease,box-shadow .2s ease}

.portal-article-grid{display:grid;grid-template-columns:1.25fr repeat(3,minmax(0,.75fr));gap:18px}.portal-article-image{position:relative;min-height:300px;overflow:hidden;padding:20px;border-radius:20px;background:#e7e0d4}.portal-article-card.is-featured .portal-article-image{min-height:390px}.portal-article-image:after{content:"";position:absolute;width:210px;height:210px;right:-65px;bottom:-70px;border:34px solid currentColor;border-radius:50%;opacity:.18}.portal-article-image img{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.portal-article-card a:hover img{transform:scale(1.04)}.portal-article-image.has-thumbnail:after{display:none}.portal-article-image>span{position:relative;z-index:2;padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.88);color:var(--ink);font-size:8px;font-weight:950;text-transform:uppercase}.portal-article-image>strong{position:absolute;z-index:2;left:18px;bottom:22px;font-size:clamp(55px,6vw,90px);line-height:.7;letter-spacing:-.09em}.portal-article-image.has-thumbnail>strong{display:none}.portal-article-copy{padding:14px 3px 0}.portal-article-copy p{margin:0 0 8px;color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase}.portal-article-copy>span{display:block;margin-top:9px;color:var(--muted);font-size:11px;line-height:1.55}.portal-article-card:not(.is-featured) .portal-article-copy>span{display:none}

.portal-bottom-cta{min-height:330px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:95px;padding:clamp(38px,5.5vw,78px);overflow:hidden;border-radius:30px;background:var(--coral);color:var(--ink)}.portal-bottom-cta h2{max-width:900px;font-size:clamp(44px,6vw,88px)}.portal-bottom-cta>a{flex:none;padding:18px 24px;border-radius:999px;background:var(--lime);font-size:13px;font-weight:950;box-shadow:7px 7px 0 var(--ink)}

@media(max-width:1100px){.portal-hero{grid-template-columns:1fr}.portal-hero-media{min-height:460px}.portal-entry-grid{grid-template-columns:1fr 1fr}.portal-entry-articles{grid-column:1/-1}.portal-continue-grid{grid-template-columns:1fr}.portal-progress-card>a{grid-template-columns:180px 1fr}.portal-video-grid,.portal-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-article-card.is-featured{grid-column:1/-1}.portal-article-card.is-featured .portal-article-image{min-height:420px}} 
@media(max-width:700px){.portal-home{width:calc(100% - 20px);padding:10px 0 70px}.portal-hero{border-radius:22px}.portal-hero-copy{padding:38px 22px 34px}.portal-hero-copy h1{margin-top:22px;font-size:clamp(48px,14.4vw,72px)}.portal-hero-copy>p{font-size:15px}.portal-search{min-height:55px;margin-top:25px;padding-left:15px}.portal-search button{width:41px;height:41px}.portal-hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.portal-hero-media{min-height:330px}.portal-media-label{top:18px;left:18px}.portal-big-play{width:74px;height:74px}.portal-media-copy{right:20px;bottom:20px;left:20px}.portal-entry-grid{grid-template-columns:1fr;gap:10px;margin-top:10px}.portal-entry-articles{grid-column:auto}.portal-entry{min-height:125px;padding:20px}.portal-entry-icon{width:54px;height:54px}.portal-entry strong{font-size:27px}.portal-continue,.portal-bottom-cta{margin-top:58px;padding:33px 22px;border-radius:22px}.portal-section{padding-top:62px}.portal-section-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:23px}.portal-section-heading h2{font-size:45px}.portal-progress-card>a{grid-template-columns:112px 1fr}.portal-progress-image{min-height:158px}.portal-progress-copy{padding:16px}.portal-video-grid,.portal-course-grid,.portal-article-grid{grid-template-columns:1fr}.portal-video-poster{aspect-ratio:16/10}.portal-course-cover{min-height:280px}.portal-article-card.is-featured{grid-column:auto}.portal-article-card.is-featured .portal-article-image,.portal-article-image{min-height:300px}.portal-article-card:not(.is-featured) .portal-article-copy>span{display:block}.portal-bottom-cta{min-height:320px;align-items:flex-start;flex-direction:column}.portal-bottom-cta h2{font-size:48px}.portal-bottom-cta>a{width:100%;text-align:center}}

/* Dark cinema video-platform home */
body.home{background:#08090b;color:#f5f1e8}body.home .site-shell{width:100%;max-width:none}body.home .topbar,body.home .site-footer{width:min(1580px,calc(100% - 48px));margin-right:auto;margin-left:auto}body.home .topbar{border-color:#25272b}body.home .main-nav a{color:#eeeae2}body.home .language-switch{border-color:#777a80}body.home .language-switch button{color:#d7d8da}body.home .language-switch button.is-active{background:#f5f1e8;color:#0b0c0e}body.home .site-footer{border-top:1px solid #25272b;color:#85888e}body.home .portal-home{width:min(1580px,calc(100% - 48px));padding-top:24px}

body.home .portal-hero{min-height:760px;display:grid;grid-template-columns:1fr;isolation:isolate;border:1px solid #24262a;border-radius:26px;background:#0b0c0e;box-shadow:0 35px 90px rgba(0,0,0,.45)}body.home .portal-hero-copy,body.home .portal-hero-media{grid-area:1/1}body.home .portal-hero-copy{z-index:4;width:min(64%,900px);justify-content:flex-end;padding:clamp(46px,6vw,92px);background:linear-gradient(90deg,rgba(5,6,7,.98) 0%,rgba(5,6,7,.92) 48%,rgba(5,6,7,.18) 86%,transparent 100%);pointer-events:none}body.home .portal-hero-copy>*{pointer-events:auto}body.home .portal-hero-copy h1{font-size:clamp(64px,7vw,112px);text-shadow:0 4px 28px rgba(0,0,0,.45)}body.home .portal-hero-copy>p{color:#c0c2c6}body.home .portal-hero-media{z-index:1;min-height:760px}body.home .portal-hero-media img{z-index:1;filter:saturate(.82) contrast(1.08)}body.home .portal-hero-shade{z-index:2;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.04) 64%),linear-gradient(0deg,rgba(0,0,0,.88),transparent 42%)}body.home .portal-media-label{z-index:3;top:32px;right:32px;left:auto;background:rgba(255,77,61,.92);box-shadow:0 8px 24px rgba(0,0,0,.3)}body.home .portal-big-play{z-index:3;left:75%;width:112px;height:112px;border-color:rgba(255,255,255,.78);background:rgba(7,8,10,.55);box-shadow:0 0 0 18px rgba(255,255,255,.05),0 20px 50px rgba(0,0,0,.45)}body.home .portal-media-copy{z-index:3;right:36px;bottom:34px;left:auto;width:min(34%,480px);text-align:right}body.home .portal-search{border-color:#52555a;background:rgba(10,11,13,.68);backdrop-filter:blur(12px)}body.home .portal-primary-button{box-shadow:0 12px 34px rgba(255,77,61,.26)}

body.home .portal-entry-grid{gap:12px;margin-top:12px}body.home .portal-entry{min-height:124px;border:1px solid #292c31;border-radius:16px;background:#131518;color:#f5f1e8;box-shadow:none}body.home .portal-entry-videos{order:-1;border-color:#ff5a4d;background:linear-gradient(135deg,#f34336,#b91f1a)}body.home .portal-entry-icon{border-color:#5c6067;background:rgba(255,255,255,.035)}body.home .portal-entry-videos .portal-entry-icon{border-color:rgba(255,255,255,.55);background:rgba(0,0,0,.12)}body.home .portal-entry em{color:#a9acb2}body.home .portal-entry-videos em{color:rgba(255,255,255,.72)}

body.home .portal-section{padding-top:92px;border-top:1px solid #24262a}body.home .portal-videos{margin-top:90px;padding-top:0;border-top:0}body.home .portal-section-heading h2{color:#f7f3eb}body.home .portal-section-heading>a{color:#d5d6d9}body.home .portal-video-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}body.home .portal-video-card.is-featured{grid-column:1/-1}body.home .portal-video-card.is-featured .portal-video-poster{aspect-ratio:21/8;min-height:470px}body.home .portal-video-poster{border:1px solid #2a2d32;border-radius:14px;background:#111316;box-shadow:0 18px 45px rgba(0,0,0,.28)}body.home .portal-video-poster:after{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.78))}body.home .portal-video-card.is-featured .portal-card-play{width:92px;height:92px;font-size:24px;box-shadow:0 0 0 14px rgba(255,255,255,.08),0 22px 55px rgba(0,0,0,.4)}body.home .portal-video-card.is-featured .portal-video-tag{top:22px;left:22px}body.home .portal-video-card.is-featured .portal-now{right:24px;bottom:22px;font-size:11px}body.home .portal-video-card.is-featured .portal-video-text h3{font-size:30px}body.home .portal-video-text h3,body.home .portal-course-card h3,body.home .portal-article-copy h3{color:#f1eee8}body.home .portal-video-text p,body.home .portal-course-card p{color:#85888e}

body.home .portal-continue{margin-top:94px;border:1px solid #292c31;background:radial-gradient(circle at 92% 0,rgba(255,77,61,.13),transparent 32%),#111316}body.home .portal-progress-card{border-color:#30343a;background:#191b1f}body.home .portal-progress-copy>span{background:#373a40}body.home .portal-progress-copy>em{color:#90939a}

body.home .portal-courses,body.home .portal-articles{margin-top:92px}body.home .portal-course-cover,body.home .portal-article-image{border:1px solid #303238}body.home .portal-article-copy p,body.home .portal-article-copy>span{color:#85888e}body.home .portal-bottom-cta{border:1px solid #34373d;background:radial-gradient(circle at 82% 30%,rgba(255,77,61,.22),transparent 28%),linear-gradient(135deg,#17191d,#0d0e10);color:#f5f1e8}body.home .portal-bottom-cta>a{background:var(--coral);color:white;box-shadow:7px 7px 0 #34373d}

@media(max-width:1100px){body.home .portal-hero{min-height:700px}body.home .portal-hero-copy{width:78%}body.home .portal-hero-media{min-height:700px}body.home .portal-big-play{left:78%}body.home .portal-media-copy{display:none}body.home .portal-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.home .portal-video-card.is-featured{grid-column:1/-1}body.home .portal-video-card.is-featured .portal-video-poster{min-height:390px}}
@media(max-width:700px){body.home .topbar,body.home .site-footer,body.home .portal-home{width:calc(100% - 20px)}body.home .portal-hero{min-height:780px;border-radius:18px}body.home .portal-hero-copy{width:100%;justify-content:flex-end;padding:34px 20px;background:linear-gradient(0deg,rgba(5,6,7,.99) 0%,rgba(5,6,7,.9) 54%,rgba(5,6,7,.08) 88%,transparent 100%)}body.home .portal-hero-copy h1{font-size:clamp(47px,14vw,67px)}body.home .portal-hero-copy>p{font-size:14px}body.home .portal-hero-media{min-height:780px}body.home .portal-hero-media img{object-position:center top}body.home .portal-media-label{top:16px;right:16px}body.home .portal-big-play{top:29%;left:50%;width:76px;height:76px}body.home .portal-entry-grid{margin-top:10px}body.home .portal-entry{min-height:112px}body.home .portal-videos{margin-top:62px}body.home .portal-section{padding-top:62px}body.home .portal-video-grid{grid-template-columns:1fr}body.home .portal-video-card.is-featured{grid-column:auto}body.home .portal-video-card.is-featured .portal-video-poster{min-height:0;aspect-ratio:16/10}body.home .portal-video-card.is-featured .portal-card-play{width:68px;height:68px;font-size:18px}body.home .portal-video-card.is-featured .portal-video-text h3{font-size:22px}body.home .portal-continue{margin-top:68px}body.home .portal-courses,body.home .portal-articles{margin-top:62px}}

/* Supplied video-platform reference */
body.home{background:radial-gradient(circle at 50% 0,#101820 0,#070b0e 42%,#05080a 100%);color:#eef0f2}body.home .site-shell{width:100%;max-width:none}.reference-topbar{height:58px;display:grid;grid-template-columns:auto minmax(420px,1fr) minmax(220px,310px) auto auto auto;align-items:center;gap:22px;padding:0 max(24px,calc((100vw - 1500px)/2));border-bottom:1px solid #262b30;background:rgba(5,8,10,.96)}.reference-brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:900;letter-spacing:.035em;white-space:nowrap}.reference-brand strong{color:#ff5348}.reference-brand span{color:#f1f1ef}.reference-nav{height:100%;display:flex;align-items:center;gap:34px;margin-left:38px;color:#b8bbc0;font-size:13px}.reference-nav a{height:100%;display:flex;align-items:center;position:relative;white-space:nowrap}.reference-nav a.is-active{color:#fff}.reference-nav a.is-active:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;background:#ff5147}.reference-header-search{height:34px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:0 13px;border:1px solid #2d3237;border-radius:6px;background:#161a1e;color:#8f9399}.reference-header-search input{min-width:0;border:0;outline:0;background:transparent;color:white;font-size:12px}.reference-header-search input::placeholder{color:#7f8389}.reference-bell{width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:white;cursor:pointer}.reference-bell svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.reference-avatar{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;background:#1976d2;color:white;font-size:12px;font-weight:850}.reference-chevron{color:#a9adb2;font-size:15px}

.cinema-reference-home{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:18px 0 0}.reference-hero{position:relative;min-height:300px;overflow:hidden;border:1px solid #333a40;border-radius:9px;background:linear-gradient(135deg,#141a20,#0b1014)}.reference-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .65s ease}.reference-hero-image.is-active{opacity:1}.reference-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,9,.98) 0%,rgba(4,8,10,.9) 27%,rgba(4,8,10,.25) 64%,rgba(4,8,10,.04) 100%),linear-gradient(0deg,rgba(0,0,0,.34),transparent 55%)}.reference-hero-copy{position:relative;z-index:2;width:min(48%,650px);display:flex;flex-direction:column;align-items:flex-start;padding:26px 38px}.reference-hero-copy h1{margin:0;color:#fff4d8;font-size:clamp(42px,4.2vw,62px);font-weight:900;line-height:.94;letter-spacing:-.035em}.reference-hero-copy p{margin:14px 0 13px;color:#aeb3b8;font-size:13px;line-height:1.55}.reference-hero-copy>a{min-height:43px;display:inline-flex;align-items:center;gap:9px;padding:8px 17px;border-radius:6px;background:#ff5147;color:white;font-size:15px;font-weight:800;box-shadow:0 8px 22px rgba(255,81,71,.18)}.reference-hero-copy>a span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:white;color:#ff5147;font-size:10px}.reference-slider-dots{display:flex;gap:9px;margin-top:auto;padding-top:13px}.reference-slider-dots button{width:9px;height:9px;margin:0;padding:0;border:0;border-radius:50%;background:#777b7f;cursor:pointer;transition:transform .18s ease,background .18s ease}.reference-slider-dots button:hover,.reference-slider-dots button:focus-visible{transform:scale(1.35);outline:2px solid rgba(255,255,255,.72);outline-offset:3px}.reference-slider-dots button.is-active{background:#ff5147}.reference-hero-play{position:absolute;z-index:3;top:50%;left:69%;display:grid;width:88px;height:88px;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(8,11,14,.68);color:white;font-size:30px;box-shadow:0 0 0 12px rgba(0,0,0,.15);backdrop-filter:blur(5px)}

.reference-row{padding:11px 4px 0}.reference-row-heading{height:27px;display:flex;align-items:center;justify-content:space-between;gap:20px}.reference-row-heading h2{margin:0;font-size:18px;line-height:1;font-weight:800}.reference-row-heading>a{display:inline-flex;align-items:center;gap:8px;color:#c6c8cc;font-size:11px}.reference-row-heading>a span{font-size:22px;line-height:.7}.reference-continue-grid,.reference-video-grid,.reference-course-grid,.reference-article-grid{display:grid;gap:9px}.reference-continue-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.reference-progress-card{min-width:0;overflow:hidden;border:1px solid #333940;border-radius:8px;background:#11161a}.reference-progress-card>a{position:relative;min-height:119px;display:block;overflow:hidden}.reference-progress-thumb{position:absolute;inset:0;display:grid;place-items:center}.reference-progress-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06),rgba(0,0,0,.84))}.reference-progress-thumb img{width:100%;height:100%;object-fit:cover}.reference-progress-thumb i{position:absolute;z-index:2;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:rgba(17,19,22,.78);color:white;font-size:12px;font-style:normal}.reference-progress-card strong{position:absolute;z-index:3;right:9px;bottom:21px;left:9px;overflow:hidden;color:white;font-size:11px;font-weight:650;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.reference-progress-line{position:absolute;z-index:3;right:46px;bottom:8px;left:9px;height:4px;overflow:hidden;border-radius:99px;background:#4b5054}.reference-progress-line i{display:block;height:100%;background:#a8f229}.reference-progress-card small{position:absolute;z-index:3;right:9px;bottom:5px;color:#b2ef42;font-size:9px;font-weight:850}

.reference-video-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.reference-video-card{min-width:0;overflow:hidden;border:1px solid #30363c;border-radius:7px;background:#13181c}.reference-video-card>a{display:block}.reference-video-thumb{position:relative;aspect-ratio:16/7.2;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#182129,#0b1014)}.reference-video-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.reference-video-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.62))}.reference-video-thumb i{position:relative;z-index:2;display:grid;width:35px;height:35px;place-items:center;border-radius:50%;background:rgba(16,18,20,.7);color:white;font-size:10px;font-style:normal;opacity:0;transition:opacity .18s ease,transform .18s ease}.reference-video-card:hover .reference-video-thumb i{opacity:1;transform:scale(1.08)}.reference-video-thumb small{position:absolute;z-index:3;right:4px;bottom:3px;padding:2px 4px;border-radius:2px;background:rgba(0,0,0,.86);color:white;font-size:8px}.reference-video-card>a>strong{min-height:35px;display:block;padding:6px 8px;color:#edf0f2;font-size:10px;font-weight:550;line-height:1.15}

.reference-course-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.reference-course-card{min-width:0;border:1px solid rgba(255,255,255,.1);border-radius:8px}.reference-course-card>a{min-height:72px;display:grid;grid-template-columns:56px 1fr;align-items:center;gap:10px;padding:8px 13px}.reference-course-card>a>span:first-child{font-size:32px;font-weight:950;letter-spacing:-.07em}.reference-course-card>a>span:last-child{display:grid;gap:4px}.reference-course-card strong{font-size:13px;line-height:1.12}.reference-course-card small{color:#9fa4a9;font-size:10px}.reference-course-card.is-violet{background:linear-gradient(135deg,#25213c,#17162d)}.reference-course-card.is-green{background:linear-gradient(135deg,#0e432f,#0b2a21)}.reference-course-card.is-blue{background:linear-gradient(135deg,#183c5d,#10263e)}.reference-course-card.is-amber{background:linear-gradient(135deg,#65431d,#30220f)}.reference-course-card.is-cyan{background:linear-gradient(135deg,#164b58,#0c2a32)}.reference-course-card.is-olive{background:linear-gradient(135deg,#4b4c17,#28290e)}

.reference-articles{margin:12px -24px 0;padding:10px 28px 14px;background:#f5f5f3;color:#111416}.reference-articles .reference-row-heading>a{color:#7f8387}.reference-article-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.reference-article-card{min-width:0;border:1px solid #cfd1d2;border-radius:8px;background:#fafafa}.reference-article-card>a{min-height:90px;display:grid;grid-template-columns:88px 1fr;align-items:center;gap:10px;padding:7px}.reference-article-thumb{width:100%;aspect-ratio:4/3;display:grid;place-items:center;align-self:center;overflow:hidden;border-radius:4px;background:#ddd8cc}.reference-article-thumb img{width:100%;height:100%;object-fit:cover}.reference-article-thumb b{font-size:30px;letter-spacing:-.08em}.reference-article-card>a>span:last-child{display:flex;flex-direction:column;justify-content:space-between;padding:4px 0}.reference-article-card strong{font-size:10px;font-weight:650;line-height:1.3}.reference-article-card small{color:#8a8d90;font-size:8px}body.home .site-footer{width:min(1500px,calc(100% - 48px));min-height:88px;border-top:1px solid #252b30;color:#777d82}

@media(max-width:1050px){.reference-topbar{grid-template-columns:auto 1fr minmax(180px,260px) auto auto;gap:14px}.reference-nav{gap:20px;margin-left:12px}.reference-nav a:last-child,.reference-chevron{display:none}.reference-continue-grid,.reference-video-grid,.reference-course-grid,.reference-article-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.reference-continue-grid>*:nth-child(n+5),.reference-video-grid>*:nth-child(n+5),.reference-course-grid>*:nth-child(n+5),.reference-article-grid>*:nth-child(n+5){display:none}.reference-hero-copy{width:58%}.reference-hero-play{left:74%}}
@media(max-width:700px){.reference-topbar{height:58px;grid-template-columns:auto 1fr auto auto;padding:0 12px}.reference-brand{font-size:16px}.reference-nav{justify-self:end;gap:16px;margin:0;font-size:11px}.reference-nav a:first-child,.reference-nav a:last-child{display:none}.reference-header-search,.reference-bell{display:none}.cinema-reference-home{width:calc(100% - 20px);padding-top:10px}.reference-hero{min-height:500px;border-radius:8px}.reference-hero-image{object-position:center top}.reference-hero-overlay{background:linear-gradient(0deg,rgba(3,7,9,.99) 0%,rgba(3,7,9,.92) 50%,rgba(3,7,9,.12) 86%,transparent 100%)}.reference-hero-copy{position:absolute;inset:0;width:100%;justify-content:flex-end;padding:24px 20px}.reference-hero-copy h1{font-size:39px}.reference-hero-copy p{font-size:11px}.reference-slider-dots{margin-top:13px;padding-top:0}.reference-hero-play{top:27%;left:50%;width:66px;height:66px;font-size:20px}.reference-row{padding-top:14px}.reference-row-heading{height:31px}.reference-row-heading h2{font-size:17px}.reference-continue-grid,.reference-video-grid,.reference-course-grid,.reference-article-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78vw;overflow-x:auto;padding-bottom:5px;scroll-snap-type:x proximity;scrollbar-width:none}.reference-continue-grid>*:nth-child(n),.reference-video-grid>*:nth-child(n),.reference-course-grid>*:nth-child(n),.reference-article-grid>*:nth-child(n){display:block;scroll-snap-align:start}.reference-progress-card>a{min-height:145px}.reference-video-thumb{aspect-ratio:16/8.2}.reference-video-card>a>strong{min-height:40px;font-size:12px}.reference-course-card>a{min-height:84px}.reference-articles{margin-right:-10px;margin-left:-10px;padding-right:10px;padding-left:10px}.reference-article-card>a{min-height:102px;grid-template-columns:104px 1fr}.reference-article-card strong{font-size:11px}body.home .site-footer{width:calc(100% - 20px)}}

@media(min-width:701px){.reference-continue-grid,.reference-video-grid,.reference-course-grid,.reference-article-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* Comfortable home video cards */
.reference-video-grid{gap:14px}.reference-video-card{border-color:#343b42;border-radius:10px;background:#141a1f;box-shadow:0 8px 20px rgba(0,0,0,.16)}.reference-video-card>a{height:100%;display:flex;flex-direction:column}.reference-video-thumb{aspect-ratio:16/9;border-bottom:1px solid #30373d}.reference-video-thumb:after{background:linear-gradient(180deg,rgba(0,0,0,.02) 40%,rgba(0,0,0,.5))}.reference-video-thumb i{width:46px;height:46px;background:rgba(8,11,14,.78);font-size:13px;opacity:.92;box-shadow:0 6px 18px rgba(0,0,0,.34)}.reference-video-card:hover .reference-video-thumb i{opacity:1;transform:scale(1.08)}.reference-video-thumb small{right:7px;bottom:6px;padding:3px 6px;border-radius:4px;font-size:9px;font-weight:750}.reference-video-card>a>strong{min-height:57px;display:-webkit-box;overflow:hidden;padding:10px 12px 11px;color:#f2f3f4;font-size:14px;font-weight:650;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.reference-video-card:hover{border-color:#505861;background:#182027}
.reference-video-thumb:not(.has-thumbnail){background:radial-gradient(circle at 75% 20%,rgba(71,104,255,.42),transparent 30%),linear-gradient(135deg,#243044,#101820)}.reference-video-fallback{position:absolute;left:16px;bottom:10px;color:rgba(255,255,255,.18);font-size:72px;font-weight:950;line-height:.7;letter-spacing:-.09em}

@media(max-width:700px){.reference-video-grid{gap:10px}.reference-video-card>a>strong{min-height:55px;padding:9px 11px;font-size:14px}.reference-video-thumb{aspect-ratio:16/9}.reference-video-thumb i{width:44px;height:44px}}

@media(max-width:700px){.reference-nav{min-width:0;gap:10px;font-size:10px}}
@media(max-width:1050px){.reference-nav a:last-child{display:flex}}
@media(max-width:700px){.reference-nav a:first-child{display:none}.reference-nav a:last-child{display:flex}}

/* Keep all three rows of the home page's new-video grid visible on tablets. */
@media(min-width:701px){.cinema-reference-home .reference-video-grid>*:nth-child(n){display:block}}

/* Ranked site search */
.ranked-search-page{padding:46px 0 100px}.ranked-search-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,520px);align-items:end;gap:32px;padding:42px;border-radius:24px;background:#171717;color:#f5f1e8}.ranked-search-hero h1{margin:8px 0 0;font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.055em}.ranked-search-hero p{margin:14px 0 0;color:#aaa59c}.ranked-search-form{min-height:56px;display:grid;grid-template-columns:1fr auto;overflow:hidden;border:1px solid #55514b;border-radius:999px;background:#242321}.ranked-search-form input{min-width:0;padding:0 22px;border:0;outline:0;background:transparent;color:white}.ranked-search-form button{width:52px;height:52px;margin:1px;border:0;border-radius:50%;background:#ff4d3d;color:white;font-size:20px;cursor:pointer}.ranked-search-section{padding-top:48px}.ranked-search-section>h2{margin:0 0 18px;font-size:28px;letter-spacing:-.035em}.ranked-search-section>h2 span{color:#ff4d3d}.ranked-search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.ranked-result-card{min-width:0;overflow:hidden;border:1px solid #d8d3c8;border-radius:14px;background:#fffdf8}.ranked-result-card>a{height:100%;display:flex;flex-direction:column}.ranked-result-thumb{position:relative;aspect-ratio:16/9;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#242321,#4768ff);color:white}.ranked-result-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.ranked-result-thumb>b{font-size:64px;line-height:1;letter-spacing:-.08em;opacity:.38}.ranked-result-badge{position:absolute;z-index:2;top:9px;left:9px;padding:5px 8px;border-radius:99px;background:rgba(23,23,23,.82);color:white;font-size:9px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.ranked-result-copy{display:flex;flex:1;flex-direction:column;padding:14px}.ranked-result-copy small{color:#777168;font-size:10px;font-weight:750}.ranked-result-copy h3{margin:7px 0 9px;font-size:16px;line-height:1.25;letter-spacing:-.02em}.ranked-result-copy p{display:-webkit-box;overflow:hidden;margin:auto 0 0;color:#777168;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.ranked-result-card:hover{border-color:#ff4d3d;transform:translateY(-2px)}
@media(max-width:1050px){.ranked-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ranked-search-page{padding-top:20px}.ranked-search-hero{grid-template-columns:1fr;padding:28px 20px;border-radius:18px}.ranked-search-grid{grid-template-columns:1fr}.ranked-search-section{padding-top:36px}}

/* Search stays available in every header, including mobile. */
.topbar{grid-template-columns:auto minmax(360px,1fr) minmax(220px,340px) auto;gap:28px}.site-header-search{height:40px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.5);color:#777168}.site-header-search input{min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.site-header-search input::placeholder{color:#8b867f}
@media(max-width:1050px){.topbar{grid-template-columns:auto 1fr minmax(190px,260px) auto;gap:16px}.main-nav{gap:18px}}
@media(max-width:850px){.reference-topbar{height:auto;min-height:106px;grid-template-columns:auto 1fr auto;grid-template-rows:58px 38px;gap:0 10px;padding:0 12px 10px}.reference-brand{grid-column:1;grid-row:1}.reference-nav{grid-column:2;grid-row:1}.reference-avatar{grid-column:3;grid-row:1}.reference-header-search{grid-column:1/-1;grid-row:2;width:100%;display:grid}.reference-bell,.reference-chevron{display:none}.topbar{min-height:0;grid-template-columns:1fr auto;grid-template-rows:auto auto auto;gap:10px 14px;padding:12px 0}.brand{grid-column:1;grid-row:1}.top-actions{grid-column:2;grid-row:1}.main-nav{grid-column:1/-1;grid-row:2;justify-self:stretch;justify-content:flex-start;gap:20px;overflow-x:auto;padding:3px 0 7px;scrollbar-width:none}.main-nav a{flex:none}.site-header-search{grid-column:1/-1;grid-row:3;width:100%;height:42px;background:#fff}.language-switch button{padding:6px 8px}}

/* Ad Inserter public placements */
.ai-between-posts{grid-column:1/-1;width:100%;min-width:0;box-sizing:border-box;padding:14px 0}
.ai-ad-wrapper{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:18px auto;overflow:hidden}
.ai-between-posts>.ai-ad-wrapper{margin:0}
.ai-align-center{text-align:center}
.ai-align-left{text-align:left}
.ai-align-right{text-align:right}
.ai-align-no_wrapping,.ai-align-custom{text-align:initial}
.ai-ad-wrapper iframe,.ai-ad-wrapper img,.ai-ad-wrapper video{max-width:100%}
@media(min-width:769px){.ai-device-mobile{display:none!important}}
@media(max-width:768px){.ai-device-desktop{display:none!important}.ai-between-posts{padding:10px 0}.ai-ad-wrapper{margin:14px auto}}

/* Custom CMS parity: four-column video/course catalog and full-size dubbed player. */
@media(min-width:1051px){.library-archive .stream-video-grid,.library-archive .course-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.watch-player>.bufan-dub-player-wrapper{height:100%;margin:0!important}.watch-player .bufan-dub-player{height:100%;min-height:100%}.watch-player .bufan-player-shell{height:100%}
@media(max-width:850px){.main-nav{display:flex}}