.menu-slide {
    transition: transform 0.3s ease-in-out;
}
.navbar {
    background-color: rgba(255, 255, 255, 0.85);
    transition: background-color 0.4s ease, backdrop-filter 0.4s ease, box-shadow 0.4s ease;
    color: #444;
}
.navbar.scrolled {
    background-color: rgba(0, 47, 59, 0.65);
    backdrop-filter: blur(6px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    color: #fff;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes shine {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

.animate-gradientMove {
    background-size: 200% 200%;
    animation: gradientMove 14s ease infinite;
}