@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color:#f5f5f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#09090d;font-family:Inter,sans-serif}body{background:#09090d;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}#root{width:100%;min-height:100vh}:root{--cv-bg:#08080d;--cv-panel:#101019;--cv-muted:#9999ac;--cv-purple:#b49aff;--cv-purple-bright:#c8b5ff;--cv-line:#ffffff17}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--cv-bg);scroll-padding-top:90px}body{background:var(--cv-bg);color:#f7f6ff;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-width:320px;min-height:100vh;margin:0;font-family:Inter,sans-serif}body,button,input{font-family:Inter,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,.movie-card:focus-visible{outline:2px solid var(--cv-purple-bright);outline-offset:4px}a{color:inherit;text-decoration:none}button{cursor:pointer}img{max-width:100%;display:block}#root{min-height:100vh}.app{--bg:var(--cv-bg);--panel:var(--cv-panel);--muted:var(--cv-muted);--purple:var(--cv-purple);--line:var(--cv-line);isolation:isolate;background:radial-gradient(ellipse at 50% 0%, #6444a014, transparent 42%), var(--cv-bg);color:#f7f6ff;min-height:100vh;position:relative;overflow:clip}.ambient{z-index:-1;pointer-events:none;filter:blur(100px);opacity:.12;border-radius:50%;width:320px;height:320px;position:absolute}.ambient-one{background:#7250f5;top:700px;left:-220px}.ambient-two{background:#a855f7;top:1450px;right:-240px}.navbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);background:#08080dd6;justify-content:space-between;align-items:center;gap:25px;min-height:76px;padding:0 7%;display:flex;position:sticky;top:0}.logo{letter-spacing:-1.1px;white-space:nowrap;align-items:center;gap:5px;font-size:21px;font-weight:900;display:inline-flex}.logo>span:not(.logo-mark){color:var(--cv-purple)}.logo i{color:#fff;font-style:normal}.logo-mark{width:34px;height:34px;color:var(--cv-purple-bright);background:#b49aff14;border:1px solid #b49aff38;border-radius:10px;place-items:center;margin-right:5px;display:grid}.nav-links{justify-content:center;align-items:center;gap:32px;display:flex}.nav-links a{color:#9d9baa;padding:8px 0;font-size:12px;font-weight:500;transition:color .25s;position:relative}.nav-links a:after{background:var(--cv-purple);content:"";transform-origin:0;border-radius:5px;height:2px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a:hover,.nav-links a.active{color:#fff}.nav-links a:hover:after,.nav-links a.active:after{transform:scaleX(1)}.profile-btn{color:#e7dcff;background:#b49aff17;border:1px solid #b49aff40;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:11px 16px;font-size:11px;font-weight:700;transition:background .25s,transform .25s;display:inline-flex}.profile-btn:hover{background:#b49aff2e;transform:translateY(-2px)}.menu-toggle{border:1px solid var(--line);background:#15141f;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:none}.hero{isolation:isolate;background:radial-gradient(at 75% 46%,#784bd226,#0000 39%),linear-gradient(125deg,#0a0a11,#0e0c17 65%,#100b1a);grid-template-columns:1.08fr .92fr;align-items:center;gap:25px;min-height:590px;padding:75px 8% 55px;display:grid;position:relative;overflow:hidden}.hero:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 90%);mask-image:linear-gradient(#000,#0000 90%)}.hero-grain{z-index:-1;opacity:.15;pointer-events:none;background:radial-gradient(circle at 20% 20%,#fff .5px,#0000 1px) 0 0/13px 13px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(120deg,#000,#0000 70%);mask-image:linear-gradient(120deg,#000,#0000 70%)}.hero-content{z-index:2;max-width:590px;position:relative}.eyebrow,.section-kicker{color:var(--cv-purple);letter-spacing:1.8px;align-items:center;gap:8px;font-size:10px;font-weight:800;display:inline-flex}.eyebrow{background:#b49aff0e;border:1px solid #b49aff29;border-radius:30px;padding:9px 12px}.hero h1{letter-spacing:-5px;margin:26px 0 22px;font-size:clamp(51px,6.2vw,82px);font-weight:900;line-height:1.045}.hero h1 span,.section-heading h2 span,.discovery-banner h2 span,.upcoming-section h2 span{color:var(--cv-purple)}.hero-content>p{color:#a5a3b6;max-width:420px;margin:0;font-size:14px;line-height:1.95}.hero-buttons{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.primary-btn,.secondary-btn{border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:13px 19px;font-size:11px;font-weight:800;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s;display:inline-flex}.primary-btn{color:#160e26;background:linear-gradient(135deg,#d0bdff,#a78bfa);border:1px solid #dccdff73;box-shadow:0 8px 30px #8b5cf629}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8b5cf647}.secondary-btn{color:#e9e6f3;background:#ffffff06;border:1px solid #ffffff1f}.secondary-btn:hover{background:#b49aff12;border-color:#b49aff73;transform:translateY(-3px)}.hero-meta{color:#79788c;letter-spacing:1.1px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;max-width:450px;margin-top:55px;font-size:8px;font-weight:700;display:flex}.hero-meta>span:first-child{align-items:center;gap:9px;display:inline-flex}.live-dot{background:#bba0ff;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #b49affb3}.hero-scroll-line{background:linear-gradient(#0000,#a78bfa);width:1px;height:45px;position:absolute;bottom:0;right:7%}.hero-art{perspective:900px;isolation:isolate;place-items:center;min-width:0;min-height:390px;display:grid;position:relative}.hero-glow{filter:blur(75px);opacity:.55;background:#8053f4;border-radius:50%;width:230px;height:230px;position:absolute}.orbit{z-index:-1;pointer-events:none;border:1px solid #bea3ff40;border-radius:50%;position:absolute;box-shadow:inset 0 0 25px #9d6eff09}.orbit-one{width:min(360px,90%);height:130px;transform:rotate(-28deg)}.orbit-two{width:290px;max-width:82%;height:240px;transform:rotate(35deg)}.hero-core{width:250px;max-width:72%;height:250px;transform-style:preserve-3d;background:radial-gradient(circle at 28% 20%,#ffffff2e,#0000 30%),radial-gradient(circle at 70% 80%,#7244eb5c,#0000 50%),linear-gradient(145deg,#413169b8,#100d1cf5 60%);border:1px solid #cdb9ff52;border-radius:36%;place-items:center;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #c3aaff12,0 25px 80px #0000006b,0 0 65px #8b5cf61f}.core-ring{border:1px solid #d0beff33;border-radius:32%;position:absolute;inset:13px;transform:rotate(14deg)}.core-letter{z-index:1;letter-spacing:-15px;color:#eee7ff;text-shadow:0 0 35px #ccb6ff47;font-size:clamp(115px,15vw,190px);font-weight:900;line-height:1}.core-letter span{color:#b49aff}.core-shine{background:linear-gradient(90deg,#0000,#ffffff17,#0000);width:50%;height:260%;animation:7s ease-in-out infinite core-shine;position:absolute;top:-80%;left:-65%;transform:rotate(35deg)}@keyframes core-shine{0%,25%{left:-65%}65%,to{left:125%}}.floating-chip{z-index:3;color:#e8ddff;letter-spacing:1px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#100e1bc7;border:1px solid #d1beff33;border-radius:12px;align-items:center;gap:8px;padding:11px 13px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;box-shadow:0 12px 35px #0000002e}.chip-top{top:55px;right:0}.chip-bottom{bottom:55px;left:0}.art-label{color:#77718d;letter-spacing:3px;font-size:8px;font-weight:700;position:absolute;bottom:7px}.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0f0e17e0;grid-template-columns:repeat(3,minmax(0,1fr));padding:28px 8%;display:grid;position:relative}.stats>div{border-right:1px solid var(--line);flex-direction:column;gap:9px;min-width:0;padding:5px 25px;display:flex}.stats>div:first-child{padding-left:0}.stats>div:last-child{border-right:0}.stats strong{color:#e6ddff;letter-spacing:1.3px;font-size:10px}.stats span{color:var(--cv-muted);font-size:11px;line-height:1.7}.movie-section{padding:88px 7% 75px;scroll-margin-top:80px}.section-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px;display:flex}.section-heading h2,.discovery-banner h2,.upcoming-section h2{letter-spacing:-1.8px;margin:13px 0 0;font-size:clamp(29px,3.6vw,43px);font-weight:800;line-height:1.2}.section-description{color:var(--cv-muted);margin:12px 0 0;font-size:12px;line-height:1.8}.view-all{color:#c8b5ff;letter-spacing:1.2px;white-space:nowrap;align-items:center;gap:8px;padding-bottom:5px;font-size:9px;font-weight:800;display:inline-flex}.search-panel{background:linear-gradient(125deg,#ffffff09,#ffffff03),#11101aa6;border:1px solid #ffffff16;border-radius:15px;margin-bottom:30px;padding:16px;box-shadow:0 12px 35px #0000001f}.search-box{color:#bca8ff;background:#05050a8c;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:0 15px;transition:border-color .25s,box-shadow .25s;display:flex}.search-box:focus-within{border-color:#b49affa6;box-shadow:0 0 0 3px #b49aff13}.search-box input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;height:46px;font-size:12px}.search-box input::placeholder{color:#777587}.search-box input:focus-visible{outline:0}.search-box button{color:#d8d1ea;background:#ffffff0f;border:0;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.genre-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.genre-chip{color:#a7a5b7;background:#ffffff06;border:1px solid #ffffff17;border-radius:8px;min-height:31px;padding:7px 12px;font-size:10px;font-weight:600;transition:color .2s,background .2s,border-color .2s}.genre-chip:hover{color:#fff;border-color:#b49aff66}.genre-chip.selected{color:#e3d8ff;background:#b49aff26;border-color:#b49aff6b}.movie-grid{perspective:1200px;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 17px;display:grid}.movie-card{cursor:pointer;min-width:0;transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .22s;position:relative}.movie-card:focus-visible{border-radius:12px}.poster-wrap{aspect-ratio:2/3;isolation:isolate;background:#171522;border:1px solid #ffffff1a;border-radius:11px;transition:border-color .3s,box-shadow .3s;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:0 12px 25px #00000030}.movie-card:hover .poster-wrap{border-color:#b49aff8c;box-shadow:0 18px 35px #0000004d,0 0 25px #8b5cf61f}.poster-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.movie-card:hover .poster-wrap img{transform:scale(1.075)}.poster-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 10%,#05050a33 55%,#05050ad9);position:absolute;inset:30% 0 0}.poster-wrap:before{z-index:2;opacity:0;pointer-events:none;content:"";background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%), #c9b2ff2e, transparent 48%);transition:opacity .3s;position:absolute;inset:0}.movie-card:hover .poster-wrap:before{opacity:1}.rating{z-index:3;color:#ffdc8a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080dd1;border:1px solid #ffffff21;border-radius:7px;align-items:center;gap:5px;padding:7px 8px;font-size:10px;font-weight:800;display:inline-flex;position:absolute;top:9px;left:9px}.poster-open{z-index:3;color:#171020;opacity:0;background:#b49affd9;border:1px solid #ffffff6b;border-radius:50%;place-items:center;width:45px;height:45px;transition:opacity .25s,transform .25s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-40%)scale(.8);box-shadow:0 0 35px #b49aff4d}.movie-card:hover .poster-open,.movie-card:focus-visible .poster-open{opacity:1;transform:translate(-50%,-50%)scale(1)}.poster-category{z-index:3;color:#e5dafa;letter-spacing:.6px;opacity:0;font-size:9px;font-weight:600;transition:opacity .25s,transform .25s;position:absolute;bottom:10px;left:9px;right:9px;transform:translateY(5px)}.movie-card:hover .poster-category{opacity:1;transform:translateY(0)}.movie-info{padding:13px 2px 0}.movie-info h3{color:#f2effb;margin:0;font-size:11px;font-weight:700;line-height:1.65;transition:color .2s}.movie-card:hover .movie-info h3{color:var(--cv-purple-bright)}.movie-info p{color:#8e8c9e;margin:6px 0 0;font-size:10px;line-height:1.6}.movie-info p span{color:#6f6c80;padding:0 3px}.empty-state{color:#bdaaff;text-align:center;background:#b49aff06;border:1px dashed #b49aff38;border-radius:15px;flex-direction:column;align-items:center;padding:65px 20px;display:flex}.empty-state h3{color:#f4f0ff;margin:18px 0 8px;font-size:20px}.empty-state p{color:var(--cv-muted);margin:0 0 20px;font-size:12px;line-height:1.8}.catalog-note{color:#797789;text-align:center;margin:25px 0 0;font-size:10px;line-height:1.8}.discovery-banner{isolation:isolate;background:radial-gradient(at 80% 30%,#8b5cf626,#0000 43%),linear-gradient(120deg,#11101b,#100e19);border:1px solid #b49aff33;border-radius:20px;justify-content:space-between;align-items:center;gap:35px;margin:0 7% 85px;padding:48px 5%;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 70px #0000001f}.banner-orb{z-index:-1;border:1px solid #b49aff14;border-radius:50%;width:260px;height:260px;position:absolute;top:-110px;left:35%;box-shadow:0 0 0 30px #b49aff05,0 0 0 60px #b49aff03}.banner-content,.banner-copy{z-index:1;position:relative}.discovery-banner h2{font-size:clamp(34px,4vw,48px);line-height:1.2}.banner-copy{max-width:360px}.banner-copy p{color:#aaa7bb;font-size:12px;line-height:1.95}.text-link{color:#d0bfff;align-items:center;gap:9px;margin-top:8px;font-size:11px;font-weight:800;display:inline-flex}.text-link:hover{color:#fff}.upcoming-section{padding:0 7% 90px;scroll-margin-top:100px}.upcoming-section h2{margin-top:18px;font-size:clamp(36px,5vw,57px);line-height:1.14}.upcoming-section>p{color:#a5a2b4;max-width:480px;margin:18px 0 25px;font-size:12px;line-height:1.95}.footer{border-top:1px solid var(--line);background:#0b0b11;justify-content:space-between;align-items:center;gap:20px;min-height:88px;padding:24px 7%;display:flex}.footer .logo{font-size:17px}.footer .logo-mark{width:29px;height:29px}.footer p,.footer>span{color:#898799;font-size:10px;line-height:1.7}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(16px);background:#030308d4;place-items:center;padding:25px;display:grid;position:fixed;inset:0;overflow-y:auto}.movie-modal{background:radial-gradient(at 100% 0,#8b5cf61f,#0000 45%),#12111b;border:1px solid #b49aff3b;border-radius:19px;grid-template-columns:230px minmax(0,1fr);gap:28px;width:min(780px,100%);min-height:300px;padding:27px;display:grid;position:relative;box-shadow:0 35px 100px #0000008c}.modal-close{z-index:2;color:#fff;background:#09080fc7;border:1px solid #ffffff21;border-radius:10px;place-items:center;width:37px;height:37px;transition:background .2s;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{background:#b49aff2e}.modal-poster{background:#1b1927;border-radius:11px;align-self:stretch;min-width:0;overflow:hidden}.modal-poster img{object-fit:cover;width:100%;height:100%;min-height:300px}.modal-content{align-self:center;padding:15px 8px 15px 0}.modal-content h2{letter-spacing:-1.2px;margin:14px 0;padding-right:20px;font-size:clamp(24px,3vw,34px);line-height:1.2}.modal-meta{color:#d2c7ed;flex-wrap:wrap;align-items:center;gap:13px;font-size:11px;display:flex}.modal-meta span{align-items:center;gap:5px;display:inline-flex}.modal-meta span:last-child{color:#ffdc8a}.modal-content>p{color:#b5b1c5;margin:21px 0;font-size:12px;line-height:1.95}.modal-content>p.modal-note{color:#827f92;margin-top:-5px;font-size:10px}@media (width<=1100px){.navbar{padding-inline:5%}.hero{grid-template-columns:1.05fr .95fr;padding-inline:6%}.hero h1{letter-spacing:-3.5px;font-size:clamp(49px,6vw,70px)}.movie-section{padding-inline:5%}.movie-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 19px}.discovery-banner{margin-inline:5%}.upcoming-section,.footer{padding-inline:5%}}@media (width<=700px){.navbar{gap:12px;min-height:67px;padding:12px 5%}.logo{font-size:19px}.logo-mark{width:30px;height:30px}.profile-btn{margin-left:auto;padding:9px 11px;font-size:10px}.menu-toggle{display:inline-flex}.nav-links{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0910f7;align-items:stretch;gap:0;padding:10px 5% 17px;display:none;position:absolute;top:calc(100% + 1px);left:0;right:0}.nav-links.nav-open{flex-direction:column;display:flex}.nav-links a{border-bottom:1px solid #ffffff0b;padding:14px 5px;font-size:12px}.nav-links a:after{display:none}.hero{grid-template-columns:1fr;gap:0;min-height:auto;padding:56px 6% 35px}.hero h1{letter-spacing:-3px;margin:23px 0 18px;font-size:clamp(46px,11vw,65px)}.hero-content>p{max-width:460px;font-size:12px}.hero-buttons{gap:9px;margin-top:24px}.primary-btn,.secondary-btn{min-height:43px;padding:12px 14px;font-size:10px}.hero-meta{letter-spacing:.7px;margin-top:30px;font-size:7px}.hero-art{min-height:310px;margin-top:8px}.hero-core{width:205px;height:205px}.core-letter{letter-spacing:-12px;font-size:145px}.hero-glow{width:170px;height:170px}.orbit-one{width:285px;height:100px}.orbit-two{width:240px;height:190px}.chip-top{top:35px;right:0}.chip-bottom{bottom:38px;left:0}.floating-chip{padding:9px 10px;font-size:8px}.hero-scroll-line{display:none}.stats{padding:22px 5%}.stats>div{gap:7px;padding:4px 10px}.stats strong{letter-spacing:.5px;font-size:8px;line-height:1.6}.stats span{font-size:9px;line-height:1.6}.movie-section{padding:60px 5% 55px}.section-heading{align-items:flex-start;gap:12px}.section-heading h2,.discovery-banner h2{letter-spacing:-1.3px;font-size:29px}.section-description{font-size:11px}.view-all{letter-spacing:.5px;margin-top:7px;font-size:8px}.search-panel{margin-bottom:23px;padding:11px}.search-box{gap:9px;padding-inline:10px}.search-box input{font-size:11px}.genre-filters{gap:7px}.genre-chip{padding:7px 9px;font-size:9px}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 13px}.poster-wrap{border-radius:9px}.rating{padding:6px;font-size:9px;top:7px;left:7px}.poster-open{width:39px;height:39px}.movie-info{padding-top:10px}.movie-info h3{font-size:11px}.movie-info p{font-size:9px}.poster-category{font-size:8px}.discovery-banner{border-radius:15px;flex-direction:column;align-items:flex-start;gap:17px;margin:0 5% 60px;padding:31px 23px}.discovery-banner h2{font-size:36px}.banner-copy p{font-size:11px}.upcoming-section{padding:0 5% 60px}.upcoming-section h2{font-size:40px}.upcoming-section>p{font-size:11px}.footer{flex-wrap:wrap;gap:13px;min-height:auto;padding:24px 5%}.footer .logo{font-size:15px}.footer .logo-mark{width:26px;height:26px}.footer p{order:3;width:100%;margin:0}.footer>span{font-size:8px}.modal-backdrop{padding:15px}.movie-modal{border-radius:15px;grid-template-columns:105px minmax(0,1fr);align-items:start;gap:15px;max-width:430px;padding:16px}.modal-poster img{min-height:150px}.modal-content{padding:24px 0 5px}.modal-content .section-kicker{letter-spacing:.7px;font-size:7px}.modal-content h2{letter-spacing:-.5px;margin:10px 0;font-size:19px}.modal-meta{gap:8px;font-size:9px}.modal-content>p{margin:13px 0;font-size:10px;line-height:1.8}.modal-content>p.modal-note{font-size:9px}.modal-close{width:30px;height:30px;top:8px;right:8px}.modal-content .primary-btn{padding:10px;font-size:9px}}@media (width<=370px){.logo{gap:3px;font-size:16px}.logo-mark{width:26px;height:26px;margin-right:2px}.profile-btn{padding:8px}.hero h1{font-size:44px}.hero-buttons{flex-direction:column;align-items:stretch}.hero-buttons a{width:fit-content}.stats{padding-inline:3%}.stats>div{padding-inline:7px}.stats strong{font-size:7px}.stats span{font-size:8px}.section-heading h2{font-size:25px}.view-all{font-size:7px}.movie-modal{grid-template-columns:1fr}.modal-poster{max-height:190px}.modal-poster img{object-position:center 25%;min-height:0;max-height:190px}.modal-content{padding-top:4px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.logo,.movie-title,.poster-wrap{cursor:pointer}.logo,.movie-title{font:inherit;border:0}.logo{color:inherit;background:0 0;align-items:center;gap:10px;display:inline-flex}.logo-mark{color:#09080f;background:var(--cv-purple,#b49aff);border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.logo-accent{color:var(--cv-purple,#b49aff)}.navbar .nav-links button,.navbar .nav-links a{align-items:center;gap:7px;display:inline-flex}.navbar .nav-links button.active{color:var(--cv-purple,#b49aff)}.menu-toggle{border:1px solid var(--cv-line,#333);color:inherit;background:var(--cv-panel,#101019);border-radius:10px;justify-content:center;align-items:center;padding:9px 12px;display:none}.hero-content{z-index:2;position:relative}.hero-actions,.modal-actions{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn-primary{background:var(--cv-purple,#b49aff);color:#100d19;border:1px solid #0000}.btn-secondary{color:inherit;border:1px solid var(--cv-line,#333);background:#ffffff0f}.hero-note{color:var(--cv-muted,#9999ac);align-items:center;gap:9px;margin-top:24px;font-size:12px;display:flex}.hero-dot{background:#9ce67c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #9ce67c80}.hero-art{pointer-events:none;place-items:center;width:48%;display:grid;position:absolute;inset:0 0 0 auto}.hero-poster{aspect-ratio:.72;color:#e5d9ff;background:linear-gradient(145deg,#d5a4ff35,#33264f 50%,#12101d);border:1px solid #ffffff30;border-radius:28px;place-items:center;width:min(230px,48%);display:grid;transform:rotate(8deg);box-shadow:0 25px 80px #0008,inset 0 0 40px #ffffff08}.hero-orbit{aspect-ratio:1;border:1px solid #c8b5ff32;border-radius:50%;width:290px;position:absolute}.orbit-two{width:380px}.hero-star{color:var(--cv-purple,#b49aff);font-size:35px;position:absolute}.star-one{top:25%;right:22%}.star-two{bottom:23%;left:15%}.stats-strip{grid-template-columns:repeat(3,1fr);gap:16px;margin:28px 0 12px;display:grid}.stats-strip>div{border:1px solid var(--cv-line,#333);background:var(--cv-panel,#101019);border-radius:15px;flex-direction:column;gap:6px;padding:19px;display:flex}.stats-strip strong{font-size:16px}.stats-strip span{color:var(--cv-muted,#9999ac);font-size:12px}.catalog-switch{border:1px solid var(--cv-line,#333);background:var(--cv-panel,#101019);border-radius:12px;gap:5px;padding:5px;display:flex}.catalog-switch button{color:var(--cv-muted,#9999ac);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:10px 13px;font-size:12px;font-weight:700;display:inline-flex}.catalog-switch button.active{color:#100d19;background:var(--cv-purple,#b49aff)}.search-box{align-items:center;gap:12px;display:flex}.search-box input{min-width:0;color:inherit;background:0 0;border:0;outline:none;flex:1}.search-box>button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.movie-card{min-width:0}.poster-wrap{aspect-ratio:2/3;border:1px solid var(--cv-line,#333);background:var(--cv-panel,#101019);text-align:left;border-radius:15px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.poster-wrap>img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.movie-card:hover .poster-wrap>img{transform:scale(1.045)}.poster-fallback{width:100%;height:100%;color:var(--cv-purple,#b49aff);text-align:center;overflow-wrap:anywhere;flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:15px;display:flex}.poster-fallback span{color:inherit;font-size:13px;font-weight:700}.media-type-badge{z-index:2;color:#fff;letter-spacing:.6px;background:#09080dc9;border:1px solid #ffffff30;border-radius:7px;padding:6px 8px;font-size:9px;font-weight:800;position:absolute;top:10px;left:10px}.poster-wrap .rating{z-index:2;color:#ffe29a;background:#09080dcc;border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:11px;display:inline-flex;position:absolute;top:9px;right:9px}.poster-open{color:#fff;opacity:0;background:#08070c70;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.movie-card:hover .poster-open,.poster-wrap:focus-visible .poster-open{opacity:1}.movie-title{max-width:100%;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;padding:0;font-size:14px;font-weight:700;display:block;overflow:hidden}.movie-sub{color:var(--cv-muted,#9999ac);justify-content:space-between;gap:8px;font-size:11px;display:flex}.loading-state,.details-loading{color:var(--cv-muted,#9999ac);justify-content:center;align-items:center;gap:10px;padding:35px 10px;display:flex}.loading-icon{animation:1s linear infinite cv-spin}@keyframes cv-spin{to{transform:rotate(360deg)}}.empty-state{border:1px dashed var(--cv-line,#333);color:var(--cv-muted,#9999ac);text-align:center;border-radius:15px;flex-direction:column;align-items:center;gap:12px;padding:35px 15px;display:flex}.empty-state h3,.empty-state p{margin:0}.pagination{color:var(--cv-muted,#9999ac);justify-content:center;align-items:center;gap:18px;margin-top:30px;font-size:12px;display:flex}.pagination button{border:1px solid var(--cv-line,#333);color:inherit;background:var(--cv-panel,#101019);border-radius:9px;align-items:center;gap:6px;padding:10px 13px;display:inline-flex}.pagination button:disabled{cursor:not-allowed;opacity:.4}.tmdb-note,.modal-disclaimer{color:var(--cv-muted,#9999ac);margin-top:24px;font-size:11px;line-height:1.6}.discovery-banner{border:1px solid var(--cv-line,#333);background:linear-gradient(120deg,#b49aff16,#101019);border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-top:45px;padding:clamp(22px,4vw,38px);display:flex}.discovery-banner h2{margin:12px 0 8px}.discovery-banner p{color:var(--cv-muted,#9999ac);margin:0;font-size:13px;line-height:1.6}.footer-logo{flex-shrink:0}.movie-modal{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05040be8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{border:1px solid var(--cv-line,#333);background:var(--cv-panel,#101019);border-radius:20px;width:min(820px,100%);max-height:92vh;position:relative;overflow-y:auto}.modal-close{z-index:5;color:#fff;background:#09080dcc;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:14px;right:14px}.modal-backdrop{background-position:50% 30%;background-size:cover;align-items:flex-start;min-height:200px;display:flex;position:relative}.modal-backdrop .media-type-badge{top:18px;left:18px}.modal-details{padding:clamp(20px,4vw,32px)}.modal-details h2{margin:10px 0 14px;font-size:clamp(26px,4vw,38px);line-height:1.15}.modal-meta{flex-wrap:wrap;gap:9px;margin-bottom:18px;display:flex}.modal-meta span{border:1px solid var(--cv-line,#333);color:var(--cv-muted,#9999ac);border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:inline-flex}.modal-meta span:first-child{color:#f4d16e}.modal-description{color:var(--cv-muted,#9999ac);font-size:13px;line-height:1.8}.seasons-section{border-top:1px solid var(--cv-line,#333);margin-top:30px;padding-top:24px}.season-heading,.trailer-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.season-heading h3,.trailer-heading h3{align-items:center;gap:9px;margin:0;font-size:17px;display:flex}.season-heading>span{color:var(--cv-muted,#9999ac);font-size:11px}.season-select-label{color:var(--cv-muted,#9999ac);margin:20px 0 8px;font-size:12px;display:block}.season-select{border:1px solid var(--cv-line,#333);width:100%;color:inherit;background:var(--cv-panel,#101019);border-radius:10px;padding:12px}.episode-list{gap:13px;margin-top:18px;display:grid}.episode-card{border:1px solid var(--cv-line,#333);background:var(--cv-bg,#08080d);border-radius:13px;grid-template-columns:135px minmax(0,1fr);gap:15px;padding:12px;display:grid}.episode-card>img,.episode-placeholder{aspect-ratio:16/9;object-fit:cover;border-radius:9px;width:100%}.episode-placeholder{color:var(--cv-purple,#b49aff);background:var(--cv-panel,#101019);place-items:center;display:grid}.episode-info{min-width:0}.episode-number{color:var(--cv-purple,#b49aff);font-size:10px;font-weight:800}.episode-info h4{margin:6px 0;font-size:14px}.episode-info p{color:var(--cv-muted,#9999ac);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:11px;line-height:1.6;display:-webkit-box;overflow:hidden}.episode-rating{color:#f4d16e;align-items:center;gap:4px;margin-top:8px;font-size:11px;display:inline-flex}.trailer-section{border-top:1px solid var(--cv-line,#333);margin-top:28px;padding-top:20px}.trailer-heading{margin-bottom:14px}.trailer-heading button{border:1px solid var(--cv-line,#333);color:inherit;background:var(--cv-panel,#101019);border-radius:8px;place-items:center;padding:7px;display:grid}.trailer-frame{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;overflow:hidden}.trailer-frame iframe{border:0;width:100%;height:100%;display:block}@media (width<=850px){.hero-art{opacity:.45}.section-heading{flex-wrap:wrap}}@media (width<=700px){.menu-toggle{display:inline-flex}.navbar{flex-wrap:wrap;position:relative}.nav-links{flex-direction:column;order:5;align-items:stretch;gap:8px;width:100%;padding:12px 0;display:none}.nav-links.open{display:flex}.nav-links button,.nav-links a{padding:10px}.hero-art{opacity:.23;width:55%}.hero-poster{width:55%}.stats-strip{grid-template-columns:1fr;gap:9px}.stats-strip>div{padding:14px}.catalog-switch{width:100%}.catalog-switch button{flex:1;padding:10px 7px}.discovery-banner{flex-direction:column;align-items:flex-start}.episode-card{grid-template-columns:95px minmax(0,1fr);gap:10px;padding:9px}.episode-info h4{font-size:12px}.episode-info p{-webkit-line-clamp:2}.pagination{gap:9px}.pagination button{padding:9px;font-size:11px}}@media (prefers-reduced-motion:reduce){.loading-icon{animation:none}.poster-wrap>img,.poster-open{transition:none}}
