:root{font-family:Arial,"Microsoft YaHei",sans-serif;color:#23374b;background:#f5f7fb}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:100%;max-width:390px;background:white;border:1px solid #e1e7f0;border-radius:10px;padding:36px;box-shadow:0 12px 35px #1d365607}img{object-fit:contain}h1{font-size:21px;margin-top:24px}p{font-size:13px;color:#78899e;line-height:1.7}form{display:grid;gap:12px;margin-top:26px}label{font-size:13px}input,button{font:inherit;width:100%;border:1px solid #dce3ed;border-radius:5px;padding:11px}.remember-login{display:flex;align-items:center;gap:8px;min-height:28px;cursor:pointer}.remember-login input{width:16px;height:16px;margin:0;padding:0;accent-color:#4265f5;cursor:pointer;flex-shrink:0}button{background:#4265f5;color:white;border-color:#4265f5;cursor:pointer;margin-top:6px}button:disabled{opacity:.6}input:focus,button:focus-visible{outline:2px solid #9bb0ff;outline-offset:2px}#message{color:#b05c54;margin:0;min-height:22px}