@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}[style*=background-image],img{backface-visibility:hidden;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.4;overflow-x:hidden}.smartflix-app{background:#000;min-height:100vh;position:relative}.header-about-btn{background:linear-gradient(135deg,#e50914,#ff6b6b);border:none;border-radius:6px;box-shadow:0 4px 15px #e509144d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.5px;padding:10px 20px;text-transform:uppercase;transition:all .3s ease}.header-about-btn:hover{background:linear-gradient(135deg,#d40813,#ff5a5a);box-shadow:0 6px 20px #e5091466;transform:translateY(-1px)}.header-about-btn:active{transform:translateY(0)}.info-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#000000f2;border-left:1px solid #ffffff1a;height:100vh;overflow-y:auto;position:fixed;right:-400px;top:0;transition:right .3s ease;width:400px;z-index:1000}.info-panel.open{right:0}.info-content{color:#fff;padding:80px 30px 30px}.info-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.info-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e50914,#ff6b6b);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.info-close-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:35px;justify-content:center;transition:all .3s ease;width:35px}.info-close-btn:hover{background:#fff3;border-color:#ffffff4d;transform:scale(1.1)}.info-section{margin-bottom:25px}.info-section h3{border-bottom:1px solid #ffffff1a;color:#e5e5e5;font-size:1.1rem;font-weight:600;margin-bottom:10px;padding-bottom:5px}.info-section p{color:#ccc;font-size:.9rem;line-height:1.6;margin-bottom:10px}.info-section ul{list-style:none;padding:0}.info-section li{color:#ccc;font-size:.9rem;margin-bottom:8px;padding-left:15px;position:relative}.info-section li:before{color:#e50914;content:"•";left:0;position:absolute}.info-section strong{color:#fff;font-weight:600}.loading-screen{align-items:center;background:#000;display:flex;flex-direction:column;height:100vh;justify-content:center}.smartflix-logo{font-size:48px;margin-bottom:5px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e50914,#ff6b6b);-webkit-background-clip:text;background-clip:text}.loading-spinner{border:4px solid #333;height:60px;width:60px}.smartflix-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(180deg,#000c,#0000);border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;left:0;padding:12px 60px;position:fixed;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000}.smartflix-header.scrolled{background-color:#000}.header-left{gap:40px}.header-left,.smartflix-logo{align-items:center;display:flex}.smartflix-logo{font-size:24px;font-weight:900;letter-spacing:-.02em}.header-nav{display:flex;gap:20px}.nav-link{border:1px solid #0000;border-radius:6px;color:#e5e5e5;font-size:15px;font-weight:700;letter-spacing:.8px;padding:10px 18px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.nav-link.active,.nav-link:hover{background:#ffffff26;border-color:#fff3;box-shadow:0 4px 15px #0003;color:#fff;transform:translateY(-1px)}.header-right{gap:20px}.header-right,.header-search-container{align-items:center;display:flex}.header-search{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff26,#ffffff0d);border:2px solid #ffffff4d;border-radius:8px;box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff1a,inset 0 1px 0 #fff3;color:#fff;font-size:16px;font-weight:700;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:320px}.header-search,.header-search::placeholder{letter-spacing:.5px;text-transform:uppercase}.header-search::placeholder{color:#fff9;font-size:15px;font-weight:600}.header-search:focus{background:linear-gradient(135deg,#ffffff40,#ffffff1a);border-color:#e50914;box-shadow:0 15px 50px #00000080,0 0 0 3px #e509144d,inset 0 1px 0 #ffffff4d;outline:none;transform:translateY(-3px);width:400px}.header-search:hover{background:linear-gradient(135deg,#fff3,#ffffff14);border-color:#fff6;box-shadow:0 12px 45px #00000073,0 0 0 1px #ffffff26,inset 0 1px 0 #ffffff40}.header-search-container{position:relative}.main-content{margin-top:60px}.hero-section{align-items:flex-start;display:flex;height:70vh;justify-content:center;min-height:700px;position:relative;text-align:left}.hero-background{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;background:linear-gradient(135deg,#000000b3,#0000004d 50%,#000c),url(/static/media/pixar.3c9725c2549d46806153.jpg);background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;image-rendering:pixelated;left:0;perspective:1000;position:absolute;right:0;text-rendering:optimizeLegibility;top:0;transform:translateZ(0)}.hero-background,.hero-content{align-items:center;display:flex;justify-content:center}.hero-content{flex-direction:column;max-width:100%;min-height:100%;padding:120px 60px 40px;z-index:10}.hero-text-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #ffffff0d;border-radius:8px;box-shadow:0 8px 32px #0003;margin:0 auto;max-width:400px;padding:20px 30px;text-align:center}.hero-badge{margin-bottom:10px}.badge-text{background:#e5091433;border:1px solid #e509144d;border-radius:4px;color:#e50914;font-size:.7rem;font-weight:600;letter-spacing:1px;padding:4px 12px;text-transform:uppercase}.hero-title{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.hero-subtitle{color:#ccc;font-size:.9rem;font-weight:400;margin-bottom:15px}.hero-tech-stack{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:15px}.tech-item{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;color:#999;font-size:.7rem;font-weight:500;padding:3px 6px}.hero-footer{border-top:1px solid #ffffff1a;padding-top:10px}.hero-cta-text{color:#666;font-size:.8rem;font-weight:400;letter-spacing:.3px}.hero-featured{max-width:1400px;width:100%}.hero-section-title{color:#fff;font-size:24px;font-weight:600;margin-bottom:20px;text-shadow:2px 2px 4px #000000e6}.hero-movies-horizontal{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);max-width:100%;padding:0 25px 10px;width:100%}.search-results{margin-top:0;padding:40px 60px 60px;position:relative;z-index:10}.search-results h2{font-size:28px;margin-bottom:30px}.search-loading,.search-results h2{color:#fff;font-weight:600;text-align:center}.search-loading{animation:pulse 1.5s ease-in-out infinite;background:#0000004d;border-radius:12px;font-size:24px;margin:20px 0;padding:80px 40px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.search-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.movie-rows{padding:40px 60px}.movie-row{margin-bottom:50px}.loading-indicator{align-items:center;color:#666;display:flex;font-size:14px;justify-content:center;padding:20px}.end-indicator{color:#888;font-size:18px;line-height:1.6;padding:60px 40px;text-align:center}.end-indicator p{margin:10px 0}.end-indicator p:first-child{color:#fff;font-size:24px;font-weight:600}.row-title{color:#e5e5e5;font-size:24px;font-weight:600;margin-bottom:20px}.row-content{position:relative}.row-movies{-ms-overflow-style:none;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;padding:0 4px;scroll-behavior:smooth;scrollbar-width:none}.row-movies::-webkit-scrollbar{display:none}.scroll-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;height:50px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.scroll-arrow:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.scroll-arrow.left{left:-25px}.scroll-arrow.right{right:-25px}.movie-card{cursor:pointer;flex-shrink:0;height:360px;position:relative;transition:transform .2s ease;width:240px}.movie-card.large{height:420px;width:280px}.movie-card.hero{height:400px;justify-self:center;max-width:1000px;width:100%}.movie-card:hover{box-shadow:0 8px 25px #0000004d;position:relative;transform:scale(1.05);z-index:10}.movie-poster{border-radius:4px;height:100%;overflow:hidden;position:relative;width:100%}.poster-image{height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;width:100%}.movie-card:hover .poster-image{transform:scale(1.05)}.poster-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#333);display:flex;height:100%;justify-content:center;padding:20px;text-align:center;width:100%}.movie-title{font-size:14px;font-weight:600;line-height:1.3}.card-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.movie-card:hover .card-overlay{opacity:1}.overlay-content{flex-direction:column;height:100%;text-align:center;width:100%}.overlay-content,.recommend-button{align-items:center;display:flex;justify-content:center}.recommend-button{background:#ffffffe6;border-radius:50%;color:#000;font-size:24px;height:60px;margin-bottom:16px;transition:all .2s ease;width:60px}.hover-title{color:#fff;font-size:16px;font-weight:600}.load-more-section{margin-top:40px;text-align:center}.load-more-btn{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .3s ease}.load-more-btn:hover{background:#fff3;border-color:#ffffff80}.recommendations-page{background:linear-gradient(135deg,#0f0f0f,#1a1a1a);min-height:100vh}.movie-hero{align-items:center;display:flex;height:50vh;justify-content:center;min-height:400px;overflow:hidden;position:relative}.hero-backdrop{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.backdrop-image{filter:blur(2px) brightness(.3);height:100%;object-fit:cover;object-position:center;width:100%}.backdrop-overlay{background:linear-gradient(135deg,#000c,#0006 50%,#000000e6);height:100%;left:0;position:absolute;top:0;width:100%}.hero-content{max-width:1200px;padding:0 60px;position:relative;width:100%;z-index:2}.back-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:40px;padding:12px 20px;transition:all .3s ease}.back-btn:hover{background:#fff3;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.movie-details{align-items:center;display:flex;gap:30px}.movie-poster-large{flex-shrink:0;position:relative}.poster-large-image{object-fit:cover;object-position:center;transition:transform .3s ease}.poster-large-image,.poster-large-placeholder{border-radius:12px;box-shadow:0 12px 32px #0006;height:300px;width:200px}.poster-large-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#333);display:flex;justify-content:center;padding:20px;text-align:center}.poster-large-title{color:#fff;font-size:20px;font-weight:700;line-height:1.3}.movie-info{color:#fff;flex:1 1}.movie-title{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.01em;line-height:1.1;margin-bottom:16px}.movie-description{color:#e5e5e5;font-size:16px;line-height:1.5;margin-bottom:20px;max-width:500px}.ai-badge{align-items:center;background:linear-gradient(135deg,#e50914,#ff6b6b);border-radius:25px;box-shadow:0 8px 24px #e509144d;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px}.recommendations-section{margin:0 auto;max-width:1400px;padding:40px 60px}.section-header{margin-bottom:30px;text-align:left}.section-header h2{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.section-header p{color:#999;font-size:14px;line-height:1.4}.recommendations-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.rec-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.rec-card:before{background:linear-gradient(135deg,#ffffff0d,#ffffff05);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.rec-card:hover:before{opacity:1}.rec-card:hover{border-color:#ffffff26;box-shadow:0 20px 40px #0006;transform:translateY(-8px)}.rec-rank{left:16px;position:absolute;top:16px;z-index:2}.rank-number{align-items:center;background:linear-gradient(135deg,#e50914,#ff6b6b);border-radius:50%;box-shadow:0 4px 16px #e5091466;color:#fff;display:flex;font-size:16px;font-weight:800;height:36px;justify-content:center;width:36px}.rec-poster{flex-shrink:0;margin-top:0;position:relative}.rec-poster-image{border-radius:8px;box-shadow:0 4px 12px #0000004d;height:120px;object-fit:cover;object-position:center;transition:transform .3s ease;width:80px}.rec-card:hover .rec-poster-image{transform:scale(1.05)}.rec-poster-placeholder{align-items:center;background:linear-gradient(135deg,#1a1a1a,#333);border-radius:8px;box-shadow:0 4px 12px #0000004d;display:flex;height:120px;justify-content:center;padding:12px;text-align:center;width:80px}.rec-poster-title{color:#fff;font-size:12px;font-weight:600;line-height:1.3}.rec-content{flex:1 1;padding:8px 0}.rec-title{color:#fff;font-size:18px;font-weight:600;line-height:1.2;margin-bottom:8px}.rec-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#ccc;display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:12px;overflow:hidden}.similarity-section{margin-top:8px}.similarity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.similarity-label{color:#999;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.similarity-percentage{color:#fff;font-size:18px;font-weight:800}.similarity-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.similarity-fill{border-radius:4px;box-shadow:0 0 10px #fff3;height:100%;transition:width .6s ease}.rec-arrow{align-items:center;background:#ffffff1a;border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.rec-card:hover .rec-arrow{background:#fff3;transform:translateX(4px)}.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.loading-container h2{color:#fff;font-size:2rem;margin-bottom:16px}.loading-container p{color:#ccc;font-size:16px;margin-bottom:40px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#e50914;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:1200px){.smartflix-header{padding:10px 40px}.hero-section{padding:0 40px}.movie-rows{padding:40px}.movie-hero{height:45vh;min-height:350px}.movie-details{flex-direction:column;gap:20px;text-align:center}.movie-title{font-size:2rem}.recommendations-section{padding:30px 40px}.recommendations-grid{grid-template-columns:1fr}}@media (max-width:768px){.smartflix-header{padding:8px 20px}.header-nav{display:none}.header-search{font-size:14px;padding:14px 20px;width:200px}.header-search:focus{width:280px}.hero-section{height:60vh;min-height:500px}.hero-content{padding:30px 40px}.hero-branding{padding:15px 20px}.hero-app-name{font-size:2rem}.hero-tagline{font-size:.9rem}.hero-credits{font-size:.7rem}.hero-text-container{max-width:90%;padding:25px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.9rem}.hero-tech-stack{gap:8px}.tech-item{font-size:.7rem;padding:3px 6px}.hero-movies-horizontal{gap:15px}.movie-card{height:300px;width:200px}.movie-card.hero{height:375px;width:250px}.movie-rows{padding:20px}.search-results{margin-top:0;padding:20px 20px 40px}.search-results h2{font-size:24px}.movie-hero{height:40vh;min-height:300px}.hero-content{padding:0 20px}.movie-title{font-size:1.8rem}.poster-large-image,.poster-large-placeholder{height:225px;width:150px}.recommendations-section{padding:20px}.section-header h2{font-size:1.5rem}.scroll-arrow{display:none}.info-panel{right:-100%;width:100%}.info-content{padding:60px 20px 20px}.header-about-btn{font-size:12px;padding:8px 16px}}@media (max-width:480px){.header-search{font-size:13px;padding:12px 16px;width:160px}.header-search:focus{width:220px}.header-about-btn{font-size:11px;padding:6px 12px}.hero-content{padding:20px}.hero-branding{padding:12px 16px}.hero-app-name{font-size:1.5rem}.hero-tagline{font-size:.8rem}.hero-credits{font-size:.65rem}.hero-text-container{max-width:95%;padding:20px}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.8rem}.hero-tech-stack{gap:6px}.tech-item{font-size:.65rem;padding:2px 4px}.hero-cta-text{font-size:.7rem}.hero-movies-horizontal{gap:8px;grid-template-columns:repeat(4,1fr);padding:0 8px 10px}.movie-card{height:270px;width:180px}.movie-card.hero{height:240px;max-width:600px}.hero-section-title{font-size:20px}.movie-title{font-size:1.5rem}.rec-card{flex-direction:column;padding:20px;text-align:center}.rec-poster{margin-top:0}.rec-arrow{display:none}}html{scroll-behavior:smooth}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.hero-background{background-size:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (-webkit-min-device-pixel-ratio:3),(min-resolution:288dpi){.hero-background{background-size:cover;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (min-width:1200px) and (max-width:1399px){.hero-movies-horizontal{gap:12px;padding:0 15px 10px}.movie-card.hero{height:440px;max-width:1100px}}@media (min-width:1400px){.hero-movies-horizontal{gap:15px;padding:0 20px 10px}.movie-card.hero{height:480px;max-width:1200px}}@media (max-width:400px){.hero-movies-horizontal{gap:8px;grid-template-columns:repeat(2,1fr);padding:0 5px 10px}.movie-card.hero{height:160px;max-width:400px}}
/*# sourceMappingURL=main.706f54a6.css.map*/