main { max-width: 560px; margin-top: 56px; }
.intro { margin: 20px 0 32px; }
form { display: grid; gap: 10px; }
label { font-size: 14px; font-weight: 600; margin-top: 8px; }
input, textarea { width: 100%; border: 1px solid #cdd7d1; border-radius: 10px; padding: 13px 14px; font: inherit; background: #fff; color: #17211d; }
textarea { resize: vertical; min-height: 150px; }
input:focus-visible, textarea:focus-visible, button:focus-visible { outline: 3px solid #90cdb6; outline-offset: 3px; }
.privacy-note { font-size: 13px; color: #68746d; margin: 6px 0 10px; }
button { justify-self: start; padding: 14px 24px; background: #087c54; color: white; border: 0; border-radius: 100px; font: inherit; font-weight: 600; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
#status { margin: 8px 0 0; }
#status[data-error="true"] { color: #a12c26; }
.honeypot { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }