/* Global Animations */
@keyframes float {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(300px);
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

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

.fade-in {
    animation: fadeIn 1.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

.slide-up {
    opacity: 0;
    animation: slideUp 1s cubic-bezier(0.4, 0, 0.2, 1) 0.5s forwards;
}