/* We use Tailwind for layout, but keep custom animations here to keep HTML clean */
.reveal { 
    opacity: 0; 
    transform: translateY(30px); 
    animation: safeFadeUp 0.8s ease-out forwards; 
}

@keyframes safeFadeUp { 
    to { 
        opacity: 1; 
        transform: translateY(0); 
    } 
}

/* Hide scrollbar for mobile navigation if needed */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }