*{box-sizing:border-box}body{margin:0;background:#f5f7f5;font-family:system-ui,"Microsoft Yahei",sans-serif;color:#26362f;display:grid;place-items:center;min-height:100dvh;padding:24px}main{max-width:440px;width:100%;padding:38px;background:white;border:1px solid #dfe5df;border-radius:20px}.brand{color:#176452;font-weight:700}h1{font-size:28px}p,small{line-height:1.8;color:#617168}label{display:block;margin:18px 0 8px;font-size:14px}input{display:block;width:100%;padding:13px;border:1px solid #cbd7cd;border-radius:8px;margin-top:8px;font:inherit}button{width:100%;padding:13px;border:0;background:#176452;color:white;border-radius:8px;font:inherit;cursor:pointer}#error{color:#a0312b;font-size:14px}