@keyframes fadeSlideIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Navigation animations */
.logo {
    opacity: 0;
    animation: fadeSlideIn 0.6s ease-out forwards;
    animation-delay: 0.1s;
}

.nav-links li {
    opacity: 0;
    animation: fadeSlideIn 0.6s ease-out forwards;
}

.nav-links li:nth-child(1) { animation-delay: 0.2s; }
.nav-links li:nth-child(2) { animation-delay: 0.3s; }
.nav-links li:nth-child(3) { animation-delay: 0.4s; }