:root{font-family:system-ui,sans-serif;color:#202824;background:#f5f7f6;color-scheme:light;letter-spacing:0}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:380px}.brand{font-weight:700;color:#187652;font-size:18px}h1{font-size:28px;margin:0 0 32px;line-height:1.25}label{display:block;font-size:14px;margin:20px 0 8px}input{width:100%;height:48px;border:1px solid #bbc6c0;border-radius:6px;background:white;font:inherit;padding:10px 12px}input:focus-visible{outline:2px solid #187652;outline-offset:2px}button{width:100%;height:48px;background:#187652;color:white;border:0;border-radius:6px;font:inherit;font-weight:600;cursor:pointer}button:hover{background:#115d40}button:focus-visible{outline:2px solid #202824;outline-offset:3px}[role=alert]{color:#ad283b;font-size:14px;min-height:20px}