.login { display: grid; place-items: center; min-height: 100vh; margin: 0; }
.login-card { display: grid; gap: 12px; justify-items: center; width: min(360px, 90vw); padding: 28px 24px; text-align: center; }
.login-card h1 { margin: 0; }
.login-card p { margin: 0; }
.login-card[data-state="error"] #login-status { color: var(--bad); }