:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#182826;background:#f0f4f4}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(420px,100%);padding:36px;background:white;border:1px solid #d5e1de;border-radius:6px}.brand{color:#168477;font-weight:700}h1{font-size:25px;line-height:1.4;margin:20px 0 6px}p{color:#62726d;margin:0 0 30px}form{display:grid;gap:12px}label{font-size:14px}input{font:inherit;padding:12px;border:1px solid #aabcb7;border-radius:4px;min-width:0}button{background:#087d6c;color:white;border:0;padding:12px;font:inherit;font-weight:600;border-radius:4px;cursor:pointer}[role=alert]{color:#b32626;font-size:14px}input:focus{outline:2px solid #168477;outline-offset:2px}