:root{--gold:#f59e0b;--red:#991b1b;--red2:#dc2626;--slate:#020617;--muted:#94a3b8;--panel:rgba(15,23,42,.74);--panel2:rgba(30,41,59,.72);--line:rgba(153,27,27,.34)}
html{scroll-behavior:smooth}body{min-width:320px;background:radial-gradient(circle at top left,rgba(153,27,27,.28),transparent 36rem),radial-gradient(circle at 80% 20%,rgba(245,158,11,.12),transparent 30rem),#020617;color:#f8fafc}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.04) 0 1px,transparent 1px 14px);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 70%);z-index:-1}.max-w-7xl{max-width:80rem}.site-header{backdrop-filter:blur(18px)}.nav-shell{height:4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-link{display:flex;align-items:center;gap:.75rem;font-weight:900;letter-spacing:.02em}.brand-mark{display:inline-grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:999px;background:linear-gradient(135deg,#f59e0b,#dc2626);color:#fff;box-shadow:0 12px 30px rgba(220,38,38,.36)}.brand-mark.small{width:1.8rem;height:1.8rem;font-size:.8rem}.brand-name{font-size:1.35rem;background:linear-gradient(90deg,#fde68a,#fca5a5,#fde68a);-webkit-background-clip:text;background-clip:text;color:transparent}.desktop-nav{display:flex;align-items:center;gap:1.1rem}.nav-link{font-weight:700;color:#e5e7eb;transition:.2s}.nav-link.compact{font-size:.92rem;color:#d1d5db}.nav-link:hover,.nav-link.is-active{color:#fbbf24}.mobile-toggle{display:none;gap:.28rem;flex-direction:column}.mobile-toggle span{display:block;width:1.55rem;height:2px;background:#f3f4f6;border-radius:99px}.mobile-nav{display:none;border-top:1px solid var(--line);padding:.7rem 1rem;background:rgba(2,6,23,.95)}.mobile-nav.open{display:grid}.mobile-link{padding:.72rem 0;color:#e5e7eb;border-bottom:1px solid rgba(148,163,184,.08)}.hero-slider{position:relative;height:72vh;min-height:560px;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-image{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform 5s ease}.hero-slide.active .hero-image img{transform:scale(1)}.image-shell{background:radial-gradient(circle at 20% 20%,rgba(245,158,11,.38),transparent 28%),linear-gradient(135deg,#1e293b,#450a0a 48%,#020617);overflow:hidden}.image-shell img{width:100%;height:100%;object-fit:cover;display:block}.image-shell img.is-missing{opacity:0}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(2,6,23,1) 0%,rgba(2,6,23,.72) 42%,rgba(2,6,23,.12) 100%),linear-gradient(90deg,rgba(2,6,23,.95),rgba(2,6,23,.55),rgba(2,6,23,.12))}.hero-body{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;max-width:80rem;margin:0 auto;padding:0 1rem 5.5rem}.hero-content{max-width:760px}.eyebrow{display:inline-flex;gap:.45rem;align-items:center;border:1px solid rgba(245,158,11,.28);background:rgba(245,158,11,.12);color:#fde68a;border-radius:999px;padding:.45rem .85rem;font-size:.85rem;font-weight:800;margin-bottom:1.1rem}.hero-content h1{font-size:clamp(2.4rem,6vw,5.8rem);line-height:.96;font-weight:950;letter-spacing:-.06em;text-shadow:0 16px 40px rgba(0,0,0,.5)}.hero-content p{max-width:680px;color:#e5e7eb;font-size:clamp(1rem,1.6vw,1.35rem);line-height:1.75;margin:1.25rem 0}.hero-tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:1.5rem}.chip{display:inline-flex;align-items:center;border:1px solid rgba(251,191,36,.22);background:rgba(15,23,42,.72);color:#fde68a;border-radius:999px;padding:.35rem .75rem;font-size:.82rem}.hero-actions,.section-actions{display:flex;flex-wrap:wrap;gap:.85rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.82rem 1.22rem;font-weight:900;transition:.25s}.btn-primary{background:linear-gradient(90deg,#f59e0b,#dc2626);color:#fff;box-shadow:0 16px 35px rgba(220,38,38,.32)}.btn-secondary{border:1px solid rgba(248,250,252,.18);background:rgba(15,23,42,.68);color:#f8fafc}.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(245,158,11,.22)}.hero-control{position:absolute;top:50%;z-index:3;transform:translateY(-50%);width:2.7rem;height:2.7rem;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;border:1px solid rgba(255,255,255,.12);font-size:1.6rem;display:grid;place-items:center}.hero-prev{left:1rem}.hero-next{right:1rem}.hero-dots{position:absolute;z-index:4;left:50%;bottom:2rem;transform:translateX(-50%);display:flex;gap:.5rem}.hero-dot{width:.65rem;height:.65rem;border-radius:999px;background:rgba(255,255,255,.45);transition:.25s}.hero-dot.active{width:2.2rem;background:#f59e0b}.page-hero{padding:5rem 1rem 3rem;background:linear-gradient(90deg,rgba(127,29,29,.32),rgba(245,158,11,.13),rgba(15,23,42,.2));border-bottom:1px solid var(--line)}.page-hero-inner{max-width:64rem;margin:0 auto;text-align:center}.page-hero h1{font-size:clamp(2.2rem,4.6vw,4.5rem);font-weight:950;letter-spacing:-.04em}.page-hero p{color:#d1d5db;font-size:1.08rem;line-height:1.8;margin:1rem auto 0;max-width:48rem}.content-wrap{max-width:80rem;margin:0 auto;padding:3rem 1rem}.section{margin-bottom:4rem}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.35rem}.section-title{display:flex;align-items:center;gap:.7rem}.section-title h2{font-size:clamp(1.65rem,3vw,2.35rem);font-weight:950;letter-spacing:-.03em}.section-title .mark{width:.55rem;height:1.75rem;border-radius:99px;background:linear-gradient(#f59e0b,#dc2626);box-shadow:0 0 22px rgba(245,158,11,.4)}.section-head p{color:#94a3b8;max-width:36rem}.movie-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem}.movie-grid.small{grid-template-columns:repeat(5,minmax(0,1fr))}.movie-card{display:block;overflow:hidden;border:1px solid rgba(148,163,184,.11);background:rgba(15,23,42,.68);border-radius:1rem;box-shadow:0 18px 50px rgba(0,0,0,.22);transition:.28s}.movie-card:hover{transform:translateY(-6px);border-color:rgba(245,158,11,.36);background:rgba(30,41,59,.84);box-shadow:0 22px 60px rgba(127,29,29,.28)}.movie-card.large{display:grid;grid-template-columns:1.1fr 1fr}.card-cover{aspect-ratio:2/3}.movie-card.large .card-cover{aspect-ratio:16/11}.card-cover img{transition:transform .42s ease}.movie-card:hover .card-cover img{transform:scale(1.06)}.card-body{padding:1rem}.card-meta,.card-foot{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;color:#94a3b8;font-size:.78rem}.card-body h3{font-size:1.06rem;line-height:1.34;font-weight:900;margin:.6rem 0 .45rem;color:#f8fafc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body p{color:#cbd5e1;font-size:.9rem;line-height:1.62;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-foot{justify-content:space-between;margin-top:.9rem;color:#fbbf24}.split-layout{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.rank-panel,.side-panel,.info-panel{border:1px solid rgba(148,163,184,.11);background:var(--panel);border-radius:1.1rem;padding:1rem;box-shadow:0 18px 50px rgba(0,0,0,.22)}.rank-item{display:grid;grid-template-columns:2.6rem 1fr auto;align-items:center;gap:.8rem;padding:.78rem;border-radius:.85rem;color:#e5e7eb}.rank-item:hover{background:rgba(245,158,11,.09)}.rank-no{font-weight:950;color:#fbbf24;font-size:1.08rem}.rank-title{font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-score{color:#fde68a;font-weight:800}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.category-tile{min-height:11rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:1.1rem;padding:1.25rem;border:1px solid rgba(245,158,11,.15);background:linear-gradient(135deg,rgba(153,27,27,.28),rgba(30,41,59,.76));transition:.25s}.category-tile:hover{transform:translateY(-4px);border-color:rgba(245,158,11,.4)}.category-tile h3{font-size:1.25rem;font-weight:950}.category-tile p{color:#cbd5e1;font-size:.9rem;line-height:1.65;margin-top:.55rem}.filter-panel{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:.75rem;margin-bottom:1.4rem;border:1px solid rgba(148,163,184,.12);background:rgba(15,23,42,.68);padding:1rem;border-radius:1rem}.filter-panel input,.filter-panel select{width:100%;border:1px solid rgba(148,163,184,.18);background:rgba(2,6,23,.78);color:#f8fafc;border-radius:.85rem;padding:.82rem .9rem;outline:none}.filter-panel input:focus,.filter-panel select:focus{border-color:rgba(245,158,11,.55);box-shadow:0 0 0 3px rgba(245,158,11,.12)}.empty-state{display:none;color:#cbd5e1;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.1);border-radius:1rem;padding:2rem;text-align:center}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:1.5rem;align-items:start}.player-box{border-radius:1.1rem;overflow:hidden;background:#000;box-shadow:0 28px 70px rgba(0,0,0,.44);border:1px solid rgba(245,158,11,.18)}.player-box video{width:100%;aspect-ratio:16/9;background:#000}.detail-title{font-size:clamp(2rem,4vw,3.7rem);line-height:1.08;font-weight:950;letter-spacing:-.04em;margin:1.4rem 0 .8rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.7rem;margin-bottom:1rem}.detail-meta span{border-radius:999px;background:rgba(30,41,59,.78);color:#d1d5db;padding:.45rem .78rem;font-size:.86rem}.detail-copy{color:#d1d5db;font-size:1.02rem;line-height:1.88}.detail-copy h2{font-size:1.45rem;color:#fff;font-weight:950;margin:1.7rem 0 .7rem}.poster-panel .image-shell{border-radius:1rem;aspect-ratio:2/3;border:1px solid rgba(148,163,184,.12)}.compact-list{display:grid;gap:.75rem}.compact-card{display:grid;grid-template-columns:5.2rem 1fr;gap:.85rem;align-items:center;border-radius:.9rem;padding:.65rem;background:rgba(15,23,42,.68);border:1px solid rgba(148,163,184,.08);transition:.2s}.compact-card:hover{background:rgba(30,41,59,.88);transform:translateX(3px)}.compact-cover{aspect-ratio:16/10;border-radius:.65rem}.compact-card strong{font-weight:900;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.compact-card p{color:#94a3b8;font-size:.82rem;margin-top:.25rem}.breadcrumb{display:flex;gap:.5rem;flex-wrap:wrap;color:#94a3b8;font-size:.9rem;margin-bottom:1rem}.breadcrumb a{color:#fbbf24}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:2rem}.site-footer p{color:#94a3b8;line-height:1.8;margin-top:.8rem}.site-footer h3{font-size:1.05rem;font-weight:950;color:#fde68a;margin-bottom:.75rem}.footer-brand{display:flex;align-items:center;gap:.6rem;color:#fde68a}.footer-links{display:flex;gap:.65rem;flex-wrap:wrap}.footer-links a{color:#cbd5e1;background:rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.1);border-radius:999px;padding:.38rem .72rem;font-size:.86rem}.footer-links a:hover{color:#fbbf24}.footer-bottom{text-align:center;color:#64748b;border-top:1px solid var(--line);padding:1rem}.ranking-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.ranking-list .rank-item{background:rgba(15,23,42,.66);border:1px solid rgba(148,163,184,.09)}@media (max-width:1024px){.desktop-nav{display:none}.mobile-toggle{display:flex}.movie-grid,.movie-grid.small{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout,.detail-grid{grid-template-columns:1fr}.filter-panel{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.ranking-list{grid-template-columns:1fr}}@media (max-width:640px){.hero-slider{height:76vh;min-height:520px}.hero-body{padding-bottom:4.5rem}.hero-control{display:none}.movie-grid,.movie-grid.small{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.movie-card.large{display:block}.card-body{padding:.8rem}.category-grid{grid-template-columns:1fr}.filter-panel{grid-template-columns:1fr}.section-head{display:block}.content-wrap{padding:2rem .85rem}.page-hero{padding:3.5rem .85rem 2.5rem}.hero-content h1{font-size:2.55rem}.hero-content p{font-size:.98rem}.detail-title{font-size:2.1rem}.compact-card{grid-template-columns:4.4rem 1fr}.rank-item{grid-template-columns:2rem 1fr auto}.brand-name{font-size:1.12rem}}