.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:var(--bg)}
.login-card{width:min(430px,100%);border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:var(--shadow);padding:28px}
.login-brand{margin-bottom:24px}
.login-card h1{margin:0 0 7px;font-size:25px;letter-spacing:-.025em}
.login-card>p{margin:0 0 20px;color:var(--muted);font-size:13px;line-height:1.55}
.login-form{display:grid;gap:13px}
.login-form .primary{width:100%;margin-top:3px}
.login-error{min-height:20px;color:var(--danger);font-size:12px;font-weight:650}
.login-client{display:block;margin-top:16px;text-align:center;color:var(--primary);font-size:13px;font-weight:650;text-decoration:none}
.login-client:hover{text-decoration:underline}
.login-security{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}
.login-security span{border-radius:999px;background:var(--surface-soft);border:1px solid var(--border);padding:5px 8px;color:var(--muted);font-size:10px}