/* Custom CSS styles if needed, Tailwind covers most of it */

@keyframes fade-in {
    from { opacity: 0; transform: translateX(20px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes fade-out {
    from { opacity: 1; transform: translateX(0); }
    to { opacity: 0; transform: translateX(-20px); }
}

.step-enter {
    animation: fade-in 0.3s ease-out forwards;
}

.step-exit {
    animation: fade-out 0.3s ease-out forwards;
}

/* Spinner */
.loader-spinner {
    animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}