/* Custom styles that extend Tailwind */
@keyframes wave {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.wave-animation {
    animation: wave 15s linear infinite;
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

/* Custom focus styles */
input:focus, button:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.5);
}

/* Custom transitions */
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}