:root { color-scheme: light; background: #f5f8eb; color: #244831; font: 17px/1.6 system-ui, sans-serif; }
* { box-sizing: border-box; }
body { margin: 0; }
main { width: min(100%, 760px); margin: auto; padding: 24px 22px 64px; }
nav { display: flex; gap: 12px 22px; flex-wrap: wrap; padding-bottom: 24px; }
a { color: #205635; text-underline-offset: .15em; }
h1 { font-size: clamp(2rem, 7vw, 3.15rem); line-height: 1.1; margin: .7em 0 .45em; }
h2 { font-size: 1.25rem; margin: 1.5em 0 .35em; }
form { max-width: 470px; background: white; border: 1px solid #c7d9bd; padding: 22px; border-radius: 16px; }
form[hidden] { display: none; }
label { display: block; font-weight: 650; }
input, button { display: block; font: inherit; margin-top: 10px; padding: 11px 14px; border-radius: 8px; }
input { border: 1px solid #718c6c; width: 100%; }
button { background: #2a603b; border: 0; color: white; cursor: pointer; font-weight: 650; }
button:disabled { opacity: .55; cursor: wait; }
:focus-visible { outline: 3px solid #a4421c; outline-offset: 3px; }
footer { border-top: 1px solid #c7d9bd; margin-top: 35px; padding-top: 12px; }