/* ===================================
   RedSense - Animations
   =================================== */

/* Background Animation */
@keyframes pulse {
    0%, 100% { 
        opacity: 0.3; 
        transform: scale(1); 
    }
    50% { 
        opacity: 0.6; 
        transform: scale(1.1); 
    }
}

.bg-animation {
    animation: pulse 8s ease-in-out infinite;
}

/* Logo Glow Animation */
@keyframes glowPulse {
    0%, 100% { 
        text-shadow: 0 0 20px rgba(204, 0, 0, 0.8); 
    }
    50% { 
        text-shadow: 0 0 40px rgba(204, 0, 0, 1), 0 0 60px rgba(204, 0, 0, 0.6); 
    }
}

.logo {
    animation: glowPulse 3s ease-in-out infinite;
}

/* Hero Glow Animation */
@keyframes heroGlow {
    0% { opacity: 0.5; }
    100% { opacity: 1; }
}

.hero::before {
    animation: heroGlow 10s ease-in-out infinite alternate;
}

/* Slide Up Animation */
@keyframes slideUp {
    from { 
        opacity: 0;
        transform: translateY(50px);
    }
    to { 
        opacity: 1;
        transform: translateY(0);
    }
}

.hero h1 {
    animation: slideUp 1s ease-out;
}

.hero p {
    animation: slideUp 1s ease-out 0.3s backwards;
}

.hero-cta {
    animation: slideUp 1s ease-out 0.6s backwards;
}

/* Rotating Background Animation */
@keyframes rotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.service-card:hover::before,
.value-card:hover::before {
    animation: rotate 10s linear infinite;
}

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

.lang-content {
    animation: fadeIn 0.6s ease-out;
}

/* Scroll Reveal Animation */
.reveal {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Shimmer Effect */
@keyframes shimmer {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}

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

/* Glow Intensity Animation */
@keyframes glowIntensity {
    0%, 100% { 
        box-shadow: 0 0 20px rgba(204, 0, 0, 0.3); 
    }
    50% { 
        box-shadow: 0 0 40px rgba(204, 0, 0, 0.6); 
    }
}

/* Loading Animation */
@keyframes loading {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Bounce Animation */
@keyframes bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}