*{margin:0;padding:0;box-sizing:border-box}.header{height:60vh;display:flex;justify-content:center;align-items:center;position:relative;background-color:#121212;overflow:hidden}.header h1{color:#fff;width:20%}.trend-movie-carousel{width:100%;height:100%;position:relative;overflow:hidden}.slick-list{padding:0;height:100%}.slick-slide{display:flex!important;justify-content:center;align-items:center;height:100%}.slider-item{position:relative;text-align:center;height:100%;width:100%}.main-poster{width:100%;height:60vh;object-fit:cover;border-radius:10px}.main-poster:hover{cursor:pointer}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background-color:#fff;padding:20px;border-radius:15px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;display:flex;flex-direction:column;align-items:center;position:relative}.modal-content img{max-width:100%;height:auto;max-height:50vh;object-fit:cover;margin-bottom:20px}.modal-content p{font-size:1.1rem;line-height:1.5;margin-bottom:10px;text-align:left}.movie-details{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:1.2rem;font-weight:700;margin-top:10px}.movie-details .rating{display:flex;align-items:center}.movie-details .rating .stars{color:gold;margin-right:10px}.movie-details .release-date{font-style:italic}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;cursor:pointer;color:#888}.movie-card{width:300px;background-color:#fff;border-radius:15px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;margin:10px;display:flex;flex-direction:column}.movie-card img{width:100%;height:400px;object-fit:cover}.movie-card .content{padding:10px;display:flex;flex-direction:column;flex-grow:1}.movie-card .title{font-size:1.2em;font-weight:700;margin-bottom:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.movie-card .overview{font-size:.9em;color:#555;flex-grow:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;position:relative}.movie-card:hover{transform:translateY(-10px);box-shadow:0 8px 16px #0003;cursor:pointer}.search-container{position:relative}.search-results{position:fixed;top:320px;left:0;width:100vw;background-color:#fffffff2;padding:20px;max-height:800px;overflow-y:auto;z-index:1;box-shadow:0 4px 8px #0003}.movie-grid{display:flex;flex-wrap:wrap;justify-content:space-around}.movie-card-wrapper{flex:0 1 22%;margin-bottom:20px}@media (max-width: 768px){.movie-card-wrapper{flex:0 1 45%}}@media (max-width: 480px){.movie-card-wrapper{flex:0 1 100%}}.genre-movie-h2{margin:0 0 30px 12%;color:#fff}@media (max-width: 768px){.genre-movie-h2{margin:0 0 30px 8%}}.genre-movie-slider{padding:0;margin:0;background-color:#121212}.carousel-container{width:100%;padding:0;margin-top:30px}.carousel-container{margin:20px auto;width:90%}.slick-prev,.slick-next{background-color:#00000080;color:red;width:40px;height:40px;z-index:.1;border-radius:50%}.main{background-color:#121212}.recommend-movie{margin:0 auto;text-align:center}.movie-list{display:flex;flex-wrap:wrap;justify-content:center}.movie-list .movie-card{margin:10px}@media (max-width: 768px){.movie-list{flex-direction:column;align-items:center}.movie-card{width:80%}}