.contact-form { width: min(100%,680px); margin: 32px auto 0; display: grid; gap: 10px; text-align: left; }
.contact-form label { font-size: 14px; font-weight: 600; }
.contact-form input,.contact-form textarea { width: 100%; min-width: 0; min-height: 48px; border: 1px solid #72675e; border-radius: 8px; padding: 12px; background: #111113; color: #f5f5f4; font: 16px/1.5 var(--sans); }
.contact-form textarea { resize: vertical; }
.contact-form :focus-visible { outline: 3px solid var(--frost); outline-offset: 3px; }
.contact-form button { justify-self: start; border: 0; cursor: pointer; margin-top: 8px; }
.contact-form button:disabled { opacity: .5; cursor: default; }
.contact-status { font-size: 14px; color: var(--body); line-height: 1.6; }
.contact-status a { text-decoration: underline; text-underline-offset: 3px; }