.movie-list{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:1rem}.poster-container{align-items:center;aspect-ratio:.9;display:flex;justify-content:center;overflow:hidden;position:relative}.poster-background{filter:blur(20px);object-fit:cover;position:absolute;transform:scale(1.2);z-index:1}.poster-image{max-height:100%;max-width:100%;object-fit:contain;position:relative;z-index:2}.movie-card{all:unset;background-color:#1c1c1c;border-radius:8px;box-shadow:0 0 10px hsla(0,0%,100%,.05);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform .3s}.movie-card:hover{transform:scale(1.05)}.movie-details{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:.5rem}.movie-title{color:#fff;font-size:.85rem;margin:.2rem 0}.type-year{display:flex;gap:10px}.card-footer{display:flex;justify-content:space-between;margin-top:.3rem}.movie-type{font-weight:600}.movie-type,.release-year{color:#999;font-size:.8rem}@media only screen and (max-width:400px){.movie-list{gap:3px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:2px}}@media only screen and (min-width:401px) and (max-width:439px){.movie-list{gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));padding:5px}}@media only screen and (min-width:440px) and (max-width:560px){.movie-list{gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:5px}}@media only screen and (min-width:561px) and (max-width:603px){.movie-list{gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));padding:5px}}@media only screen and (max-width:768px){.main{padding:0 15px}.movie-card{margin-bottom:.6rem}.movie-details{padding:.3rem .5rem}.movie-title{margin:.2rem 0}}@media only screen and (min-width:604px) and (max-width:1024px){.main{padding:0 15px}.movie-list{gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:5px}.movie-card{margin-bottom:.6rem}.movie-details{padding:.3rem .5rem}.movie-title{margin:.2rem 0}}