:root { color-scheme: light dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; background: #fff8f4; color: #2d1710; line-height: 1.65; }
main { width: min(760px, calc(100% - 40px)); margin: 0 auto; padding: 56px 0 80px; }
h1 { font-size: clamp(2rem, 7vw, 3.5rem); line-height: 1.1; margin: 0 0 12px; }
h2 { margin-top: 36px; }
.eyebrow, .muted { color: #80665d; }
.card { background: #fff; border: 1px solid #ecd8cf; border-radius: 22px; padding: 22px; margin: 18px 0; }
a { color: #b84220; font-weight: 650; }
nav { display: flex; flex-wrap: wrap; gap: 14px; margin: 28px 0; }
label { display: block; font-weight: 650; margin: 16px 0 6px; }
input, textarea { box-sizing: border-box; width: 100%; font: inherit; color: inherit; background: #fffaf8; border: 1px solid #d8beb3; border-radius: 12px; padding: 12px; }
textarea { min-height: 160px; resize: vertical; }
button { margin-top: 18px; border: 0; border-radius: 999px; padding: 13px 20px; background: #cf4c25; color: white; font: inherit; font-weight: 700; cursor: pointer; }
.honeypot { position: absolute; left: -10000px; }
@media (prefers-color-scheme: dark) { body { background: #171312; color: #fff7f2; } .card { background: #292322; border-color: #493b37; } input, textarea { background: #211c1b; border-color: #5c4a44; } .eyebrow, .muted { color: #c2aaa0; } a { color: #ff9b78; } }