:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, sans-serif; background: #f5f2ed; color: #20201e; }
body { margin: 0; min-height: 100vh; display: grid; place-items: center; }
main { width: min(680px, calc(100% - 40px)); padding: 48px 0; }
.eyebrow { letter-spacing: .16em; font-size: 12px; color: #806b56; }
h1 { font-family: Georgia, serif; font-size: clamp(36px, 7vw, 66px); line-height: .98; font-weight: 500; margin: 18px 0; }
.intro { color: #6a665f; font-size: 18px; max-width: 520px; }
form { display: grid; gap: 18px; margin-top: 42px; }
label { display: grid; gap: 8px; font-size: 14px; font-weight: 650; }
input, textarea { box-sizing: border-box; width: 100%; border: 1px solid #d3cbc0; border-radius: 10px; padding: 13px; background: #fffdfa; font: inherit; }
textarea { min-height: 110px; resize: vertical; }
button { justify-self: start; border: 0; border-radius: 999px; padding: 13px 22px; background: #20201e; color: white; font-weight: 700; cursor: pointer; }
#message { min-height: 24px; color: #806b56; }