/* ==========================================================================
   Shared Keyframe Animations
   Extracted from blade templates to eliminate duplication.
   Loaded globally via app.blade.php.
   ========================================================================== */

/* ===== Fade & Slide Animations ===== */

@keyframes heroFadeIn {
    0% { opacity: 0; transform: translateY(20px); }
    100% { opacity: 1; transform: translateY(0); }
}

@keyframes fadeInUp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}

/* ===== Scale / Pop Animations ===== */

@keyframes heroIconPop {
    0% { opacity: 0; transform: scale(0.5); }
    70% { transform: scale(1.1); }
    100% { opacity: 1; transform: scale(1); }
}

@keyframes iconPop {
    0% { opacity: 0; transform: scale(0.5); }
    70% { transform: scale(1.1); }
    100% { opacity: 1; transform: scale(1); }
}

/* ===== Utility Animation Classes ===== */

.animate-fadeIn {
    animation: fadeIn 0.6s ease forwards;
}

.animate-fadeInUp {
    animation: fadeInUp 0.6s ease forwards;
}

.animate-slideIn {
    animation: slideInUp 0.5s ease forwards;
}