*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#edf2fa;font-family:'Microsoft YaHei',sans-serif;color:#233955;padding:24px}main{width:100%;max-width:420px;padding:38px;background:white;border:1px solid #e2e9f3;border-radius:15px;box-shadow:0 16px 60px #1b3d6410}.logo{font-size:25px;font-weight:700;color:#2863ed}.sub{font-size:9px!important;letter-spacing:2px;color:#91a1b7!important}h1{font-size:23px;margin:30px 0 10px}p{font-size:12px;line-height:1.8;color:#8a99ad}form{margin-top:27px}label{display:block;font-size:12px;margin-bottom:20px}input{display:block;width:100%;padding:12px;border:1px solid #d9e2f0;border-radius:7px;margin-top:10px;font-size:15px}input:focus{outline:2px solid #9dbbff}button{width:100%;padding:13px;border:0;background:#2863ed;color:white;border-radius:7px;font-size:14px;cursor:pointer}small{display:block;margin-top:26px;font-size:10px;line-height:1.9;color:#97a5b7}.error{background:#fff1f1;color:#af4f4f;padding:10px;border-radius:5px}