*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 12% 10%,#e3eeff,transparent 55%),#f4f7fb;color:#23354b;font:15px system-ui,-apple-system,"Microsoft YaHei",sans-serif}main{width:min(420px,calc(100% - 40px));padding:40px 0}.brand{display:flex;gap:14px;align-items:center;justify-content:center;margin-bottom:32px}.brand>span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#1268e5;color:white;font-size:26px;font-weight:700}.brand strong{font-size:20px;letter-spacing:1px}.brand small{display:block;color:#7e8da1;margin-top:3px}section{padding:32px;background:white;border:1px solid #edf1f6;border-radius:28px;box-shadow:0 12px 40px #193b6b0a}h1{font-size:24px;margin:0 0 8px}p{color:#8492a4;margin:0 0 28px}label{display:block;font-size:13px;color:#5a6c82;margin:18px 0 9px}input{width:100%;height:50px;background:#f5f7fa;border:1px solid #e7ecf3;border-radius:12px;padding:0 14px;font:inherit;color:#23354b;outline:none}input:focus{border-color:#1268e5;box-shadow:0 0 0 3px #1268e515}.password{position:relative}.password input{padding-right:60px}.password button{position:absolute;right:8px;top:6px;height:38px;border:0;background:transparent;color:#657c98;cursor:pointer}#error{font-size:13px;color:#c84949;min-height:38px;padding-top:10px}#submit{width:100%;height:48px;border:0;border-radius:14px;background:#1268e5;color:white;font:600 15px system-ui;cursor:pointer}#submit:disabled{opacity:.65}footer{text-align:center;color:#96a2b2;font-size:12px;margin-top:24px}