:root { color-scheme: light; font: 16px/1.5 system-ui, sans-serif; color: #25382f; background: #f6f5f0; }
* { box-sizing: border-box; }
body { margin: 0; }
main { min-height: 100vh; min-height: 100svh; display: grid; place-items: center; padding: 32px 24px; }
form { width: 100%; max-width: 320px; }
label { display: block; margin-bottom: 8px; }
input, button { width: 100%; min-height: 48px; border: 1px solid #a9b5a9; border-radius: 6px; padding: 11px 12px; font: inherit; }
input { background: #fffefb; color: #25382f; caret-color: #245a42; }
button { margin-top: 16px; color: #fff; background: #245a42; border-color: #245a42; cursor: pointer; }
button:hover { background: #183f2d; }
input:focus-visible, button:focus-visible { outline: 2px solid #245a42; outline-offset: 4px; }
::selection { background: #d6e5bb; color: #183d2c; }
p { margin: 12px 0 0; color: #8b3229; font-size: 14px; }