/**
 * FalakTech - Animation Styles
 */

@keyframes slideInFromLeft {
    0% { opacity: 0; transform: translateX(-50px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes slideInFromRight {
    0% { opacity: 0; transform: translateX(50px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes flyInFromRight {
    0% { opacity: 0; transform: translateX(100px); }
    100% { opacity: 1; transform: translateX(0); }
}

@keyframes arrowPulse {
    0%, 100% { opacity: .5; transform: translateX(0); }
    50% { opacity: 1; transform: translateX(10px); }
}

/* Hero animations */
.hero .hero-content h1 {
    opacity: 0;
    animation: slideInFromLeft 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.2s forwards;
}

.hero .hero-content p {
    opacity: 0;
    animation: slideInFromLeft 0.7s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.5s forwards;
}

.nav-links li { opacity: 0; }

.nav-links li:nth-child(1) { animation: flyInFromRight 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.2s forwards; }
.nav-links li:nth-child(2) { animation: flyInFromRight 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.35s forwards; }
.nav-links li:nth-child(3) { animation: flyInFromRight 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.5s forwards; }
.nav-links li:nth-child(4) { animation: flyInFromRight 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.65s forwards; }
.nav-links li:nth-child(5) { animation: flyInFromRight 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.8s forwards; }
.nav-links li:nth-child(6) { animation: flyInFromRight 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1.95s forwards; }

.lang-toggle {
    opacity: 0;
    animation: flyInFromRight 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) 2.1s forwards;
}