@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap);:root{--bg-color:#000;--bg-color-light:#181818;--accent-color:#e50914;--text-primary:#fff;--text-secondary:#aaa;--card-radius:4px}body.light-mode{--bg-color:#fff;--bg-color-light:#f8f9fa;--text-primary:#121212;--text-secondary:#666;--card-radius:6px}body.light-mode .site-header{background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,.95)),color-stop(50%,hsla(0,0%,100%,.7)),to(hsla(0,0%,100%,0)));background:linear-gradient(180deg,hsla(0,0%,100%,.95) 0,hsla(0,0%,100%,.7) 50%,hsla(0,0%,100%,0));border-bottom:none}body.light-mode .hero-vignette{background:-webkit-gradient(linear,left top,right top,from(#fff),color-stop(30%,hsla(0,0%,100%,.8)),color-stop(60%,transparent)),-webkit-gradient(linear,left bottom,left top,from(#fff),color-stop(40%,transparent));background:linear-gradient(90deg,#fff,hsla(0,0%,100%,.8) 30%,transparent 60%),linear-gradient(0deg,#fff,transparent 40%)}body.light-mode .search-container{background:#f0f2f5;border:1px solid transparent}body.light-mode .search-container:focus-within{background:#fff;border-color:#e50914;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(229,9,20,.1)}body.light-mode .secondary-btn{background-color:#fff;border:1px solid #ddd;color:#121212;box-shadow:0 2px 4px rgba(0,0,0,.05)}body.light-mode .secondary-btn:hover{background-color:#f8f9fa;border-color:#ccc}body.light-mode .genre-tile:after{background:rgba(0,0,0,.25)}body.light-mode .genre-tile:hover:after{background:rgba(0,0,0,.1)}body.light-mode .genre-tile h3{color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}body.light-mode .popup .content{box-shadow:0 15px 35px rgba(0,0,0,.15)}body.light-mode .popup .plot p{color:#aaa;color:var(--text-secondary)}body.light-mode .close{background-color:#e0e0e0;color:#121212}body.light-mode .close:hover{background-color:#d0d0d0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,montserrat,sans-serif;background-color:#000;background-color:var(--bg-color);color:#fff;color:var(--text-primary);min-height:100vh;overflow-x:hidden;-webkit-transition:background-color .4s ease,color .4s ease;transition:background-color .4s ease,color .4s ease}.App{display:flex;flex-direction:column}.site-header{position:absolute;top:0;left:0;width:100%;padding:20px 4%;display:flex;justify-content:space-between;align-items:center;z-index:50;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.8)),to(transparent));background:linear-gradient(180deg,rgba(0,0,0,.8) 0,transparent)}.header-left,.header-right{display:flex;align-items:center;grid-gap:30px;gap:30px}.logo{color:#e50914;color:var(--accent-color);font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:2px;cursor:pointer}.nav-links{display:flex;grid-gap:20px;gap:20px}.nav-link{color:#fff;color:var(--text-primary);font-size:14px;cursor:pointer;-webkit-transition:opacity .2s;transition:opacity .2s;position:relative}.nav-link:hover{opacity:.8}.nav-link.active{font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-6px;left:0;width:100%;height:2px;background-color:#e50914;background-color:var(--accent-color)}.search-container{display:flex;align-items:center;background:rgba(0,0,0,.5);border:1px solid hsla(0,0%,100%,.2);padding:6px 14px;border-radius:50px;width:250px;-webkit-transition:all .3s ease;transition:all .3s ease}.search-container:focus-within{background:rgba(0,0,0,.8);border-color:#fff;border-color:var(--text-primary);width:300px}.search-icon{width:20px;height:20px;margin-right:8px}.search-icon,.search-input{color:#fff;color:var(--text-primary)}.search-input{background:transparent;border:none;outline:none;width:100%;font-size:14px}.utility-icons{display:flex;align-items:center;grid-gap:20px;gap:20px}.bell-icon{width:24px;height:24px;cursor:pointer}.theme-toggle{background:transparent;border:none;font-size:24px;cursor:pointer;padding:4px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.hero{position:relative;width:100%;height:85vh;background-size:cover;background-position:top;display:flex;align-items:center}.hero-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(#000),color-stop(50%,transparent)),-webkit-gradient(linear,left bottom,left top,from(#000),color-stop(40%,transparent));background:linear-gradient(90deg,#000,transparent 50%),linear-gradient(0deg,#000,transparent 40%)}.hero-content{position:relative;z-index:10;padding-left:4%;max-width:600px}.badge{display:inline-block;background-color:#e50914;background-color:var(--accent-color);color:#fff;font-size:12px;font-weight:700;padding:4px 8px;border-radius:2px;margin-bottom:12px;letter-spacing:1px}.hero-title{font-size:64px;font-weight:700;margin-bottom:16px;line-height:1.1;text-transform:uppercase}.hero-meta-top{grid-gap:12px;gap:12px;margin-bottom:12px;font-size:14px;font-weight:600}.hero-meta-top,.rating{display:flex;align-items:center}.rating{grid-gap:4px;gap:4px}.rating svg{width:16px;height:16px}.genres{color:#fff;color:var(--text-primary);letter-spacing:1px}.hero-overview,.runtime{color:#aaa;color:var(--text-secondary)}.hero-overview{font-size:16px;line-height:1.5;margin-bottom:30px}.hero-buttons{display:flex;grid-gap:16px;gap:16px}.primary-btn,.secondary-btn{display:flex;align-items:center;grid-gap:8px;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;border-radius:4px;cursor:pointer;border:none;-webkit-transition:all .2s ease;transition:all .2s ease}.primary-btn{background-color:#e50914;background-color:var(--accent-color);color:#fff;color:var(--text-primary)}.primary-btn:hover{background-color:#f40612;-webkit-transform:scale(1.05);transform:scale(1.05)}.primary-btn svg{width:20px;height:20px}.secondary-btn{background-color:rgba(20,20,20,.9);border:1px solid hsla(0,0%,100%,.2);color:#fff;color:var(--text-primary)}.secondary-btn:hover{background-color:rgba(40,40,40,.9);-webkit-transform:scale(1.05);transform:scale(1.05)}.secondary-btn svg{width:20px;height:20px}.content-row{margin-top:20px;margin-bottom:40px;padding-left:4%}.row-title{font-size:20px;margin-bottom:16px;font-weight:600}.row-container{position:relative}.row-container,.slider-arrow{display:flex;align-items:center}.slider-arrow{position:absolute;top:0;bottom:0;width:4%;background:rgba(0,0,0,.5);justify-content:center;cursor:pointer;z-index:20;opacity:0;-webkit-transition:opacity .3s;transition:opacity .3s}.row-container:hover .slider-arrow{opacity:1}.slider-arrow:hover{background:rgba(0,0,0,.8)}.slider-arrow svg{width:40px;height:40px}.slider-arrow.left{left:-4%}.slider-arrow.right{right:0}.row-posters{display:flex;overflow-y:hidden;overflow-x:scroll;padding:20px 0;grid-gap:16px;gap:16px;scroll-behavior:smooth}.row-posters::-webkit-scrollbar{display:none}.result-card{flex:0 0 200px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;cursor:pointer;border-radius:4px;border-radius:var(--card-radius)}.result-card:hover{-webkit-transform:scale(1.08);transform:scale(1.08);z-index:10}.result-card img{width:100%;height:300px;object-fit:cover;border-radius:4px;border-radius:var(--card-radius);box-shadow:0 4px 15px rgba(0,0,0,.5)}.result-meta{display:flex;justify-content:space-between;margin-top:8px;padding:0 4px;font-size:14px}.result-rating{color:#e50914;color:var(--accent-color);font-weight:600}.result-year{color:#aaa;color:var(--text-secondary)}.trending-card .poster-wrapper{position:relative}.trending-card .badge-rating{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.8);padding:4px 8px;border-radius:4px;font-weight:700;font-size:12px;color:#fff;color:var(--text-primary)}.popular-card{display:flex;flex-direction:column}.popular-info{margin-top:10px}.popular-title-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:5px}.popular-title{font-size:14px;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.popular-year{background-color:#e50914;background-color:var(--accent-color);padding:2px 4px;border-radius:2px;font-size:10px;font-weight:700}.popular-meta{font-size:12px;color:#aaa;color:var(--text-secondary)}.popular-dot{margin:0 4px}.popular-genre{color:#aaa;color:var(--text-secondary)}.genre-section{padding-right:4%}.genre-grid{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-gap:16px;gap:16px;height:400px}.genre-tile{border-radius:8px;background-size:cover;background-position:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;overflow:hidden}.genre-tile:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.genre-tile:active{-webkit-transform:scale(.95);transform:scale(.95)}.genre-tile:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.4);-webkit-transition:background .3s;transition:background .3s}.genre-tile:hover:after{background:rgba(0,0,0,.2)}.genre-tile h3{position:relative;z-index:10;font-size:24px;text-transform:uppercase;letter-spacing:2px;pointer-events:none}.genre-tile.large{grid-column:1/2;grid-row:1/3}.genre-tile.large h3{font-size:36px}.site-footer{border-top:1px solid hsla(0,0%,100%,.1);margin-top:60px;padding:40px 4% 20px}.footer-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.footer-logo{font-size:20px;color:#fff;color:var(--text-primary);font-weight:700;text-transform:uppercase}.footer-links{display:flex;grid-gap:20px;gap:20px;color:#aaa;color:var(--text-secondary);font-size:14px}.footer-links span{cursor:pointer}.footer-links span:hover{color:#fff;color:var(--text-primary)}.footer-tmdb{color:#f5c518;font-weight:700;font-size:18px}.footer-copyright{color:#aaa;color:var(--text-secondary);font-size:12px}.search-results-section{padding:100px 4% 40px}.section-title{font-size:24px;margin-bottom:24px}@-webkit-keyframes resultFadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes resultFadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:20px;gap:20px}.results-grid .result-card{-webkit-animation:resultFadeIn .5s cubic-bezier(.2,.8,.2,1) forwards;animation:resultFadeIn .5s cubic-bezier(.2,.8,.2,1) forwards}.results-grid .result-card:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.popup{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:rgba(0,0,0,.85);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);overflow-y:auto;z-index:100;display:flex;align-items:center;justify-content:center}.popup .content{width:90%;max-width:800px;background-color:#181818;background-color:var(--bg-color-light);border-radius:8px;padding:40px;position:relative;box-shadow:0 15px 35px rgba(0,0,0,.8)}.popup h2{font-size:32px;margin-bottom:10px}.popup h2 span{font-weight:300;font-size:20px;color:#aaa;color:var(--text-secondary)}.popup .rating{color:#46d369;font-size:18px;font-weight:600;margin-bottom:24px}.popup .plot{display:flex;grid-gap:30px;gap:30px;margin-bottom:30px}.popup .plot img{width:250px;border-radius:4px;border-radius:var(--card-radius);box-shadow:0 10px 25px rgba(0,0,0,.4)}.popup .plot p{flex:1 1;font-size:18px;line-height:1.6;color:#ddd}.close{display:inline-block;padding:12px 30px;font-size:16px;font-weight:600;background-color:#fff;background-color:var(--text-primary);color:#000;color:var(--bg-color);border-radius:4px;border:none;cursor:pointer;-webkit-transition:background-color .2s;transition:background-color .2s}.close:hover{background-color:hsla(0,0%,100%,.7)}.error-message{margin-top:150px;text-align:center;font-size:24px}@media (max-width:768px){.hero-title{font-size:40px}.header-right{display:none}.popup .plot{flex-direction:column}.popup .plot img{max-width:100%}}.landing-page{width:100vw;height:100vh;background:#050505;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;font-family:Inter,sans-serif}.ring{position:absolute;border-radius:50%;border:1px solid rgba(255,15,57,.15);-webkit-animation:pulseRing 6s ease-in-out infinite;animation:pulseRing 6s ease-in-out infinite}.ring-1{width:500px;height:500px;-webkit-animation-delay:0s;animation-delay:0s}.ring-1,.ring-2{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.ring-2{width:700px;height:700px;-webkit-animation-delay:2s;animation-delay:2s}.ring-3{width:900px;height:900px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-animation-delay:4s;animation-delay:4s}@-webkit-keyframes pulseRing{0%,to{opacity:.2;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}}@keyframes pulseRing{0%,to{opacity:.2;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.particle{position:absolute;width:3px;height:3px;background:#ff0f39;border-radius:50%;opacity:0;-webkit-animation:drift 18s linear infinite;animation:drift 18s linear infinite}@-webkit-keyframes drift{0%{-webkit-transform:translateY(100vh) translateX(0) scale(.5);transform:translateY(100vh) translateX(0) scale(.5);opacity:0}10%{opacity:.6}90%{opacity:.3}to{-webkit-transform:translateY(-10vh) translateX(80px) scale(1.5);transform:translateY(-10vh) translateX(80px) scale(1.5);opacity:0}}@keyframes drift{0%{-webkit-transform:translateY(100vh) translateX(0) scale(.5);transform:translateY(100vh) translateX(0) scale(.5);opacity:0}10%{opacity:.6}90%{opacity:.3}to{-webkit-transform:translateY(-10vh) translateX(80px) scale(1.5);transform:translateY(-10vh) translateX(80px) scale(1.5);opacity:0}}.particle-0{left:5%;-webkit-animation-delay:0s;animation-delay:0s}.particle-1{left:15%;-webkit-animation-delay:1.5s;animation-delay:1.5s}.particle-2{left:25%;-webkit-animation-delay:3s;animation-delay:3s}.particle-3{left:35%;-webkit-animation-delay:.8s;animation-delay:.8s}.particle-4{left:45%;-webkit-animation-delay:4.5s;animation-delay:4.5s}.particle-5{left:55%;-webkit-animation-delay:2s;animation-delay:2s}.particle-6{left:65%;-webkit-animation-delay:5.5s;animation-delay:5.5s}.particle-7{left:75%;-webkit-animation-delay:1s;animation-delay:1s}.particle-8{left:85%;-webkit-animation-delay:3.5s;animation-delay:3.5s}.particle-9{left:95%;-webkit-animation-delay:6s;animation-delay:6s}.landing-content{position:relative;z-index:10;text-align:center;grid-gap:20px;gap:20px}.landing-content,.logo-wrapper{display:flex;flex-direction:column;align-items:center}.logo-accent{font-size:48px;margin-bottom:10px;-webkit-animation:float 3s ease-in-out infinite;animation:float 3s ease-in-out infinite}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.landing-logo{font-size:6rem;font-weight:900;color:#fff;letter-spacing:12px;text-transform:uppercase;text-shadow:0 0 30px rgba(255,15,57,.6),0 0 80px rgba(255,15,57,.3);margin:0}.logo-underline{width:120px;height:4px;background:-webkit-gradient(linear,left top,right top,from(transparent),color-stop(#ff0f39),to(transparent));background:linear-gradient(90deg,transparent,#ff0f39,transparent);margin-top:12px;border-radius:2px;-webkit-animation:shimmer 2s ease-in-out infinite;animation:shimmer 2s ease-in-out infinite}@-webkit-keyframes shimmer{0%,to{opacity:.5;width:80px}50%{opacity:1;width:160px}}@keyframes shimmer{0%,to{opacity:.5;width:80px}50%{opacity:1;width:160px}}.landing-tagline{font-size:24px;font-weight:300;color:hsla(0,0%,100%,.9);margin:0;letter-spacing:2px}.landing-sub{font-size:15px;color:hsla(0,0%,100%,.4);max-width:500px;letter-spacing:1px}.enter-btn{display:inline-flex;align-items:center;grid-gap:12px;gap:12px;padding:18px 48px;background:linear-gradient(135deg,#ff0f39,#c10020);color:#fff;border:none;border-radius:50px;font-size:18px;font-weight:700;letter-spacing:3px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 0 30px rgba(255,15,57,.4);margin-top:10px}.enter-btn:hover{-webkit-transform:scale(1.08);transform:scale(1.08);box-shadow:0 0 50px rgba(255,15,57,.7),0 0 100px rgba(255,15,57,.3)}.enter-btn:active{-webkit-transform:scale(.98);transform:scale(.98)}.btn-arrow{font-size:22px;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.enter-btn:hover .btn-arrow{-webkit-transform:translateX(6px);transform:translateX(6px)}.tech-badges{display:flex;grid-gap:10px;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:30px}.tech-badge{padding:6px 14px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;color:hsla(0,0%,100%,.5);font-size:12px;letter-spacing:1px;font-weight:500}.fade-in-up{opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);-webkit-animation:fadeInUp 1s ease forwards;animation:fadeInUp 1s ease forwards}.delay-1{-webkit-animation-delay:.3s;animation-delay:.3s}.delay-2{-webkit-animation-delay:.6s;animation-delay:.6s}.delay-3{-webkit-animation-delay:.9s;animation-delay:.9s}.delay-4{-webkit-animation-delay:1.2s;animation-delay:1.2s}@-webkit-keyframes fadeInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.landing-logo{font-size:3rem;letter-spacing:6px}.landing-tagline{font-size:18px}.enter-btn{padding:14px 36px;font-size:15px}.ring-3{display:none}}
/*# sourceMappingURL=main.0e915376.chunk.css.map */