:root{--bg: #0a0a0f;--surface: #13131a;--surface2: #1c1c28;--accent: #7c3aed;--accent2: #ec4899;--gold: #f59e0b;--text: #f0f0f5;--muted: #6b7280;--radius: 10px;--card-w: 152px;--card-h: 228px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Outfit,sans-serif;overflow-x:hidden}.detail-hero{position:relative;width:100%;height:520px;overflow:hidden;margin-top:64px}.detail-hero-still{position:absolute;right:0;top:0;bottom:0;width:65%;background:url(https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=1400&q=80) center/cover no-repeat}.detail-hero-still-fade{position:absolute;inset:0;background:linear-gradient(90deg,#0a0a0f,#0a0a0f8c 45%,#0a0a0f0d),linear-gradient(to top,rgba(10,10,15,1) 0%,transparent 38%)}.vol-badge{position:absolute;bottom:1.4rem;right:1.5rem;z-index:10;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,.45);background:#0a0a0f80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.vol-badge:hover{background:#ffffff26}.detail-info{position:absolute;top:0;left:0;bottom:0;width:48%;padding:2.8rem 3% 2.8rem 5%;display:flex;flex-direction:column;justify-content:center;z-index:10;animation:fadeUp .65s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.series-badge{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:.7rem}.series-badge-inner{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-size:.66rem;font-weight:800;padding:.2rem .6rem;border-radius:4px;letter-spacing:1px;text-transform:uppercase}.detail-title{font-size:clamp(1.9rem,3.5vw,3rem);font-weight:700;line-height:1.1;color:#fff;margin-bottom:.55rem;letter-spacing:-.3px}.detail-meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;margin-bottom:.8rem}.meta-tag{font-size:.8rem;font-weight:500;color:#ffffffb8}.meta-sep{color:#ffffff47;font-size:.75rem}.meta-genre{background:#7c3aed38;border:1px solid rgba(124,58,237,.38);color:#c4b5fd;font-size:.72rem;font-weight:700;padding:.14rem .5rem;border-radius:4px}.meta-rating-box{background:var(--surface2);border:1px solid rgba(255,255,255,.15);color:#ffffffc7;font-size:.7rem;font-weight:700;padding:.14rem .5rem;border-radius:4px}.detail-desc{font-size:.88rem;color:#ffffffad;line-height:1.7;margin-bottom:.8rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-crew{margin-bottom:1.4rem}.crew-row{font-size:.8rem;margin-bottom:.22rem}.crew-label{color:#ffffff6b;font-weight:500}.crew-value{color:#ffffffe0;font-weight:600}.detail-actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap}.btn-putar{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;border:none;padding:.7rem 1.6rem;border-radius:50px;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 4px 22px #7c3aed80;transition:opacity .2s,transform .2s}.btn-putar:hover{opacity:.88;transform:translateY(-1px)}.action-icon-btn{display:flex;flex-direction:column;align-items:center;gap:.28rem;background:none;border:none;color:#ffffffc7;cursor:pointer;transition:color .2s;font-size:.7rem;font-weight:600}.action-icon-btn:hover{color:#fff}.icon-circle{width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;transition:background .2s}.action-icon-btn:hover .icon-circle{background:#fff3}.detail-body{padding:0 5% 4rem}.tab-bar{display:flex;gap:0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:1.8rem;overflow-x:auto;scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-item{padding:1rem 1.5rem;font-size:.9rem;font-weight:700;color:#ffffff6b;cursor:pointer;border-bottom:3px solid transparent;transition:color .2s,border-color .2s;white-space:nowrap}.tab-item.active{color:#fff;border-bottom-color:#fff}.tab-item:hover{color:#fffc}.tab-panel{display:none;animation:fadeUp .3s ease both}.tab-panel.active{display:block}.ep-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;flex-wrap:wrap;gap:.7rem}.ep-controls-left{display:flex;align-items:center;gap:.8rem}.ep-label{font-size:.92rem;font-weight:700;color:#fff}.season-select{background:var(--surface2);border:1px solid rgba(255,255,255,.15);color:#fff;padding:.32rem 2rem .32rem .85rem;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:Outfit,sans-serif;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center}.sort-btn{display:flex;align-items:center;gap:.35rem;background:none;border:none;color:#fff9;font-size:.82rem;font-weight:600;cursor:pointer;font-family:Outfit,sans-serif;transition:color .2s}.sort-btn:hover{color:#fff}.ep-list{display:flex;flex-direction:column;gap:0}.ep-item{display:grid;grid-template-columns:196px 1fr;gap:1.2rem;padding:.9rem 0;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .2s;border-radius:6px}.ep-item:hover{background:#ffffff0a;padding-left:.6rem;padding-right:.6rem}.ep-item:last-child{border-bottom:none}.ep-thumb{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:16/9;background:var(--surface2);flex-shrink:0}.ep-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:filter .25s}.ep-item:hover .ep-thumb img{filter:brightness(.65)}.ep-thumb-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.ep-item:hover .ep-thumb-play{opacity:1}.ep-thumb-play-circle{width:42px;height:42px;border-radius:50%;background:#7c3aedd9;border:2px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ep-duration{position:absolute;bottom:5px;right:6px;background:#000000bf;color:#fff;font-size:.68rem;font-weight:700;padding:.12rem .38rem;border-radius:3px}.ep-badge{position:absolute;bottom:5px;left:6px;font-size:.6rem;font-weight:800;padding:.12rem .4rem;border-radius:3px;text-transform:uppercase;letter-spacing:.4px}.ep-badge-free{background:#22c55e;color:#fff}.ep-badge-excl{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff}.ep-text{display:flex;flex-direction:column;justify-content:center;gap:.3rem;padding:.2rem 0}.ep-title{font-size:.9rem;font-weight:700;color:#fff;line-height:1.3}.ep-desc{font-size:.8rem;color:#ffffff8c;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.trailer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.trailer-card{border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:16/9;cursor:pointer;background:var(--surface2);transition:transform .25s,box-shadow .25s}.trailer-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 32px #0009}.trailer-card img{width:100%;height:100%;object-fit:cover;transition:filter .3s}.trailer-card:hover img{filter:brightness(.55)}.trailer-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0a0a0fd9,#0a0a0f1a 60%)}.trailer-play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.trailer-play-circle{width:52px;height:52px;border-radius:50%;background:#ffffff2e;border:2px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s,transform .2s}.trailer-card:hover .trailer-play-circle{background:#7c3aedb3;transform:scale(1.1)}.trailer-card-info{position:absolute;bottom:0;left:0;right:0;padding:.75rem .85rem}.trailer-card-title{font-size:.82rem;font-weight:700;color:#fff;margin-bottom:.2rem}.trailer-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.7rem;color:#ffffff8c}.trailer-type-badge{background:#7c3aedcc;color:#fff;font-size:.6rem;font-weight:800;padding:.12rem .4rem;border-radius:3px;letter-spacing:.5px;text-transform:uppercase}.trailer-type-badge.clip{background:#ec4899cc}.related-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:12px}.card{border-radius:var(--radius);overflow:hidden;position:relative;aspect-ratio:2/3;cursor:pointer;background:var(--surface2);transition:transform .25s,box-shadow .25s}.card:hover{transform:scale(1.04) translateY(-4px);box-shadow:0 14px 36px #000000a6}.card img{width:100%;height:100%;object-fit:cover;display:block}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,15,.9) 0%,transparent 55%);opacity:0;transition:opacity .25s}.card:hover .card-overlay{opacity:1}.card-badge{position:absolute;top:7px;left:7px;font-size:.62rem;font-weight:800;padding:.15rem .42rem;border-radius:4px}.badge-excl{background:var(--accent2);color:#fff}.badge-new{background:#22c55e;color:#fff}.card-info{position:absolute;bottom:0;left:0;right:0;padding:.6rem .65rem;opacity:0;transform:translateY(5px);transition:opacity .25s,transform .25s}.card:hover .card-info{opacity:1;transform:translateY(0)}.card-title-sm{font-size:.73rem;font-weight:700;line-height:1.2}.card-sub{font-size:.65rem;color:#ffffffa6;margin-top:.1rem}.card-play-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s}.card:hover .card-play-icon{opacity:1}.see-more-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.5rem;padding:.85rem;border-radius:8px;background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s;font-family:Outfit,sans-serif}.see-more-btn:hover{background:#ffffff12;color:#fff}.see-more-btn.expanded svg{transform:rotate(180deg)}footer{background:var(--surface);border-top:1px solid rgba(255,255,255,.06);padding:3rem 5% 1.5rem;margin-top:3rem}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:2rem;margin-bottom:2.5rem}.footer-col h4{font-size:.85rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:1px;margin-bottom:.8rem}.footer-col a{display:block;color:var(--muted);font-size:.83rem;margin-bottom:.5rem;text-decoration:none;transition:color .2s}.footer-col a:hover{color:#fff}.socials{display:flex;gap:.7rem}.social-btn{width:36px;height:36px;border-radius:50%;background:var(--surface2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,transform .2s}.social-btn:hover{background:var(--accent);transform:translateY(-2px)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:1.2rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.78rem;color:var(--muted)}@media (max-width: 1024px){.nav-links{display:none}.hamburger{display:flex}.lang-btn{display:none}.detail-hero{height:460px}.detail-info{width:58%;padding:2.2rem 3% 2.2rem 4%}.detail-title{font-size:clamp(1.7rem,4vw,2.4rem)}.ep-item{grid-template-columns:170px 1fr}.trailer-grid{grid-template-columns:repeat(2,1fr)}.related-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 768px){.detail-hero{height:auto;display:flex;flex-direction:column}.detail-hero-still{position:relative;width:100%;height:50vw;min-height:200px;max-height:320px}.detail-hero-still-fade{background:linear-gradient(to bottom,transparent 40%,rgba(10,10,15,1) 100%)}.vol-badge{bottom:.8rem;right:.8rem}.detail-info{position:relative;width:100%;padding:1.4rem 4% 1.6rem;animation:none}.detail-title{font-size:clamp(1.5rem,5.5vw,2rem)}.detail-desc{-webkit-line-clamp:4}.ep-item{grid-template-columns:150px 1fr;gap:1rem}.tab-item{padding:.85rem 1.1rem;font-size:.85rem}.related-grid{grid-template-columns:repeat(4,1fr);gap:10px}.detail-body{padding:0 4% 3rem}}@media (max-width: 600px){nav{padding:0 4%}.logo{font-size:1.4rem}.detail-hero-still{height:57vw;min-height:190px}.detail-info{padding:1.1rem 4% 1.3rem}.detail-title{font-size:clamp(1.35rem,7vw,1.8rem);margin-bottom:.4rem}.detail-meta{gap:.35rem;margin-bottom:.65rem}.detail-desc{font-size:.82rem;-webkit-line-clamp:3;margin-bottom:.65rem}.crew-row{font-size:.76rem}.detail-crew{margin-bottom:1.1rem}.detail-actions{flex-direction:column;align-items:flex-start;gap:.85rem}.btn-putar{width:100%;justify-content:center;padding:.7rem 1rem;font-size:.9rem}.actions-icons{display:flex;gap:1.4rem}.ep-item{grid-template-columns:120px 1fr;gap:.75rem;padding:.75rem 0}.ep-title{font-size:.82rem}.ep-desc{font-size:.74rem;-webkit-line-clamp:2}.ep-controls{margin-bottom:1rem}.ep-label{font-size:.85rem}.tab-item{padding:.8rem .9rem;font-size:.82rem}.trailer-grid{grid-template-columns:1fr;gap:10px}.related-grid{grid-template-columns:repeat(3,1fr);gap:8px}.detail-body{padding:0 3.5% 2.5rem}.see-more-btn{font-size:.85rem;padding:.75rem}.footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem}.footer-bottom{flex-direction:column;align-items:flex-start}}@media (max-width: 380px){.related-grid{grid-template-columns:repeat(2,1fr)}.ep-item{grid-template-columns:100px 1fr;gap:.6rem}}