/* MOVIESVIBE 3.0 — original cinematic UI, wide hero, curated shelves and responsive mini-player. */
:root{--bg:#080b15;--panel:#131925;--surface:#1a2030;--stroke:#30384e;--faded:#9aa7c1;--soft:#d2dbee;--white:#f5f8ff;--accent:#a78aff;--accent2:#7360fa;--mint:#80e9cb;--radius:20px;--sidebar:228px;--shadow:0 22px 68px #030611ad}
html{background:#080b15}
body{background:radial-gradient(ellipse 75% 20% at 75% 0%,#24234c50,transparent 90%),#080b15}
.sidebar{background:linear-gradient(180deg,#0f1423,#0b1020 54%,#080d19);border-right:1px solid #b2caff15}
.sidebar .nav-item.active{background:linear-gradient(90deg,#866afd50,transparent);border-color:#a1a6ff25;color:#fff}
.brand-word{letter-spacing:-1.2px}
.brand-word span{background:linear-gradient(95deg,#c4adff,#95c5fd);background-clip:text;-webkit-background-clip:text;color:transparent}
.topbar{background:linear-gradient(180deg,#090d1aF7,#090d1af0);border-bottom-color:#b2caff11}
.top-search{background:#ffffff0b;border-color:#b2caff27;border-radius:50px;max-width:640px}
.top-search:focus-within{background:#ffffff14;border-color:#a993fb85;box-shadow:0 0 0 3px #b0a0ff18}
.content{padding-top:21px}
.hero-rotator{position:relative;isolation:isolate;margin-bottom:4px}
.hero-rotator .hero{border-radius:24px;min-height:min(610px,64vw);border:1px solid #b0cfff20;background:#0c1425;box-shadow:0 32px 96px #0306107d}
.hero-rotator .hero-art{inset:0 0 0 19%}
.hero-rotator .hero-art .art>img{object-position:center 27%;filter:saturate(1.05)}
.hero-rotator .hero-gradient{background:linear-gradient(90deg,#080d1cf5 0%,#090e1bdc 25%,#0c102bb6 42%,#0a0d264d 70%,#0c122536 100%),linear-gradient(0deg,#090f22e8 0%,transparent 68%)}
.hero-rotator .hero-copy{width:min(79%,765px);padding:clamp(36px,5vw,74px) clamp(25px,4vw,66px) 80px}
.hero-rotator h1{font-size:clamp(41px,5.9vw,88px);letter-spacing:-.065em;max-width:670px;text-shadow:0 2px 35px #0205106b}
.hero-rotator .hero-copy>p{max-width:495px;font-size:clamp(12px,1.1vw,15px);color:#d5deef}
.hero-rotator .hero-count{bottom:78px;right:30px}
.hero-pagination{position:absolute;z-index:6;right:26px;bottom:22px;display:flex;align-items:center;gap:12px;background:#070c18ac;border:1px solid #ffffff25;backdrop-filter:blur(18px);border-radius:999px;padding:6px}
.hero-dots{display:flex;align-items:center;gap:7px}
.hero-dot{height:7px;width:7px;border:0;border-radius:99px;background:#ffffff6b;padding:0;transition:width .28s ease,background .28s ease}
.hero-dot.active{width:30px;background:#d4c6ff;box-shadow:0 0 20px #b2a3ff80}
.hero-arrow{height:29px;width:29px;border-radius:50%;display:grid;place-items:center;background:#ffffff18;border:1px solid #ffffff25;color:#fff}
.hero-arrow:hover{background:#967af180}.hero-arrow:first-child svg{transform:rotate(180deg)}
.shelf{margin-top:42px}.shelf-head h2{font-size:clamp(18px,2.2vw,25px);letter-spacing:-.045em}.shelf-head p{color:#b3bdd0}
.movie-card{transform-origin:center center}.movie-cover{border-radius:16px;overflow:hidden;border:1px solid #d7d7ff17;box-shadow:0 12px 31px #03051252;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
.movie-card:hover .movie-cover,.movie-card:focus-visible .movie-cover{transform:translateY(-4px) scale(1.025);border-color:#b8aaff99;box-shadow:0 18px 40px #030512a0}
.movie-card:hover .movie-title{color:#e0d4ff}
.movie-card .movie-meta b{color:#f8d48a}
.shortcut-grid>button{border-color:#ffffff1d;background:linear-gradient(150deg,#1b2337,#121927)}.shortcut-grid>button:hover{background:linear-gradient(150deg,#3a336b,#1c2840)}
.player-shell{border:1px solid #b3a6f352;box-shadow:0 22px 70px #000b}
.player-shell .player-top{background:linear-gradient(90deg,#17192a,#12192b)}
.player-shell .player-media{background:#01030a}
.player-loading{background:linear-gradient(135deg,#080c16e9,#13112ae1);backdrop-filter:blur(8px)}
.provider-row{border-radius:15px}.provider-row:hover{background:#ffffff08}.provider-health{color:#8cdcc7}
.admin-panel{border-color:#d1caff1c}.admin-side{background:#0c1220}
.btn-primary{background:linear-gradient(110deg,#dcc5ff,#ac94fb);color:#170e31;border-color:#e4cfff}
.btn-primary:hover:not(:disabled){filter:brightness(1.08)}
@media(max-width:1100px){.hero-rotator .hero{min-height:480px}.hero-rotator .hero-copy{width:90%}}
@media(max-width:760px){
 .content{padding:9px 13px 90px}.topbar{padding:12px 14px;min-height:69px}
 .hero-rotator .hero{border-radius:17px;min-height:430px}
 .hero-rotator .hero-art{inset:0 0 0 0}
 .hero-rotator .hero-gradient{background:linear-gradient(0deg,#080c1bfd 0%,#080c1df5 24%,#0e123a88 67%,#0e123a15 100%)}
 .hero-rotator .hero-copy{width:100%;padding:135px 23px 72px}
 .hero-rotator h1{font-size:clamp(37px,9vw,59px);margin:15px 0}
 .hero-rotator .hero-stats{gap:10px;margin-bottom:12px}
 .hero-rotator .hero-copy>p{max-height:75px;overflow:hidden;line-height:1.5;margin-bottom:16px}
 .hero-rotator .hero-count{display:none}
 .hero-pagination{right:14px;bottom:13px;transform:scale(.85);transform-origin:bottom right}
 .hero-rotator .hero-buttons{gap:9px}.hero-rotator .btn-primary,.hero-rotator .btn-glass{min-height:42px;padding:10px 14px}
 .shelf{margin-top:30px}.shelf-head h2{font-size:19px}
 .movie-cover{border-radius:13px}.horizontal-list{gap:12px}
}
@media(prefers-reduced-motion:reduce){.hero-dot,.movie-cover{transition:none!important}}