/* Custom styles can be added here if needed */
/* The main styling is handled by TailwindCSS */

/* Animation for the coming soon text */
@keyframes pulse {
    0% { opacity: 0.8; }
    50% { opacity: 1; }
    100% { opacity: 0.8; }
}

.animate-pulse {
    animation: pulse 2s infinite;
}

/* Responsive adjustments */
@media (max-width: 640px) {
    .text-4xl {
        font-size: 2rem;
    }
    .text-xl {
        font-size: 1rem;
    }
}