*{margin:0;padding:0}.carousel-page{background-color:#161515;min-height:100vh;padding:2rem}.carousel-title{color:#fff;font-size:1rem;font-weight:700;margin-bottom:1rem;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}.carousel-container{position:relative}.carousel-wrapper{overflow:hidden}.carousel-track{display:flex;transition:transform .5s ease-out}.carousel-item{flex:0 0 20%;padding:0 .25rem}.movie-card{position:relative;aspect-ratio:16/9;background-color:#2a2a2a;border-radius:4px;overflow:hidden;cursor:pointer}.movie-image{width:100%;height:100%;object-fit:cover}.nav-button{position:absolute;height:100%;z-index:10;background:#00000080;color:#fff;border:none;cursor:pointer;padding:1rem;transition:background-color .3s ease}.nav-button:hover{background:#000000b3}.nav-button-left{left:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.nav-button-right{right:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.movie-overlay{position:absolute;inset:0;background:linear-gradient(to top,#000000e6,#000000b3 40%,#0006);display:flex;align-items:flex-end;opacity:0;transition:opacity .3s ease;border-radius:4px}.movie-card:hover .movie-overlay{opacity:1}.movie-info{padding:1rem;width:100%}.movie-title{color:#fff;font-size:.8rem;font-weight:600;margin:0 0 .25rem;line-height:1.2;letter-spacing:.3px}.movie-category{color:#e5e5e5;font-size:.5rem;margin:0;opacity:.8;line-height:1.4}