.login-workspace { min-height:calc(100vh - 180px); display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px 24px 40px; }
.login-card { width:100%;max-width:480px;background:#fff;border:1px solid #dfe5ed;border-radius:12px;padding:36px 38px; }
.login-card .eyebrow { margin:0 0 15px;font-size:10px;letter-spacing:2px;color:#8190a3;display:flex;align-items:center;gap:8px; }
.login-card .eyebrow span { width:6px;height:6px;background:var(--brand);border-radius:50%;box-shadow:0 0 0 4px #edf3ff; }
.login-card h1 { font-size:28px;letter-spacing:1px;margin:0 0 12px; }
.login-intro { color:#7f8b9d;font-size:13px;line-height:1.9;margin:0 0 29px; }
.login-card label { display:block;color:#34465f;font-size:12px;margin:19px 0 9px; }
.login-card input { width:100%;min-width:0;padding:13px 12px;border:1px solid #dfe5ed;border-radius:7px;background:#fff;font:inherit;font-size:12px;color:#34465f;height:44px; }
.login-card input::placeholder { color:#9ba6b6;font-size:12px; }
.login-card input:focus-visible,.login-card button:focus-visible { outline:3px solid #96b8fa;outline-offset:2px; }
.login-password { position:relative; }.login-password input { padding-right:62px; }
.login-password button { position:absolute;right:10px;top:0;height:44px;background:none;border:0;color:#768aa7;font-size:11px;cursor:pointer; }
.login-status { font-size:12px;line-height:1.8;color:#b45309;min-height:22px;margin:15px 0 10px;overflow-wrap:anywhere; }
.login-card .button.primary { display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:44px;padding:9px 13px;border:1px solid var(--brand);border-radius:7px;background:var(--brand);color:white;font-family:inherit;font-size:13px;cursor:pointer; }
.login-card .button.primary:hover:not(:disabled) { background:#205bd4; }
.login-card button:disabled { opacity:.6;cursor:wait; }.login-note { border-top:1px solid #edf1f6;padding-top:20px;margin:25px 0 0;color:#929dae;font-size:11px;line-height:1.8; }
.login-signature { font-size:11px;color:#a0aabb;letter-spacing:1px;margin:23px 0 0; }
.login-captcha-row { display:flex;align-items:center;gap:10px; }.login-captcha-row input { flex:1; }
#captcha-refresh { display:flex;align-items:center;gap:7px;background:white;border:1px solid #dfe5ed;border-radius:7px;padding:3px 7px;min-height:44px;color:#8190a3;cursor:pointer;font-size:10px; }
#captcha-image { width:90px;height:32px;object-fit:contain; }
@media(max-width:480px) { .login-workspace { padding:30px 20px;min-height:calc(100vh - 165px); }.login-card { padding:28px 22px; }.login-card h1 { font-size:25px; }.login-card input { font-size:16px; }.login-card input::placeholder { font-size:11px; }.login-note { font-size:10px; } }