@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#f6f6f7;background:#09090c;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;--red:#e50914;--muted:#9b9ba8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09090c;color:#f6f6f7}button,input,a{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ff4550;outline-offset:4px}a{color:inherit;text-decoration:none}.app{min-height:100vh;overflow:hidden}.navbar{height:76px;padding:0 5.2%;display:flex;align-items:center;gap:48px;position:absolute;top:0;left:0;width:100%;z-index:20;background:linear-gradient(180deg,rgba(0,0,0,.8),transparent)}.brand{font:700 31px Space Grotesk,sans-serif;letter-spacing:-2px;color:#fff;white-space:nowrap}.brand-dot{color:var(--red)}.nav-links{display:flex;align-items:center;gap:28px}.nav-link{background:none;border:0;color:#c5c5cd;font-size:13px;padding:9px 0;transition:color .2s}.nav-link:hover,.nav-link.active{color:#fff}.nav-link.active{font-weight:700}.nav-right{margin-left:auto;display:flex;align-items:center;gap:20px}.search-box{height:38px;width:205px;display:flex;align-items:center;gap:9px;border:1px solid #ffffff30;background:#08080a85;border-radius:7px;padding:0 10px;transition:width .3s,border .3s}.search-box:focus-within{width:250px;border-color:#e50914}.search-box>span{font-size:24px;color:#bbb}.search-box input{width:100%;min-width:0;color:#fff;background:none;border:0;outline:none;font-size:12px}.search-box input::placeholder{color:#a4a4ae}.search-box button{background:none;border:0;color:#fff;font-size:20px}.profile-icon{width:34px;height:34px;border-radius:8px;background:linear-gradient(135deg,#f04750,#8e0714);display:grid;place-items:center;font-weight:800;font-family:Space Grotesk,sans-serif}.hero{height:min(770px,95vh);min-height:600px;position:relative;isolation:isolate;background:#101014;overflow:hidden}.hero-image{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-3;background-position:center 43%;background-size:cover;animation:heroZoom 8s ease-in-out both;transition:background-image .5s}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(90deg,#09090c,#09090cf0 15%,#09090ca6 42%,#09090c1f),linear-gradient(0deg,#09090c 0%,transparent 36%,rgba(0,0,0,.2) 100%)}.hero-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;box-shadow:inset 0 0 180px #0008}.hero-content{position:absolute;left:8%;top:25%;width:min(600px,70%);animation:contentIn .7s ease both}.eyebrow,.section-overline{font-size:10px;letter-spacing:2.8px;font-weight:800;color:#e9e9ed}.eyebrow{display:flex;align-items:center;gap:12px;color:#ff6a72}.eyebrow-line{width:28px;height:2px;background:var(--red)}.hero-title-wrap{margin-top:22px}.hero-kicker{font-size:10px;letter-spacing:4px;color:#c6c6cf;font-weight:700;margin-bottom:8px}.hero h1{font:700 clamp(44px,6.4vw,82px)/.98 "Space Grotesk",sans-serif;letter-spacing:-4px;margin:0;max-width:700px;text-wrap:balance;text-shadow:0 6px 30px #0008}.hero-description{font-size:14px;line-height:1.9;color:#d1d1d8;max-width:410px;margin:24px 0 15px}.hero-tags{display:flex;gap:10px;align-items:center}.hero-tags span{font-size:9px;letter-spacing:1.5px;color:#bcbcc5}.hero-tags span+span:before{content:"•";color:var(--red);margin-right:10px}.hero-buttons{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}.btn-primary,.btn-secondary{height:46px;padding:0 22px;border-radius:5px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:12px;transition:transform .2s,background .2s,border .2s}.btn-primary{background:var(--red);color:#fff;box-shadow:0 7px 25px #e5091430}.btn-primary:hover{background:#ff1b26;transform:translateY(-2px)}.btn-secondary{background:#ffffff16;border-color:#ffffff20;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff27;transform:translateY(-2px)}.hero-counter{position:absolute;right:7%;bottom:95px;font:600 13px Space Grotesk,sans-serif;color:#777}.hero-counter b{font-size:24px;color:#fff;margin-right:6px}.slider-controls{position:absolute;right:7%;bottom:46px;display:flex;align-items:center;gap:14px}.slider-controls>button{width:34px;height:34px;border-radius:50%;border:1px solid #ffffff50;color:#fff;background:#0004;font-size:27px;line-height:1;transition:background .2s,transform .2s}.slider-controls>button:hover{background:var(--red);transform:scale(1.08);border-color:var(--red)}.slider-dots{display:flex;gap:6px;align-items:center}.dot{width:17px;height:3px;border:0;padding:0;background:#ffffff50;transition:width .3s,background .3s}.dot.selected{width:35px;background:var(--red)}.hero-bottom-label{position:absolute;left:8%;bottom:51px;color:#8e8e99;font-size:9px;letter-spacing:2px}.hero-bottom-label span{color:var(--red);margin-left:8px}.catalog{position:relative;margin-top:-5px;padding:20px 0 0 5.2%;z-index:2}.catalog-top{padding-top:125px;min-height:75vh}.movie-section{margin-bottom:45px;position:relative}.section-heading{display:flex;align-items:center;justify-content:space-between;padding-right:5.2%;margin-bottom:17px}.section-heading h2{font:600 21px Space Grotesk,sans-serif;letter-spacing:-.6px;margin:0}.explore-label{font-size:9px;color:#898994;letter-spacing:1.7px;opacity:0;transition:opacity .2s}.explore-label span{color:var(--red);font-size:14px;margin-left:6px}.movie-section:hover .explore-label{opacity:1}.movie-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,22%);gap:13px;overflow-x:auto;overflow-y:hidden;padding:6px 5.2% 25px 0;scrollbar-width:none;scroll-snap-type:x mandatory}.movie-row::-webkit-scrollbar{display:none}.movie-card{min-width:0;cursor:pointer;scroll-snap-align:start;animation:cardIn .5s both;animation-delay:var(--delay);transition:transform .3s;outline-offset:4px}.movie-card:hover{transform:translateY(-7px) scale(1.025);z-index:3}.poster{position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:6px;background:#1a1a20;box-shadow:0 7px 22px #0005}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .55s,filter .35s}.movie-card:hover .poster img{transform:scale(1.1);filter:brightness(.65)}.poster-shade{position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(0deg,#050507c9,transparent);pointer-events:none}.poster-badge{position:absolute;top:10px;left:10px;font:700 10px Space Grotesk,sans-serif;letter-spacing:-.5px;text-shadow:0 2px 6px #000}.poster-badge:before{content:"";display:inline-block;width:3px;height:10px;background:var(--red);margin-right:5px;vertical-align:-1px}.poster-hover{position:absolute;inset:auto 0 0;padding:35px 12px 12px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}.movie-card:hover .poster-hover,.movie-card:focus-within .poster-hover{opacity:1;transform:translateY(0)}.round-play{width:29px;height:29px;background:#fff;color:#111;border:0;border-radius:50%;font-size:11px;margin-bottom:9px}.poster-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:12px;font-weight:700}.mini-add{height:27px;width:27px;flex-shrink:0;border:1px solid #ffffff90;background:#ffffff20;color:#fff;border-radius:50%;font-size:19px;line-height:1}.poster-hover p{font-size:9px;color:#ddd;margin:7px 0 0}.card-caption{padding:11px 1px}.card-caption>span{font-size:8px;letter-spacing:1.5px;color:#888893}.card-caption h3{font-size:12px;font-weight:600;margin:5px 0;color:#f0f0f3}.catalog-title{margin-bottom:30px}.catalog-title .section-overline{color:#ff555e}.catalog-title h1{font:700 40px Space Grotesk,sans-serif;letter-spacing:-1.5px;margin:9px 0}.result-count{font-size:12px;color:#9b9ba8}.search-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 15px;padding:0 5.2% 40px 0}.search-card{cursor:pointer;transition:transform .25s;min-width:0}.search-card:hover{transform:translateY(-5px)}.search-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;transition:filter .25s}.search-card:hover img{filter:brightness(1.15)}.search-card h3{font-size:13px;margin:10px 0 4px}.search-card p{font-size:11px;color:#999;margin:0}.empty-state{color:#aaa;font-size:14px;padding:35px 0 90px}.membership-banner{margin:45px 5.2% 55px 0;padding:32px 35px;min-height:170px;position:relative;overflow:hidden;border:1px solid #ffffff13;border-radius:10px;background:radial-gradient(ellipse at 90% 50%,#5d0c182c,transparent 45%),linear-gradient(110deg,#17171d,#101014)}.membership-banner h2{font:600 clamp(22px,3vw,33px) "Space Grotesk",sans-serif;margin:10px 0}.membership-banner h2 span{color:#ff626b}.membership-banner>div>p:last-child{font-size:12px;color:#aaa}.membership-symbol{position:absolute;right:8%;top:50%;transform:translateY(-50%);font:700 clamp(75px,12vw,145px) "Space Grotesk",sans-serif;letter-spacing:-12px;color:#ffffff09}.footer{padding:25px 5.2% 35px;border-top:1px solid #ffffff10;color:#85858f}.footer-brand{font-size:24px;color:#eee}.footer>p{font-size:11px;margin:10px 0 23px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;margin-bottom:23px;font-size:10px}.footer-links span{cursor:pointer}.footer-links span:hover{color:#fff}.footer small{font-size:9px;color:#666671}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#000c;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px;animation:fadeIn .2s}.detail-modal{width:min(650px,100%);max-height:90vh;overflow:auto;background:#15151b;border:1px solid #ffffff1c;border-radius:12px;position:relative;box-shadow:0 20px 80px #000a;animation:modalIn .3s both}.detail-modal>img{width:100%;height:240px;object-fit:cover;-webkit-mask-image:linear-gradient(#000 45%,transparent 100%);mask-image:linear-gradient(#000 45%,transparent 100%)}.modal-close{position:absolute;right:15px;top:15px;z-index:2;border:0;border-radius:50%;width:34px;height:34px;background:#111d;color:#fff;font-size:25px}.modal-content{padding:0 28px 30px;margin-top:-45px;position:relative}.modal-content h2{font:700 32px Space Grotesk,sans-serif;margin:12px 0}.modal-content>p:not(.section-overline){color:#c6c6ce;font-size:13px;line-height:1.8}.modal-meta{font-size:11px;color:#9d9da8}.toast{position:fixed;z-index:70;bottom:25px;left:50%;transform:translate(-50%);background:#f7f7f7;color:#151515;padding:13px 22px;border-radius:7px;font-size:12px;font-weight:700;box-shadow:0 8px 35px #0008;animation:toastIn .25s both;max-width:90%;text-align:center}@keyframes heroZoom{0%{transform:scale(1.09);filter:brightness(.7)}to{transform:scale(1);filter:brightness(1)}}@keyframes contentIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media(min-width:1400px){.hero{height:800px}.hero-content{top:28%}.movie-row{grid-auto-columns:minmax(210px,19%)}}@media(max-width:850px){.navbar{height:70px;padding:0 4%;gap:25px}.nav-links{gap:16px}.nav-link{font-size:12px}.search-box{width:155px}.search-box:focus-within{width:180px}.hero{min-height:620px;height:85vh}.hero-content{left:6%;top:27%;width:80%}.hero h1{letter-spacing:-2px}.hero-counter{right:6%;bottom:94px}.slider-controls{right:5%;bottom:43px}.catalog{padding-left:4%}.movie-row{grid-auto-columns:minmax(175px,31%)}.search-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-right:4%}.membership-banner{margin-right:4%}}@media(max-width:560px){.navbar{height:66px;gap:0;padding:0 5%}.brand{font-size:27px}.nav-links{position:absolute;top:66px;left:0;right:0;padding:10px 5% 12px;background:linear-gradient(#08080bed,#08080b00);gap:24px}.nav-link{font-size:11px}.nav-right{gap:10px}.search-box{width:35px;border:0;background:transparent;padding:0;justify-content:center}.search-box:focus-within{position:absolute;right:60px;top:14px;width:min(220px,57vw);height:36px;background:#15151a;border:1px solid #555;padding:0 9px}.search-box>span{font-size:23px}.search-box input{width:0;padding:0}.search-box:focus-within input{width:100%}.profile-icon{width:29px;height:29px;font-size:12px}.hero{height:670px;min-height:0}.hero-image{background-position:58% center}.hero-gradient{background:linear-gradient(90deg,#09090cf2,#09090cbd 52%,#09090c40),linear-gradient(0deg,#09090c 0%,transparent 50%,#0005 100%)}.hero-content{left:6%;top:28%;width:88%}.eyebrow{font-size:8px;letter-spacing:1.8px}.hero h1{font-size:clamp(40px,12vw,59px);letter-spacing:-2.3px}.hero-kicker{font-size:9px;letter-spacing:2.5px}.hero-description{font-size:12px;max-width:310px;margin:18px 0 13px}.hero-tags span{font-size:8px}.btn-primary,.btn-secondary{height:42px;padding:0 15px;font-size:11px}.hero-bottom-label{left:6%;bottom:35px;font-size:8px}.hero-counter{bottom:70px;right:6%}.slider-controls{left:6%;right:auto;bottom:65px;gap:10px}.slider-controls>button{width:30px;height:30px}.movie-section{margin-bottom:30px}.section-heading{padding-right:5%;margin-bottom:12px}.section-heading h2{font-size:17px}.movie-row{grid-auto-columns:68%;gap:11px;padding-right:5%}.poster{aspect-ratio:16/9}.poster-hover{opacity:1;transform:none;padding:28px 9px 9px}.poster-hover p{font-size:8px}.round-play{width:26px;height:26px;margin-bottom:5px}.poster-actions{font-size:11px}.card-caption h3{font-size:12px}.card-caption>span{font-size:7px}.explore-label{opacity:1;font-size:8px}.catalog-top{padding-top:130px}.catalog-title h1{font-size:32px}.search-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 11px;padding-right:5%}.search-card h3{font-size:12px}.membership-banner{margin:32px 5% 38px 0;padding:25px 20px;min-height:150px}.membership-symbol{right:5%;font-size:80px;letter-spacing:-7px}.membership-banner h2{font-size:24px;max-width:260px}.membership-banner .section-overline{font-size:8px;letter-spacing:1.5px}.footer{padding:25px 5% 30px}.footer-links{gap:14px}.detail-modal>img{height:180px}.modal-content{padding:0 20px 25px;margin-top:-35px}.modal-content h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}