/* Custom Animations */
@keyframes wave {

    0%,
    100% {
        height: 10px;
    }

    50% {
        height: 24px;
    }
}

.animate-wave {
    animation: wave 1.2s ease-in-out infinite;
}

.delay-75 {
    animation-delay: 75ms;
}

.delay-100 {
    animation-delay: 100ms;
}

.delay-150 {
    animation-delay: 150ms;
}

.delay-200 {
    animation-delay: 200ms;
}

.animate-pulse-slow {
    animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

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

/* Form Focus States */
input:focus,
textarea:focus {
    outline: none;
    border-color: #0097a7;
    box-shadow: 0 0 0 3px rgba(0, 151, 167, 0.2);
}