* { box-sizing: border-box; }
:root { color-scheme: light; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #303a35; background: #faf9f6; }
body { margin: 0; font-size: 16px; line-height: 1.6; }
main { width: min(100% - 48px, 680px); margin: 0 auto; padding: 56px 0 32px; }
.domain { margin: 0 0 28px; color: #69736b; font-size: 13px; letter-spacing: .04em; }
h1 { margin: 0; font: normal clamp(48px, 8vw, 64px)/1.12 Georgia, serif; letter-spacing: -.045em; }
.intro { margin: 16px 0 0; color: #69736b; font-size: 18px; }
.contact { margin-top: 42px; padding-top: 28px; border-top: 1px solid #dedfd8; }
h2 { margin: 0 0 20px; font-size: 18px; font-weight: 500; }
.fields { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
label { display: block; margin: 0 0 7px; font-size: 13px; font-weight: 500; }
label span { color: #69736b; font-weight: 400; }
input, textarea { width: 100%; display: block; border: 1px solid #c9cec5; border-radius: 5px; background: #fffefc; color: #303a35; font: inherit; padding: 10px 12px; margin-bottom: 20px; }
input { height: 44px; }
textarea { min-height: 116px; resize: vertical; }
.send-row { display: flex; align-items: center; gap: 20px; }
button { font: inherit; font-size: 14px; border: 0; border-radius: 5px; padding: 11px 18px; background: #3f5149; color: #fff; white-space: nowrap; }
button span { margin-left: 22px; }
button:disabled { cursor: not-allowed; }
#preview-note { font-size: 12px; color: #69736b; margin: 0; }
footer { margin-top: 42px; border-top: 1px solid #dedfd8; padding-top: 20px; }
nav { display: flex; gap: 24px; }
a { color: #4e6055; font-size: 13px; text-underline-offset: 4px; }
:focus-visible { outline: 2px solid #3f5149; outline-offset: 4px; }
@media(max-width: 480px) { main { padding-top: 32px; } .fields { grid-template-columns: 1fr; gap: 0; } .contact { margin-top: 32px; } .send-row { align-items: flex-start; flex-direction: column; gap: 12px; } }

.test-notice { font-size: 13px; color: #69736b; margin: -8px 0 22px; }

#verification-status { font-size: 12px; color: #69736b; margin: 8px 0 18px; }
button:disabled { opacity: .55; }