@keyframes pulse-slow {
    0%, 100% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.02); opacity: 0.9; }
}

.animate-pulse-slow {
    animation: pulse-slow 4s ease-in-out infinite;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .text-5xl.md\:text-7xl {
        font-size: 3rem; /* Adjusted for smaller screens */
    }
    .text-xl.md\:text-2xl {
        font-size: 1.5rem; /* Adjusted for smaller screens */
    }
    nav ul {
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }
}