.contact-form-wrap { margin-top: 32px; }
.contact-form { padding: clamp(22px, 4vw, 48px); border: 1px solid #3a5e78; border-top: 2px solid var(--mint); border-radius: 16px; background: linear-gradient(145deg, #233348, #202536 75%); display: grid; gap: 24px; }
.contact-field { display: grid; gap: 10px; min-width: 0; }
.contact-field label { font-weight: 600; color: var(--ink); }
.contact-field input, .contact-field textarea { box-sizing: border-box; width: 100%; min-width: 0; padding: 15px 16px; border: 1px solid var(--line); border-radius: 10px; background: #16161e; color: #c0caf5; font: inherit; line-height: 1.5; }
.contact-field textarea { resize: vertical; min-height: 180px; }
.contact-field input:focus-visible, .contact-field textarea:focus-visible { outline: 2px solid #7aa2f7; outline-offset: 3px; }
.contact-form .button { justify-self: start; font: inherit; font-weight: 600; cursor: pointer; }
.contact-form .button:disabled { opacity: .65; cursor: wait; }
.contact-form .honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
#contact-status { margin: 0; color: var(--muted); line-height: 1.6; }
#contact-status:empty { display: none; }