/* ============================================================
   THÉP THIÊN HƯNG - KEYFRAME ANIMATIONS
   ============================================================ */

/* Phone Call Pulse Wave Animation */
@keyframes phonePulse {
    0% {
        box-shadow: 0 0 0 0 rgba(211, 47, 47, 0.7);
    }
    70% {
        box-shadow: 0 0 0 18px rgba(211, 47, 47, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(211, 47, 47, 0);
    }
}

.float-phone {
    animation: phonePulse 1.8s infinite;
}

/* Gear Spin Animation */
@keyframes spinSlow {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

.spin-slow {
    animation: spinSlow 12s linear infinite;
}

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

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

/* Skeleton Loading Shimmer */
@keyframes shimmer {
    0% { background-position: -200px 0; }
    100% { background-position: 200px 0; }
}

.skeleton-box {
    display: inline-block;
    height: 1em;
    position: relative;
    overflow: hidden;
    background-color: #E0E0E0;
    background-image: linear-gradient(90deg, #E0E0E0 0px, #F5F5F5 40px, #E0E0E0 80px);
    background-size: 200px 100%;
    background-repeat: no-repeat;
    animation: shimmer 1.5s infinite;
}