:root{font:15px system-ui,"Microsoft YaHei",sans-serif;color:#193744;background:#edf2f4}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 10% 20%,#d2ebe6,transparent 55%),radial-gradient(ellipse at 90% 90%,#e2e8f8,transparent 60%),#f4f7f8}.login-card{width:min(440px,calc(100vw - 40px));padding:42px;border:1px solid #e1e8ec;border-radius:22px;background:#fff;box-shadow:0 24px 70px #183b4d14}.brand-mark{height:42px;width:50px;border-radius:12px;background:#126d67;color:white;font-weight:750;display:grid;place-items:center;letter-spacing:2px}.eyebrow{margin:24px 0 10px;font-size:11px;letter-spacing:2px;color:#607b86}h1{font-size:27px;letter-spacing:-1px;margin:0 0 12px}.intro{font-size:14px;line-height:1.8;color:#627581;margin-bottom:26px}label{display:block;margin:18px 0;color:#334b58;font-weight:600}input{width:100%;padding:13px;margin-top:8px;border:1px solid #cbd9df;border-radius:9px;font:inherit;outline:none}input:focus{border-color:#168d80;box-shadow:0 0 0 3px #15877c17}button{width:100%;padding:14px;background:#126d67;color:white;border:0;border-radius:9px;font:inherit;font-weight:650;cursor:pointer}button:disabled{opacity:.6}#login-status{min-height:20px;color:#a33e34;font-size:13px}footer{border-top:1px solid #edf0f2;padding-top:20px;color:#7b8a93;font-size:12px}
 #login-connection{font-size:12px;line-height:1.7;border-radius:7px;background:#f0f5f7;padding:10px 12px;color:#687e87}#login-connection.connected{color:#126d67;background:#edf8f4}#login-connection.unavailable{color:#9b5e27;background:#fff5e6}