.hero-section {
    height: 70vh;
    background: linear-gradient(to right, rgba(0,0,0,0.8), rgba(0,0,0,0)), 
                url('https://images.alphacoders.com/101/1010371.jpg');
    background-size: cover;
    background-position: center;
}

.card-movie {
    transition: transform 0.3s ease;
    cursor: pointer;
    border: none;
    background: none;
}

.card-movie:hover {
    transform: scale(1.05);
}

.card-movie img {
    border-radius: 8px;
    height: 350px;
    object-fit: cover;
}

.navbar-brand {
    letter-spacing: 2px;
    font-size: 1.5rem;
}