:root { color: #1f2724; background: #edf0eb; font-family: Inter, ui-sans-serif, system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(960px, calc(100% - 32px)); margin: 40px auto 80px; }
header, section { border: 1px solid #c8cec7; border-radius: 20px; background: rgba(255,255,255,.8); padding: 24px; margin: 18px 0; box-shadow: 0 12px 40px rgba(31,39,36,.06); }
header { background: #183d31; color: #f4f2e9; }
.eyebrow { color: #b9d8c7; letter-spacing: .12em; font-size: 12px; }
h1 { font-size: clamp(32px, 7vw, 64px); margin: 10px 0; line-height: 1; }
h2 { margin-top: 0; font-size: 20px; }
.row, .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 12px; margin-bottom: 12px; }
label { display: grid; gap: 7px; font-size: 13px; color: #59635e; margin: 10px 0; }
input, select, button { min-height: 44px; border-radius: 12px; border: 1px solid #bbc4bd; padding: 10px 12px; font: inherit; }
button { border: 0; color: white; background: #c76534; cursor: pointer; font-weight: 650; }
button:hover { background: #a94f27; }
pre { white-space: pre-wrap; word-break: break-word; border-radius: 12px; background: #101815; color: #cce3d4; padding: 14px; min-height: 54px; overflow: auto; }
header pre { background: rgba(0,0,0,.2); }