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

.animate-fadeIn { animation: fadeIn 0.2s ease-out forwards; }
.animate-slideUp { animation: slideUp 0.3s ease-out forwards; }

/* Hide scrollbar for a cleaner mobile look but keep functionality */
::-webkit-scrollbar { 
    width: 0px; 
    background: transparent; 
}