:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#213138;background:#f5f7f8;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}main{width:min(420px,100%);padding:32px;background:white;border:1px solid #dce3e5;border-top:3px solid #00775f;border-radius:6px}.brand{color:#00775f;font-weight:700}h1{font-size:24px;line-height:1.4;margin:20px 0 6px;overflow-wrap:anywhere}p{color:#65747a;margin:0 0 26px;overflow-wrap:anywhere}form{display:grid;gap:12px}label{font-size:14px}input{width:100%;font:inherit;padding:12px;border:1px solid #bfcbcf;border-radius:4px;min-width:0}button{background:#00775f;color:white;border:0;padding:12px;font:inherit;font-weight:600;border-radius:4px;cursor:pointer}button:hover{background:#005f4c}[role=alert]{color:#b34d5b;font-size:14px}input:focus-visible,button:focus-visible{outline:2px solid #2c70a0;outline-offset:2px}@media(max-width:380px){body{padding:16px}main{padding:24px}}