:root{--ink:#18202a;--muted:#73808e;--line:#dce2e7;--paper:#fff;--ground:#eef1f3;--red:#c74535;--blue:#1c5f9d}
*{box-sizing:border-box}
html,body{min-height:100%}
body{margin:0;background:var(--ground);color:var(--ink);font-family:"SF Pro Text","PingFang SC","Microsoft YaHei",sans-serif}
button,input{font:inherit;color:inherit}
.login-shell{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}
.login-card{width:min(100%,420px);background:var(--paper);padding:30px 30px 24px;border-radius:12px;box-shadow:0 18px 60px rgba(24,32,42,.1)}
.brand{display:flex;align-items:center;gap:10px}.brand>i{width:5px;height:34px;background:linear-gradient(var(--red) 0 50%,var(--blue) 50%);border-radius:1px}.brand strong,.brand small{display:block}.brand strong{font-size:18px;letter-spacing:.03em}.brand small{margin-top:3px;color:var(--muted);font-size:10px}
.intro{margin:42px 0 28px}.intro span{color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.12em}.intro h1{font-size:28px;margin:6px 0 8px;letter-spacing:-.02em}.intro p{margin:0;color:var(--muted);font-size:13px}
form>label{display:block;margin:17px 0 7px;font-size:12px;font-weight:700}
input{width:100%;height:46px;border:1px solid var(--line);border-radius:5px;padding:0 12px;background:white;outline:none;transition:border-color .15s,box-shadow .15s}
input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(28,95,157,.1)}
.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:5px;top:5px;height:36px;border:0;background:transparent;color:var(--muted);padding:0 9px;font-size:11px;cursor:pointer}
.form-error{margin:15px 0 0;padding:10px 11px;border-left:3px solid var(--red);background:#fff2f0;color:#a93429;font-size:12px;line-height:1.5}
.submit{width:100%;min-height:46px;margin-top:20px;border:0;border-radius:5px;background:var(--ink);color:white;font-weight:750;cursor:pointer}.submit:disabled{opacity:.58;cursor:wait}
.security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:21px 0 0;color:var(--muted);font-size:10px}.security-note i{width:4px;height:13px;background:linear-gradient(var(--red) 0 50%,var(--blue) 50%);border-radius:1px}
[hidden]{display:none!important}
@media(max-width:520px){body{background:white}.login-shell{display:block;padding:0}.login-card{min-height:100vh;min-height:100dvh;width:100%;padding:calc(28px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));border-radius:0;box-shadow:none}.intro{margin-top:64px}.security-note{margin-top:28px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}