/* Fade In Animation */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Fade Out Animation */
@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

/* Logo Scale Animation */
@keyframes logoScale {
    0% {
        transform: scale(0.8);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* Loading Bar Animation */
@keyframes loadingProgress {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

/* Text Slide Up Animation */
@keyframes slideUp {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Utility Animation Classes */
.fade-in {
    animation: fadeIn var(--transition-normal) forwards;
}

.fade-out {
    animation: fadeOut var(--transition-normal) forwards;
}

.slide-up {
    animation: slideUp var(--transition-normal) forwards;
}

/* Hidden Class */
.hidden {
    display: none;
}