/* Fade in animation for Hero */
.fade-in-up {
    animation: fadeInUp 0.8s ease forwards;
    opacity: 0;
    transform: translateY(20px);
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Navbar smooth style on scroll */
.navbar.scrolled {
    background-color: rgba(10, 14, 23, 1);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
}