:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#1f2329;background:#f5f6f8;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px}
main{width:100%;max-width:400px;background:#fff;border:1px solid #e2e5eb;border-radius:12px;padding:40px}
img{display:block;max-width:100%;height:auto;margin-bottom:32px}h1{font-size:26px;line-height:1.4;margin:0 0 8px;font-weight:600}
p{font-size:14px;color:#646a73;margin:0 0 32px}label{display:block;font-size:14px;margin-bottom:8px}
input,button{font:inherit;width:100%;min-height:44px;border-radius:6px}input{padding:10px 12px;border:1px solid #c9cdd4;background:#fff;color:#1f2329;outline:none}
input:focus{border-color:#3370ff;box-shadow:0 0 0 3px #3370ff1a}button{border:0;background:#3370ff;color:#fff;cursor:pointer;margin-top:24px}
button:hover{background:#245bdb}button:focus-visible{outline:3px solid #b3c9ff;outline-offset:3px}#error{font-size:14px;color:#b42318;margin-top:8px}
@media(max-width:480px){main{padding:32px 24px}}