/* Keyframe Animations & Micro-interactions */

@keyframes floatAnim {
    0% {
        transform: translateY(0px) rotate(0deg);
    }
    100% {
        transform: translateY(-12px) rotate(1deg);
    }
}

@keyframes pulseGlow {
    0%, 100% {
        opacity: 0.4;
        filter: drop-shadow(0 0 15px rgba(0, 242, 254, 0.4));
    }
    50% {
        opacity: 0.9;
        filter: drop-shadow(0 0 30px rgba(0, 242, 254, 0.8));
    }
}

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

/* Scroll reveal utility classes */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}