body { display: grid; place-items: center; min-height: 100vh; padding: 16px; }
.login { width: min(360px, 100%); display: flex; flex-direction: column; gap: 14px; padding: 28px; }
.login .brand { font-weight: 700; font-size: 18px; display: flex; gap: 10px; align-items: center; margin-bottom: 6px; }
.login input { padding: 9px 11px; }
.login button { justify-content: center; padding: 9px; }
.err { color: var(--critical); min-height: 1.2em; margin: 0; font-size: 13px; }