*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07070b;color:#f5f5f7;min-height:100vh;overflow-x:clip;width:100%;max-width:100vw;background-image:radial-gradient(ellipse 1200px 600px at 10% -10%,rgba(229,9,20,.18),transparent 60%),radial-gradient(ellipse 900px 500px at 90% 10%,rgba(120,50,255,.18),transparent 60%),linear-gradient(180deg,#07070b,#0a0a12);background-attachment:fixed}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0a0a12}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#e50914,#7832ff);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ff1e2d,#9456ff)}:root{--navbar-height: 84px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}body.menu-open{overflow:hidden}.navbar{position:sticky;top:0;z-index:200;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--navbar-height);padding:clamp(18px,3vw,22px) clamp(16px,4vw,5%);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);background:#0a0a12a6;border-bottom:1px solid rgba(255,255,255,.06);transition:padding .3s ease,min-height .3s ease,background .3s ease;min-width:0}.navbar.scrolled{--navbar-height: 72px;padding-top:14px;padding-bottom:14px;background:#07070beb}.navbar-actions{display:flex;align-items:center;gap:clamp(14px,2.5vw,20px);flex-shrink:0;min-width:0}.logo{font-size:clamp(1.25rem,4vw,1.7rem);flex-shrink:0;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#ff1e2d,#e50914 40%,#b026ff);-webkit-background-clip:text;background-clip:text;color:transparent;cursor:pointer}.logo span{font-weight:300}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{font-size:.95rem;font-weight:500;color:#c9c9d1;position:relative;transition:color .25s ease}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:linear-gradient(90deg,#e50914,#b026ff);transition:width .3s ease}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.search-wrap{position:relative;min-width:0;flex:1 1 auto;width:min(280px,30vw);max-width:100%}.search-box{display:flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);padding:10px 16px;border-radius:999px;width:100%;max-width:100%;min-width:0;overflow:hidden;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.search-wrap:focus-within .search-box{background:#ffffff1a;border-color:#e5091480;box-shadow:0 0 0 4px #e509141f}@media (min-width: 901px){.search-wrap:focus-within{width:min(300px,32vw)}}.search-suggestions{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:250;max-height:min(360px,50vh);overflow-y:auto;overscroll-behavior:contain;background:#0c0c14fa;border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:0 16px 48px #0000008c;padding:6px}.search-suggestions.open{animation:fadeUp .2s ease}.search-suggestion-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:#f5f5f7;transition:background .15s ease}.search-suggestion-item:hover,.search-suggestion-item.active{background:#e5091426}.suggestion-poster{width:40px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0;background:#15151f}.suggestion-text{display:flex;flex-direction:column;gap:2px;min-width:0}.suggestion-title{font-size:.9rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-meta{font-size:.78rem;color:#888}.search-box input{background:transparent;border:none;outline:none;color:#fff;flex:1 1 0;min-width:0;width:100%;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box input::placeholder{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-box svg{width:18px;height:18px;flex-shrink:0;color:#aaa}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#0000008c;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.nav-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:10px;margin-left:4px;border:none;background:transparent;flex-shrink:0}.hamburger span{width:26px;height:2px;background:#fff;border-radius:2px;transition:all .3s ease}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{position:relative;height:clamp(420px,72vh,720px);min-height:0;display:flex;align-items:center;padding:0 clamp(16px,4vw,5%);overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;filter:brightness(.55) saturate(1.1);transform:scale(1.05);animation:heroZoom 20s ease-in-out infinite alternate}@keyframes heroZoom{to{transform:scale(1.15)}}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 0%,rgba(7,7,11,.6) 60%,#07070b 100%),linear-gradient(90deg,rgba(7,7,11,.85) 0%,transparent 60%)}.hero-content{position:relative;z-index:2;max-width:620px;animation:fadeUp .9s ease}.hero-badge{display:inline-block;padding:6px 14px;background:#e5091426;border:1px solid rgba(229,9,20,.4);border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#ff5560;margin-bottom:18px}.hero h1{font-size:clamp(2.5rem,6vw,4.8rem);font-weight:800;line-height:1.05;letter-spacing:-1.5px;margin-bottom:18px}.hero p{font-size:1.05rem;color:#c9c9d1;line-height:1.6;margin-bottom:28px;max-width:540px}.hero-meta{display:flex;gap:18px;margin-bottom:24px;font-size:.9rem;color:#aaa;flex-wrap:wrap}.hero-meta span{display:flex;align-items:center;gap:6px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,#e50914,#b026ff);color:#fff;box-shadow:0 10px 30px -10px #e5091499}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px -10px #e50914cc}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#ff1e2d,#c845ff);opacity:0;transition:opacity .3s ease}.btn-primary:hover:before{opacity:1}.btn-primary span{position:relative;z-index:1}.btn-ghost{background:#ffffff14;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.btn-ghost:hover{background:#ffffff26;transform:translateY(-2px)}.section{padding:clamp(40px,6vw,60px) clamp(16px,4vw,5%);max-width:100%}.section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:30px}.section-title{font-size:clamp(1.35rem,3.5vw,1.8rem);font-weight:700;letter-spacing:-.5px}.section-title:before{content:"";display:inline-block;width:4px;height:24px;background:linear-gradient(180deg,#e50914,#b026ff);margin-right:12px;border-radius:2px;vertical-align:middle}.section-link{color:#aaa;font-size:.9rem;transition:color .2s ease}.section-link:hover{color:#fff}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:clamp(14px,2.5vw,24px);width:100%}.movie-card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;background:#15151f;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease;border:1px solid rgba(255,255,255,.04)}.movie-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px -12px #000c,0 0 0 1px #e509144d}.poster-wrap{position:relative;aspect-ratio:2/3;overflow:hidden}.poster-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.movie-card:hover .poster-wrap img{transform:scale(1.1)}.poster-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.95) 100%);opacity:0;transition:opacity .3s ease;display:flex;align-items:flex-end;justify-content:center;padding-bottom:16px}.movie-card:hover .poster-overlay{opacity:1}.play-icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#e50914,#b026ff);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px #e5091480;transform:scale(.8);transition:transform .3s ease;position:absolute;top:50%;left:50%;margin:-28px 0 0 -28px}.movie-card:hover .play-icon{transform:scale(1)}.quality-badge{position:absolute;top:10px;right:10px;padding:4px 10px;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.5px;color:gold}.card-info{padding:14px 16px 18px}.card-title{font-size:1rem;font-weight:600;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-meta{display:flex;gap:10px;font-size:.8rem;color:#888;align-items:center}.card-meta .rating{color:gold;font-weight:600}.card-meta .dot{width:3px;height:3px;background:#555;border-radius:50%}.details-hero{position:relative;min-height:min(90vh,900px);padding:0 clamp(16px,4vw,5%) clamp(40px,6vw,60px);display:flex;align-items:flex-end;overflow:hidden}.details-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center top;filter:brightness(.4)}.details-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07070b66,#07070bd9 70%,#07070b)}.details-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(24px,4vw,40px);align-items:end;padding-top:clamp(72px,12vw,100px);width:100%;max-width:100%}.details-poster{border-radius:16px;overflow:hidden;box-shadow:0 25px 60px #000000b3;aspect-ratio:2/3}.details-poster img{width:100%;height:100%;object-fit:cover}.details-info h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:14px}.details-meta{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:18px;font-size:.9rem;color:#c9c9d1}.details-meta .pill{padding:4px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:.8rem}.genre-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.genre-tag{padding:6px 14px;background:#e509141f;border:1px solid rgba(229,9,20,.3);border-radius:999px;font-size:.78rem;color:#ff7080;font-weight:500}.details-desc{color:#c9c9d1;line-height:1.7;margin-bottom:28px;max-width:720px}.gallery{display:flex;gap:16px;overflow-x:auto;padding:8px 0 20px;scroll-snap-type:x mandatory}.gallery::-webkit-scrollbar{height:6px}.gallery img{height:220px;border-radius:12px;flex-shrink:0;scroll-snap-align:start;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;object-fit:cover}.gallery img:hover{transform:scale(1.04);box-shadow:0 15px 40px #e509144d}.download-page{min-height:calc(100vh - 80px);min-height:calc(100dvh - 80px);display:flex;align-items:center;justify-content:center;padding:clamp(24px,5vw,60px) clamp(16px,4vw,5%);box-sizing:border-box}.download-card{max-width:720px;width:100%;background:#14141e99;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:40px;box-shadow:0 30px 80px #00000080;animation:fadeUp .8s ease}.download-header{text-align:center;margin-bottom:36px}.download-header .small{display:inline-block;padding:6px 14px;background:#b026ff26;border:1px solid rgba(176,38,255,.4);border-radius:999px;font-size:.75rem;letter-spacing:1.5px;text-transform:uppercase;color:#c98aff;margin-bottom:14px;font-weight:600}.download-header h1{font-size:2rem;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.download-header p{color:#aaa;font-size:.95rem}.quality-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.quality-btn{position:relative;padding:24px 16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff;cursor:pointer;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;font-family:inherit}.quality-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#e50914,#b026ff);opacity:0;transition:opacity .3s ease}.quality-btn:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 20px 40px -10px #e5091480}.quality-btn:hover:before{opacity:1}.quality-btn>*{position:relative;z-index:1}.quality-btn .q-label{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}.quality-btn .q-size{font-size:.85rem;color:#aaa;transition:color .3s ease}.quality-btn:hover .q-size{color:#ffffffe6}.quality-btn.disabled{opacity:.7;pointer-events:none;filter:grayscale(.5)}.download-note{text-align:center;font-size:.85rem;color:#777;margin-top:24px;line-height:1.6}.back-link{display:inline-flex;align-items:center;gap:6px;color:#aaa;font-size:.9rem;margin-bottom:20px;transition:color .2s ease}.back-link:hover{color:#fff}.footer{padding:clamp(28px,5vw,40px) clamp(16px,4vw,5%);border-top:1px solid rgba(255,255,255,.06);text-align:center;color:#666;font-size:clamp(.78rem,2vw,.85rem)}.loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#07070b;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .25s ease,visibility .25s ease}.loader.hidden{opacity:0;visibility:hidden}.loader-spinner{width:60px;height:60px;border:3px solid rgba(255,255,255,.1);border-top-color:#e50914;border-right-color:#b026ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeUp .6s ease both}@media (max-width: 1024px){.nav-links{gap:20px}.movie-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr))}}@media (max-width: 900px){.nav-links{position:fixed;top:0;right:0;flex-direction:column;width:min(300px,85vw);height:100vh;height:100dvh;margin:0;padding:calc(var(--navbar-height) + env(safe-area-inset-top,0px)) 28px 32px;gap:6px;background:#07070bfa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.08);box-shadow:-12px 0 40px #00000080;z-index:180;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;overscroll-behavior:contain}.nav-links.active{transform:translate(0)}.nav-links li{width:100%}.nav-links a{display:block;padding:14px 4px;font-size:1.05rem}.nav-links a:after{bottom:10px}.hamburger{display:flex;margin-left:8px}.navbar-actions{gap:22px}.search-wrap{width:min(200px,48vw);min-width:120px}.details-content{grid-template-columns:1fr;gap:24px;padding-top:80px}.details-poster{max-width:220px;margin:0 auto}.details-info{text-align:center}.details-meta,.genre-tags,.hero-actions{justify-content:center}.details-info .btn,.details-info .back-link{margin-left:auto;margin-right:auto}.quality-row{grid-template-columns:1fr}.download-card{padding:28px 22px}.section-header{flex-wrap:wrap;gap:8px}}@media (max-width: 640px){.navbar-actions{gap:20px}.search-wrap{width:min(168px,44vw);min-width:110px}.search-box{padding:9px 14px}.search-box input{font-size:.85rem}.search-box input::placeholder{font-size:.85rem}.btn{padding:12px 20px;font-size:.9rem}.hero-meta{gap:12px;font-size:.82rem}.hero p{font-size:.95rem}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery img{height:160px}.download-header h1{font-size:1.5rem}}@media (max-width: 400px){.navbar-actions{gap:18px}.hamburger{margin-left:6px}.search-wrap{width:min(148px,42vw);min-width:100px}.search-box{padding:8px 12px}.search-suggestions{left:auto;right:0;width:min(300px,92vw)}.hero{height:clamp(380px,65vh,520px)}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}.movie-grid{gap:12px}.card-info{padding:10px 12px 14px}.card-title{font-size:.9rem}}@media (min-width: 1400px){.movie-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
