/* ==========================================================================
   المدار المتخصصة | AL MADAR AGENCY - ANIMATIONS SYSTEM
   ========================================================================== */

/* 1. Floating Animation (للأشكال ثلاثية الأبعاد والأورب الفضائي) */
@keyframes floatSlow {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(-20px) rotate(5deg);
    }
}

@keyframes floatReverse {
    0%, 100% {
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        transform: translateY(20px) rotate(-5deg);
    }
}

/* 2. Pulsing Glow (لإبهار الزائر على الأزرار والأيقونات) */
@keyframes pulseGlow {
    0%, 100% {
        box-shadow: 0 0 25px rgba(75, 0, 246, 0.4), inset 0 0 15px rgba(205, 176, 255, 0.2);
    }
    50% {
        box-shadow: 0 0 50px rgba(75, 0, 246, 0.8), inset 0 0 25px rgba(205, 176, 255, 0.4);
    }
}

/* 3. Text Shimmer Gradient Effect */
@keyframes textShimmer {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* 4. Infinite Marquee (للشركاء وشعارات العملاء) */
@keyframes marqueeScroll {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(50%);
    }
}

/* 5. Border Glow Rotate (لإطار البطاقات الفاخرة) */
@keyframes borderRotate {
    0% {
        border-image-source: linear-gradient(0deg, #4B00F6, #CDB0FF, transparent);
    }
    100% {
        border-image-source: linear-gradient(360deg, #4B00F6, #CDB0FF, transparent);
    }
}

/* 6. High-Performance Lightweight Scroll Reveal Animations (GPU Accelerated) */
.reveal-fade-up {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal-fade-up.revealed {
    opacity: 1;
    transform: translateY(0);
}

.reveal-fade-left {
    opacity: 0;
    transform: translateX(30px);
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal-fade-left.revealed {
    opacity: 1;
    transform: translateX(0);
}

.reveal-zoom-in {
    opacity: 0;
    transform: scale(0.92);
    transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
    will-change: opacity, transform;
}

.reveal-zoom-in.revealed {
    opacity: 1;
    transform: scale(1);
}