:root{font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:#303944;background:#f7f7f5;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-height:100vh;-webkit-font-smoothing:antialiased;background:#f7f7f5}
.shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:100px;align-items:center;max-width:1080px;min-height:100vh;margin:auto;padding:60px 44px}
.intro{padding:15px 0}.mark{width:35px;height:39px;border-radius:5px;display:grid;place-items:center;color:#53637b;background:#e7ebef}
.mark svg{width:26px;height:26px}.eyebrow{color:#929aa4;font-size:11px;letter-spacing:.4px;margin:25px 0 12px}
h1{color:#303a48;font-size:38px;font-weight:550;line-height:1.4;letter-spacing:-1.5px;margin:0}
.description{color:#87909b;font-size:14px;line-height:2;margin:20px 0 30px}
.login-process{padding:0;margin:32px 0 0;list-style:none;border-top:1px solid #dfe3e7}
.login-process li{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid #e3e6e9}
.login-process li>span{font-size:12px;color:#a4abb4;padding-top:3px;font-variant-numeric:tabular-nums}
.login-process strong{font-size:12px;color:#6a788b;font-weight:600}
.login-process p{font-size:11px;color:#9ba3ae;margin:5px 0 0}
.note{color:#a1a8b0;font-size:10px;line-height:1.9;margin:27px 0 0}
.panel{background:#fff;border:1px solid #e0e4e9;border-radius:7px;padding:36px 32px 29px;box-shadow:0 5px 24px #24384c05}
.panel-tag{font-size:10px;color:#909cae;margin:0 0 13px;letter-spacing:.5px}
.panel h2{color:#3b4759;font-size:22px;font-weight:550;letter-spacing:-.4px;margin:0 0 12px}
.panel-copy{font-size:11px;line-height:1.9;color:#939eac;margin:0 0 26px}
form{display:flex;flex-direction:column}label{color:#778597;font-size:11px;margin:15px 0 8px}
input{width:100%;height:43px;border:1px solid #d9dfe7;border-radius:4px;font:inherit;font-size:14px;color:#3b4c64;padding:0 12px;background:#fff}
input:focus{outline:none;border-color:#7c95b8;box-shadow:0 0 0 2px #5d7daa10}
button{display:flex;justify-content:space-between;align-items:center;border:1px solid #355ca8;border-radius:4px;background:#355ca8;color:#fff;font:inherit;font-size:12px;font-weight:400;padding:12px 14px;margin-top:25px;cursor:pointer}
button:hover{background:#2d4f90;border-color:#2d4f90}button:focus-visible{outline:2px solid #758fba;outline-offset:3px}button:disabled{cursor:wait;opacity:.6}
.foot{font-size:10px;color:#a0a9b6;line-height:1.9;border-top:1px solid #eceff3;padding-top:17px;margin:24px 0 0}
.error{font-size:11px;line-height:1.8;background:#faf1ef;color:#a5665e;padding:10px 12px;border-radius:3px}
[hidden]{display:none!important}
@media(max-width:800px){.shell{gap:40px;padding:35px}h1{font-size:30px}.panel{padding:30px 24px}}
@media(max-width:650px){.shell{display:block;padding:30px 23px;max-width:440px;min-height:100vh}.intro{padding:0}.mark{width:30px;height:33px}.eyebrow{margin-top:17px}h1{font-size:30px}.description{font-size:12px;margin:12px 0 20px}.login-process{display:none}.note{font-size:10px;margin-top:0;margin-bottom:23px}.panel{padding:27px 23px}}