/* ══════════════════════════════════════════════
   Animations & Keyframes
   Animations — pulse, fadeIn, spin
   ══════════════════════════════════════════════ */

/* ── Keyframes ── */
@keyframes pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

@keyframes blob {
    0% {
        transform: translate(0px, 0px) scale(1);
    }

    33% {
        transform: translate(30px, -30px) scale(1.1);
    }

    66% {
        transform: translate(-20px, 20px) scale(0.9);
    }

    100% {
        transform: translate(0px, 0px) scale(1);
    }
}

@keyframes slideUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* ── Animation Classes ── */
.animate-pulse-slow {
    animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.animate-blob {
    animation: blob 10s infinite;
}

.animate-slide-up {
    animation: slideUp 0.6s ease-out forwards;
}

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