.contact {
    background: var(--light-gray);
    padding: var(--space-2xl) var(--space-xl);
    text-align: center;
}

/* Override the default section-title margin for contact section */
.contact .section-title {
    margin-bottom: var(--space-md);
}

.contact p {
    margin-bottom: var(--space-xl);
}

.contact-form {
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.contact-form input,
.contact-form textarea {
    padding: var(--space-md);
    border: 1px solid #ddd;
    border-radius: 6px;
    font-family: 'Open Sans', sans-serif;
}

.contact-form textarea {
    min-height: 150px;
}

.notification {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: var(--space-md) var(--space-lg);
    border-radius: 6px;
    color: var(--white);
    font-weight: 500;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    animation: slideIn 0.3s ease forwards;
}

.notification.success {
    background: var(--success);
}

.notification.error {
    background: var(--warning);
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.button-loader {
    font-size: 0.9em;
    opacity: 0.8;
}

/* Disable form during submission */
.contact-form button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

.additional-data {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    pointer-events: none !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}