/* =========================  MIDNIGHT STACK  ========================= */
@import url(../stack.css?v=1);
html{background:#070b1a}
body.theme-midnight{
  --t-bg:#070b1a; --t-bg2:#050815; --t-surface:#0f1630; --t-surface2:#18213f; --t-line:rgba(120,150,255,.12);
  --t-text:#eef2ff; --t-muted:#8f9bc4; --t-accent:#3d7bff; --t-accent2:#22d3ee; --t-on-accent:#fff;
  --t-grad:linear-gradient(120deg,#3d7bff,#22d3ee);
  --t-radius:20px; --t-radius-sm:12px; --t-card-radius:14px; --t-btn-radius:12px;
  --t-font:'Manrope',system-ui,sans-serif; --t-font-head:'Manrope',system-ui,sans-serif; --t-head-weight:800; --t-head-spacing:-.5px;
  --t-header-h:122px;
  --sk-hover-ring:#22d3ee; --sk-nav-bg:rgba(5,8,21,.97); --sk-arrow-bg:rgba(15,22,48,.95);
  background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(61,123,255,.18),transparent 70%),var(--t-bg);
}

/* two-row header */
.theme-midnight .mn-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(7,11,26,.9);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--t-line)}
.theme-midnight .mn-top{height:70px;display:flex;align-items:center;gap:24px}
.theme-midnight .mn-logo img{max-height:36px}
.theme-midnight .mn-search{flex:1;max-width:560px;margin:0 auto;align-items:center;gap:12px;height:44px;padding:0 8px 0 16px;border-radius:12px;background:#0f1630;border:1px solid var(--t-line);color:#8f9bc4!important;font-size:14.5px;transition:border-color .2s,box-shadow .2s}
.theme-midnight .mn-search:hover{border-color:#3d7bff;box-shadow:0 0 0 4px rgba(61,123,255,.15)}
.theme-midnight .mn-search span{flex:1}
.theme-midnight .mn-search kbd{background:#18213f;color:#c7d0ee;border-radius:6px;padding:3px 9px;font-size:12px;box-shadow:none}
.theme-midnight .mn-actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.theme-midnight .mn-login{align-items:center;height:42px;padding:0 16px;border-radius:12px;border:1px solid var(--t-line);font-weight:700;font-size:14.5px;color:#fff!important}
.theme-midnight .mn-login:hover{border-color:#3d7bff}
.theme-midnight .mn-premium{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;background:var(--t-grad);color:#fff!important;font-weight:800;font-size:14.5px;box-shadow:0 10px 26px -10px rgba(61,123,255,.9);white-space:nowrap}
.theme-midnight .mn-chips{height:52px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}
.theme-midnight .mn-chips::-webkit-scrollbar{display:none}
.theme-midnight .mn-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 15px;border-radius:999px;background:#0f1630;border:1px solid var(--t-line);font-size:13.5px;font-weight:700;color:#c7d0ee!important;transition:.2s}
.theme-midnight .mn-chip:hover{border-color:#3d7bff;color:#fff!important}
.theme-midnight .mn-chip.active{background:#eef2ff;border-color:#eef2ff;color:#070b1a!important}
.theme-midnight .mn-chip-lang b{font-size:15px;color:#22d3ee}
.theme-midnight .mn-chip-lang.active b{color:#3d7bff}
.theme-midnight .mn-sep{flex:0 0 auto;width:1px;height:20px;background:var(--t-line);margin:0 4px}
.theme-midnight .t-dd-menu{background:#0f1630;border-radius:14px}
@media(max-width:991px){body.theme-midnight{--t-header-h:112px}.theme-midnight .mn-top{height:62px;gap:10px}.theme-midnight .mn-logo img{max-height:30px}.theme-midnight .mn-premium{height:38px;padding:0 14px;font-size:13.5px}.theme-midnight .mn-chips{height:50px}}

/* framed hero */
body.theme-midnight.page-home .t-main{padding-top:calc(var(--t-header-h) + 16px)}
.theme-midnight .mn-hero{position:relative;height:min(68vh,600px);min-height:470px;border-radius:24px;overflow:hidden;display:grid;background:#0f1630;border:1px solid var(--t-line)}
.theme-midnight .mn-slide{grid-area:1/1;position:relative;display:flex;align-items:center;gap:40px;padding:0 clamp(24px,4.5vw,64px);opacity:0;visibility:hidden;transition:opacity .9s,visibility .9s}
.theme-midnight .mn-slide.is-active{opacity:1;visibility:visible}
.theme-midnight .mn-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75}
.theme-midnight .mn-slide:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,11,26,.96) 0%,rgba(7,11,26,.75) 45%,rgba(7,11,26,.25) 100%),linear-gradient(0deg,rgba(7,11,26,.8),transparent 50%)}
.theme-midnight .mn-copy{position:relative;z-index:2;flex:1;max-width:620px;padding-bottom:30px}
.theme-midnight .mn-kicker{display:flex;gap:8px;margin-bottom:14px}
.theme-midnight .mn-prem,.theme-midnight .mn-type{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:8px;font-size:13px;font-weight:700}
.theme-midnight .mn-prem{background:var(--t-grad);color:#fff}
.theme-midnight .mn-type{background:rgba(255,255,255,.1);color:#dbe2ff}
.theme-midnight .mn-title{font-size:clamp(34px,4.4vw,64px);font-weight:800;line-height:1.02;letter-spacing:-1.6px;margin:0 0 14px;color:#fff}
.theme-midnight .mn-desc{font-size:16px;line-height:1.65;color:#b7c1e3;margin-bottom:24px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.theme-midnight .mn-cta{display:flex;gap:12px;flex-wrap:wrap}
.theme-midnight .mn-poster{position:relative;z-index:2;margin-left:auto;width:clamp(190px,17vw,260px);border-radius:18px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12);transform:rotate(2deg) translateY(10px);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.theme-midnight .mn-slide.is-active .mn-poster{transform:rotate(0) translateY(-10px)}
.theme-midnight .mn-poster img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}
.theme-midnight .mn-slide .mn-copy>*{opacity:0;transform:translateY(16px);transition:opacity .7s,transform .7s}
.theme-midnight .mn-slide.is-active .mn-copy>*{opacity:1;transform:none}
.theme-midnight .mn-slide.is-active .mn-copy>*:nth-child(2){transition-delay:.08s}.theme-midnight .mn-slide.is-active .mn-copy>*:nth-child(3){transition-delay:.16s}.theme-midnight .mn-slide.is-active .mn-copy>*:nth-child(4){transition-delay:.24s}.theme-midnight .mn-slide.is-active .mn-copy>*:nth-child(5){transition-delay:.32s}
.theme-midnight .mn-nav{position:absolute;z-index:3;left:clamp(24px,4.5vw,64px);bottom:24px;display:flex;align-items:center;gap:12px}
.theme-midnight .mn-nav>button{width:38px;height:38px;border-radius:10px;border:1px solid var(--t-line);background:rgba(15,22,48,.8);color:#fff;cursor:pointer}
.theme-midnight .mn-nav>button:hover{background:#3d7bff}
.theme-midnight .mn-dots{display:flex;gap:6px}
.theme-midnight .mn-dots button{width:28px;height:4px;border-radius:4px;border:0;padding:0;background:rgba(255,255,255,.2);overflow:hidden;cursor:pointer}
.theme-midnight .mn-dots button span{display:block;height:100%;width:0;background:var(--t-grad)}
.theme-midnight .t-anim .mn-dots button.is-active span{animation:mnBar var(--t-interval) linear forwards}
@keyframes mnBar{to{width:100%}}
@media(max-width:767px){.theme-midnight .mn-hero{height:auto;min-height:0}.theme-midnight .mn-slide{min-height:480px;align-items:flex-end;padding-bottom:70px}.theme-midnight .mn-title{letter-spacing:-.8px}}

/* rows */
.theme-midnight .sk-row-head h2{display:flex;align-items:center;gap:12px}
.theme-midnight .sk-row-head h2:before{content:"";width:4px;height:22px;border-radius:4px;background:var(--t-grad)}
.theme-midnight .sk-viewall{padding:6px 12px;border-radius:999px;background:#0f1630;border:1px solid var(--t-line)}
.theme-midnight .sk-card:hover .sk-thumb{box-shadow:0 20px 40px -18px rgba(61,123,255,.7)}
.theme-midnight .sk-thumb{transition:box-shadow .3s}
.theme-midnight .sk-play{background:var(--t-grad)}
/* Top 10: rank sits inside the poster */
.theme-midnight .sk-top{padding-left:0}
.theme-midnight .sk-top+.sk-top{margin-left:0}
.theme-midnight .sk-top .sk-card{width:clamp(150px,13.5vw,200px)}
.theme-midnight .sk-top-num{top:0;right:12px;left:auto;z-index:3;display:grid;place-items:center;width:44px;height:52px;padding-bottom:6px;font-size:22px;letter-spacing:-.5px;line-height:1;color:#fff;background:var(--t-grad);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);box-shadow:none}
.theme-midnight .sk-top:hover .sk-top-num{filter:brightness(1.15)}
/* languages: rounded tiles */
.theme-midnight .sk-lang-glyph{border-radius:24px;background:linear-gradient(145deg,#18213f,#0f1630);color:#22d3ee;border:1px solid var(--t-line)}
.theme-midnight .sk-lang:hover .sk-lang-glyph{background:var(--t-grad);color:#fff}

/* other pages */
.theme-midnight .vfx-item-section span.view-more a{color:#22d3ee!important}
.theme-midnight .single-video a:hover .video-img{box-shadow:0 0 0 2px #3d7bff,0 20px 40px -18px rgba(61,123,255,.7)}
.theme-midnight .vid-lab-premium{background:var(--t-grad)!important}
.theme-midnight .breadcrumb-section{margin:0 var(--t-gutter);border-radius:24px;min-height:190px}
.theme-midnight .breadcrumb-section:before{background:linear-gradient(90deg,rgba(7,11,26,.94),rgba(7,11,26,.5))!important}
.theme-midnight .membership-plan-list h1{background:var(--t-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.theme-midnight .membership-plan-list:hover{border-color:#3d7bff!important}
body.theme-midnight .sk-rows{padding-top:34px}