html,body{min-height:100%}body{background:#f9fafb}.nav-active{font-weight:700}.mobile-active{background:rgba(255,255,255,.12)}.menu-lines,.menu-lines:before,.menu-lines:after{display:block;width:1.5rem;height:2px;background:#fff;border-radius:999px;content:""}.menu-lines{position:relative}.menu-lines:before{position:absolute;top:-7px}.menu-lines:after{position:absolute;top:7px}.cover-backdrop{background:linear-gradient(135deg,#0f172a 0%,#0284c7 48%,#2563eb 100%)}.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity 1s ease}.hero-slide.is-active{opacity:1;pointer-events:auto}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:3rem;height:3rem;border-radius:999px;background:rgba(0,0,0,.5);color:#fff;font-size:2.2rem;line-height:1;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(8px);transition:background .25s,transform .25s}.hero-arrow:hover{background:rgba(0,0,0,.72);transform:translateY(-50%) scale(1.04)}.hero-prev{left:1rem}.hero-next{right:1rem}.hero-dot{width:.5rem;height:.5rem;border-radius:999px;background:rgba(255,255,255,.55);transition:all .25s}.hero-dot.is-active{width:2rem;background:#fff}.hero-chip{display:inline-flex;align-items:center;border-radius:999px;background:rgba(255,255,255,.15);color:#fff;padding:.35rem .75rem;font-size:.78rem;backdrop-filter:blur(8px)}.hero-chip:hover{background:rgba(255,255,255,.25)}.category-strip{display:flex;gap:.75rem;overflow-x:auto;padding:.25rem .1rem 1rem}.category-pill{white-space:nowrap;border-radius:999px;background:#fff;color:#0369a1;padding:.65rem 1rem;box-shadow:0 10px 25px rgba(2,132,199,.12);font-weight:700;transition:all .25s}.category-pill:hover{background:#0ea5e9;color:#fff;transform:translateY(-2px)}.category-card{display:block;background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 28px rgba(15,23,42,.06);border:1px solid rgba(226,232,240,.8);transition:all .25s;height:100%}.category-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(2,132,199,.14);border-color:rgba(14,165,233,.4)}.category-card h2,.category-card h3{font-size:1.25rem;font-weight:800;color:#111827;margin-bottom:.75rem}.category-card.large h2{font-size:1.5rem}.category-card p{color:#4b5563;line-height:1.7}.category-card span{display:inline-flex;margin-top:1rem;color:#0284c7;font-weight:700}.rank-badge{position:absolute;left:.5rem;top:.5rem;z-index:3;min-width:2rem;height:2rem;border-radius:999px;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(37,99,235,.35);font-size:.8rem}.filter-panel select,.search-box{height:3rem;border:1px solid #d1d5db;border-radius:.75rem;background:#fff;color:#111827;padding:0 .9rem;outline:none}.filter-panel select:focus,.search-box:focus-within{border-color:#0ea5e9;box-shadow:0 0 0 3px rgba(14,165,233,.15)}.search-box{display:flex;align-items:center;gap:.55rem;padding:0 .9rem}.search-box input{flex:1;height:100%;outline:none;background:transparent;min-width:0}.info-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 28px rgba(15,23,42,.06);border:1px solid rgba(226,232,240,.8)}.info-card h2{font-size:1.25rem;font-weight:800;color:#111827;margin-bottom:.75rem}.info-card p{color:#4b5563;line-height:1.8}.movie-card[style*="display: none"]{display:none!important}@media (max-width:767px){.hero-arrow{width:2.5rem;height:2.5rem;font-size:1.8rem}.hero-content h1{font-size:2rem}.category-strip{margin-left:-1rem;margin-right:-1rem;padding-left:1rem}.filter-panel{border-radius:1rem}.rank-badge{min-width:1.75rem;height:1.75rem;font-size:.72rem}}