:root{--bg:#020617;--panel:rgba(15,23,42,.72);--panel2:rgba(30,41,59,.56);--line:rgba(148,163,184,.18);--text:#f8fafc;--muted:#cbd5e1;--soft:#94a3b8;--orange:#f97316;--amber:#f59e0b;--shadow:0 24px 60px rgba(0,0,0,.35)}
html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left,rgba(249,115,22,.16),transparent 30rem),linear-gradient(180deg,#020617,#0f172a 42%,#020617);color:var(--text);min-height:100vh}a{transition:color .2s ease,background .2s ease,transform .2s ease}img{transition:transform .35s ease,opacity .25s ease}.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,rgba(15,23,42,.96),rgba(30,41,59,.96),rgba(15,23,42,.96));backdrop-filter:blur(18px);box-shadow:0 12px 32px rgba(0,0,0,.22);border-bottom:1px solid var(--line)}.nav-inner{max-width:80rem;margin:0 auto;min-height:4rem;display:flex;align-items:center;gap:1.2rem;padding:0 1rem}.brand{display:flex;align-items:center;gap:.65rem;font-size:1.2rem;font-weight:800;background:linear-gradient(90deg,#fb923c,#fcd34d);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}.brand-icon{width:2.1rem;height:2.1rem;border-radius:999px;background:rgba(249,115,22,.13);display:grid;place-items:center;color:#fb923c;box-shadow:0 0 28px rgba(251,146,60,.22)}.desktop-nav{display:flex;align-items:center;gap:1.4rem}.nav-link,.nav-drop>button{font-size:.92rem;font-weight:700;color:#e2e8f0;padding:.55rem 0}.nav-link:hover,.nav-link.active,.nav-drop:hover>button{color:#fb923c}.nav-drop{position:relative}.nav-drop>button{border:0;background:transparent}.nav-drop>div{position:absolute;top:100%;left:-1rem;min-width:12rem;padding:.6rem;background:rgba(15,23,42,.96);border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow);display:none}.nav-drop:hover>div{display:grid;gap:.25rem}.nav-drop a{display:block;padding:.6rem .75rem;border-radius:.7rem;color:#dbeafe}.nav-drop a:hover{background:rgba(249,115,22,.14);color:#fed7aa}.nav-search{margin-left:auto;position:relative;width:min(19rem,30vw)}.nav-search input,.filter-input{width:100%;border:1px solid rgba(249,115,22,.24);background:rgba(15,23,42,.72);color:var(--text);border-radius:.85rem;padding:.7rem .95rem;outline:0}.nav-search input:focus,.filter-input:focus{border-color:#fb923c;box-shadow:0 0 0 3px rgba(249,115,22,.15)}.search-results{position:absolute;top:calc(100% + .5rem);right:0;width:min(28rem,90vw);max-height:28rem;overflow:auto;background:rgba(15,23,42,.98);border:1px solid var(--line);border-radius:1rem;box-shadow:var(--shadow);display:none;padding:.5rem}.search-results.active{display:block}.search-item{display:grid;grid-template-columns:3.2rem 1fr;gap:.75rem;padding:.55rem;border-radius:.85rem;color:#e5e7eb}.search-item:hover{background:rgba(249,115,22,.12)}.search-thumb{aspect-ratio:2/3;border-radius:.5rem;background:linear-gradient(135deg,rgba(249,115,22,.35),rgba(15,23,42,.7));overflow:hidden}.search-thumb img{width:100%;height:100%;object-fit:cover}.search-item h4{font-weight:800;margin:0 0 .15rem}.search-item p{font-size:.78rem;color:#94a3b8;margin:0}.menu-toggle{display:none;margin-left:auto;width:2.5rem;height:2.5rem;border:1px solid var(--line);border-radius:.75rem;align-items:center;justify-content:center;flex-direction:column;gap:.28rem;background:rgba(30,41,59,.7)}.menu-toggle span{width:1.1rem;height:2px;background:#f8fafc}.mobile-nav{display:none;border-top:1px solid var(--line);padding:.7rem 1rem;background:rgba(15,23,42,.98)}.mobile-nav a{display:block;padding:.7rem;border-radius:.75rem;color:#e2e8f0}.mobile-nav a:hover{background:rgba(249,115,22,.12);color:#fb923c}.mobile-nav.open{display:block}.hero{position:relative;height:70vh;min-height:34rem;overflow:hidden;background:#020617}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1s ease}.hero-slide.active{opacity:1;pointer-events:auto}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide.active img{transform:scale(1.03)}.hero::after,.hero-shade{content:"";position:absolute;inset:0;background:linear-gradient(to top,#020617 0%,rgba(15,23,42,.78) 45%,rgba(2,6,23,.18) 100%)}.hero-content{position:absolute;z-index:2;left:0;right:0;bottom:0;max-width:80rem;margin:0 auto;padding:3rem 1rem 4rem}.hero-copy{max-width:48rem}.kicker{display:inline-flex;gap:.5rem;align-items:center;padding:.35rem .75rem;border-radius:999px;background:rgba(249,115,22,.18);border:1px solid rgba(249,115,22,.32);color:#fed7aa;font-weight:800;font-size:.86rem;margin-bottom:1rem}.hero h1{font-size:clamp(2.5rem,7vw,5.5rem);line-height:.95;font-weight:900;letter-spacing:-.055em;margin:0 0 1rem;text-shadow:0 12px 32px rgba(0,0,0,.48)}.hero p{font-size:clamp(1rem,2vw,1.25rem);color:#e2e8f0;line-height:1.75;max-width:48rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border-radius:999px;padding:.78rem 1.1rem;font-weight:800;border:1px solid transparent}.btn-primary{background:linear-gradient(90deg,#f97316,#f59e0b);color:white;box-shadow:0 16px 35px rgba(249,115,22,.25)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(249,115,22,.34)}.btn-secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.18);color:#f8fafc}.btn-secondary:hover{background:rgba(255,255,255,.18)}.hero-dots{position:absolute;z-index:3;right:clamp(1rem,4vw,4rem);bottom:2rem;display:flex;gap:.55rem}.hero-dot{width:.55rem;height:.55rem;border-radius:999px;background:rgba(255,255,255,.55);border:0;transition:all .25s ease}.hero-dot.active{width:2rem;background:#fb923c}.page{max-width:80rem;margin:0 auto;padding:3rem 1rem 4rem}.page-hero{padding:4rem 1rem 2rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at top right,rgba(249,115,22,.14),transparent 26rem)}.page-hero-inner{max-width:80rem;margin:0 auto}.crumb{display:flex;flex-wrap:wrap;gap:.45rem;color:#94a3b8;font-size:.9rem;margin-bottom:1rem}.crumb a:hover{color:#fb923c}.page-hero h1{font-size:clamp(2rem,4vw,4rem);font-weight:900;letter-spacing:-.04em;margin:0 0 .8rem}.page-hero p{max-width:54rem;color:#cbd5e1;line-height:1.8}.content-section{margin:0 0 4rem}.section-title{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:0 0 1.5rem}.section-title div:first-child{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center}.section-title span{display:block;width:.42rem;height:1.8rem;background:#fb923c;border-radius:999px;box-shadow:0 0 20px rgba(251,146,60,.4)}.section-title h2{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;letter-spacing:-.03em}.section-title p{grid-column:2;color:#94a3b8;margin-top:-.25rem}.section-more{color:#fb923c;font-weight:800;white-space:nowrap}.section-more:hover{color:#fed7aa}.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.15rem}.movie-card{background:var(--panel2);border:1px solid var(--line);border-radius:1rem;overflow:hidden;box-shadow:0 12px 32px rgba(0,0,0,.18);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.movie-card:hover{transform:translateY(-5px);border-color:rgba(249,115,22,.45);box-shadow:0 22px 45px rgba(0,0,0,.28)}.poster{position:relative;display:block;aspect-ratio:2/3;background:linear-gradient(145deg,rgba(249,115,22,.34),rgba(15,23,42,.84));overflow:hidden}.poster img{width:100%;height:100%;object-fit:cover}.movie-card:hover .poster img{transform:scale(1.07)}.poster::after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,rgba(2,6,23,.8),transparent)}.rank-badge{position:absolute;z-index:3;top:.6rem;left:.6rem;min-width:2rem;height:2rem;border-radius:.7rem;display:grid;place-items:center;background:linear-gradient(135deg,#f97316,#f59e0b);font-weight:900;color:white;box-shadow:0 10px 24px rgba(0,0,0,.35)}.card-body{padding:.9rem}.meta-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.55rem;color:#fed7aa;font-size:.75rem}.meta-row span{padding:.14rem .42rem;border-radius:999px;background:rgba(249,115,22,.12)}.movie-card h3{font-weight:900;font-size:1rem;line-height:1.35;margin-bottom:.45rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.movie-card h3 a:hover{color:#fb923c}.movie-card p{color:#cbd5e1;font-size:.86rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag-row{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.75rem}.tag-row span{font-size:.72rem;color:#cbd5e1;background:rgba(15,23,42,.7);border:1px solid var(--line);border-radius:999px;padding:.16rem .45rem}.channel-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.channel-card{position:relative;overflow:hidden;border-radius:1.1rem;border:1px solid var(--line);background:linear-gradient(145deg,rgba(30,41,59,.88),rgba(15,23,42,.72));padding:1.25rem;min-height:10rem;box-shadow:0 12px 30px rgba(0,0,0,.18)}.channel-card::after{content:"";position:absolute;width:9rem;height:9rem;right:-3rem;bottom:-3rem;border-radius:999px;background:rgba(249,115,22,.16)}.channel-card:hover{border-color:rgba(249,115,22,.48);transform:translateY(-4px)}.channel-card h2,.channel-card h3{font-weight:900;font-size:1.25rem;margin-bottom:.55rem}.channel-card p{color:#cbd5e1;line-height:1.65;font-size:.92rem}.channel-card strong{display:block;margin-top:1rem;color:#fb923c}.filter-panel{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:0 0 1.4rem;padding:1rem;background:rgba(15,23,42,.58);border:1px solid var(--line);border-radius:1rem}.filter-panel .filter-input{flex:1 1 16rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-buttons button{border:1px solid var(--line);background:rgba(30,41,59,.6);color:#e2e8f0;border-radius:999px;padding:.58rem .9rem;font-weight:800}.filter-buttons button.active,.filter-buttons button:hover{background:rgba(249,115,22,.22);border-color:rgba(249,115,22,.45);color:#fed7aa}.ranking-list{display:grid;gap:.85rem}.ranking-item{display:grid;grid-template-columns:3.2rem 5rem 1fr auto;gap:1rem;align-items:center;background:rgba(30,41,59,.48);border:1px solid var(--line);border-radius:1rem;padding:.7rem}.ranking-item:hover{border-color:rgba(249,115,22,.42);background:rgba(30,41,59,.7)}.ranking-num{font-size:1.3rem;font-weight:900;color:#fb923c;text-align:center}.ranking-cover{aspect-ratio:2/3;border-radius:.65rem;overflow:hidden;background:linear-gradient(135deg,rgba(249,115,22,.3),rgba(15,23,42,.8))}.ranking-cover img{width:100%;height:100%;object-fit:cover}.ranking-item h2,.ranking-item h3{font-weight:900;font-size:1.05rem;margin-bottom:.25rem}.ranking-item p{color:#94a3b8;font-size:.9rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.detail-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(18rem,1fr);gap:2rem}.player-card{background:rgba(0,0,0,.66);border:1px solid rgba(249,115,22,.22);border-radius:1.2rem;overflow:hidden;box-shadow:var(--shadow)}.player-card video{width:100%;aspect-ratio:16/9;background:#000}.detail-main h1{font-size:clamp(2rem,4vw,3.5rem);font-weight:900;letter-spacing:-.04em;margin:.8rem 0}.detail-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.detail-tags span{border:1px solid rgba(249,115,22,.3);background:rgba(249,115,22,.12);color:#fed7aa;border-radius:999px;padding:.25rem .65rem;font-size:.82rem}.prose-box{background:rgba(15,23,42,.62);border:1px solid var(--line);border-radius:1.1rem;padding:1.25rem;margin-top:1.2rem}.prose-box h2{font-size:1.35rem;font-weight:900;margin-bottom:.7rem}.prose-box p{color:#dbeafe;line-height:1.9;margin:.6rem 0}.side-card{background:rgba(15,23,42,.62);border:1px solid var(--line);border-radius:1.1rem;padding:1rem;position:sticky;top:5.5rem}.side-card h2{font-size:1.1rem;font-weight:900;margin-bottom:.9rem}.mini-list{display:grid;gap:.75rem}.mini-item{display:grid;grid-template-columns:4rem 1fr;gap:.75rem;align-items:center}.mini-item .poster{border-radius:.65rem}.mini-item h3{font-weight:900;font-size:.95rem;line-height:1.35}.mini-item p{font-size:.78rem;color:#94a3b8;margin-top:.2rem}.footer{border-top:1px solid var(--line);background:linear-gradient(to bottom,rgba(15,23,42,.85),#020617);padding:3rem 1rem 1.5rem}.footer-grid{max-width:80rem;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}.footer-brand{font-size:1.25rem;font-weight:900;color:#fb923c;margin-bottom:.8rem}.footer p{color:#94a3b8;line-height:1.8}.footer h3{font-weight:900;margin-bottom:.75rem}.footer-links{display:flex;flex-wrap:wrap;gap:.55rem}.footer-links a{color:#cbd5e1;background:rgba(30,41,59,.45);border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;font-size:.86rem}.footer-links a:hover{color:#fed7aa;border-color:rgba(249,115,22,.45)}.copyright{max-width:80rem;margin:2rem auto 0;color:#64748b;font-size:.88rem}.empty-result{display:none;padding:1rem;border:1px solid var(--line);border-radius:1rem;color:#94a3b8;background:rgba(15,23,42,.5)}.empty-result.active{display:block}@media (max-width:1100px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.channel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.side-card{position:static}}@media (max-width:760px){.desktop-nav,.nav-search{display:none}.menu-toggle{display:flex}.hero{height:72vh;min-height:34rem}.hero-content{padding-bottom:5rem}.hero-dots{left:1rem;right:auto}.page{padding:2rem 1rem 3rem}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.channel-grid{grid-template-columns:1fr}.section-title{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.ranking-item{grid-template-columns:2.5rem 4rem 1fr}.ranking-item .btn{display:none}.detail-tags{gap:.35rem}.card-body{padding:.75rem}.movie-card p{-webkit-line-clamp:2}}@media (max-width:420px){.movie-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:2.4rem}.page-hero h1{font-size:2rem}.ranking-item{gap:.65rem;padding:.55rem}}