:root{--bg:#020617;--panel:#0f172a;--panel2:#111827;--line:rgba(34,211,238,.22);--line2:rgba(148,163,184,.16);--text:#f8fafc;--muted:#94a3b8;--soft:#cbd5e1;--cyan:#22d3ee;--blue:#3b82f6;--orange:#fb923c;--pink:#f472b6;--green:#34d399;--purple:#c084fc}body{background:radial-gradient(circle at 15% 0%,rgba(34,211,238,.14),transparent 26rem),radial-gradient(circle at 90% 12%,rgba(59,130,246,.15),transparent 30rem),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}.wrap{max-width:1280px;margin:0 auto;padding:0 1rem}.site-header{position:sticky;top:0;z-index:60;background:rgba(2,6,23,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 18px 45px rgba(6,182,212,.08)}.nav-row{height:5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;min-width:max-content}.brand-mark{width:2.55rem;height:2.55rem;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--blue));display:grid;place-items:center;color:white;font-weight:900;box-shadow:0 0 32px rgba(34,211,238,.38)}.brand-title{font-size:1.18rem;font-weight:800;line-height:1.1;background:linear-gradient(90deg,var(--cyan),#93c5fd,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-size:.72rem;color:rgba(34,211,238,.68);margin-top:.15rem}.nav-links{display:flex;align-items:center;gap:.2rem}.nav-links a,.mobile-menu a{font-size:.92rem;color:#cbd5e1;padding:.58rem .8rem;border-radius:.75rem;transition:.18s ease}.nav-links a:hover,.mobile-menu a:hover{color:var(--cyan);background:rgba(6,182,212,.1)}.header-search{flex:1;max-width:32rem;display:flex}.search-box{position:relative;width:100%}.search-box input,.filter-panel input,.filter-panel select{width:100%;border:1px solid rgba(34,211,238,.27);background:rgba(15,23,42,.72);border-radius:999px;color:#f8fafc;padding:.72rem 3rem .72rem 1.15rem;outline:none;transition:.18s ease}.filter-panel select{appearance:none;padding-right:1.15rem}.search-box input:focus,.filter-panel input:focus,.filter-panel select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(34,211,238,.12)}.search-box button{position:absolute;right:.35rem;top:.35rem;border:0;width:2.15rem;height:2.15rem;border-radius:999px;background:rgba(6,182,212,.16);color:var(--cyan)}.menu-toggle{display:none;border:1px solid var(--line);background:rgba(15,23,42,.75);color:var(--cyan);border-radius:.75rem;padding:.55rem .7rem}.mobile-menu{display:none;padding:.75rem 0 1rem;border-top:1px solid var(--line)}.mobile-menu.is-open{display:grid;gap:.35rem}.hero{position:relative;min-height:78vh;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(1.05)}.hero-layer{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,6,23,.1),rgba(2,6,23,.72) 58%,#020617),linear-gradient(90deg,#020617 0%,rgba(2,6,23,.82) 36%,rgba(2,6,23,.2) 100%)}.hero-content{position:relative;z-index:2;min-height:78vh;display:flex;align-items:center}.hero-inner{max-width:54rem;padding:7rem 0 5rem}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;color:var(--cyan);font-weight:700;margin-bottom:1.15rem}.hero h1{font-size:clamp(2.6rem,6vw,5.25rem);line-height:1.03;font-weight:900;letter-spacing:-.05em;background:linear-gradient(90deg,#fff,#cffafe,#fff);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.35rem}.hero p{font-size:clamp(1.02rem,2vw,1.28rem);color:#cbd5e1;line-height:1.8;max-width:48rem;margin-bottom:1.5rem}.meta-row{display:flex;flex-wrap:wrap;gap:.72rem;margin:1.25rem 0 1.9rem}.pill{display:inline-flex;align-items:center;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.78);color:#cbd5e1;border-radius:999px;padding:.42rem .78rem;font-size:.86rem}.pill.cyan{border-color:rgba(34,211,238,.3);background:rgba(6,182,212,.15);color:#cffafe}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.48rem;border-radius:999px;padding:.88rem 1.25rem;font-weight:800;transition:.2s ease;border:1px solid transparent}.btn-primary{background:linear-gradient(90deg,var(--cyan),var(--blue));color:#fff;box-shadow:0 16px 38px rgba(6,182,212,.26)}.btn-primary:hover{transform:translateY(-2px) scale(1.02)}.btn-ghost{background:rgba(15,23,42,.72);border-color:var(--line);color:#cbd5e1}.btn-ghost:hover{color:var(--cyan);background:rgba(6,182,212,.1)}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem}.hero-dots{position:absolute;z-index:5;bottom:2rem;left:50%;transform:translateX(-50%);display:flex;gap:.5rem}.hero-dot{width:.6rem;height:.6rem;border:0;border-radius:999px;background:#475569;transition:.2s ease}.hero-dot.is-active{width:2rem;background:var(--cyan)}.section{padding:3.5rem 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.section-title{display:flex;align-items:center;gap:.65rem}.section-title h2,.page-hero h1,.detail-title{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.16;font-weight:900;letter-spacing:-.03em}.section-title span{color:var(--cyan)}.section-link{font-size:.92rem;color:var(--cyan)}.rail{display:flex;gap:1rem;overflow:auto;padding-bottom:1rem;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail-card{flex:0 0 18rem}.poster{position:relative;overflow:hidden;border-radius:1rem;background:#0f172a;border:1px solid var(--line2);box-shadow:0 12px 36px rgba(0,0,0,.2)}.poster.video{aspect-ratio:16/9}.poster.tall{aspect-ratio:2/3}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.movie-card:hover .poster img,.rail-card:hover .poster img,.rank-item:hover .poster img{transform:scale(1.09)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(2,6,23,.82));opacity:.82}.play-badge{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;border-radius:999px;background:rgba(6,182,212,.86);display:grid;place-items:center;color:white;opacity:0;transition:.2s ease}.movie-card:hover .play-badge,.rail-card:hover .play-badge{opacity:1}.year-tag{position:absolute;z-index:3;right:.65rem;bottom:.65rem;background:rgba(2,6,23,.82);border:1px solid rgba(255,255,255,.08);border-radius:.55rem;padding:.25rem .5rem;font-size:.78rem}.rank-tag{position:absolute;z-index:3;left:.65rem;top:.65rem;background:linear-gradient(135deg,var(--orange),#ef4444);border-radius:.55rem;padding:.25rem .5rem;font-size:.78rem;font-weight:900}.movie-title{font-weight:800;margin:.72rem 0 .24rem;line-height:1.35;transition:.18s ease}.movie-card:hover .movie-title,.rail-card:hover .movie-title,.rank-item:hover .movie-title{color:var(--cyan)}.movie-meta{font-size:.82rem;color:#94a3b8;line-height:1.45}.movie-desc{font-size:.88rem;color:#cbd5e1;line-height:1.7;margin-top:.5rem}.grid-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.wide-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.1rem}.category-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:1.35rem;padding:1.25rem;min-height:12rem;background:linear-gradient(135deg,rgba(15,23,42,.94),rgba(15,23,42,.64));box-shadow:0 18px 50px rgba(0,0,0,.22)}.category-card:before{content:"";position:absolute;width:12rem;height:12rem;right:-5rem;top:-5rem;border-radius:999px;background:rgba(34,211,238,.12);filter:blur(4px)}.category-card h2,.category-card h3{font-size:1.35rem;font-weight:900;margin-bottom:.55rem}.category-card p{color:#cbd5e1;line-height:1.65}.rank-list{display:grid;gap:.85rem}.rank-item{display:grid;grid-template-columns:7rem 1fr;gap:1rem;border:1px solid var(--line2);background:rgba(15,23,42,.58);border-radius:1rem;padding:.65rem;transition:.18s ease}.rank-item:hover{border-color:var(--line);background:rgba(15,23,42,.84)}.rank-item .poster{border-radius:.8rem}.rank-num{font-size:1.8rem;font-weight:900;color:var(--cyan);line-height:1}.page-hero{padding:4rem 0 2rem}.page-hero p{max-width:52rem;color:#cbd5e1;line-height:1.8;margin-top:1rem}.crumb{display:flex;gap:.45rem;flex-wrap:wrap;color:#94a3b8;font-size:.9rem;margin-bottom:1rem}.crumb a{color:var(--cyan)}.filter-panel{display:grid;grid-template-columns:1fr;gap:.8rem;margin:1.5rem 0 2rem;padding:1rem;border:1px solid var(--line);background:rgba(15,23,42,.54);border-radius:1.1rem}.detail-hero{padding:3rem 0 1rem}.detail-layout{display:grid;gap:2rem}.detail-cover{border-radius:1.35rem;overflow:hidden;border:1px solid var(--line);box-shadow:0 25px 70px rgba(0,0,0,.35);background:#0f172a}.detail-cover img{width:100%;aspect-ratio:2/3;object-fit:cover}.detail-info{align-self:center}.detail-info p{color:#cbd5e1;line-height:1.85}.tag-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.2rem}.tag{border:1px solid rgba(34,211,238,.22);color:#cffafe;background:rgba(6,182,212,.1);border-radius:999px;padding:.32rem .62rem;font-size:.82rem}.player-panel{border:1px solid var(--line);border-radius:1.25rem;background:rgba(15,23,42,.7);padding:.75rem;box-shadow:0 22px 65px rgba(0,0,0,.26)}.player-panel video{width:100%;aspect-ratio:16/9;background:#000;border-radius:.85rem;display:block}.text-panel{border:1px solid var(--line2);border-radius:1.2rem;background:rgba(15,23,42,.52);padding:1.25rem}.text-panel h2{font-size:1.35rem;font-weight:900;margin-bottom:.75rem}.text-panel p{color:#cbd5e1;line-height:1.9}.footer{margin-top:4rem;border-top:1px solid var(--line);background:rgba(2,6,23,.92)}.footer-inner{padding:3rem 0;display:grid;gap:2rem}.footer h3{font-size:1.1rem;font-weight:900;margin-bottom:.85rem}.footer p,.footer a{color:#94a3b8;line-height:1.8}.footer-links{display:flex;flex-wrap:wrap;gap:.8rem}.empty-state{display:none;border:1px solid var(--line);border-radius:1rem;padding:2rem;color:#cbd5e1;background:rgba(15,23,42,.58)}.hide-card{display:none!important}.split-section{display:grid;gap:1.2rem}.feature-card{border:1px solid var(--line);border-radius:1.25rem;background:linear-gradient(135deg,rgba(15,23,42,.88),rgba(30,41,59,.54));padding:1rem}.feature-card h3{font-size:1.25rem;font-weight:900;margin:.7rem 0 .35rem}.feature-card p{color:#cbd5e1;line-height:1.75}.all-link-panel{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.65rem}.all-link-panel a{border:1px solid var(--line2);border-radius:999px;padding:.45rem .7rem;color:#cbd5e1;background:rgba(15,23,42,.54);font-size:.86rem}.all-link-panel a:hover{border-color:var(--line);color:var(--cyan)}@media (min-width:640px){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-panel{grid-template-columns:1fr 12rem}}@media (min-width:768px){.wide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:18rem 1fr}.footer-inner{grid-template-columns:2fr 1fr 1fr}.split-section{grid-template-columns:1.15fr .85fr}.rank-list.two{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.grid-cards{grid-template-columns:repeat(4,minmax(0,1fr))}.wide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rank-list.three{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.grid-cards{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:980px){.header-search,.nav-links{display:none}.menu-toggle{display:block}.nav-row{height:4.25rem}.hero,.hero-content{min-height:72vh}.hero-inner{padding:6rem 0 4rem}.hero-actions .btn{width:100%}}@media (max-width:640px){.grid-cards{gap:.85rem}.rail-card{flex-basis:15.5rem}.rank-item{grid-template-columns:6rem 1fr}.section{padding:2.5rem 0}.category-card{min-height:auto}.detail-title{font-size:2rem}}