@tailwind base;
@tailwind components;
@tailwind utilities;

/* Hide Alpine x-cloak elements until initialized */
[x-cloak] { display: none !important; }

/* Custom animations */
@keyframes slideIn {
    from { transform: translateX(-10px); opacity: 0; }
    to { transform: translateX(0); opacity: 1; }
}
.slide-in { animation: slideIn 0.3s ease-out; }

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.fade-in { animation: fadeIn 0.5s ease-out; }
