:root {
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: #fff8df;
  color: #25140f;
}
* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: grid; place-items: start center; padding: 32px 16px; }
main { width: min(760px, 100%); }
.card { background: #fffdf5; border: 1px solid #ead9a8; border-radius: 28px; padding: clamp(20px, 5vw, 40px); box-shadow: 0 24px 80px rgba(95, 53, 0, .14); }
.eyebrow { margin: 0 0 8px; color: #c9071e; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: .78rem; }
h1 { margin: 0 0 16px; font-size: clamp(2rem, 5vw, 3.6rem); line-height: .95; letter-spacing: -.04em; }
p { line-height: 1.6; }
.stack { display: grid; gap: 16px; margin-top: 24px; }
label { display: grid; gap: 8px; font-weight: 700; }
input, textarea { width: 100%; border: 1px solid #d9c68d; border-radius: 14px; padding: 12px 14px; font: inherit; background: #fff; color: inherit; }
textarea { resize: vertical; min-height: 280px; line-height: 1.45; }
button { border: 0; border-radius: 999px; padding: 14px 22px; background: #c9071e; color: #fff; font: inherit; font-weight: 800; cursor: pointer; box-shadow: 0 10px 24px rgba(201, 7, 30, .25); }
button:hover { background: #a80618; }
ol { padding-left: 1.3rem; line-height: 1.8; }
.muted { color: #6c5a4c; font-size: .95rem; }
details { margin-top: 24px; }
pre { overflow: auto; background: #271916; color: #fff6d8; padding: 16px; border-radius: 14px; }