* { box-sizing: border-box; }
body { margin: 0; padding: 28px 18px; background: #f7f5ee; color: #233b32; font: 16px/1.6 system-ui, sans-serif; }
main { max-width: 560px; margin: 0 auto; }
h1 { font: 600 34px/1.2 Georgia, serif; margin: 28px 0 14px; }
a { color: #286449; text-underline-offset: 3px; overflow-wrap: anywhere; }
form, label { display: grid; gap: 8px; }
form { gap: 18px; }
label { font-weight: 600; }
input, select, textarea { width: 100%; min-height: 44px; border: 1px solid #9cad9f; border-radius: 8px; padding: 11px; background: #fffef9; color: #233b32; font: 16px/1.4 system-ui, sans-serif; }
textarea { resize: vertical; }
button { min-height: 48px; border: 0; border-radius: 8px; padding: 12px 20px; color: white; background: #285b42; font: 600 16px/1.4 system-ui, sans-serif; cursor: pointer; }
button:disabled { opacity: .65; cursor: wait; }
:focus-visible { outline: 3px solid #ba6b2e; outline-offset: 3px; }
.note { font-size: 13px; color: #52665b; margin: 0; }
[hidden] { display: none !important; }