:root { font-family: Inter,"Microsoft YaHei","PingFang SC",system-ui,-apple-system,sans-serif; --primary:#315efb; --text:#172033; --muted:#6f7b91; --line:#dde3ed; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; color:var(--text); background:radial-gradient(circle at 12% 8%,rgba(77,124,255,.23),transparent 34%),linear-gradient(135deg,#0d1528,#172642 58%,#243f7e); }
button,input { font:inherit; }
.login-shell { min-height:100vh; display:grid; place-items:center; padding:28px; }
.login-card { width:min(440px,100%); padding:34px; border-radius:20px; background:rgba(255,255,255,.98); box-shadow:0 30px 82px rgba(0,0,0,.34); }
.brand-row { display:flex; align-items:center; gap:15px; }
.brand-mark { width:58px; height:58px; display:grid; place-items:center; border-radius:16px; color:white; background:linear-gradient(135deg,#4f7cff,#2b52df); font-size:12px; font-weight:850; box-shadow:0 11px 27px rgba(49,94,251,.3); }
.brand-row span { color:var(--primary); font-size:10px; font-weight:850; letter-spacing:1.3px; }
.brand-row h1 { margin:5px 0 0; font-size:22px; }
.intro { margin:22px 0; color:var(--muted); font-size:13px; line-height:1.7; }
form { display:grid; gap:16px; }
label { display:grid; gap:8px; color:#40506b; font-size:12px; font-weight:700; }
input { width:100%; min-height:46px; padding:11px 13px; border:1px solid var(--line); border-radius:10px; outline:none; }
input:focus { border-color:#8ea7ff; box-shadow:0 0 0 4px rgba(49,94,251,.1); }
.password-field { position:relative; }
.password-field input { padding-right:64px; }
.password-field button { position:absolute; top:5px; right:5px; bottom:5px; border:0; border-radius:7px; padding:0 10px; color:#536078; background:#f0f3f7; cursor:pointer; }
.primary { min-height:46px; margin-top:3px; border:0; border-radius:10px; color:white; background:var(--primary); font-weight:800; cursor:pointer; box-shadow:0 9px 21px rgba(49,94,251,.25); }
.primary:hover:not(:disabled) { background:#2449cc; }
.primary:disabled { opacity:.55; cursor:not-allowed; }
.first-login { margin-top:22px; padding:14px 15px; border:1px solid #dce5ff; border-radius:11px; background:#f4f7ff; }
.first-login strong { display:block; margin-bottom:5px; color:#29499f; font-size:12px; }
.first-login p { margin:0; color:#63718c; font-size:11px; line-height:1.65; }
.message { min-height:20px; margin-top:14px; color:#bd3838; font-size:12px; line-height:1.6; }