/* ========================================
   Animations & Keyframes
   ======================================== */

/* Shimmer Animation */
@keyframes shimmer {

    0%,
    100% {
        opacity: 0.6;
        box-shadow: 0 0 8px rgba(255, 213, 0, 0.3);
    }

    50% {
        opacity: 1;
        box-shadow: 0 0 15px rgba(255, 213, 0, 0.6);
    }
}

/* Shimmer Slide Animation */
@keyframes shimmer-slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

/* Pulse Animation */
@keyframes pulse {

    0%,
    100% {
        box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4);
    }

    50% {
        box-shadow: 0 8px 24px rgba(37, 211, 102, 0.4), 0 0 0 15px rgba(37, 211, 102, 0.1);
    }
}

/* Float Animation */
@keyframes logoFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* Spin Animation */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Fade In Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

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

/* Slide In Animation */
@keyframes slideIn {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Scale In Animation */
@keyframes scaleIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}