.contact-form {
    display: grid;
    gap: 18px;
}

.form-row {
    display: grid;
    gap: 18px;
}

.form-field input,
.form-field textarea {
    width: 100%;
    border-bottom: 1px solid var(--color-line);
    min-height: 58px;
    color: var(--color-white);
    transition: var(--transition);
}

.form-field textarea {
    resize: vertical;
    min-height: 140px;
    padding-top: 14px;
}

.form-field input::placeholder,
.form-field textarea::placeholder {
    color: var(--color-text-muted);
}

.form-field input:focus,
.form-field textarea:focus {
    border-color: rgba(182, 212, 51, 0.45);
}

@media (min-width: 768px) {
    .form-row {
        grid-template-columns: 1fr 1fr;
    }
}