html{scroll-behavior:smooth}body{min-height:100vh;background:#f8fafc;color:#0f172a}.site-header{background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 8px 24px rgba(15,23,42,.08)}.home-page .site-header:not(.is-solid){background:transparent;box-shadow:none;backdrop-filter:none}.brand-icon,.brand-name,.nav-link,.mobile-button{color:#0f172a}.home-page .site-header:not(.is-solid) .brand-icon,.home-page .site-header:not(.is-solid) .brand-name,.home-page .site-header:not(.is-solid) .nav-link,.home-page .site-header:not(.is-solid) .mobile-button{color:#fff}.nav-link.active{color:#0284c7}.site-mobile-menu{display:none}.site-mobile-menu.open{display:block}.mobile-link{display:block;padding:.75rem 1rem;border-radius:.75rem;font-weight:500;color:#334155;transition:.2s}.mobile-link:hover,.mobile-link.active{background:#f0f9ff;color:#0284c7}.poster-shell{background:radial-gradient(circle at 20% 20%,rgba(14,165,233,.95),rgba(15,23,42,.92) 58%,#020617);position:relative}.poster-shell:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,0));pointer-events:none}.hero-slide{opacity:0;pointer-events:none}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-dot{height:.375rem;width:.375rem;border-radius:999px;background:rgba(255,255,255,.5);transition:.3s}.hero-dot.is-active{width:2rem;background:#fff}.hero-meta span+span:before{content:"•";margin-right:1rem;color:rgba(255,255,255,.75)}.movie-card{transform:translateY(0)}.movie-card:hover{transform:translateY(-4px)}.category-card:hover{transform:translateY(-4px)}.mini-poster{width:4rem;height:3rem;border-radius:.75rem;overflow:hidden;border:2px solid #fff;display:block}.breadcrumb{font-size:.875rem;color:#64748b}.breadcrumb a{color:#0284c7}.breadcrumb a:hover{color:#0369a1}.rank-row{display:grid;grid-template-columns:2.5rem minmax(0,1fr) auto;gap:.75rem;align-items:center;padding:.75rem;border-radius:.75rem;color:#334155;transition:.2s}.rank-row:hover{background:#f8fafc}.rank-index{height:2rem;width:2rem;border-radius:999px;background:#e0f2fe;color:#0284c7;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.rank-title{font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-meta{font-size:.75rem;color:#64748b}.rank-card{display:grid;grid-template-columns:12rem 1fr}.rank-poster{position:relative;min-height:9rem;overflow:hidden}.rank-badge{position:absolute;left:.75rem;top:.75rem;background:rgba(2,132,199,.92);color:#fff;border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:700;z-index:2}.rank-card-body{padding:1.25rem}.tag-pill{display:inline-flex;border-radius:999px;background:#f0f9ff;color:#0369a1;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.filter-input{width:100%;border:1px solid #cbd5e1;border-radius:.75rem;padding:.8rem 1rem;color:#0f172a;background:#fff;outline:none;transition:.2s}.filter-input:focus{border-color:#0284c7;box-shadow:0 0 0 3px rgba(14,165,233,.15)}.player-shell{box-shadow:0 20px 50px rgba(15,23,42,.25)}.player-glow{position:absolute;inset:auto 10% -2rem 10%;height:4rem;background:rgba(14,165,233,.2);filter:blur(30px);pointer-events:none}.hidden{display:none}@media(max-width:768px){.rank-row{grid-template-columns:2.5rem minmax(0,1fr)}.rank-meta{display:none}.rank-card{grid-template-columns:1fr}.rank-poster{min-height:13rem}.hero-meta{gap:.5rem;flex-wrap:wrap}.hero-meta span+span:before{display:none}}