html{scroll-behavior:smooth}body{background:#020617;color:#e2e8f0}.site-header{position:sticky;top:0;z-index:50;background:rgba(15,23,42,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(51,65,85,.55)}.brand-mark{width:2.25rem;height:2.25rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 12px 35px rgba(16,185,129,.22)}.nav-link{display:inline-flex;align-items:center;padding:.5rem 1rem;border-radius:.75rem;color:#cbd5e1;transition:.25s}.nav-link:hover,.nav-link.active{color:#34d399;background:rgba(30,41,59,.72)}.mobile-panel{display:none}.mobile-panel.is-open{display:block}.hero-wrap{height:600px;position:relative;overflow:hidden}.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease}.hero-slide.is-active{opacity:1;visibility:visible}.hero-img{width:100%;height:100%;object-fit:cover}.hero-layer{position:absolute;inset:0;background:linear-gradient(to top,#0f172a 0%,rgba(15,23,42,.74) 48%,rgba(15,23,42,.18) 100%)}.hero-copy{position:relative;height:100%;max-width:80rem;margin:0 auto;padding:0 1rem 4rem;display:flex;align-items:flex-end}.hero-copy-inner{max-width:48rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;color:#34d399;font-weight:700;margin-bottom:1rem}.hero-title{font-size:clamp(2.4rem,6vw,4.7rem);line-height:1;font-weight:900;color:white;letter-spacing:-.04em;margin-bottom:1rem;text-shadow:0 16px 45px rgba(0,0,0,.42)}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;color:#cbd5e1;font-size:.92rem;margin-bottom:1rem}.meta-chip{display:inline-flex;align-items:center;border-radius:.45rem;padding:.28rem .65rem;background:rgba(15,23,42,.78);color:white}.meta-chip.primary{background:rgba(16,185,129,.92)}.hero-desc{color:#cbd5e1;font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem;max-width:43rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;border-radius:.8rem;padding:.8rem 1.25rem;font-weight:800;transition:.25s}.btn-primary{background:#10b981;color:#fff;box-shadow:0 16px 35px rgba(16,185,129,.2)}.btn-primary:hover{background:#059669;transform:translateY(-1px)}.btn-ghost{background:rgba(15,23,42,.66);color:#e2e8f0;border:1px solid rgba(148,163,184,.22)}.btn-ghost:hover{color:#6ee7b7;border-color:rgba(16,185,129,.45);background:rgba(15,23,42,.9)}.hero-dots{position:absolute;right:calc(50% - 39rem);bottom:3.5rem;display:flex;gap:.6rem}.hero-dot{width:.7rem;height:.7rem;border-radius:999px;background:rgba(203,213,225,.45);transition:.25s}.hero-dot.is-active{width:2.1rem;background:#10b981}.page-hero{background:radial-gradient(circle at 10% 0%,rgba(16,185,129,.16),transparent 32%),linear-gradient(135deg,rgba(15,23,42,.96),rgba(2,6,23,.96));border-bottom:1px solid rgba(51,65,85,.45)}.section-card{background:rgba(15,23,42,.58);border:1px solid rgba(51,65,85,.54);border-radius:1.15rem;box-shadow:0 24px 55px rgba(0,0,0,.2)}.section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.6rem}.section-title-icon{width:.55rem;height:1.8rem;border-radius:999px;background:#10b981;box-shadow:0 0 28px rgba(16,185,129,.5)}.category-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.42rem .8rem;background:rgba(16,185,129,.12);color:#6ee7b7;border:1px solid rgba(16,185,129,.2);font-size:.88rem}.search-panel{background:rgba(15,23,42,.75);border:1px solid rgba(51,65,85,.65);border-radius:1rem;padding:1rem;display:grid;grid-template-columns:1fr 12rem 12rem;gap:.75rem}.search-field,.select-control{width:100%;border-radius:.8rem;background:rgba(2,6,23,.72);border:1px solid rgba(71,85,105,.85);color:#e2e8f0;padding:.8rem 1rem;outline:none}.search-field:focus,.select-control:focus{border-color:rgba(16,185,129,.75);box-shadow:0 0 0 3px rgba(16,185,129,.15)}.movie-card.is-hidden{display:none}.movie-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.rank-list{display:grid;gap:.85rem}.rank-row{display:grid;grid-template-columns:3.5rem 6rem 1fr auto;gap:1rem;align-items:center;background:rgba(15,23,42,.62);border:1px solid rgba(51,65,85,.55);border-radius:1rem;padding:.8rem;transition:.25s}.rank-row:hover{border-color:rgba(16,185,129,.55);background:rgba(30,41,59,.6)}.rank-num{font-size:1.4rem;font-weight:900;color:#34d399;text-align:center}.rank-cover{height:5rem;border-radius:.75rem;overflow:hidden;background:#0f172a}.rank-cover img{width:100%;height:100%;object-fit:cover}.rank-score{color:#6ee7b7;font-weight:800;white-space:nowrap}.breadcrumb{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;color:#94a3b8;font-size:.9rem;margin-bottom:1rem}.breadcrumb a:hover{color:#34d399}.video-shell{background:#020617;border-radius:1.2rem;border:1px solid rgba(51,65,85,.7);overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.34)}.video-player{width:100%;aspect-ratio:16/9;background:#000}.detail-cover{border-radius:1.2rem;overflow:hidden;border:1px solid rgba(51,65,85,.65);background:#0f172a}.detail-cover img{width:100%;height:100%;object-fit:cover}.content-block{background:rgba(15,23,42,.56);border:1px solid rgba(51,65,85,.55);border-radius:1.1rem;padding:1.25rem}.content-block p{color:#cbd5e1;line-height:1.85}.tag{display:inline-flex;border-radius:999px;padding:.35rem .75rem;background:rgba(30,41,59,.78);border:1px solid rgba(71,85,105,.7);color:#cbd5e1;font-size:.86rem}.footer{border-top:1px solid rgba(51,65,85,.55);background:rgba(15,23,42,.92)}@media (min-width:640px){.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mobile-panel{display:none!important}}@media (min-width:1024px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.movie-grid.compact{grid-template-columns:repeat(6,minmax(0,1fr))}.detail-layout{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.hero-copy{padding-left:2rem;padding-right:2rem}}@media (max-width:900px){.search-panel{grid-template-columns:1fr}.hero-dots{left:1rem;right:auto;bottom:1.25rem}.rank-row{grid-template-columns:2.8rem 4.5rem 1fr}.rank-score{display:none}.hero-wrap{height:560px}}@media (max-width:520px){.hero-wrap{height:620px}.hero-actions a{width:100%}.rank-row{grid-template-columns:2.4rem 4rem 1fr;padding:.65rem}.rank-cover{height:4.2rem}}