html{scroll-behavior:smooth}body{background:#030712;color:#fff}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:9999px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:.85rem;box-shadow:0 0 28px rgba(16,185,129,.28)}.brand-icon.small{width:1.5rem;height:1.5rem;font-size:.7rem}.nav-link{color:#d1d5db;transition:color .2s}.nav-link:hover,.nav-link.is-active{color:#34d399}.mobile-scroll{display:flex;gap:1rem;overflow:auto;padding:.2rem 0 .7rem}.mobile-nav-link{white-space:nowrap;color:#d1d5db;font-size:.875rem}.mobile-nav-link:hover{color:#34d399}.search-icon{font-size:1.35rem}.hero-slider{background:#030712}.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.02);transition:opacity .8s ease,transform 1.5s ease}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-vignette{background:radial-gradient(circle at 72% 30%,rgba(16,185,129,.20),transparent 34%),linear-gradient(90deg,rgba(3,7,18,.82),rgba(3,7,18,.18) 58%,rgba(3,7,18,.55))}.hero-copy{filter:drop-shadow(0 18px 40px rgba(0,0,0,.4))}.hero-dots{position:absolute;left:50%;bottom:1.8rem;transform:translateX(-50%);display:flex;gap:.65rem;z-index:5}.hero-dot{width:.75rem;height:.75rem;border-radius:9999px;background:rgba(255,255,255,.35);border:1px solid rgba(255,255,255,.35);transition:.25s}.hero-dot.is-active{width:2.2rem;background:#10b981;border-color:#34d399}.hero-thumbs{position:absolute;right:max(1rem,calc((100vw - 80rem)/2));bottom:3rem;z-index:4;gap:.75rem;max-width:31rem}.hero-thumb{width:7rem;border-radius:.75rem;overflow:hidden;background:rgba(17,24,39,.78);border:1px solid rgba(31,41,55,.9);box-shadow:0 16px 38px rgba(0,0,0,.35);transition:.25s}.hero-thumb:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.65)}.hero-thumb img{width:100%;height:4.4rem;object-fit:cover}.hero-thumb span{display:block;padding:.45rem .55rem;color:#d1d5db;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-chip{display:inline-flex;align-items:center;border-radius:9999px;border:1px solid rgba(16,185,129,.5);background:rgba(16,185,129,.14);color:#6ee7b7;font-size:.75rem;line-height:1rem;padding:.25rem .6rem}.movie-card{display:block}.movie-card .card-poster{background:#111827;box-shadow:0 14px 32px rgba(0,0,0,.22)}.movie-card:hover .card-poster{box-shadow:0 22px 46px rgba(16,185,129,.18)}.movie-card-small h3{font-size:.95rem}.wide-card .rank-badge{position:absolute;left:.75rem;top:.75rem;display:inline-flex;align-items:center;justify-content:center;height:2rem;min-width:2rem;border-radius:.5rem;background:linear-gradient(135deg,#10b981,#059669);font-weight:800;color:#fff;box-shadow:0 10px 22px rgba(16,185,129,.28)}.feature-big,.side-pick,.category-card,.info-panel,.filter-panel,.rank-row{border:1px solid rgba(31,41,55,.9);box-shadow:0 16px 42px rgba(0,0,0,.18)}.category-card{display:block;border-radius:1rem;overflow:hidden;background:rgba(17,24,39,.72);transition:transform .25s,border-color .25s,background .25s}.category-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.5);background:rgba(31,41,55,.84)}.category-cover{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:.25rem;height:11rem;background:#111827}.category-cover img{width:100%;height:100%;object-fit:cover}.category-cover img:first-child{grid-row:span 2}.page-hero{position:relative;min-height:24rem;padding:7rem 0 4rem;background:#030712;background-size:cover;background-position:center;overflow:hidden}.compact-hero{background:radial-gradient(circle at 20% 10%,rgba(16,185,129,.22),transparent 30%),radial-gradient(circle at 90% 10%,rgba(59,130,246,.15),transparent 28%),#030712}.category-hero{min-height:28rem}.page-hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,18,.92),rgba(3,7,18,.68) 52%,rgba(3,7,18,.86)),linear-gradient(0deg,#030712,rgba(3,7,18,.45))}.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:2rem;color:#9ca3af;font-size:.875rem}.breadcrumb a{color:#6ee7b7}.breadcrumb a:hover{color:#34d399}.filter-panel{border-radius:1rem;background:rgba(17,24,39,.72);padding:1rem;margin-bottom:2rem}.search-box{display:flex;align-items:center;gap:.75rem;background:rgba(3,7,18,.72);border:1px solid rgba(31,41,55,.9);border-radius:.75rem;padding:.8rem 1rem}.search-box input{width:100%;outline:0;background:transparent;color:#fff}.search-box input::placeholder{color:#6b7280}.filter-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.filter-btn{border:1px solid rgba(75,85,99,.8);border-radius:9999px;padding:.45rem .85rem;color:#d1d5db;background:rgba(31,41,55,.52);font-size:.875rem;transition:.2s}.filter-btn:hover,.filter-btn.is-active{border-color:rgba(16,185,129,.72);background:rgba(16,185,129,.18);color:#6ee7b7}.rank-list{display:grid;gap:.75rem}.rank-row{display:grid;grid-template-columns:3.4rem 4.8rem 1fr auto;align-items:center;gap:1rem;border-radius:1rem;background:rgba(17,24,39,.7);padding:.75rem;transition:.25s}.rank-row:hover{transform:translateX(4px);border-color:rgba(16,185,129,.5);background:rgba(31,41,55,.86)}.rank-no{font-weight:900;font-size:1.35rem;color:#34d399;text-align:center}.rank-row img{width:4.8rem;height:6.2rem;object-fit:cover;border-radius:.65rem}.rank-meta{display:flex;gap:.5rem;color:#9ca3af;font-size:.875rem}.rank-meta span{background:rgba(3,7,18,.55);border:1px solid rgba(75,85,99,.5);border-radius:9999px;padding:.2rem .55rem}.detail-head{position:relative;background-size:cover;background-position:center;overflow:hidden}.detail-mask{position:absolute;inset:0;background:linear-gradient(90deg,#030712 0%,rgba(3,7,18,.86) 45%,rgba(3,7,18,.65)),linear-gradient(0deg,#030712,rgba(3,7,18,.2))}.detail-poster{max-width:22rem;border-radius:1rem;overflow:hidden;background:#111827;border:1px solid rgba(31,41,55,.9);box-shadow:0 24px 60px rgba(0,0,0,.42)}.detail-poster img{width:100%;aspect-ratio:2/3;object-fit:cover}.detail-meta{display:flex;flex-wrap:wrap;gap:.75rem}.detail-meta span{border-radius:.6rem;background:rgba(17,24,39,.78);border:1px solid rgba(75,85,99,.65);padding:.45rem .7rem;color:#d1d5db}.player-shell{aspect-ratio:16/9;border-radius:1rem;overflow:hidden;background:#000;border:1px solid rgba(31,41,55,.9);box-shadow:0 25px 70px rgba(0,0,0,.45)}.player-shell video{width:100%;height:100%;background:#000}.info-panel{border-radius:1rem;background:rgba(17,24,39,.72);padding:1.5rem}.detail-dl{display:grid;grid-template-columns:4rem 1fr;gap:.75rem 1rem;color:#d1d5db}.detail-dl dt{color:#9ca3af}.detail-dl dd{color:#fff}.detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem}.detail-nav a{text-align:center;border-radius:.75rem;background:#059669;color:#fff;padding:.75rem 1rem;transition:.2s}.detail-nav a:hover{background:#10b981}.no-results{display:none;text-align:center;color:#9ca3af;padding:3rem;border:1px dashed rgba(75,85,99,.75);border-radius:1rem}.no-results.is-visible{display:block}@media (max-width:767px){.hero-thumbs{display:none}.hero-slider{height:72vh}.hero-copy h1{font-size:2.25rem;line-height:2.5rem}.category-cover{height:9rem}.rank-row{grid-template-columns:2.6rem 4rem 1fr}.rank-row img{width:4rem;height:5.4rem}.rank-meta{display:none}.page-hero{padding-top:8rem}.detail-poster{max-width:14rem}.detail-head .grid{align-items:start}}@media (min-width:768px){.md\:hidden{display:none}}