.contact-form-area { padding-block: 24px 40px; max-width: 800px; }
.contact-form-area h2 { margin-bottom: 14px; }
.contact-form-area [role] { margin-bottom: 14px; }
.contact-form-area [role="alert"] { color: #a32121; }
.contact-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.contact-form label { display: grid; gap: 6px; font-weight: 600; }
.contact-form input, .contact-form textarea { width: 100%; padding: 9px 11px; border: 1px solid #aaa; border-radius: 5px; font: inherit; font-weight: 400; }
.contact-form-message { grid-column: 1 / -1; }
@media (max-width: 600px) { .contact-form { grid-template-columns: 1fr; } }