html{scroll-behavior:smooth}body{background:#0f172a;color:#e2e8f0}.site-logo-mark{width:2rem;height:2rem;border-radius:.75rem;background:#f59e0b;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 10px 25px rgba(245,158,11,.25)}.is-active{color:#f59e0b}.mobile-panel{display:none}.mobile-panel.open{display:block}.header-search{display:none}@media (min-width:768px){.header-search{display:block}}.section-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-right:.75rem;color:#f59e0b}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease;pointer-events:none}.hero-slide.active{opacity:1;pointer-events:auto}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:9999px;background:rgba(0,0,0,.5);color:#fff;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:.2s}.hero-arrow:hover{background:rgba(0,0,0,.75);color:#f59e0b}.hero-prev{left:1rem}.hero-next{right:1rem}.hero-dot{height:.5rem;width:.5rem;border-radius:9999px;background:rgba(255,255,255,.55);transition:.25s}.hero-dot.active{width:2rem;background:#f59e0b}.breadcrumb{display:flex;align-items:center;gap:.5rem;color:#94a3b8;font-size:.875rem;margin-bottom:1.5rem;flex-wrap:wrap}.breadcrumb a{color:#f59e0b}.search-panel{box-shadow:0 15px 40px rgba(2,6,23,.25)}.filter-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width:768px){.filter-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}}.site-input,.site-select{width:100%;border:1px solid #334155;background:#0f172a;color:#fff;border-radius:.5rem;padding:.75rem 1rem;outline:none}.site-input:focus,.site-select:focus{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.25)}.movie-card.hidden{display:none!important}.no-results{display:none}.no-results.active{display:block}.rank-list{display:grid;gap:.75rem}.rank-row{display:grid;grid-template-columns:3rem 4.5rem 1fr auto;gap:1rem;align-items:center;padding:.75rem;background:#1e293b;border-radius:.75rem;transition:.2s}.rank-row:hover{box-shadow:0 0 0 2px #f59e0b}.rank-row img{width:4.5rem;height:6rem;object-fit:cover;border-radius:.5rem}.rank-num{font-size:1.25rem;font-weight:800;color:#f59e0b;text-align:center}.rank-main{min-width:0}.rank-main strong{display:block;color:#fff;font-weight:700;margin-bottom:.25rem}.rank-main em{display:block;color:#94a3b8;font-size:.875rem;font-style:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rank-meta{color:#94a3b8;font-size:.875rem;white-space:nowrap}@media (max-width:640px){.rank-row{grid-template-columns:2.25rem 3.5rem 1fr}.rank-row img{width:3.5rem;height:5rem}.rank-meta{display:none}.hero-arrow{width:2.5rem;height:2.5rem}.hero-prev{left:.5rem}.hero-next{right:.5rem}}