.login{min-height:100vh;display:grid;place-items:center;padding:20px}
.login form{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px;display:grid;gap:14px}
.login h1{margin:0 0 4px;font-size:20px}
.login label{display:grid;gap:6px;font-weight:600;font-size:13px}
.login .err{color:var(--bad);font-size:13px;min-height:18px}

.remember { display: flex; align-items: center; gap: 8px; font-size: 14px; cursor: pointer; }
.remember input { width: 18px; height: 18px; margin: 0; }

.login-brand { display: flex; align-items: center; gap: 12px; margin-bottom: 4px; }
.login-brand div { display: flex; flex-direction: column; line-height: 1.25; min-width: 0; }
.login-brand b { font-size: 14px; letter-spacing: .06em; }
.login-brand span { font-size: 12px; color: var(--muted); }