/* animations.css */

/* Custom Micro Animations */
.pulse-glow {
    animation: pulseGlow 2s infinite alternate;
}

@keyframes pulseGlow {
    from {
        box-shadow: 0 0 10px rgba(0, 198, 255, 0.2);
    }
    to {
        box-shadow: 0 0 25px rgba(0, 198, 255, 0.6);
    }
}

.float-slow {
    animation: floatAnim 6s ease-in-out infinite;
}

.float-fast {
    animation: floatAnim 3s ease-in-out infinite;
}

@keyframes floatAnim {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
    100% {
        transform: translateY(0);
    }
}

/* Background gradient shift */
.gradient-bg-animate {
    background-size: 200% 200%;
    animation: gradientShift 5s ease infinite;
}

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