@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-up {
    opacity: 0;
    animation: fadeUp 0.8s ease forwards;
}

.animate-fade-up:nth-child(1) { animation-delay: 0.1s; }
.animate-fade-up:nth-child(2) { animation-delay: 0.2s; }
.animate-fade-up:nth-child(3) { animation-delay: 0.3s; }

#mobileMenu {
    transform: translateX(-100%);
    transition: transform 0.3s ease;
}

#mobileMenu.show {
    transform: translateX(0);
}

html {
    scroll-behavior: smooth;
}

input:focus, select:focus, textarea:focus {
    outline: none;
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #fdfbf7;
}

::-webkit-scrollbar-thumb {
    background: #7c2d8f;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #6b21a8;
}

@media (max-width: 768px) {
    .animate-fade-up {
        animation: fadeUp 0.6s ease forwards;
    }
    
    h1 {
        font-size: 2.5rem;
    }
    
    h2 {
        font-size: 2rem;
    }
}