body{background:#0f172a;color:#e5e7eb;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.brand-mark{display:inline-flex;width:2rem;height:2rem;align-items:center;justify-content:center;border-radius:9999px;background:#f59e0b;color:#0f172a;font-weight:900}.nav-link.active{color:#fbbf24}.mobile-menu{background:rgba(15,23,42,.98)}.hero-carousel{background:#0f172a}.hero-slide{position:absolute;inset:0;display:none;align-items:center}.hero-slide.active{display:flex}.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.42;transform:scale(1.03)}.hero-content{animation:fadeUp .55s ease both}.hero-button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:.75rem;font-weight:700;transition:all .2s ease;border:1px solid transparent}.hero-button.primary{background:#f59e0b;color:#0f172a}.hero-button.primary:hover{background:#fbbf24;transform:translateY(-2px)}.hero-button.secondary{border-color:rgba(245,158,11,.45);color:#fbbf24;background:rgba(15,23,42,.55)}.hero-button.secondary:hover,.hero-button.ghost:hover{background:rgba(245,158,11,.15);transform:translateY(-2px)}.hero-button.ghost{border-color:rgba(148,163,184,.25);color:#e5e7eb;background:rgba(15,23,42,.35)}.hero-dots{position:absolute;left:50%;bottom:2rem;transform:translateX(-50%);display:flex;gap:.6rem;z-index:20}.hero-dot{width:.75rem;height:.75rem;border-radius:9999px;background:rgba(226,232,240,.35);transition:all .2s ease}.hero-dot.active{width:2rem;background:#f59e0b}.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;width:2.75rem;height:2.75rem;border-radius:9999px;background:rgba(15,23,42,.55);border:1px solid rgba(245,158,11,.25);color:#fbbf24;font-size:2rem;line-height:1;display:flex;align-items:center;justify-content:center}.hero-arrow:hover{background:rgba(245,158,11,.18)}.hero-prev{left:1rem}.hero-next{right:1rem}.tag-pill{display:inline-flex;align-items:center;border:1px solid rgba(245,158,11,.25);background:rgba(245,158,11,.1);color:#fbbf24;border-radius:9999px;padding:.25rem .7rem;font-size:.78rem}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.section-icon{display:inline-flex;width:2.5rem;height:2.5rem;border-radius:.75rem;align-items:center;justify-content:center;background:rgba(245,158,11,.14);color:#fbbf24;font-weight:900}.category-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.category-panel{display:block}.category-chip{display:inline-flex;align-items:center;border:1px solid rgba(245,158,11,.28);color:#fbbf24;border-radius:9999px;padding:.5rem .85rem;background:rgba(15,23,42,.5);transition:all .2s ease}.category-chip:hover{background:rgba(245,158,11,.16);transform:translateY(-1px)}.mini-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.mini-card{display:block}.mini-rank,.rank-badge{position:absolute;left:.75rem;top:.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:#f59e0b;color:#0f172a;font-weight:900}.mini-rank{width:2rem;height:2rem}.rank-badge{min-width:2.25rem;height:2.25rem;padding:0 .65rem}.filter-bar{display:flex;flex-wrap:wrap;gap:1rem}.filter-input,.filter-select{background:#0f172a;color:#e5e7eb;border:1px solid #334155;border-radius:.75rem;padding:.75rem 1rem;outline:none}.filter-input{flex:1 1 18rem}.filter-select{min-width:10rem}.filter-input:focus,.filter-select:focus{border-color:#f59e0b}.page-hero{padding:4rem 0}.overview-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.5rem}.category-hero{padding:5rem 0;background:radial-gradient(circle at 20% 0%,rgba(245,158,11,.18),transparent 32%),linear-gradient(135deg,#0f172a,#1e293b)}.breadcrumb{display:flex;flex-wrap:wrap;gap:.55rem;color:#94a3b8;font-size:.95rem}.breadcrumb a{color:#fbbf24}.breadcrumb a:hover{color:#fcd34d}.content-block{margin-top:2rem}.content-block h2{color:#fbbf24;font-weight:700;font-size:1.5rem;margin-bottom:.75rem}.content-block p{color:#d1d5db;line-height:1.9}.info-list{display:grid;grid-template-columns:4rem 1fr;gap:.75rem;color:#cbd5e1}.info-list dt{color:#94a3b8}.info-list dd{color:#f8fafc}.sidebar-list{display:flex;flex-direction:column;gap:.75rem}.sidebar-link{display:flex;gap:.75rem;align-items:center;color:#cbd5e1}.sidebar-link span{display:inline-flex;width:1.75rem;height:1.75rem;align-items:center;justify-content:center;border-radius:.5rem;background:rgba(245,158,11,.12);color:#fbbf24}.sidebar-link:hover strong{color:#fbbf24}.ranking-list{display:flex;flex-direction:column;gap:1rem}.ranking-row{display:grid;grid-template-columns:3.5rem 8rem 1fr;align-items:stretch}.ranking-row img{width:8rem;height:8rem;object-fit:cover}.ranking-number{display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,.12);color:#fbbf24;font-size:1.5rem;font-weight:900}.ranking-info{padding:1rem 1.25rem}.movie-card[hidden],.ranking-row[hidden],.mini-card[hidden]{display:none!important}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.hero-carousel{height:560px}.hero-arrow{display:none}.section-head{display:block}.ranking-row{grid-template-columns:2.75rem 6rem 1fr}.ranking-row img{width:6rem;height:7rem}.ranking-info{padding:.85rem}.filter-select{flex:1 1 100%}}