.contact-page { max-width: 680px; }
.contact-page form { margin-top: 36px; }
.contact-page label { display: block; margin: 24px 0 8px; font-size: 14px; font-weight: 600; }
.contact-page input:not([tabindex="-1"]),
.contact-page textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--surface);
  color: var(--ink);
  font: inherit;
  caret-color: var(--accent);
}
.contact-page textarea { resize: vertical; min-height: 160px; }
.contact-page textarea:focus-visible { outline: 2px solid var(--accent); outline-offset: 4px; }
.contact-page .field-hint { margin: 8px 0 0; font-size: 13px; line-height: 1.6; }
.contact-page #contact-privacy { margin: 26px 0 18px; }
.contact-page #contact-status { min-height: 1.7em; margin: 16px 0 0; font-size: 14px; }
.contact-page #contact-status[data-error="true"] { color: var(--error); }
.contact-page .button { margin-top: 16px; }
.contact-page .contact-alternative { margin-top: 32px; font-size: 14px; }