body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}html{scroll-behavior:smooth}body{background-color:#0f172a;color:#fff;font-family:Arial,sans-serif}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{background-color:#0f172a;flex:1 1;padding:40px}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827b3;border-bottom:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header,.logo{align-items:center;display:flex}.logo{gap:10px}.logo h1{color:#fff;font-size:28px}.logo-icon{color:crimson;font-size:28px}.nav-links{display:flex;gap:20px}.nav-links a{color:#fff;font-size:18px;text-decoration:none;transition:.3s}.nav-links a:hover{color:crimson}.hero-banner{background-image:url(https://images.unsplash.com/photo-1489599849927-2ee91cede3ba);background-position:50%;background-size:cover;border-radius:20px;height:500px;margin-bottom:40px;overflow:hidden;position:relative}.hero-overlay{align-items:center;background:linear-gradient(90deg,#000000e6,#0006);display:flex;height:100%;width:100%}.hero-content{color:#fff;max-width:700px;padding:60px}.hero-content h1{font-size:56px;line-height:1.2;margin-bottom:20px}.hero-content p{color:#d1d5db;font-size:20px;line-height:1.6}.search-container{display:flex;justify-content:center;margin-top:40px}.search-form{display:flex;gap:10px}.search-input-wrapper{position:relative}.search-form input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937b3;border:1px solid #ffffff14;border-radius:10px;color:#fff;font-size:16px;outline:none;padding:14px 16px;transition:.3s;width:350px}.search-form input::placeholder{color:#9ca3af}.search-form input:focus{border-color:crimson;box-shadow:0 0 15px #dc143c66}.search-form button{background:linear-gradient(135deg,crimson,#ff4d6d);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 22px;transition:.3s}.search-form button:hover{box-shadow:0 10px 20px #dc143c4d;transform:translateY(-2px)}.suggestions-box{background:#1f2937f2;border-radius:8px;left:0;overflow:hidden;position:absolute;top:60px;width:100%;z-index:100}.suggestion-item{color:#fff;cursor:pointer;padding:12px 15px;transition:.3s}.suggestion-item:hover{background-color:crimson}.trending-section{margin-top:50px}.section-title{color:#fff;font-size:32px;margin-bottom:20px}.trending-container{display:flex;gap:20px;overflow-x:auto;padding-bottom:15px;scroll-behavior:smooth;scrollbar-width:none}.trending-container::-webkit-scrollbar{display:none}.trending-container::-webkit-scrollbar-thumb{background-color:crimson;border-radius:10px}.trending-card{flex-shrink:0;min-width:250px}.genre-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:30px}.genre-btn{background:#1f2937b3;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:15px;padding:10px 18px;transition:.3s}.active-genre,.genre-btn:hover{background-color:crimson}.movies-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:40px}.movie-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937b3;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 25px #0000004d;cursor:pointer;overflow:hidden;position:relative;transition:all .4s ease}.movie-card:hover{box-shadow:0 20px 40px #dc143c40;transform:translateY(-10px) scale(1.02)}.movie-card img{height:350px;object-fit:cover;width:100%}.movie-info{padding:15px}.movie-info h3{color:#fff;font-size:18px;margin-bottom:10px}.movie-info p{color:#9ca3af}.favorite-icon{align-items:center;background-color:#000000b3;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:10px;top:10px;width:40px;z-index:10}.status-message{color:#fff;font-size:28px;margin-top:50px;text-align:center}.favorites-title{color:#fff;font-size:32px;margin-bottom:30px;text-align:center}.modal-overlay{align-items:center;background-color:#000000d9;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111827f2;border-radius:15px;display:flex;gap:30px;max-height:90vh;max-width:900px;overflow-y:auto;padding:25px;position:relative;width:100%}.modal-content img{border-radius:10px;width:300px}.modal-info{color:#fff;flex:1 1}.modal-info h2{font-size:32px;margin-bottom:20px}.modal-info p{color:#d1d5db;line-height:1.6;margin-bottom:12px}.close-btn{background-color:crimson;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px;position:absolute;right:15px;top:15px}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827b3;border-top:1px solid #ffffff14;padding:20px;text-align:center}.footer p{color:#d1d5db;font-size:16px}@media (max-width:768px){.header{flex-direction:column;gap:20px;padding:20px}.nav-links{flex-wrap:wrap;justify-content:center}.hero-banner{height:350px}.hero-content{padding:30px}.hero-content h1{font-size:36px}.hero-content p{font-size:16px}.search-form{align-items:center;flex-direction:column;width:100%}.search-form button,.search-form input{width:90%}.movies-container{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.movie-card img{height:250px}.movie-info h3{font-size:16px}.modal-content{align-items:center;flex-direction:column}.modal-content img{max-width:300px;width:100%}.modal-info h2{font-size:26px;text-align:center}}@media (max-width:480px){.logo h1{font-size:24px}.nav-links a{font-size:16px}.movie-card img{height:220px}.movie-info{padding:10px}.movie-info h3{font-size:14px}.movie-info p{font-size:13px}}.theme-btn{align-items:center;background:crimson;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:45px;justify-content:center;transition:.3s;width:45px}.theme-btn:hover{transform:rotate(180deg)}body.light{color:#111827}body.light,body.light .main-content{background-color:#f3f4f6}body.light .footer,body.light .genre-btn,body.light .header,body.light .modal-content,body.light .movie-card,body.light .search-form input,body.light .suggestions-box{background:#ffffffe6;color:#111827}body.light .favorites-title,body.light .logo h1,body.light .modal-info,body.light .movie-info h3,body.light .nav-links a,body.light .section-title,body.light .status-message{color:#111827}body.light .hero-content p,body.light .modal-info p,body.light .movie-info p{color:#4b5563}body.light .search-form input::placeholder{color:#6b7280}.trailer-btn{background:linear-gradient(135deg,crimson,#ff4d6d);border-radius:10px;color:#fff;display:inline-block;font-weight:700;margin-top:20px;padding:14px 22px;text-decoration:none;transition:.3s}.trailer-btn:hover{box-shadow:0 10px 20px #dc143c4d;transform:translateY(-3px)}
/*# sourceMappingURL=main.a7868e8e.css.map*/