/* Login page of the stand (explorer/access.py): one card on the brand canvas. */
.login { display: grid; place-items: start center; padding: 12vh 16px 48px; }
.login-card { width: 100%; max-width: 400px; display: grid; gap: 12px; }
.login-card h1 { margin-bottom: 2px; }
.login-card p { margin: 0; }
.login-card label { font-weight: 600; color: var(--zn-01); margin-top: 6px; }
.login-card input[type="password"] { font: inherit; font-size: 15px; padding: 10px 12px; border: 1px solid var(--line);
  border-radius: var(--radius-s); color: var(--text); background: var(--surface); }
.login-card input[type="password"]:focus { outline: 0; border-color: var(--focus); box-shadow: 0 0 0 3px rgb(0 120 175 / 0.15); }
.login-card .btn { justify-content: center; margin-top: 4px; }