.card{width:350px;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);transition:transform .3s ease;background-color:#fff;margin:20px}.card:hover{transform:scale(1.05)}.card-image{width:100%;height:400px;object-fit:cover}.card-content{padding:15px}.card-title{font-size:1.2rem;margin-bottom:10px}.genre-container{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}.genre-badge{background-color:#ff4757;color:#fff;padding:5px 10px;font-size:.8rem;border-radius:8px}@media (max-width:431px){.card{margin-top:10px;width:300px}.card-image{width:100%;height:300px;object-fit:fill}.card-info p{margin-bottom:5px}}@media (max-width:325px){.card{max-width:250px}.card-title{font-size:1.1rem}.card-info p{font-size:.8rem}.genre-badge{padding:5px 10px;font-size:.6rem;border-radius:8px}}.pagination-container{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:20px;margin-bottom:100px}.btn{padding:10px 20px;font-size:1.4rem;font-weight:700;border:none;cursor:pointer;transition:background .3s ease,transform .2s ease;border-radius:5px;box-shadow:inset 0 0 8px #fff}.prev{background-color:#f44336;color:#fff}.next{background-color:#4caf50;color:#fff}.prev:hover{background-color:red}.next:hover{background-color:green}.btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:431px){.btn{padding:7px 17px;font-size:1rem}}.card-container{display:flex;flex-wrap:wrap;gap:28px 26px;justify-content:center;padding:20px;animation:fadeIn .5s ease-in}