*{margin:0;padding:0;box-sizing:border-box;}
html,body{scroll-behavior:smooth;}
:root{
    --ice:#4AABDC;--ice-deep:#1A78B8;--ice-bright:#B3E5FC;--ice-glow:rgba(74,171,220,.55);
    --bg:#040D13;--bg2:#081018;--bg-card:rgba(8,22,36,.85);
    --text:#E8F4FC;--text-muted:#7AAAB5;--text-dim:rgba(232,244,252,.65);
    --hh:64px;
    --radius-lg:20px;--radius-md:14px;--radius-sm:10px;
    --shadow-ice:0 0 30px rgba(74,171,220,.18),0 8px 32px rgba(0,0,0,.5);
}
body{background:var(--bg);color:var(--text);font-family:'Cairo',sans-serif;overflow-x:hidden;min-height:100vh;}
a{color:inherit;}
img{max-width:100%;}

::-webkit-scrollbar{width:7px;height:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(74,171,220,.3);border-radius:99px;}
::-webkit-scrollbar-thumb:hover{background:rgba(74,171,220,.55);}

/* ════ BACKGROUND AMBIENCE ════ */
.bg-glow{position:fixed;inset:0;z-index:0;pointer-events:none;
    background:radial-gradient(60% 45% at 15% 0%, rgba(26,120,184,.16) 0%, transparent 60%),
               radial-gradient(50% 40% at 100% 10%, rgba(74,171,220,.10) 0%, transparent 65%),
               radial-gradient(70% 50% at 50% 100%, rgba(10,30,45,.5) 0%, transparent 70%);
}

/* ════ LOADER ════ */
#pageLoader{position:fixed;inset:0;z-index:99999;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;transition:opacity .55s ease,visibility .55s ease;}
#pageLoader.hidden{opacity:0;visibility:hidden;pointer-events:none;}
.loader-crystal{width:56px;height:56px;position:relative;animation:crystalSpin 3s linear infinite;}
.loader-crystal::before{content:'❄';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:2.3rem;background:linear-gradient(135deg,#4AABDC,#B3E5FC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
@keyframes crystalSpin{to{transform:rotate(360deg)}}
.loader-logo{font-family:'Cinzel',serif;font-size:26px;font-weight:900;letter-spacing:5px;background:linear-gradient(135deg,#4AABDC,#B3E5FC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 16px rgba(74,171,220,.6));}
.loader-bar-wrap{width:200px;height:2px;background:rgba(255,255,255,.08);border-radius:99px;overflow:hidden;}
.loader-bar{height:100%;width:0%;background:linear-gradient(90deg,#1A78B8,#4AABDC,#B3E5FC);border-radius:99px;animation:loaderSlide 1.7s ease-in-out infinite;}
@keyframes loaderSlide{0%{width:0%;margin-left:0}50%{width:70%;margin-left:0}100%{width:0%;margin-left:100%}}
.loader-text{color:var(--text-muted);font-size:.8rem;letter-spacing:1px;}

/* ════ HEADER ════ */
header{position:fixed;top:0;left:0;right:0;height:var(--hh);z-index:1000;background:rgba(4,10,18,.72);backdrop-filter:blur(20px);border-bottom:1px solid rgba(74,171,220,.12);transition:background .3s,box-shadow .3s;}
header.scrolled{background:rgba(4,10,18,.94);box-shadow:0 4px 24px rgba(0,0,0,.5);}
.navbar{display:flex;align-items:center;height:100%;padding:0 4%;gap:22px;max-width:1500px;margin:0 auto;}
.logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;gap:9px;}
.logo-icon{font-size:1.35rem;filter:drop-shadow(0 0 8px rgba(74,171,220,.8));}
.logo-name{font-family:'Cinzel',serif;font-size:20px;font-weight:900;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#B3E5FC,#4AABDC,#1A78B8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;white-space:nowrap;line-height:1;}
.nav-links{display:flex;align-items:center;gap:4px;list-style:none;flex-shrink:0;}
.nav-links a{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:700;transition:.25s;padding:8px 15px;border-radius:30px;white-space:nowrap;}
.nav-links a:hover{color:#fff;background:rgba(74,171,220,.12);}
.nav-links a.active{color:#fff;background:rgba(74,171,220,.18);box-shadow:inset 0 0 0 1px rgba(74,171,220,.35);}

/* search */
.hdr-search{position:relative;flex:1;max-width:420px;margin-right:auto;}
.hdr-search-box{display:flex;align-items:center;gap:9px;background:rgba(8,22,36,.75);border:1px solid rgba(74,171,220,.25);border-radius:30px;padding:9px 16px;transition:.25s;}
.hdr-search-box:focus-within{border-color:var(--ice);box-shadow:0 0 0 3px rgba(74,171,220,.15);background:rgba(8,22,36,.95);}
.hdr-search-box i{color:var(--ice);font-size:.85rem;}
.hdr-search-box input{flex:1;background:none;border:none;outline:none;color:#fff;font-family:'Cairo',sans-serif;font-size:.85rem;font-weight:600;}
.hdr-search-box input::placeholder{color:var(--text-muted);}
.hdr-search-clear{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.8rem;display:none;padding:2px;}
.hdr-search-box.has-val .hdr-search-clear{display:block;}
.hdr-search-drop{position:absolute;top:calc(100% + 10px);left:0;right:0;background:rgba(6,16,26,.98);backdrop-filter:blur(18px);border:1px solid rgba(74,171,220,.25);border-radius:var(--radius-md);box-shadow:0 20px 50px rgba(0,0,0,.6),0 0 30px rgba(74,171,220,.1);max-height:70vh;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:50;}
.hdr-search-drop.open{opacity:1;visibility:visible;transform:none;}
.hdr-search-item{display:flex;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;color:var(--text);border-bottom:1px solid rgba(74,171,220,.08);transition:.2s;}
.hdr-search-item:last-child{border-bottom:none;}
.hdr-search-item:hover,.hdr-search-item.active{background:rgba(74,171,220,.14);}
.hdr-search-item img{width:38px;height:54px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#0a1a28;}
.hdr-search-item-info{min-width:0;}
.hdr-search-item-title{font-size:.85rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hdr-search-item-year{font-size:.7rem;color:var(--text-muted);}
.hdr-search-empty{padding:22px;text-align:center;color:var(--text-muted);font-size:.82rem;}
.hdr-search-hint{padding:9px 14px;font-size:.68rem;color:var(--text-muted);border-bottom:1px solid rgba(74,171,220,.08);}

@media(max-width:900px){
    .nav-links{display:none;}
    .hdr-search{max-width:none;}
}
@media(max-width:600px){
    :root{--hh:56px;}
    .logo-name{font-size:16px;letter-spacing:1.5px;}
    .navbar{gap:12px;padding:0 4%;}
}

/* ════ PAGE HEAD BANNER (listing pages) ════ */
.page-banner{position:relative;padding:calc(var(--hh) + 46px) 5% 34px;overflow:hidden;}
.page-banner::before{content:'';position:absolute;inset:0;background:
    radial-gradient(70% 100% at 20% 0%, rgba(26,120,184,.28) 0%, transparent 60%),
    linear-gradient(180deg,#071722 0%, var(--bg) 100%);z-index:-1;}
.page-banner-inner{max-width:1500px;margin:0 auto;}
.page-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--ice-bright);font-size:.78rem;font-weight:800;letter-spacing:1px;background:rgba(74,171,220,.1);border:1px solid rgba(74,171,220,.25);padding:6px 16px;border-radius:30px;margin-bottom:16px;}
.page-title{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(28px,4vw,46px);background:linear-gradient(135deg,#fff 0%,#B3E5FC 50%,#4AABDC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;letter-spacing:1px;}
.page-sub{color:var(--text-dim);font-size:.95rem;font-weight:600;max-width:640px;line-height:1.7;}
.page-count{color:var(--ice-bright);font-weight:900;}

/* ════ GRID ════ */
.grid-section{max-width:1500px;margin:0 auto;padding:6px 5% 70px;position:relative;}
.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:20px;}
.movie-card{display:block;text-decoration:none;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-card);border:1px solid rgba(74,171,220,.1);opacity:0;animation:cardIn .55s cubic-bezier(.2,.8,.2,1) forwards;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;content-visibility:auto;contain-intrinsic-size:0 280px;}
@keyframes cardIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.movie-card:hover{transform:translateY(-8px) scale(1.015);box-shadow:var(--shadow-ice);border-color:rgba(74,171,220,.45);z-index:2;}
.mc-poster{position:relative;aspect-ratio:2/3;overflow:hidden;background:linear-gradient(135deg,#040d18,#0a1825);}
.mc-poster img{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transform:scale(1.06);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1);}
.mc-poster img.loaded{opacity:1;}
.movie-card:hover .mc-poster img{transform:scale(1.12);}
.mc-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,0) 32%,rgba(74,171,220,.16) 50%,rgba(255,255,255,0) 68%);background-size:220% 100%;animation:shimmer 1.5s infinite;}
.mc-poster img.loaded ~ .mc-shimmer{display:none;}
@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
.mc-grad{position:absolute;left:0;right:0;bottom:0;height:58%;pointer-events:none;background:linear-gradient(to top,rgba(2,8,14,.96) 0%,rgba(2,8,14,.3) 55%,transparent 100%);}
.mc-year{position:absolute;top:8px;right:8px;background:rgba(4,13,19,.75);backdrop-filter:blur(6px);border:1px solid rgba(74,171,220,.28);color:var(--ice-bright);font-size:.62rem;font-weight:800;padding:3px 9px;border-radius:99px;}
.mc-rating{position:absolute;top:8px;left:8px;display:flex;align-items:center;gap:4px;background:rgba(4,13,19,.75);backdrop-filter:blur(6px);border:1px solid rgba(250,190,60,.35);color:#fabe3c;font-size:.62rem;font-weight:800;padding:3px 8px;border-radius:99px;opacity:0;transition:opacity .3s;}
.mc-rating.show{opacity:1;}
.mc-rating i{font-size:.6rem;}
.mc-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;background:rgba(4,12,20,.25);}
.movie-card:hover .mc-play{opacity:1;}
.mc-play i{width:46px;height:46px;border-radius:50%;background:rgba(74,171,220,.85);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 0 24px rgba(74,171,220,.6);}
.mc-title{position:absolute;left:10px;right:10px;bottom:10px;font-size:.8rem;font-weight:800;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.6);}
.mc-skel-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(74,171,220,.16);font-size:1.6rem;}

/* skeleton loading cards */
.skeleton-card{border:1px solid rgba(74,171,220,.08);pointer-events:none;}
.skeleton-card .mc-poster{background:linear-gradient(135deg,#040d18,#0a1825);}
.skeleton-shimmer{position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,0) 30%,rgba(74,171,220,.12) 50%,rgba(255,255,255,0) 70%);background-size:220% 100%;animation:shimmer 1.4s infinite;}

/* load more */
.load-more-wrap{display:flex;justify-content:center;margin-top:40px;}
.load-more-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 34px;border-radius:50px;background:rgba(8,22,36,.8);backdrop-filter:blur(12px);color:var(--ice-bright);font-family:'Cairo',sans-serif;font-size:.88rem;font-weight:800;border:1px solid rgba(74,171,220,.35);cursor:pointer;transition:all .25s;}
.load-more-btn:hover{background:rgba(74,171,220,.15);border-color:var(--ice);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(74,171,220,.2);}
.load-more-btn:disabled{opacity:.5;cursor:default;transform:none;}
.no-results{padding:70px 20px;text-align:center;color:var(--text-muted);}
.no-results i{font-size:2.6rem;color:var(--ice-deep);opacity:.6;margin-bottom:14px;display:block;}

@media(max-width:600px){
    .movie-grid{grid-template-columns:repeat(3,1fr);gap:8px;}
    .mc-title{font-size:.66rem;left:6px;right:6px;bottom:6px;}
    .mc-year{font-size:.52rem;padding:2px 6px;top:5px;right:5px;}
    .mc-rating{font-size:.52rem;padding:2px 5px;top:5px;left:5px;}
    .page-banner{padding:calc(var(--hh) + 26px) 5% 24px;}
}

/* ════ HOME HERO ════ */
.home-hero{position:relative;padding:calc(var(--hh) + 60px) 5% 90px;overflow:hidden;min-height:70vh;display:flex;align-items:center;}
.home-hero::before{content:'';position:absolute;inset:0;background:
    radial-gradient(60% 60% at 80% 20%, rgba(26,120,184,.25) 0%, transparent 60%),
    radial-gradient(50% 50% at 10% 90%, rgba(74,171,220,.12) 0%, transparent 60%),
    linear-gradient(180deg,#050f18 0%, var(--bg) 100%);z-index:-2;}
.home-hero-snow{position:absolute;inset:0;z-index:-1;opacity:.5;}
.home-hero-inner{max-width:1100px;margin:0 auto;text-align:center;}
.home-logo-big{font-family:'Cinzel',serif;font-weight:900;font-size:clamp(30px,6vw,58px);letter-spacing:6px;background:linear-gradient(135deg,#fff 0%,#B3E5FC 45%,#4AABDC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 4px 24px rgba(74,171,220,.3));margin-bottom:18px;}
.home-tagline{color:var(--text-dim);font-size:clamp(.95rem,1.6vw,1.15rem);font-weight:600;max-width:620px;margin:0 auto 42px;line-height:1.8;}
.home-cats{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;}
.home-cat-card{position:relative;width:320px;max-width:44vw;min-width:260px;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;border:1px solid rgba(74,171,220,.2);background:linear-gradient(160deg,rgba(8,22,36,.9),rgba(4,12,20,.95));padding:36px 26px;transition:.35s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 40px rgba(0,0,0,.4);}
.home-cat-card:hover{transform:translateY(-10px);border-color:var(--ice);box-shadow:0 20px 60px rgba(74,171,220,.25);}
.home-cat-icon{font-size:2.6rem;color:var(--ice);margin-bottom:18px;filter:drop-shadow(0 0 20px rgba(74,171,220,.5));}
.home-cat-title{font-size:1.3rem;font-weight:900;color:#fff;margin-bottom:8px;}
.home-cat-desc{color:var(--text-muted);font-size:.85rem;font-weight:600;line-height:1.7;}
.home-cat-count{margin-top:16px;display:inline-flex;color:var(--ice-bright);font-size:.78rem;font-weight:800;background:rgba(74,171,220,.12);padding:5px 14px;border-radius:30px;}
@media(max-width:640px){
    .home-hero{padding:calc(var(--hh) + 30px) 5% 60px;}
    .home-cats{flex-direction:column;align-items:center;}
    .home-cat-card{width:100%;max-width:360px;}
}

/* ════ HERO (movie detail) ════ */
.hero{position:relative;width:100%;overflow:hidden;background:#000;min-height:88vh;}
.hero-backdrop{position:absolute;inset:-5%;background-size:cover;background-position:center top;background-repeat:no-repeat;animation:kenBurns 20s ease-in-out infinite alternate;filter:brightness(.8);}
@keyframes kenBurns{0%{transform:scale(1.05) translateX(0)}100%{transform:scale(1.12) translateX(-2%)}}
.hero-grad-side{position:absolute;inset:0;z-index:1;background:linear-gradient(to left,rgba(4,12,20,.97) 0%,rgba(4,12,20,.86) 30%,rgba(4,12,20,.42) 58%,rgba(4,12,20,.08) 100%);}
.hero-grad-bottom{position:absolute;bottom:0;left:0;right:0;height:48%;z-index:1;background:linear-gradient(to top,rgba(4,12,20,1) 0%,rgba(4,12,20,.55) 60%,transparent 100%);}
.hero-body{position:relative;z-index:5;display:flex;align-items:stretch;min-height:88vh;padding-top:var(--hh);}
.hero-spacer{flex:1;min-width:0;}
.hero-panel{width:56%;max-width:720px;display:flex;flex-direction:column;justify-content:center;padding:50px 5% 80px 24px;gap:18px;}
.hero-mobile-poster-wrap{display:none;}

.hero-title-block{animation:fadeSlideUp .7s ease both;}
@keyframes fadeSlideUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero-title{font-family:'Cairo',sans-serif;font-weight:900;font-size:clamp(24px,3.6vw,46px);line-height:1.3;background:linear-gradient(135deg,#fff 0%,#B3E5FC 50%,#4AABDC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 12px rgba(74,171,220,.25));}
.hero-tagline{color:var(--ice-bright);font-size:.92rem;font-weight:700;font-style:italic;margin-top:6px;opacity:.85;}

.synopsis-wrap{animation:fadeSlideUp .7s .15s ease both;}
.movie-synopsis{font-size:.92rem;line-height:1.9;color:rgba(255,255,255,.85);font-weight:600;}
.synopsis-collapsed{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.synopsis-toggle{background:none;border:none;color:var(--ice);cursor:pointer;font-family:'Cairo',sans-serif;font-size:.8rem;font-weight:700;padding:0;margin-top:8px;display:inline-flex;align-items:center;gap:5px;}
.synopsis-toggle:hover{color:var(--ice-bright);}

.info-row{display:flex;align-items:center;gap:16px;flex-wrap:wrap;animation:fadeSlideUp .7s .2s ease both;}
.rating-circle{width:62px;height:62px;position:relative;flex-shrink:0;}
.rating-circle svg{width:62px;height:62px;transform:rotate(-90deg);}
.rating-circle-bg{fill:none;stroke:rgba(255,255,255,.12);stroke-width:5;}
.rating-circle-fill{fill:none;stroke:url(#iceGrad);stroke-width:5;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1);}
.rating-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.92rem;font-weight:900;color:#fff;}
.rating-info{display:flex;flex-direction:column;gap:2px;}
.rating-label{font-size:.72rem;color:var(--text-muted);}
.rating-score{font-size:1.05rem;font-weight:900;color:var(--ice-bright);}

.meta-tags{display:flex;flex-wrap:wrap;gap:7px;animation:fadeSlideUp .7s .25s ease both;}
.meta-tag{background:rgba(8,22,36,.7);backdrop-filter:blur(8px);border:1px solid rgba(74,171,220,.2);border-radius:30px;padding:6px 14px;font-size:.74rem;font-weight:700;color:var(--text-dim);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;}
.meta-tag i{color:var(--ice);font-size:.72rem;}

.genre-row{display:flex;flex-wrap:wrap;gap:8px;animation:fadeSlideUp .7s .28s ease both;}
.genre-pill{background:rgba(26,120,184,.14);border:1px solid rgba(74,171,220,.3);color:var(--ice-bright);font-size:.72rem;font-weight:700;padding:5px 15px;border-radius:30px;}

.action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px;animation:fadeSlideUp .7s .32s ease both;}
.btn-watch{display:inline-flex;align-items:center;gap:10px;padding:14px 34px;border-radius:50px;background:linear-gradient(135deg,#1A78B8,#4AABDC);color:#fff;font-family:'Cairo',sans-serif;font-size:.95rem;font-weight:900;border:none;cursor:pointer;text-decoration:none;transition:all .25s;box-shadow:0 6px 28px rgba(74,171,220,.4);}
.btn-watch:hover{transform:translateY(-3px);box-shadow:0 10px 36px rgba(74,171,220,.55);}
.btn-watch .play-icon{width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;}
.btn-download-hero{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:50px;background:rgba(8,22,36,.8);backdrop-filter:blur(12px);color:var(--ice-bright);font-family:'Cairo',sans-serif;font-size:.88rem;font-weight:700;border:1px solid rgba(74,171,220,.35);cursor:pointer;text-decoration:none;transition:all .25s;}
.btn-download-hero:hover{background:rgba(74,171,220,.15);border-color:var(--ice);color:#fff;transform:translateY(-2px);}

@media(max-width:900px){
    :root{--hh:56px;}
    .hero{min-height:auto;display:flex;flex-direction:column;}
    .hero-backdrop,.hero-grad-side,.hero-grad-bottom{display:none;}
    .hero-mobile-poster-wrap{display:block;position:relative;margin-top:var(--hh);}
    .hero-mobile-poster-wrap img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;}
    .hero-mobile-poster-wrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:45%;background:linear-gradient(to top,var(--bg),transparent);pointer-events:none;}
    .hero-body{flex-direction:column;min-height:auto;padding-top:0;}
    .hero-spacer{display:none;}
    .hero-panel{width:100%;max-width:none;padding:20px 5% 36px;}
}

/* ════ PLAYER SECTION ════ */
.player-section{max-width:1200px;margin:0 auto;padding:0 5% 60px;position:relative;z-index:5;}
.player-section.hidden{display:none;}
.section-head{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.section-head-accent{width:4px;height:26px;border-radius:4px;flex-shrink:0;background:linear-gradient(to bottom,#B3E5FC,#4AABDC,#1A78B8);}
.section-head-title{font-size:1.2rem;font-weight:800;letter-spacing:.3px;}
.server-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px;}
.server-tab{padding:9px 20px;border-radius:30px;background:rgba(8,22,36,.75);border:1px solid rgba(74,171,220,.22);color:var(--text-dim);font-size:.8rem;font-weight:700;cursor:pointer;transition:.2s;}
.server-tab:hover{border-color:rgba(74,171,220,.5);color:#fff;}
.server-tab.active{background:linear-gradient(135deg,#1A78B8,#4AABDC);color:#fff;border-color:transparent;box-shadow:0 4px 18px rgba(74,171,220,.35);}
.video-container{position:relative;width:100%;padding-bottom:56.25%;background:#000;overflow:hidden;border-radius:var(--radius-md);border:1px solid rgba(74,171,220,.2);box-shadow:var(--shadow-ice);}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;background:#000;}
.player-note{margin-top:12px;color:var(--text-muted);font-size:.76rem;display:flex;align-items:center;gap:7px;}
.player-note i{color:var(--ice);}

.dl-grid{display:flex;flex-wrap:wrap;gap:11px;}
.dl-btn{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;border-radius:12px;background:rgba(8,22,36,.75);border:1px solid rgba(74,171,220,.22);color:var(--ice-bright);font-size:.82rem;font-weight:700;text-decoration:none;transition:.2s;}
.dl-btn:hover{background:rgba(74,171,220,.15);border-color:var(--ice);color:#fff;transform:translateY(-2px);}
.dl-btn i{color:var(--ice);}
.empty-note{color:var(--text-muted);font-size:.85rem;padding:16px 0;}

/* similar */
.similar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;}

/* ════ FOOTER ════ */
footer{background:linear-gradient(to top,rgba(4,10,18,1),var(--bg2));border-top:1px solid rgba(74,171,220,.1);padding:40px 5%;position:relative;z-index:5;}
.foot-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
.foot-logo{font-family:'Cinzel',serif;font-size:17px;font-weight:700;letter-spacing:3px;background:linear-gradient(135deg,#B3E5FC,#4AABDC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.foot-links{display:flex;gap:20px;flex-wrap:wrap;}
.foot-links a{color:var(--text-muted);font-size:.78rem;text-decoration:none;transition:.2s;}
.foot-links a:hover{color:var(--ice);}
.foot-copy{color:var(--text-muted);font-size:.72rem;text-align:center;width:100%;margin-top:8px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);}

/* ════ SCROLL TOP ════ */
#scrollTop{position:fixed;bottom:30px;left:24px;z-index:500;width:42px;height:42px;border-radius:50%;border:1px solid rgba(74,171,220,.35);cursor:pointer;background:rgba(4,14,24,.9);backdrop-filter:blur(12px);color:var(--ice);font-size:1rem;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s,background .2s,box-shadow .2s;box-shadow:0 4px 16px rgba(0,0,0,.4);}
#scrollTop.visible{opacity:1;transform:translateY(0);pointer-events:auto;}
#scrollTop:hover{background:rgba(74,171,220,.2);box-shadow:0 6px 24px rgba(74,171,220,.25);}

.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:none;}

/* ════════════════════════════════════════════════════════════
   MOVIE PAGE — PLAYER MODAL / DOWNLOAD MODAL / EXTRAS
   ════════════════════════════════════════════════════════════ */

/* ── Snow effect ── */
#snowCanvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:40;}

/* ── Toast ── */
.toast-notif{position:fixed;bottom:36px;left:50%;transform:translateX(-50%) translateY(20px);background:rgba(4,14,24,.95);color:#fff;padding:14px 32px;border-radius:50px;font-family:'Cairo',sans-serif;font-size:.88rem;font-weight:700;z-index:99998;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1);border:1px solid rgba(74,171,220,.4);backdrop-filter:blur(20px);box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 20px rgba(74,171,220,.1);white-space:nowrap;}
.toast-notif.show{opacity:1;transform:translateX(-50%) translateY(0);}
.toast-notif.fav-add{border-color:rgba(80,210,130,.6);box-shadow:0 12px 40px rgba(0,0,0,.6),0 0 20px rgba(80,210,130,.15);}
.toast-notif.fav-remove{border-color:rgba(74,171,220,.4);}

/* ── Extra hero buttons ── */
.btn-trailer{display:inline-flex;align-items:center;gap:8px;padding:13px 22px;border-radius:50px;background:rgba(255,40,40,.1);color:#ff8a8a;font-family:'Cairo',sans-serif;font-size:.86rem;font-weight:700;border:1px solid rgba(255,60,60,.35);cursor:pointer;transition:all .25s;}
.btn-trailer:hover{background:rgba(255,60,60,.18);border-color:#ff4444;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,60,60,.2);}
.btn-fav,.btn-share{width:48px;height:48px;flex-shrink:0;border-radius:50%;background:rgba(8,22,36,.8);backdrop-filter:blur(12px);border:1px solid rgba(74,171,220,.35);color:var(--ice-bright);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s;}
.btn-fav:hover,.btn-share:hover{border-color:rgba(74,171,220,.6);color:#fff;transform:translateY(-2px) scale(1.05);}
.btn-fav.faved{background:linear-gradient(135deg,#c0304a,#e14d68);border-color:transparent;color:#fff;}
.btn-watch.animate-click,.btn-download-hero.animate-click{animation:btnWiggleClick .5s cubic-bezier(.36,.07,.19,.97) both;}
@keyframes btnWiggleClick{20%{transform:scale(.94)}60%{transform:scale(1.03)}100%{transform:scale(1)}}

/* ── Hero crew/cast strip ── */
.hero-crew-cast{margin-top:6px;animation:fadeSlideUp .7s .35s ease both;}
.hero-crew-mini{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.hero-crew-pill{background:rgba(8,22,36,.7);border:1px solid rgba(74,171,220,.2);border-radius:30px;padding:6px 14px;font-size:.74rem;color:var(--text-dim);display:inline-flex;align-items:center;gap:6px;}
.hero-crew-pill i{color:var(--ice);}
.hero-cast-circles{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;}
.hero-cast-circles::-webkit-scrollbar{height:5px;}
.hero-cast-circle{width:64px;height:64px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(74,171,220,.25);cursor:pointer;transition:.2s;}
.hero-cast-circle:hover{transform:translateY(-4px) scale(1.06);border-color:var(--ice);box-shadow:0 6px 18px rgba(74,171,220,.4);}
.hero-cast-circle img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-cast-circle-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#040d18,#0a1825);}
.hero-cast-circle-ph i{font-size:1.4rem;color:rgba(74,171,220,.3);}

/* ── Cast section ── */
.cast-scroll{display:flex;gap:14px;overflow-x:auto;padding-bottom:14px;scrollbar-width:thin;}
.cast-scroll::-webkit-scrollbar{height:5px;}
.cast-card{flex:0 0 130px;background:var(--bg-card);border:1px solid rgba(74,171,220,.14);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:.25s;position:relative;}
.cast-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-ice);border-color:rgba(74,171,220,.3);}
.cast-photo{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;background:#040d18;}
.cast-photo-ph{width:100%;aspect-ratio:2/3;background:linear-gradient(135deg,#040d18,#0a1825);display:flex;align-items:center;justify-content:center;}
.cast-photo-ph i{font-size:2rem;color:rgba(74,171,220,.25);}
.cast-card-info{padding:8px 9px 11px;}
.cast-name{font-size:.76rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px;}
.cast-char{font-size:.66rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ── Modal base (watch / download / trailer / share) ── */
.cinema-modal{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;padding:20px;}
.cinema-modal.open{display:flex;}
.cinema-modal-bg{position:absolute;inset:0;background:rgba(2,8,14,.88);backdrop-filter:blur(6px);}
.cinema-modal-box{position:relative;width:100%;max-width:960px;background:var(--bg2);border:1px solid rgba(74,171,220,.25);border-radius:var(--radius-lg);box-shadow:var(--shadow-ice);overflow:hidden;max-height:92vh;display:flex;flex-direction:column;animation:modalPop .3s ease both;}
@keyframes modalPop{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
.cinema-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid rgba(74,171,220,.15);}
.cinema-modal-title{font-size:1rem;font-weight:800;display:flex;align-items:center;gap:10px;}
.cinema-modal-close{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0;}
.cinema-modal-close:hover{background:rgba(255,60,60,.2);color:#fff;}
.cinema-modal-body{padding:20px 22px 24px;overflow-y:auto;}
.cinema-modal-body .server-tabs{margin-bottom:14px;}
.cinema-modal-body .video-container{border-radius:var(--radius-md);}

/* ── Download modal sections ── */
.dl-modal-section{margin-bottom:22px;}
.dl-modal-section:last-child{margin-bottom:0;}
.dl-modal-title{font-size:.86rem;font-weight:800;color:var(--ice-bright);margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.dl-modal-title i{color:var(--ice);}
.dl-modal-title-alt{color:#f0c46a;}
.dl-modal-title-alt i{color:#f0c46a;}
.download-unavailable{padding:30px 10px;text-align:center;color:var(--text-muted);font-size:.9rem;}
.download-unavailable i{font-size:2.2rem;color:var(--ice-deep);margin-bottom:12px;display:block;opacity:.7;}

/* ── Share modal ── */
.share-modal-body{padding:22px 24px 26px;}
.share-link-row{display:flex;gap:8px;margin-bottom:18px;}
.share-link-row input{flex:1;min-width:0;background:rgba(8,22,36,.7);border:1px solid rgba(74,171,220,.25);border-radius:10px;padding:11px 14px;color:var(--text);font-family:'Cairo',sans-serif;font-size:.82rem;}
.share-copy-btn{display:inline-flex;align-items:center;gap:7px;padding:0 18px;border-radius:10px;background:linear-gradient(135deg,#1A78B8,#4AABDC);color:#fff;border:none;font-family:'Cairo',sans-serif;font-weight:700;font-size:.82rem;cursor:pointer;white-space:nowrap;transition:.2s;}
.share-copy-btn:hover{filter:brightness(1.1);transform:translateY(-1px);}
.share-copy-btn.copied{background:linear-gradient(135deg,#1a9e5c,#3ecf8e);}
.share-socials{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;}
.share-social-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 6px;border-radius:12px;background:rgba(8,22,36,.7);border:1px solid rgba(255,255,255,.08);text-decoration:none;font-size:.68rem;font-weight:700;transition:.2s;}
.share-social-btn i{font-size:1.35rem;}
.share-social-btn:hover{transform:translateY(-4px) scale(1.05);color:#fff;}
.share-social-btn.wa{color:#25D366;}
.share-social-btn.wa:hover{border-color:#25D366;background:rgba(37,211,102,.12);}
.share-social-btn.fb{color:#1877F2;}
.share-social-btn.fb:hover{border-color:#1877F2;background:rgba(24,119,242,.12);}
.share-social-btn.tw{color:#e8e8e8;}
.share-social-btn.tw:hover{border-color:#e8e8e8;background:rgba(255,255,255,.1);}
.share-social-btn.tg{color:#29A9EA;}
.share-social-btn.tg:hover{border-color:#29A9EA;background:rgba(41,169,234,.12);}

/* ── Actor modal ── */
.actor-modal{position:fixed;inset:0;z-index:9100;display:none;align-items:center;justify-content:center;padding:20px;}
.actor-modal.open{display:flex;}
.actor-modal-bg{position:absolute;inset:0;background:rgba(2,8,14,.9);backdrop-filter:blur(6px);}
.actor-modal-box{position:relative;width:100%;max-width:780px;max-height:88vh;background:var(--bg2);border:1px solid rgba(74,171,220,.25);border-radius:var(--radius-lg);box-shadow:var(--shadow-ice);overflow:hidden;display:flex;flex-direction:column;animation:modalPop .3s ease both;}
.actor-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid rgba(74,171,220,.15);}
.actor-modal-title{font-size:1rem;font-weight:800;display:flex;align-items:center;gap:10px;}
.actor-modal-close{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.06);border:none;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.actor-modal-close:hover{background:rgba(255,60,60,.2);color:#fff;}
.actor-modal-body{padding:22px 24px;overflow-y:auto;}
.actor-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:var(--text-muted);font-size:.85rem;}
.actor-loading-spin{width:34px;height:34px;border-radius:50%;border:3px solid rgba(74,171,220,.2);border-top-color:var(--ice);animation:crystalSpin .9s linear infinite;}
.actor-modal-inner{display:flex;gap:24px;flex-wrap:wrap;}
.actor-photo-col{width:180px;flex-shrink:0;}
.actor-photo-lg{width:100%;border-radius:var(--radius-md);object-fit:cover;aspect-ratio:2/3;background:#040d18;}
.actor-photo-ph-lg{width:100%;aspect-ratio:2/3;border-radius:var(--radius-md);background:linear-gradient(135deg,#040d18,#0a1825);display:flex;align-items:center;justify-content:center;}
.actor-photo-ph-lg i{font-size:2.6rem;color:rgba(74,171,220,.25);}
.actor-social{margin-top:14px;display:flex;flex-direction:column;gap:8px;}
.actor-stat{display:flex;flex-direction:column;gap:2px;}
.actor-stat-label{font-size:.68rem;color:var(--text-muted);}
.actor-stat-val{font-size:.78rem;font-weight:700;color:var(--text-dim);}
.actor-info-col{flex:1;min-width:220px;}
.actor-name-lg{font-size:1.15rem;font-weight:900;color:#fff;margin-bottom:6px;}
.actor-known{font-size:.78rem;color:var(--ice-bright);display:flex;align-items:center;gap:6px;margin-bottom:14px;}
.actor-bio-title,.actor-filmography-title{font-size:.82rem;font-weight:800;color:var(--ice-bright);display:flex;align-items:center;gap:8px;margin-bottom:8px;}
.actor-bio-text{font-size:.84rem;line-height:1.85;color:var(--text-dim);margin-bottom:6px;}
.actor-bio-collapsed{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.actor-bio-toggle{background:none;border:none;color:var(--ice);cursor:pointer;font-family:'Cairo',sans-serif;font-size:.78rem;font-weight:700;padding:0;margin-bottom:16px;display:inline-flex;align-items:center;gap:5px;}
.actor-filmography-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px;margin-top:6px;}
.actor-film-card{position:relative;border-radius:8px;overflow:hidden;display:block;background:#040d18;}
.actor-film-poster{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;}
.actor-film-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85),transparent 55%);display:flex;align-items:flex-end;padding:6px;opacity:0;transition:.2s;}
.actor-film-card:hover .actor-film-overlay{opacity:1;}
.actor-film-title{font-size:.62rem;font-weight:700;color:#fff;line-height:1.3;}

@media(max-width:600px){
    .actor-modal-inner{flex-direction:column;}
    .actor-photo-col{width:120px;margin:0 auto;}
}
