:root{--site-blue:#1e3a8a;--site-blue-2:#1d4ed8;--site-sky:#0ea5e9;--site-bg:#f8fafc;--site-text:#0f172a;--site-muted:#64748b;--site-border:#e2e8f0;--site-card:#ffffff;--site-shadow:0 16px 40px rgba(15,23,42,.12)}
body{min-height:100vh;background:var(--site-bg);color:var(--site-text)}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);border-bottom:1px solid var(--site-border);box-shadow:0 6px 20px rgba(15,23,42,.06);backdrop-filter:saturate(180%) blur(14px)}
.header-inner{height:4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.site-logo{display:inline-flex;align-items:center;gap:.65rem;font-size:1.15rem;font-weight:800;color:#0f172a;white-space:nowrap}
.logo-mark{width:2.25rem;height:2.25rem;border-radius:.7rem;background:#1e3a8a;color:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(30,58,138,.28)}
.site-nav{display:flex;align-items:center;gap:1.75rem}
.nav-link{font-weight:650;color:#334155;position:relative;padding:.4rem 0}
.nav-link:hover,.nav-link.is-active{color:#1e3a8a}
.nav-link.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-.75rem;height:3px;border-radius:999px;background:#1e3a8a}
.header-search{display:flex;align-items:center;gap:.4rem;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.75rem;padding:.25rem;min-width:17rem}
.header-search input,.mobile-search input,.filter-panel input,.filter-panel select,.search-panel input{border:0;background:transparent;outline:0;color:#0f172a;width:100%;padding:.55rem .65rem}
.header-search button,.mobile-search button,.search-panel button,.filter-panel button{border-radius:.55rem;background:#1e3a8a;color:#fff;font-weight:700;padding:.52rem .85rem;white-space:nowrap;transition:.2s}
.header-search button:hover,.mobile-search button:hover,.search-panel button:hover,.filter-panel button:hover{background:#1d4ed8;transform:translateY(-1px)}
.mobile-menu-btn{display:none;width:2.5rem;height:2.5rem;border-radius:.7rem;align-items:center;justify-content:center;flex-direction:column;gap:.27rem;color:#334155}
.mobile-menu-btn span{width:1.25rem;height:2px;background:currentColor;border-radius:99px}
.mobile-panel{display:none;border-top:1px solid #e2e8f0;background:#fff}
.mobile-panel-inner{padding:1rem;display:grid;gap:.6rem}
.mobile-panel .nav-link{display:block;padding:.75rem 1rem;border-radius:.75rem;background:#f8fafc}
.mobile-search{display:flex;gap:.5rem;border:1px solid #cbd5e1;border-radius:.75rem;padding:.25rem;background:#fff}
.hero-shell{position:relative;overflow:hidden;background:linear-gradient(120deg,#0f172a,#1e3a8a 45%,#0ea5e9);color:#fff}
.hero-shell:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.22),transparent 27%),radial-gradient(circle at 82% 35%,rgba(14,165,233,.38),transparent 30%);pointer-events:none}
.hero-carousel{position:relative;min-height:36rem}
.hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .8s ease,transform .8s ease;transform:scale(1.015)}
.hero-slide.is-active{opacity:1;pointer-events:auto;transform:scale(1)}
.hero-slide-bg{position:absolute;inset:0;opacity:.28;background:#0f172a}
.hero-slide-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(1.1)}
.hero-slide-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.94),rgba(15,23,42,.72),rgba(15,23,42,.28))}
.hero-content{position:relative;min-height:36rem;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.72fr);gap:3rem;align-items:center;padding:4.25rem 0}
.hero-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .8rem;border-radius:999px;background:rgba(255,255,255,.16);color:#dbeafe;font-size:.92rem;margin-bottom:1.25rem;border:1px solid rgba(255,255,255,.18)}
.hero-content h1{font-size:clamp(2.35rem,6vw,4.9rem);line-height:.98;letter-spacing:-.06em;max-width:52rem;margin-bottom:1.2rem;color:#fff}
.hero-content p{font-size:1.2rem;color:#dbeafe;max-width:44rem;line-height:1.8;margin-bottom:1.4rem}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.3rem 0 1rem}
.hero-btn{display:inline-flex;align-items:center;gap:.45rem;border-radius:.85rem;padding:.85rem 1.15rem;font-weight:800;background:#fff;color:#1e3a8a;box-shadow:0 16px 32px rgba(0,0,0,.16)}
.hero-btn.secondary{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.24);box-shadow:none}
.hero-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}
.hero-tags span{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.1);padding:.32rem .65rem;border-radius:99px;color:#e0f2fe;font-size:.9rem}
.hero-poster-card{border-radius:1.35rem;overflow:hidden;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);box-shadow:0 24px 60px rgba(0,0,0,.28);backdrop-filter:blur(10px)}
.hero-poster-card .poster-frame{aspect-ratio:3/4;border-radius:0;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.18))}
.hero-poster-card img{width:100%;height:100%;object-fit:cover}
.hero-poster-meta{padding:1rem;display:flex;align-items:center;justify-content:space-between;color:#e0f2fe;font-weight:700}
.hero-dots{position:absolute;left:50%;bottom:1.4rem;transform:translateX(-50%);display:flex;gap:.55rem;z-index:5}
.hero-dot{width:.72rem;height:.72rem;border-radius:999px;background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.55)}
.hero-dot.is-active{width:2rem;background:#fff}
.quick-search-wrap{position:relative;margin-top:-2rem;z-index:20}
.quick-search{background:#fff;border:1px solid #e2e8f0;border-radius:1.2rem;box-shadow:var(--site-shadow);padding:1rem;display:grid;grid-template-columns:1fr auto auto;gap:.75rem;align-items:center}
.quick-search input{border:1px solid #cbd5e1;border-radius:.9rem;padding:.9rem 1rem;outline:0;width:100%}
.quick-search a,.quick-search button{border-radius:.9rem;padding:.9rem 1rem;font-weight:800;color:#fff;background:#1e3a8a}
.quick-search a{background:#0f172a;text-align:center}
.page-hero{background:linear-gradient(120deg,#1e3a8a,#1d4ed8);color:#fff;padding:4.5rem 0;position:relative;overflow:hidden}
.page-hero:after{content:"";position:absolute;width:22rem;height:22rem;border-radius:50%;right:-8rem;top:-8rem;background:rgba(255,255,255,.12)}
.page-hero .container-custom{position:relative;z-index:1}
.page-hero h1{color:#fff;margin-bottom:.8rem;font-size:clamp(2rem,4vw,3.4rem)}
.page-hero p{color:#dbeafe;max-width:48rem;font-size:1.08rem}
.main-section{padding:3.5rem 0}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.section-head p{color:#64748b;margin-top:.25rem}
.section-link{font-weight:800;color:#1e3a8a}
.movie-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1.25rem}
@media (min-width:640px){.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1180px){.movie-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.video-card{height:100%;display:block}
.movie-card-link{display:flex;flex-direction:column;height:100%}
.poster-frame{aspect-ratio:16/11;background:linear-gradient(135deg,#e0f2fe,#dbeafe 45%,#eff6ff);overflow:hidden;position:relative}
.poster-frame img{width:100%;height:100%;object-fit:cover}
.movie-card-body{padding:1rem;display:flex;flex-direction:column;gap:.55rem;flex:1}
.card-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}
.badge-region,.badge-year,.badge-rating{display:inline-flex;align-items:center;border-radius:999px;font-size:.72rem;line-height:1;padding:.32rem .55rem;font-weight:800}
.badge-region{background:#dbeafe;color:#1e40af}
.badge-year{background:#f1f5f9;color:#334155}
.badge-rating{background:#fffbeb;color:#b45309}
.movie-title{font-size:1.05rem;font-weight:800;color:#0f172a;line-height:1.35;min-height:2.75rem}
.movie-one{font-size:.88rem;color:#64748b;line-height:1.65;min-height:2.9rem}
.card-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:#64748b;font-size:.8rem}
.rating-pill{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;border-radius:.55rem;background:#fef3c7;color:#92400e;font-weight:900;padding:.25rem .45rem}
.category-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}
@media (min-width:768px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1180px){.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.category-card{position:relative;overflow:hidden;border-radius:1rem;background:#fff;border:1px solid #e2e8f0;padding:1.25rem;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:.25s}
.category-card:hover{transform:translateY(-3px);box-shadow:0 18px 36px rgba(15,23,42,.1);border-color:#bfdbfe}
.category-card:before{content:"";position:absolute;right:-2rem;top:-2rem;width:7rem;height:7rem;border-radius:50%;background:#dbeafe}
.category-card h3{position:relative;font-size:1.2rem;margin-bottom:.55rem;color:#0f172a}
.category-card p{position:relative;color:#64748b;font-size:.92rem;line-height:1.7}
.category-card span{position:relative;margin-top:1rem;display:inline-flex;color:#1e3a8a;font-weight:800}
.rank-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}
@media (min-width:1024px){.rank-grid{grid-template-columns:1.1fr .9fr}}
.rank-panel{background:#fff;border:1px solid #e2e8f0;border-radius:1.1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);overflow:hidden}
.rank-item{display:grid;grid-template-columns:3rem 1fr auto;gap:.8rem;align-items:center;padding:.95rem 1rem;border-bottom:1px solid #f1f5f9;transition:.2s}
.rank-item:hover{background:#f8fafc}
.rank-no{width:2.15rem;height:2.15rem;border-radius:.65rem;background:#e0f2fe;color:#075985;display:inline-flex;align-items:center;justify-content:center;font-weight:900}
.rank-item:nth-child(-n+3) .rank-no{background:#1e3a8a;color:#fff}
.rank-text{display:grid;gap:.18rem;min-width:0}
.rank-text strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#0f172a}
.rank-text small{color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rank-score{font-weight:900;color:#b45309;background:#fffbeb;border-radius:.55rem;padding:.25rem .5rem}
.filter-panel,.search-panel{background:#fff;border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);padding:1rem;margin-bottom:1.5rem;display:grid;grid-template-columns:1fr auto auto;gap:.75rem}
.filter-panel input,.filter-panel select,.search-panel input{border:1px solid #cbd5e1;border-radius:.8rem;background:#fff}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 22rem;gap:2rem;align-items:start}
.player-card,.detail-card,.related-card{background:#fff;border:1px solid #e2e8f0;border-radius:1.1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);overflow:hidden}
.player-area{background:#020617;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}
.player-area video{width:100%;height:100%;background:#020617}
.detail-card{padding:1.35rem;margin-top:1.25rem}
.breadcrumb{display:flex;gap:.45rem;flex-wrap:wrap;color:#64748b;font-size:.92rem;margin-bottom:1rem}
.breadcrumb a{color:#1e3a8a;font-weight:700}
.detail-title{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;margin-bottom:.85rem;color:#fff}
.detail-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.detail-summary h2,.detail-summary h3{font-size:1.35rem;margin:1.2rem 0 .65rem;color:#0f172a}
.detail-summary p{color:#334155;line-height:1.9;margin-bottom:.9rem}
.detail-side{display:grid;gap:1.25rem}
.side-poster{background:#fff;border:1px solid #e2e8f0;border-radius:1.1rem;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.side-poster .poster-frame{aspect-ratio:3/4}
.side-poster-info{padding:1rem}
.side-poster-info h2{font-size:1.25rem;margin-bottom:.4rem}
.side-list{display:grid;gap:.5rem}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media (min-width:900px){.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sitemap-list{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.8rem}
@media (min-width:768px){.sitemap-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sitemap-list a{background:#fff;border:1px solid #e2e8f0;border-radius:.85rem;padding:.85rem 1rem;font-weight:750;color:#0f172a}
.site-footer{background:#0f172a;color:#cbd5e1;margin-top:3rem}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:2rem;padding:3rem 1rem}
.site-footer h3,.site-footer h4{color:#fff;margin-bottom:.8rem}
.site-footer p{color:#94a3b8;max-width:34rem}
.site-footer a{display:block;color:#cbd5e1;margin:.35rem 0}
.site-footer a:hover{color:#fff}
.footer-bottom{border-top:1px solid #1e293b;text-align:center;color:#94a3b8;padding:1rem}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.no-results{display:none;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:1rem;padding:2rem;color:#64748b}
.no-results.show{display:block}
@media (max-width:1024px){.site-nav,.header-search{display:none}.mobile-menu-btn{display:flex}.mobile-panel.open{display:block}.hero-content{grid-template-columns:1fr;gap:1.5rem;padding:3.2rem 0 4rem}.hero-poster-card{max-width:22rem}.detail-layout{grid-template-columns:1fr}.detail-side{grid-row:auto}.footer-grid{grid-template-columns:1fr}.quick-search{grid-template-columns:1fr}.quick-search a,.quick-search button{width:100%}.filter-panel,.search-panel{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}}
@media (max-width:640px){.hero-carousel,.hero-content{min-height:34rem}.hero-content h1{font-size:2.55rem}.hero-poster-card{display:none}.main-section{padding:2.5rem 0}.related-grid{grid-template-columns:1fr}.movie-title{min-height:auto}.movie-one{min-height:auto}}