body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@keyframes fadeInOut {
    0%, 100% { opacity: 0; transform: translateY(20px); }
    10%, 90% { opacity: 1; transform: translateY(0); }
}

.animate-fade-in-out {
    animation: fadeInOut 3s ease-in-out forwards;
}

/* Custom NProgress styles */
#nprogress .bar {
    background: #6366f1 !important; /* Indigo-500 */
    height: 3px !important;
}

#nprogress .peg {
    box-shadow: 0 0 10px #6366f1, 0 0 5px #6366f1 !important;
}

#nprogress .spinner-icon {
    border-top-color: #6366f1 !important;
    border-left-color: #6366f1 !important;
}