/* ==========================================
   ANIMATIONS
   ========================================== */

/* Float Animation */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

/* Glow Pulse */
@keyframes glowPulse {
    0%, 100% { 
        box-shadow: var(--shadow-glow);
        transform: scale(1);
    }
    50% { 
        box-shadow: 0 0 40px rgba(0, 255, 196, 0.4);
        transform: scale(1.05);
    }
}

/* Core Pulse */
@keyframes corePulse {
    0%, 100% { 
        box-shadow: 
            0 0 40px rgba(0, 255, 196, 0.4),
            0 0 80px rgba(0, 255, 196, 0.3),
            0 0 120px rgba(0, 255, 196, 0.2);
        transform: scale(1);
    }
    50% { 
        box-shadow: 
            0 0 60px rgba(0, 255, 196, 0.6),
            0 0 100px rgba(0, 255, 196, 0.4),
            0 0 140px rgba(0, 255, 196, 0.3);
        transform: scale(1.05);
    }
}

/* Core Ring Rotation */
@keyframes coreRing {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Orbit Rotation */
@keyframes orbitRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Counter Rotation */
@keyframes counterRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(-360deg); }
}

/* Twinkle */
@keyframes twinkle {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 1; transform: scale(1.2); }
}

/* Float Around */
@keyframes floatAround {
    0%, 100% { transform: translate(0, 0) scale(1); opacity: 0.4; }
    25% { transform: translate(15px, -25px) scale(1.1); opacity: 0.7; }
    50% { transform: translate(-10px, -15px) scale(0.9); opacity: 0.5; }
    75% { transform: translate(20px, -20px) scale(1.05); opacity: 0.6; }
}

/* Spin */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Bounce */
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* Ping */
@keyframes ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}

/* Pulse */
@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

/* Animation Classes */
.animate-float {
    animation: float 6s ease-in-out infinite;
}

.animate-glow {
    animation: glowPulse 2s ease-in-out infinite alternate;
}

.animate-spin {
    animation: spin 20s linear infinite;
}

.animate-bounce {
    animation: bounce 2s ease-in-out infinite;
}

.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}