:root { color-scheme: light; font-family: Arial, Helvetica, sans-serif; color: #262620; background: #f9f8f4; font-synthesis: none; }
* { box-sizing: border-box; }
body { margin: 0; }
.page { max-width: 1180px; min-height: 100svh; margin: auto; padding: 0 48px; display: flex; flex-direction: column; }
main { flex: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 390px); gap: 80px; align-items: start; padding: 78px 0 66px; }
.eyebrow { color: #77766b; font-size: 13px; margin: 3px 0 24px; }
h1 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: clamp(34px, 4vw, 53px); line-height: 1.13; letter-spacing: -1.3px; margin: 0 0 28px; overflow-wrap: anywhere; }
.description { font-size: 17px; line-height: 1.6; max-width: 360px; margin: 0 0 8px; }
.reply-note { color: #77766b; font-size: 14px; line-height: 1.6; margin: 0; }
h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 27px; margin: 0 0 28px; }
.field { margin: 0 0 22px; }
label { display: block; font-size: 13px; margin: 0 0 9px; }
.optional { color: #77766b; }
input, textarea, select { border: 1px solid #c7c6bb; border-radius: 0; background: #fffefa; color: #262620; font: inherit; font-size: 16px; padding: 12px; width: 100%; }
input, select { min-height: 46px; }
textarea { resize: vertical; min-height: 116px; line-height: 1.5; }
input::placeholder, textarea::placeholder { color: #8a897f; opacity: 1; }
.amount-row { display: grid; grid-template-columns: 1fr 94px; gap: 10px; }
button { width: 100%; min-height: 48px; padding: 14px 16px; border: 1px solid #33392a; border-radius: 0; background: #33392a; color: #fffefa; font: inherit; font-size: 14px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
button:hover { background: #22271d; }
button:disabled { cursor: wait; opacity: .65; }
button span { font-size: 19px; line-height: 1; }
:focus-visible { outline: 2px solid #555b3f; outline-offset: 3px; }
.status { font-size: 14px; line-height: 1.6; margin: 16px 0 0; }
.status:empty { display: none; }
.status[data-state="error"] { color: #a02d20; }
.status[data-state="success"] { color: #354e2b; }
.trap { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
[hidden] { display: none !important; }
@media (max-width: 760px) { .page { padding: 0 24px; } main { grid-template-columns: 1fr; gap: 42px; padding: 42px 0; } h1 { font-size: 38px; letter-spacing: -.8px; margin-bottom: 20px; } .eyebrow { margin-bottom: 18px; } .description { font-size: 16px; } }