.contact-form { display: grid; gap: 22px; max-width: 760px; margin-top: 28px; }
.contact-field { display: grid; gap: 10px; min-width: 0; }
.contact-field label { font-weight: 700; }
.contact-field input, .contact-field textarea {
  box-sizing: border-box; width: 100%; min-width: 0; border: 1px solid #536689;
  border-radius: 12px; background: #0b1425; color: #f7f9ff; padding: 15px 18px;
  font: inherit; font-size: calc(16px * var(--font-scale, 1)); line-height: 1.6;
}
.contact-field textarea { min-height: 190px; resize: vertical; }
.contact-field input:focus-visible, .contact-field textarea:focus-visible { outline: 2px solid #299fff; outline-offset: 3px; }
.contact-form .contact-note { margin: 0; font-size: calc(14px * var(--font-scale, 1)); color: #bdc8dd; }
.contact-form .button { justify-self: start; max-width: 100%; white-space: normal; cursor: pointer; }
.contact-form .button:disabled { opacity: .65; cursor: wait; }
.contact-form .contact-status { margin: 0; overflow-wrap: anywhere; }
.contact-status:empty { display: none; }
.contact-status[data-state="error"] { color: #ffb9b9; }
.contact-status[data-state="success"] { color: #7df5b7; }
.contact-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 760px) { .contact-form .button { width: 100%; justify-content: center; } }