*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;font:15px system-ui,sans-serif;background:#f7f8f6;color:#26382f}main{width:min(400px,calc(100% - 32px));padding:32px;background:white;border:1px solid #e2e7df;border-radius:12px}h1{color:#24714d;letter-spacing:-1px;margin:0 0 16px}p{line-height:1.6;color:#647360}label{display:block;margin:18px 0 7px}input,button{width:100%;font:inherit;padding:12px;border:1px solid #cbd9cb;border-radius:6px}button{background:#24714d;color:white;margin-top:24px;cursor:pointer}button:disabled{opacity:.5}input:focus-visible,button:focus-visible{outline:3px solid #8bbc9d;outline-offset:2px}#login-error{color:#97502f;font-size:13px}