.movie-grid{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.movie-card{background-color:#1e1e1e;border-radius:10px;overflow:hidden;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:180px}.movie-card:hover{box-shadow:0 10px 20px #00000080;transform:scale(1.1)}.movie-card img{border-bottom:2px solid #fff;height:auto;width:100%}.movie-card h2{color:#fff;font-size:16px;margin:10px 0}body{background-color:#121212;font-family:Roboto,sans-serif}h1{color:#ff3c00;font-size:2.5rem;margin:20px 0}.home-card-item{background-color:#141414;flex-basis:calc(20% - 10px);flex-grow:0;flex-shrink:0;margin-right:10px;overflow:hidden;position:relative;transition:transform .3s ease}.poster-container img{height:85%;object-fit:cover;width:100%}.home-card-item:hover{cursor:pointer;transform:scale(1.05)}.like-icon{right:10px}.movie-title-item{color:#fff;font-size:clamp(.85rem,2vw,1.5rem);margin-top:5px;text-align:center}@media (max-width:1024px){.home-card-item{background-color:#141414;flex-basis:calc(25% - 10px);flex-grow:0;flex-shrink:0;margin-bottom:15px;margin-right:10px;transition:transform .3s ease}}@media (max-width:600px){.home-card-item{background-color:#141414;flex-basis:calc(33.33% - 10px);flex-grow:0;flex-shrink:0;margin-bottom:15px;margin-right:10px}.poster-container img{height:auto}.like-icon{font-size:20px}.movie-title-item{font-size:clamp(.75rem,2vw,1.25rem)}}body,html{overflow-x:hidden}.container{margin:0 auto;width:100%}.banner img{height:auto;width:100%}*{box-sizing:border-box}.header{align-items:center;background-color:#141414;color:#fff;display:flex;justify-content:flex-start;left:0;padding:30px;position:fixed;top:0;transition:background-color .3s ease;width:100%;z-index:1000}.header.scrolled{background-color:#141414cc}.poster-container img,img{height:auto;max-width:100%}.header a{color:#fff;font-size:clamp(15px,3vw,23px);margin-left:10px;text-decoration:none}.header a:hover{color:#f39c12}.nav-links{align-items:center;display:flex;gap:10px}.auth-button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:clamp(14px,2vw,18px);margin-left:0}.auth-button:hover{color:#f39c12}.username{font-size:clamp(17px,3vw,25px);margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-icon{font-size:clamp(14px,2vw,18px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header{animation:fadeInDown .5s ease-in-out}@media (max-width:600px){.header{padding:25px}.nav-links{gap:5px;margin-left:7px}.auth-button,.header a{font-size:clamp(12px,2vw,14px);margin-left:auto}.username{font-size:clamp(12px,2vw,14px);max-width:calc(100% - 70px)}.user-icon{font-size:18px}}@media (min-width:601px)and(max-width:1024px){.header{justify-content:space-between;padding:25px}.nav-links{gap:20px;margin-left:10px}.auth-button,.header a,.username{font-size:clamp(14px,2vw,18px);margin-left:auto}.username{max-width:calc (100% - 80px);text-overflow:ellipsis;white-space:nowrap}.user-icon{font-size:22px}}@media(min-width:1025px){.header{padding:30px 20px}.nav-links{gap:20 px;margin-left:10px}.auth-button,.header a,.username{font-size:clamp(14px,2vw,18px);margin-left:auto}.username{max-width:calc (100% - 100px)}.user-icon{font-size:24px}}.home{background-color:#141414;color:#fff;padding:20px}.movie-section{margin-bottom:40px;position:relative}.movie-row{display:flex;overflow-x:auto;scroll-behavior:smooth}.movie-row::-webkit-scrollbar{display:none}.movie-card{background-color:#141414;flex-basis:calc(20% - 10px);flex-grow:0;flex-shrink:0;margin-right:10px}.movie-poster{width:100%}.error-message{color:red;font-size:1.5rem;margin-top:100px;text-align:center}.scroll-btn{background-color:#00000080;border:none;color:#fff;cursor:pointer;padding:10px;position:absolute;top:50%;transform:translateY(-50%)}.scroll-btn.left{left:-40px}.scroll-btn.right{right:-40px}.section-title h1{color:#fff;font-size:2rem;text-align:left}.banner{align-items:flex-end;background-position:50%;background-size:cover;color:#fff;display:flex;height:75vh;padding:40px;position:relative}.banner-content{max-width:600px}.banner h1{color:#fff;font-size:2.5rem;margin-bottom:20px;text-align:left}.banner p{font-size:.9rem;line-height:1.5;margin-bottom:20px}.banner-buttons{display:flex}.banner-buttons button{border:none;cursor:pointer;font-size:1rem;margin-right:10px;padding:10px 20px}.play-btn{background-color:#e50914;color:#fff}.info-btn{background-color:#6d6d6eb3;color:#fff}@media (max-width:768px){.banner{background-position:top;height:50vh;padding:20px}.banner h1{font-size:1.8rem;margin-bottom:15px}.banner p{font-size:.8rem;line-height:1.4;margin-bottom:15px}.banner-buttons button{font-size:.9rem;margin-right:8px;padding:8px 16px}}@media (max-width:576px){.banner{background-position:top;height:45vh;padding:15px}.banner h1{font-size:1.5rem;margin-bottom:10px}.banner p{font-size:.75rem;line-height:1.3;margin-bottom:10px}.banner-buttons button{font-size:.8rem;margin-right:6px;padding:6px 12px}}.movie-grid-container{align-items:center;display:flex;flex-direction:column}.movie-grid-item{position:relative;transition:transform .3s ease}.movie-grid-item:hover{cursor:pointer;transform:scale(1.05)}.movie-grid-item img{aspect-ratio:13/12;border-radius:10px;height:60%;max-height:180px;max-width:180px;object-fit:cover;width:90%}.movie-grid-item h3{word-wrap:break-word;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;margin-top:10px;max-width:150px;text-align:center}.like-icon{color:red;font-size:24px;position:absolute;right:20px;top:10px}.pagination{align-items:center;display:flex;justify-content:center;margin-top:20px}.pagination button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:5px;margin-right:5px;padding:15px}.pagination button:hover{background-color:#0056b3}.pagination button:disabled{background-color:#555;cursor:not-allowed}.pagination span{color:#fff;font-size:18px}@media (max-width:768px){.movie-grid{grid-template-columns:repeat(2,1fr)}}.movie-list-item{background-color:#333;border-radius:5px;height:350px;margin:10px;overflow:hidden;position:relative;transition:transform .3s ease;width:200px}.movie-list-item:hover{cursor:pointer;transform:scale(1.05)}.movie-list-item img{height:85%;object-fit:cover;width:100%}.movie-list-item h3{color:#fff;font-size:1rem;margin-top:5px;text-align:center}.movie-list{justify-content:center}.wishlist-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);padding:20px}@media (max-width:1200px){.wishlist-container{grid-template-columns:repeat(4,1fr);justify-content:center}}@media (max-width:992px){.wishlist-container{grid-template-columns:repeat(3,1fr);justify-content:center}}@media (max-width:768px){.wishlist-container{grid-template-columns:repeat(2,1fr);justify-content:center}}@media (max-width:400px){.wishlist-container{grid-template-columns:repeat(1,1fr);justify-content:center}}.main-content{margin-top:120px}.view-toggle{display:flex;justify-content:flex-end;margin-bottom:20px;margin-top:50px}.view-toggle button{background-color:#333;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:20px;margin-left:10px;margin-top:60px;padding:10px 15px}.view-toggle button.active{background-color:#535bf2}.scroll-to-top{background-color:#ef1616;border:none;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;font-size:20px;padding:10px;position:fixed;right:20px}.scroll-to-top:hover{background-color:#d41414}.no-scroll{overflow:hidden;position:fixed;width:100%}body{background-color:#333;color:#fff;font-family:Arial,sans-serif}h1{text-align:center}.filters{display:flex;justify-content:center;margin-bottom:20px;margin-top:120px}.filters button,.filters input,.filters select{margin-right:10px;padding:10px}@media (max-width:600px){.filters button,.filters input,.filters select{font-size:.9rem;padding:8px;width:calc(100% - 20px)}}@media (min-width:601px) and (max-width:1024px){.filters button,.filters input,.filters select{font-size:1rem;padding:10px;width:calc(50% - 20px)}}@media (min-width:1025px){.filters button,.filters input,.filters select{font-size:1.1rem;padding:12px;width:auto}}.movie-list{display:flex;flex-wrap:wrap;justify-content:space-around;margin:0 auto;padding:20px}.movie-item{cursor:pointer;margin:10px;overflow:hidden;position:relative;width:calc(20% - 20px)}.movie-item img{height:auto;max-width:100%;transition:transform .3s ease-in-out;width:100%}.movie-item:hover img{transform:scale(1.1)}.movie-item p{margin-top:5px}.load-more{display:block;margin:auto;padding:10px}.recent-searches{margin-top:10px}.recent-searches ul{list-style-type:none}.recent-searches li{cursor:pointer;display:inline-block;margin-right:10px}.recent-searches li:hover{text-decoration:underline}@media (max-width:600px){.movie-item{width:calc(33.33% - 20px)}}@media (min-width:601px) and (max-width:1024px){.movie-item{width:calc(24% - 20px)}}@media (min-width:1025px) and (max-width:1440px){.movie-item{width:calc(20% - 20px)}}.movie-detail-container{align-items:flex-start;display:flex;justify-content:center;padding:100px 40px 40px}.movie-detail{background-color:hsla(0,1%,44%,.799);border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;max-width:900px}.movie-poster{border-bottom-left-radius:10px;border-top-left-radius:10px;width:300px}.movie-info{flex-grow:1;padding:20px}.movie-title{font-size:2rem;margin-bottom:10px}.movie-rating,.movie-release-date{font-size:1.2rem}.movie-overview,.trailer-container{margin-top:20px}.trailer-container h2{margin-bottom:10px}.trailer-container iframe,.trailer-container video{aspect-ratio:16/9;border-radius:10px;height:auto;width:100%}.back-button-container{display:flex;justify-content:center;margin-top:20px}.back-button{background-color:red;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.back-button:hover{background-color:#b30000}@media (max-width:768px){.movie-detail{flex-direction:column;max-width:none;width:100%}.movie-poster{border-radius:10px;width:100%}.movie-info{padding:15px}.movie-title{font-size:clamp(1.5rem,5vw,2rem)}.movie-rating,.movie-release-date{font-size:clamp(1rem,4vw,1.2rem)}.movie-overview{font-size:clamp(.9rem,3vw,1.1rem);margin-top:15px}.trailer-container h2{font-size:clamp(1.2rem,4vw,1.5rem)}.back-button{font-size:clamp(.9rem,3vw,1.1rem);padding:8px 16px}}@media (max-width:480px){.movie-detail-container{padding-left:20px;padding-right:20px;padding-top:80px}.movie-info{padding-bottom:15px;padding-left:10px;padding-right:10px}.movie-title{font-size:clamp(1.3rem,5vw,1.8rem)}.movie-rating,.movie-release-date{font-size:clamp(.9rem,4vw,1rem)}.movie-overview{font-size:clamp(.8rem,3vw,1rem);margin-top:10px}}
/*# sourceMappingURL=main.73b42999.css.map*/