:root { color-scheme: light; font-family: system-ui, sans-serif; color: #25392b; background: #f7f5ef; }
* { box-sizing: border-box; }
body { margin: 0; }
main { max-width: 30rem; margin: 3rem auto; padding: 1.5rem; }
h1 { font-size: 1.8rem; }
p { line-height: 1.5; }
label { display: block; margin-bottom: .5rem; font-weight: 600; }
input, button { width: 100%; font: inherit; border-radius: .5rem; padding: .8rem; }
input { border: 1px solid #788879; background: white; }
button { margin-top: 1rem; color: white; background: #36583e; border: 0; cursor: pointer; }
button:disabled { opacity: .6; }
:focus-visible { outline: 3px solid #ab5d30; outline-offset: 3px; }