body { 
    font-family: 'Inter', sans-serif; 
    background-color: #f8fafc; 
}

.fade-in { 
    animation: fadeIn 0.4s ease-out forwards; 
}

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

/* Loader Spinner */
.spinner {
    border: 3px solid rgba(255,255,255,0.3); 
    border-radius: 50%;
    border-top: 3px solid #fff; 
    width: 20px; 
    height: 20px;
    animation: spin 1s linear infinite; 
    display: inline-block;
}

.spinner-blue { 
    border-color: rgba(37,99,235,0.2); 
    border-top-color: #2563eb; 
    width: 40px; 
    height: 40px; 
}

@keyframes spin { 
    0% { transform: rotate(0deg); } 
    100% { transform: rotate(360deg); } 
}