@keyframes gradientAnimation {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 0%;
    }
    100% {
        background-position: 0% 0%;
    }
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}

.contact-form-container:hover {
    transform: scale(1.02);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

button[type="submit"],
.home-button {
    background: linear-gradient(90deg, 
        #ff0000 0%,
        var(--primary-dark) 50%,
        #ff0000 100%
    );
    background-size: 200% 100%;
    animation: gradientAnimation 2s ease-in-out infinite;
}

button[type="submit"]:hover,
.home-button:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
    animation: gradientAnimation 1s ease-in-out infinite;
    background-size: 200% 100%;
}

button[type="submit"]:active,
.home-button:active {
    transform: translateY(1px);
    box-shadow: var(--shadow-md);
}

.file-upload-label:hover {
    transform: scale(1.1) rotate(5deg);
    background-color: #fff;
    box-shadow: var(--shadow-md);
}

.top-bar {
    animation: slideDown 0.8s ease-out forwards;
}