/* ================= ANIMATIONS ================= */
/* Subtle entrance animations only */

@keyframes fade-in-soft {
    0% {
        opacity: 0;
        filter: blur(4px);
        transform: translateY(20px);
    }

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

.animate-fade-in {
    opacity: 0;
    animation: fade-in-soft 1s ease-out forwards;
}

.delay-200 {
    animation-delay: 0.2s;
}

.delay-400 {
    animation-delay: 0.4s;
}