html{scroll-behavior:smooth}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f8fafc;color:#111827}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(15,23,42,.08)}.brand{display:flex;align-items:center;gap:.55rem;font-size:1.25rem;font-weight:800;color:#0f172a}.brand:hover{color:#0369a1}.brand-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#0284c7;color:#fff;font-size:.8rem;box-shadow:0 10px 24px rgba(2,132,199,.25)}.desktop-nav{display:flex;align-items:center;gap:.15rem}.nav-link{padding:.55rem .85rem;border-radius:.65rem;color:#374151;font-size:.92rem;font-weight:600;transition:.2s}.nav-link:hover,.nav-link.active{background:#e0f2fe;color:#0369a1}.menu-toggle{display:none;padding:.55rem .75rem;border-radius:.65rem;color:#374151}.menu-toggle:hover{background:#f3f4f6}.mobile-nav{display:none;padding:.75rem 0 1rem;border-top:1px solid #e5e7eb}.mobile-nav.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.mobile-link{padding:.7rem .8rem;border-radius:.65rem;color:#374151;font-size:.9rem;font-weight:600;background:#f8fafc}.mobile-link:hover{background:#e0f2fe;color:#0369a1}.hero-slider{position:relative;height:600px;overflow:hidden;background:#020617}.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .8s ease,transform 1.2s ease;pointer-events:none}.hero-slide.active{opacity:1;transform:scale(1);pointer-events:auto}.hero-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-mask{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,23,.86),rgba(15,23,42,.58),rgba(15,23,42,.14));}.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:center}.hero-panel{max-width:44rem;color:#fff}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;background:#0284c7;padding:.52rem 1rem;border-radius:999px;font-size:.9rem;font-weight:800;margin-bottom:1.25rem;box-shadow:0 18px 45px rgba(2,132,199,.28)}.hero-title{font-size:3.35rem;line-height:1.08;font-weight:900;margin-bottom:1rem;text-shadow:0 18px 44px rgba(0,0,0,.35)}.hero-desc{font-size:1.18rem;line-height:1.75;color:#e5e7eb;margin-bottom:1.25rem;max-width:42rem}.hero-meta{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:1.7rem}.hero-meta span{display:inline-flex;align-items:center;gap:.3rem;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);border-radius:999px;padding:.42rem .75rem;font-size:.9rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;transition:.2s}.primary-btn{background:#0284c7;color:#fff;padding:.9rem 1.55rem;box-shadow:0 20px 38px rgba(2,132,199,.35)}.primary-btn:hover{background:#0369a1;transform:translateY(-1px)}.secondary-btn{background:rgba(255,255,255,.15);color:#fff;padding:.82rem 1.2rem;border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px)}.secondary-btn:hover{background:rgba(255,255,255,.24)}.hero-search{display:flex;gap:.5rem;max-width:35rem;margin-top:1.25rem;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(14px);border-radius:999px;padding:.4rem}.hero-search input{flex:1;min-width:0;background:transparent;color:#fff;padding:.75rem 1rem;outline:0}.hero-search input::placeholder{color:#d1d5db}.hero-search button{background:#fff;color:#075985;border-radius:999px;padding:.7rem 1.1rem;font-weight:800}.hero-nav{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:2.8rem;height:2.8rem;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-size:1.6rem;backdrop-filter:blur(14px);transition:.2s}.hero-nav:hover{background:rgba(255,255,255,.32)}.hero-prev{left:1.2rem}.hero-next{right:1.2rem}.hero-dots{position:absolute;z-index:4;left:50%;bottom:1.75rem;transform:translateX(-50%);display:flex;gap:.55rem}.hero-dot{width:.55rem;height:.55rem;border-radius:999px;background:rgba(255,255,255,.55);transition:.25s}.hero-dot.active{width:2rem;background:#fff}.section{padding:4rem 0}.section.alt{background:linear-gradient(90deg,#e0f2fe,#eff6ff)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.65rem}.section-heading h2{font-size:2rem;line-height:1.15;font-weight:900;color:#111827}.section-heading p{margin-top:.45rem;color:#64748b}.section-link{font-weight:800;color:#0284c7}.section-link:hover{color:#0369a1}.movie-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.4rem}.movie-card{background:#fff;border-radius:1rem;box-shadow:0 8px 25px rgba(15,23,42,.08);overflow:hidden;transition:.25s;border:1px solid rgba(226,232,240,.7)}.movie-card:hover{transform:translateY(-4px);box-shadow:0 24px 54px rgba(15,23,42,.14)}.card-cover{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#0f172a}.card-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.movie-card:hover .card-cover img{transform:scale(1.08)}.card-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.56),rgba(0,0,0,0));opacity:0;transition:.25s}.movie-card:hover .card-cover:after{opacity:1}.year-badge{position:absolute;right:.7rem;top:.7rem;z-index:2;background:#0284c7;color:#fff;border-radius:999px;padding:.2rem .62rem;font-size:.75rem;font-weight:900}.play-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);z-index:3;width:3rem;height:3rem;border-radius:999px;background:rgba(255,255,255,.92);color:#0284c7;display:flex;align-items:center;justify-content:center;opacity:0;transition:.25s;box-shadow:0 12px 28px rgba(0,0,0,.22)}.movie-card:hover .play-badge{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-body{padding:1rem}.card-body h3{font-weight:900;color:#111827;margin-bottom:.45rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-body h3 a:hover{color:#0284c7}.card-body p{font-size:.9rem;color:#64748b;line-height:1.55;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;flex-wrap:wrap;gap:.45rem;color:#64748b;font-size:.78rem}.card-meta span{background:#f1f5f9;border-radius:999px;padding:.16rem .55rem}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.7rem}.tag-row span{font-size:.72rem;color:#0369a1;background:#e0f2fe;border-radius:999px;padding:.16rem .5rem}.category-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.2rem}.category-card{position:relative;overflow:hidden;border-radius:1rem;padding:1.35rem;background:linear-gradient(135deg,#fff,#f0f9ff);border:1px solid #e0f2fe;box-shadow:0 12px 36px rgba(15,23,42,.08);transition:.25s}.category-card:hover{transform:translateY(-3px);box-shadow:0 24px 54px rgba(15,23,42,.13)}.category-card h2,.category-card h3{font-weight:900;color:#0f172a;font-size:1.25rem;margin-bottom:.45rem}.category-card p{color:#64748b;line-height:1.65}.category-card a{display:inline-flex;margin-top:1rem;color:#0284c7;font-weight:900}.filter-panel{background:#fff;border-radius:1rem;box-shadow:0 10px 32px rgba(15,23,42,.08);padding:1.25rem;margin-bottom:1.6rem;border:1px solid #e5e7eb}.filter-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.filter-head h2{font-weight:900;font-size:1.2rem}.filter-reset{color:#64748b;font-weight:700}.filter-reset:hover{color:#0284c7}.filter-controls{display:grid;grid-template-columns:1fr;gap:.8rem}.filter-controls input,.filter-controls select{width:100%;border:1px solid #d1d5db;border-radius:.75rem;padding:.78rem .9rem;outline:0;background:#fff}.filter-controls input:focus,.filter-controls select:focus{border-color:#0284c7;box-shadow:0 0 0 3px rgba(14,165,233,.16)}.media-list{display:grid;grid-template-columns:1fr;gap:1rem}.media-row{display:flex;gap:1rem;background:#fff;border-radius:1rem;padding:.85rem;box-shadow:0 8px 24px rgba(15,23,42,.08);border:1px solid #e5e7eb}.media-row-img{flex:0 0 9rem;height:5.4rem;border-radius:.75rem;overflow:hidden;background:#0f172a}.media-row-img img{width:100%;height:100%;object-fit:cover;transition:.3s}.media-row:hover img{transform:scale(1.05)}.media-row-body{min-width:0}.media-row-body h3{font-weight:900;margin-bottom:.35rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.media-row-body h3 a:hover{color:#0284c7}.media-row-body p{font-size:.86rem;color:#64748b;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.55rem}.ranking-list{display:grid;gap:.9rem}.rank-item{display:grid;grid-template-columns:auto 9rem 1fr auto;gap:1rem;align-items:center;background:#fff;border-radius:1rem;padding:.85rem;box-shadow:0 8px 25px rgba(15,23,42,.08);border:1px solid #e5e7eb}.rank-no{width:2.75rem;height:2.75rem;border-radius:999px;background:#e0f2fe;color:#0369a1;display:flex;align-items:center;justify-content:center;font-weight:900}.rank-img{height:5.1rem;border-radius:.75rem;overflow:hidden;background:#0f172a}.rank-img img{width:100%;height:100%;object-fit:cover}.rank-body h2,.rank-body h3{font-weight:900;color:#111827;margin-bottom:.3rem}.rank-body h2 a:hover,.rank-body h3 a:hover{color:#0284c7}.rank-body p{color:#64748b;font-size:.9rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.heat{font-weight:900;color:#ea580c;white-space:nowrap}.page-hero{background:linear-gradient(90deg,#0284c7,#1d4ed8);color:#fff;padding:3rem 0}.page-hero h1{font-size:2.5rem;line-height:1.15;font-weight:900;margin-bottom:.65rem}.page-hero p{color:#e0f2fe;font-size:1.05rem;line-height:1.7;max-width:52rem}.breadcrumb{background:#fff;border-bottom:1px solid #e5e7eb}.breadcrumb-inner{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:#64748b;padding:1rem 0;white-space:nowrap;overflow:hidden}.breadcrumb a:hover{color:#0284c7}.detail-layout{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem 0}.player-box{background:#020617;border-radius:1rem;overflow:hidden;box-shadow:0 30px 70px rgba(15,23,42,.28);margin-bottom:1.5rem}.player-box video{display:block;width:100%;aspect-ratio:16/9;background:#000}.detail-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 32px rgba(15,23,42,.08);border:1px solid #e5e7eb;margin-bottom:1.4rem}.detail-card h1{font-size:2rem;line-height:1.2;font-weight:900;margin-bottom:1rem;color:#111827}.detail-meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.3rem}.detail-meta span{background:#f1f5f9;color:#475569;border-radius:999px;padding:.36rem .75rem;font-weight:700;font-size:.86rem}.detail-card h2,.side-card h2{font-weight:900;font-size:1.28rem;color:#111827;margin-bottom:.75rem}.detail-card p{color:#374151;line-height:1.85;margin-bottom:1rem}.review-box{background:#f0f9ff;border-radius:.8rem;padding:1rem;color:#1f2937;line-height:1.8}.side-card{background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 10px 32px rgba(15,23,42,.08);border:1px solid #e5e7eb}.related-list{display:grid;gap:.8rem}.related-item{display:flex;gap:.8rem;border-radius:.8rem;padding:.55rem;transition:.2s}.related-item:hover{background:#f8fafc}.related-item img{width:7rem;height:4rem;object-fit:cover;border-radius:.55rem;background:#0f172a}.related-item h3{font-weight:800;font-size:.92rem;line-height:1.35;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-item:hover h3{color:#0284c7}.related-item p{font-size:.75rem;color:#64748b;margin-top:.2rem}.no-results{display:none;background:#fff;border-radius:1rem;padding:2rem;text-align:center;color:#64748b;border:1px solid #e5e7eb}.footer-grid{display:grid;grid-template-columns:1fr;gap:2rem}.footer-brand{display:flex;align-items:center;gap:.55rem;font-weight:900;font-size:1.25rem;color:#fff}.footer-title{color:#fff;font-weight:900;margin-bottom:1rem}.footer-links{display:grid;gap:.55rem}.footer-links.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-links a:hover{color:#38bdf8}.footer-bottom{border-top:1px solid #1f2937;margin-top:2rem;padding-top:1.5rem;font-size:.85rem;color:#6b7280}.hidden-by-filter{display:none!important}@media (min-width:640px){.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-controls{grid-template-columns:1fr 12rem 12rem}.footer-grid{grid-template-columns:1.2fr .8fr 1fr}}@media (min-width:1024px){.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.movie-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr)}.side-card{position:sticky;top:5.5rem}.media-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.desktop-nav{display:none}.menu-toggle{display:block}.hero-slider{height:560px}.hero-title{font-size:2.4rem}.hero-nav{display:none}.hero-search{border-radius:1rem;flex-direction:column}.hero-search button{width:100%}.section-heading{align-items:flex-start;flex-direction:column}.rank-item{grid-template-columns:auto 7rem 1fr}.heat{display:none}.rank-img{height:4.5rem}.media-row-img{flex-basis:7rem}.page-hero h1{font-size:2rem}}@media (max-width:560px){.hero-slider{height:600px}.hero-content{align-items:flex-end;padding-bottom:4.7rem}.hero-title{font-size:2rem}.hero-desc{font-size:1rem}.hero-meta{gap:.45rem}.hero-meta span{font-size:.8rem}.section{padding:3rem 0}.rank-item{grid-template-columns:auto 1fr}.rank-img{display:none}.media-row{gap:.75rem}.media-row-img{flex-basis:6rem;height:4rem}.related-item img{width:5.5rem;height:3.5rem}.detail-card h1{font-size:1.65rem}}