@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Cartoon+Queen&display=swap);*{box-sizing:border-box}*,body{font-family:Poppins,Arial,sans-serif;margin:0}body{background-color:#f0f0f0;color:#333;transition:background-color .3s ease,color .3s ease}.container{margin:0 auto;max-width:1200px;padding:1rem}button{background-color:#3f51b5;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:.5rem 1rem}button:hover{background-color:#0629f4;font-weight:600}button:disabled{background-color:#ccc;cursor:not-allowed}.movie-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:1rem}.movie-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:1rem;text-align:center;transition:transform .2s ease-in-out}.movie-card:hover{transform:scale(1.05)}.movie-card img{border-radius:10px;height:250px;margin-bottom:.5rem;object-fit:cover;width:100%}.movie-card h3{-webkit-line-clamp:2;-moz-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;box-orient:vertical;align-items:center;color:#333;display:flex;font-size:1rem;height:2.4em;justify-content:center;line-height:1.2;margin:.5rem;overflow:hidden;text-overflow:ellipsis}.movie-card p{color:#555;font-size:.875rem;margin:.5rem}.movie-card-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.genre-filter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:1rem 0}.genre-filter button{background-color:#e0e0e0;color:#333}.genre-filter button.active{background-color:#3f51b5;color:#fff}.search-bar{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.search-bar input{border:1px solid #ddd;border-radius:5px;font-size:1rem;padding:.5rem;width:200px}.search-bar button{padding:.5rem 1rem}.pagination-container{margin:1rem 0}.pagination,.pagination-container{display:flex;justify-content:center}.pagination{align-items:center;gap:1rem;list-style:none;margin-top:1rem;padding:0}.pagination button{font-size:1rem;padding:.5rem 1rem}.pagination span{color:#555;font-size:1rem}.pagination-item{border:1px solid #ddd;border-radius:5px;overflow:hidden}.pagination-link{color:#3f51b5;cursor:pointer;display:inline-block;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s,color .2s}.pagination-link:hover{background-color:#3f51b5;color:#fff}.pagination-next,.pagination-previous{border:1px solid #ddd;border-radius:5px;overflow:hidden}.pagination-next:hover,.pagination-previous:hover{background-color:#3f51b5;color:#fff}.pagination-active .pagination-link{background-color:#3f51b5;color:#fff;font-weight:700}.pagination-disabled{opacity:.5;pointer-events:none}.home-container{align-items:center;display:flex;flex-direction:column}.about-section{background-color:#3f51b5;border-radius:10px;margin-bottom:1rem;padding:20px;text-align:center}.about-title{color:#fff;font-size:2rem;font-weight:700;margin-bottom:1rem}.about-description{color:#fff;font-size:1rem;line-height:1.6;margin:0 auto}.movie-details{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;padding:1rem}.movie-details img{border-radius:10px;height:auto;margin-bottom:1rem;width:300px}.movie-details h2{margin:.5rem 0}.movie-details p{color:#555;line-height:1.5;text-align:justify}.movie-modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.movie-modal{background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000004d;max-width:600px;overflow:auto;padding:2rem;position:relative;width:90%;z-index:3000}.movie-modal img{border-radius:10px;margin-bottom:1rem;width:100%}.movie-modal h2{font-size:1.5rem;margin-top:0}.movie-modal p{line-height:1.6;margin:1rem 0}.close-modal-button{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px;transition:color .3s ease}.close-modal-button:hover{color:red}.navbar{align-items:center;background-color:#3f51b5;color:#fff;display:flex;font-size:1.2rem;justify-content:space-between;margin-bottom:20px;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;transition:background-color .3s ease-in-out;z-index:1000}.navbar-logo{color:#fff;cursor:pointer;font-family:Cartoon Queen,Arial,sans-serif;font-size:2rem;font-weight:700;text-decoration:none}.navbar-links{display:flex;gap:1.5rem;left:50%;list-style:none;margin:0;padding:0;position:absolute;transform:translateX(-50%)}.navbar-links li{font-weight:500}.navbar-links a{color:#fff;position:relative;text-decoration:none;transition:color .3s ease,font-weight .3s ease}.navbar-links a:after{background-color:#00bcd4;bottom:-4px;content:"";height:3px;left:0;position:absolute;transition:width .3s ease;width:0}.navbar-links a:hover:after{width:100%}.navbar-links a.active,.navbar-links a:hover{color:#00bcd4;font-weight:700}.navbar-links a.active{position:relative}.navbar-links a.active:after{background-color:#00bcd4;bottom:-4px;content:"";height:3px;left:0;position:absolute;width:100%}.navbar-toggle{align-items:center;background-color:#fff;border:none;border-radius:5px;color:#6159ee;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:background-color .3s ease,color .3s ease}.navbar-toggle:hover{background-color:#00bcd4;color:#3f51b5;font-weight:700}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:6px;padding:10px}.line{background-color:#fff;height:3px;transition:all .3s ease-in-out;width:30px}.line.open:first-child{transform:rotate(45deg) translate(8px,8px)}.line.open:nth-child(2){opacity:0}.line.open:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.menu{align-items:center;display:flex;gap:2rem}.discover-page{padding:20px;text-align:center}.filters{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:20px}.filters input,.filters select{background-color:#fff;border:1px solid #ddd;border-radius:5px;color:#333;font-size:1rem;padding:10px 15px}.filters input:focus,.filters select:focus{border-color:#3f51b5;box-shadow:0 0 5px #3f51b580;outline:none}.intro-text{color:#555;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem;text-align:center}.hidden{display:none}.visible{display:block}.watchlist-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:8px;padding:8px;transition:background-color .3s ease;width:100%}.watchlist-button.in-watchlist{background-color:#f44336}.watchlist-button:hover{opacity:.9}.empty-watchlist{background-color:#f5f5f5;border-radius:8px;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.empty-watchlist h2{color:#333;margin-bottom:1rem}.empty-watchlist p{color:#666}.watchlist-item{position:relative}.remove-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:8px;padding:8px;transition:background-color .3s ease;width:100%}.remove-button:hover{background-color:#d32f2f}body.dark-mode .empty-watchlist p{color:#ccc}body.dark-mode{background-color:#444;color:#eaeaea;transition:background-color .3s ease,color .3s ease}.dark-mode .navbar{background-color:#1a237e}.dark-mode .navbar-toggle{background-color:#303f9f}.dark-mode .navbar-toggle:hover{background-color:#00bcd4;color:#1a237e}.dark-mode .navbar-links a,.dark-mode .navbar-logo{color:#eaeaea}.dark-mode .navbar-links a:hover{color:#ddd}.dark-mode .navbar-toggle-container{background-color:#444;box-shadow:0 2px 5px #ffffff1a}.dark-mode .navbar-toggle{background-color:#1f1f1f;color:#fff}.dark-mode .navbar-toggle:hover{color:#f5c518}body.dark-mode .movie-card{background-color:#1f1f1f;box-shadow:0 4px 6px #0000004d}body.dark-mode .movie-card h3{color:#fff}body.dark-mode .movie-card p{color:#b3b3b3}body.dark-mode .movie-modal{background-color:#1f1f1f;color:#fff}body.dark-mode .movie-modal p{color:#b3b3b3}body.dark-mode .close-modal-button{color:#fff}body.dark-mode .close-modal-button:hover{color:#f44}body.dark-mode .watchlist-button{background-color:#2d3748;color:#fff}body.dark-mode .watchlist-button:hover{background-color:#3f51b5}body.dark-mode .watchlist-button.in-watchlist{background-color:#c53030}body.dark-mode .watchlist-button.in-watchlist:hover{background-color:#9b2c2c}body.dark-mode .empty-watchlist{background-color:#1f1f1f}body.dark-mode .empty-watchlist h2{color:#fff}body.dark-mode .empty-watchlist p{color:#b3b3b3}@media (max-width:768px){.container{padding:0}.about-section{border-radius:10px;margin:10px 10px 1rem;padding:15px}.about-title{font-size:1.3rem}.about-description{font-size:10px;line-height:1.4;padding:0 5px}.movie-list{gap:1rem;grid-template-columns:repeat(2,1fr);padding:15px}.filters{align-items:stretch;flex-direction:column;gap:0;padding:0 10px}.filters input,.filters select{margin-bottom:8px;width:100%}.hamburger{display:flex;z-index:1001}.menu{background-color:#3f51b5;flex-direction:column;height:100vh;justify-content:center;padding:2rem;position:fixed;right:-100%;top:0;transition:right .3s ease-in-out;width:250px}.menu.open{right:0}.navbar{margin-bottom:0;padding:.5rem 1rem}.navbar-logo{font-size:1.5rem}.navbar-links{flex-direction:column;margin-bottom:2rem;position:static;text-align:center;transform:none}.navbar-links li{margin:1rem 0}.navbar-toggle{margin:0 auto}}@media (max-width:480px){.movie-card img{height:100%}.movie-card h3{font-size:.9rem}.movie-card p{font-size:.8rem}.genre-filter{gap:.3rem}.genre-filter button{font-size:.8rem}.search-bar input{width:200px}.search-bar button{font-size:.9rem}.movie-details img{width:200px}.movie-details h2{font-size:1.2rem}.movie-details p,.pagination{font-size:.9rem}.pagination{flex-wrap:wrap;gap:.3rem;justify-content:center}.pagination button,.pagination span{font-size:.8rem;padding:.4rem .8rem}.pagination button{width:auto}.pagination span{display:none}.pagination-container{padding:.5rem}}
/*# sourceMappingURL=main.a0c19fc9.css.map*/