:root{font-family:system-ui,sans-serif;color:#26332f;background:#f4f6f3}*{box-sizing:border-box}body{margin:0;padding:24px}main{max-width:420px;margin:10vh auto;background:white;border:1px solid #dbe3dd;border-radius:16px;padding:32px}h1{font-size:28px}p{line-height:1.6}label{display:block;margin-top:24px}input{display:block;width:100%;margin-top:8px;padding:12px;font:inherit;border:1px solid #81938a;border-radius:6px}button{margin-top:28px;width:100%;padding:13px;font:inherit;background:#254c3e;color:white;border:0;border-radius:6px;cursor:pointer}button:disabled{opacity:.6}input:focus-visible,button:focus-visible{outline:3px solid #79a38d;outline-offset:3px}#message{color:#9f2e27;min-height:1.5em}