.text-shadow-lg {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

[x-cloak] {
    display: none !important;
}

/* Animation for form inputs */
.form-input {
    transition: all 0.3s ease;
}

.form-input:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(0, 106, 78, 0.15);
}

/* Gradient animation for button */
@keyframes gradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.gradient-animation {
    background: linear-gradient(-45deg, #006A4E, #FF0000, #FFD700, #006A4E);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
}