.hero-section {
    background: linear-gradient(105deg, rgba(16, 35, 59, 0.92), rgba(27, 111, 214, 0.68)), url('https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=1920&h=800&q=80') center/cover;
    color: white;
    padding: 6rem 0;
    text-align: center;
    min-height: 50vh;
    display: flex;
    align-items: center;
}

.bounce-arrow {
    display: inline-block;
    font-size: 2rem;
    color: white;
    margin-top: 30px;
    animation: bounce 2s infinite;
    text-decoration: none;
}

.bounce-arrow:hover {
    color: rgba(255, 255, 255, 0.8);
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}