:root{--brand-a:#f97316;--brand-b:#f43f5e;--brand-c:#ec4899;--ink:#111827;--muted:#6b7280;--paper:#fff;--soft:#f8fafc;--ring:rgba(244,63,94,.24)}
body.site-body{min-height:100vh;background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 45%,#ecfeff 100%);color:var(--ink)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);box-shadow:0 8px 28px rgba(15,23,42,.08)}
.site-nav{height:4rem;display:flex;align-items:center;justify-content:space-between}
.brand-link,.footer-logo{display:flex;align-items:center;gap:.6rem;font-weight:800}.brand-mark{width:2.5rem;height:2.5rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--brand-a),var(--brand-c));color:#fff;box-shadow:0 12px 24px rgba(244,63,94,.24)}.brand-text{font-size:1.25rem;background:linear-gradient(90deg,var(--brand-a),var(--brand-c));-webkit-background-clip:text;background-clip:text;color:transparent}
.desktop-nav{display:none;align-items:center;gap:2rem}.nav-link{font-weight:700;color:#374151;transition:.2s}.nav-link:hover,.nav-link.active{color:var(--brand-a)}.menu-button{font-size:1.5rem;color:#374151}.mobile-nav{display:none;border-top:1px solid #f1f5f9;background:#fff}.mobile-nav.open{display:grid}.mobile-link{padding:1rem 1.5rem;border-bottom:1px solid #f8fafc;font-weight:700}.mobile-link.active{color:var(--brand-b)}
.hero-shell{position:relative;overflow:hidden;background:linear-gradient(90deg,#f97316 0%,#f43f5e 48%,#ec4899 100%);color:#fff}.hero-shell:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.24),transparent 26%),radial-gradient(circle at 85% 18%,rgba(255,255,255,.18),transparent 24%),rgba(0,0,0,.08)}.hero-inner{position:relative;max-width:80rem;margin:0 auto;padding:5rem 1rem 6rem;display:grid;gap:2rem;align-items:center}.hero-copy h1{font-size:clamp(2.6rem,8vw,5.3rem);line-height:.98;font-weight:900;letter-spacing:-.04em;margin-bottom:1.25rem}.hero-copy p{font-size:clamp(1.05rem,2.4vw,1.45rem);max-width:48rem;opacity:.94;margin-bottom:1.5rem}.hero-pills{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.hero-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.8rem 1.1rem;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(8px);font-weight:800}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem}.hero-button{display:inline-flex;align-items:center;justify-content:center;border-radius:.9rem;padding:.9rem 1.2rem;font-weight:900;transition:.25s}.hero-button.primary{background:#fff;color:#e11d48;box-shadow:0 16px 34px rgba(0,0,0,.18)}.hero-button.secondary{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.13);color:#fff}.hero-button:hover{transform:translateY(-2px)}.hero-search{display:flex;max-width:38rem;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(10px);border-radius:1rem;overflow:hidden;margin-bottom:1rem}.hero-search input{flex:1;padding:1rem 1.1rem;color:#fff;background:transparent;outline:none}.hero-search input::placeholder{color:rgba(255,255,255,.78)}.hero-search button{padding:0 1.2rem;background:#fff;color:#e11d48;font-weight:900}.hero-stage{min-height:26rem;position:relative}.hero-slide{position:absolute;inset:0;opacity:0;transform:scale(.98) translateY(16px);transition:.5s;pointer-events:none}.hero-slide.is-active{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.hero-card{height:100%;min-height:26rem;border-radius:1.5rem;overflow:hidden;position:relative;box-shadow:0 30px 70px rgba(15,23,42,.34);background:#111827}.hero-card img{width:100%;height:100%;object-fit:cover}.hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),rgba(0,0,0,.22) 58%,rgba(0,0,0,.05))}.hero-card-info{position:absolute;z-index:2;left:1.5rem;right:1.5rem;bottom:1.5rem}.hero-card-info h2{font-size:2rem;font-weight:900;margin-bottom:.55rem}.hero-card-info p{color:rgba(255,255,255,.88);margin-bottom:1rem}.hero-dots{position:absolute;z-index:3;right:1.5rem;bottom:1rem;display:flex;gap:.5rem}.hero-dot{width:.65rem;height:.65rem;border-radius:999px;background:rgba(255,255,255,.45)}.hero-dot.is-active{width:1.55rem;background:#fff}.hero-fade{position:absolute;left:0;right:0;bottom:0;height:4rem;background:linear-gradient(0deg,#f8fafc,transparent)}
.section{max-width:80rem;margin:0 auto;padding:4rem 1rem}.section.alt{max-width:none;background:linear-gradient(90deg,#f3e8ff,#ffe4e6,#fee2e2)}.section.alt>.section-inner{max-width:80rem;margin:0 auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.section-kicker{color:var(--brand-b);font-weight:900;margin-bottom:.3rem}.section h2,.page-title{font-size:clamp(1.8rem,4vw,2.35rem);font-weight:900;color:#1f2937}.section-head p,.page-lead{color:#64748b;margin-top:.4rem}.section-link{font-weight:900;color:#2563eb}.movie-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.movie-grid.featured{grid-template-columns:1fr}.movie-card{background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.09);transition:.3s}.movie-card:hover{transform:translateY(-6px);box-shadow:0 24px 45px rgba(15,23,42,.16)}.movie-card-link{display:block;height:100%}.poster-frame{position:relative;aspect-ratio:3/4;background:linear-gradient(135deg,#172554,#9f1239);overflow:hidden}.card-large .poster-frame{aspect-ratio:4/5}.poster-frame img{width:100%;height:100%;object-fit:cover;transition:.5s}.movie-card:hover img,.mini-card:hover img{transform:scale(1.08)}.poster-mask{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}.rating-badge,.rank-badge{position:absolute;top:.65rem;right:.65rem;border-radius:.55rem;background:#f59e0b;color:#fff;font-size:.78rem;font-weight:900;padding:.25rem .45rem;z-index:2}.rank-badge{right:auto;left:.65rem;background:linear-gradient(90deg,#f59e0b,#f97316);border-radius:999px;min-width:2rem;text-align:center}.rank-badge.small{top:.5rem;left:.5rem}.movie-card-body{padding:1rem}.movie-card-body h3{font-size:1rem;font-weight:900;color:#111827;margin-bottom:.4rem;line-height:1.25}.card-large .movie-card-body h3{font-size:1.35rem}.movie-card-body p{font-size:.88rem;color:#64748b;line-height:1.55;margin-bottom:.8rem}.card-meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.75rem;color:#64748b;font-size:.78rem}.card-meta span{background:#f1f5f9;border-radius:999px;padding:.2rem .5rem}.tag-row{display:flex;flex-wrap:wrap;gap:.4rem}.tag-chip{display:inline-flex;border-radius:999px;padding:.25rem .55rem;background:linear-gradient(90deg,#dbeafe,#cffafe);color:#0369a1;font-weight:800;font-size:.73rem}.mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.mini-card{display:block;position:relative;border-radius:1rem;background:#fff;overflow:hidden;box-shadow:0 12px 28px rgba(15,23,42,.1);transition:.3s}.mini-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(15,23,42,.16)}.mini-poster{position:relative;aspect-ratio:3/4;background:linear-gradient(135deg,#172554,#9f1239);overflow:hidden}.mini-poster img{width:100%;height:100%;object-fit:cover;transition:.5s}.mini-poster>span:not(.rank-badge){position:absolute;right:.55rem;top:.55rem;background:#f59e0b;color:#fff;font-weight:900;border-radius:.5rem;padding:.2rem .42rem;font-size:.75rem}.mini-info{position:absolute;left:0;right:0;bottom:0;padding:.8rem;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.84),transparent)}.mini-info h3{font-weight:900;line-height:1.25;margin-bottom:.25rem}.mini-info p{font-size:.78rem;opacity:.88;margin-bottom:.3rem}.mini-info div{font-size:.72rem;opacity:.85}.category-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem}.category-card{background:#fff;border-radius:1.25rem;padding:1.4rem;box-shadow:0 12px 28px rgba(15,23,42,.09);transition:.3s}.category-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(15,23,42,.14)}.category-card h2,.category-card h3{font-size:1.25rem;font-weight:900;margin-bottom:.45rem}.category-card p{color:#64748b;line-height:1.6;margin-bottom:1rem}.category-card span{font-weight:900;color:#e11d48}.page-hero{background:linear-gradient(90deg,#f97316,#f43f5e,#ec4899);color:#fff;padding:4.5rem 1rem;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.22),transparent 28%),rgba(0,0,0,.08)}.page-hero-inner{position:relative;max-width:80rem;margin:0 auto}.page-hero h1{font-size:clamp(2.2rem,6vw,4rem);font-weight:900;letter-spacing:-.03em}.page-hero p{font-size:1.1rem;max-width:48rem;opacity:.92;margin-top:.9rem}.filter-panel{display:grid;gap:.85rem;background:#fff;border-radius:1.25rem;padding:1rem;box-shadow:0 12px 28px rgba(15,23,42,.08);margin-bottom:2rem}.filter-panel label{display:grid;gap:.35rem;color:#64748b;font-size:.85rem;font-weight:800}.filter-panel input,.filter-select{width:100%;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.8rem;padding:.85rem 1rem;color:#111827;outline:none}.filter-panel input:focus,.filter-select:focus{border-color:#fb7185;box-shadow:0 0 0 4px var(--ring)}.is-hidden{display:none!important}.detail-main{max-width:80rem;margin:0 auto;padding:2rem 1rem 4rem}.breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;color:#2563eb;font-weight:800;margin-bottom:1.5rem}.detail-grid{display:grid;grid-template-columns:1fr;gap:2rem}.player-shell{background:#000;border-radius:1.25rem;overflow:hidden;box-shadow:0 30px 70px rgba(15,23,42,.22);margin-bottom:1.5rem}.player-shell video{width:100%;aspect-ratio:16/9;background:#000}.detail-card,.side-card{background:#fff;border-radius:1.25rem;padding:1.5rem;box-shadow:0 12px 30px rgba(15,23,42,.09)}.detail-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.05;margin-bottom:1rem;color:#111827}.detail-desc{font-size:1.08rem;color:#64748b;line-height:1.75;margin-bottom:1.4rem}.detail-meta{display:flex;flex-wrap:wrap;gap:.75rem;border-bottom:1px solid #e5e7eb;padding-bottom:1.2rem;margin-bottom:1.3rem}.detail-meta span{display:inline-flex;align-items:center;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:900;padding:.55rem .8rem}.detail-meta .score{background:linear-gradient(90deg,#f59e0b,#f97316);color:#fff}.detail-card h2{font-size:1.55rem;font-weight:900;margin:1.4rem 0 .85rem;color:#1f2937}.detail-card p{color:#374151;line-height:1.85}.review-box{background:linear-gradient(135deg,#fff7ed,#fff1f2);border-radius:1rem;padding:1rem;margin-top:1rem}.side-card{position:sticky;top:5.5rem}.side-card img{border-radius:1rem;box-shadow:0 12px 24px rgba(15,23,42,.16);margin-bottom:1rem;width:100%}.side-list{display:grid;gap:.6rem;color:#475569}.side-list div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #f1f5f9;padding-bottom:.55rem}.side-list strong{color:#111827}.rank-list{display:grid;gap:.85rem}.rank-row{display:grid;grid-template-columns:auto 4.5rem 1fr auto;align-items:center;gap:1rem;background:#fff;border-radius:1rem;padding:.75rem;box-shadow:0 10px 24px rgba(15,23,42,.08);transition:.25s}.rank-row:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(15,23,42,.13)}.rank-num{width:2.2rem;height:2.2rem;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#f97316);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900}.rank-row img{width:4.5rem;aspect-ratio:3/4;object-fit:cover;border-radius:.7rem;background:linear-gradient(135deg,#172554,#9f1239)}.rank-info h2{font-size:1rem;font-weight:900;margin-bottom:.25rem}.rank-info p{font-size:.85rem;color:#64748b}.rank-score{font-weight:900;color:#d97706}.empty-note{display:none;background:#fff;border-radius:1rem;padding:2rem;text-align:center;color:#64748b;box-shadow:0 12px 28px rgba(15,23,42,.08)}
@media (min-width:640px){.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-panel{grid-template-columns:2fr 1fr 1fr 1fr}.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:768px){.desktop-nav{display:flex}.menu-button{display:none}.hero-inner{grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);padding-left:1.5rem;padding-right:1.5rem}.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.movie-grid.featured{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.detail-grid{grid-template-columns:minmax(0,2fr) minmax(18rem,1fr)}.movie-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.mini-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-inner{padding-left:2rem;padding-right:2rem}}
@media (max-width:620px){.section-head{display:block}.rank-row{grid-template-columns:auto 3.8rem 1fr}.rank-score{display:none}.rank-row img{width:3.8rem}.hero-stage{min-height:22rem}.hero-card{min-height:22rem}.footer-grid{grid-template-columns:1fr!important}}
.site-footer{background:#111827;color:#e5e7eb}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-brand p{color:#9ca3af;max-width:34rem;margin-top:1rem}.site-footer h3{font-size:1.1rem;font-weight:900;margin-bottom:1rem}.site-footer li{margin:.5rem 0}.site-footer a{color:#9ca3af;transition:.2s}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #1f2937;padding-top:1.5rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;color:#9ca3af;font-size:.9rem}