/* =========================================
ANIMATIONS & KEYFRAMES
========================================= */

/* Fade In Up Animation */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Fade In Animation */
@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Pulse Animation for badges */
@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50%       { transform: scale(1.05); }
}

/* Apply entrance animations */
.hero-content {
    animation: fadeInUp 0.8s ease both;
}

.hero-image {
    animation: fadeInUp 0.8s ease 0.2s both;
}

.hero-badge {
    animation: pulse 3s ease-in-out infinite;
}

.section-header {
    animation: fadeInUp 0.6s ease both;
}