/* Login reuses register.css's form/card/progress classes almost
   entirely (same visual family - both are step-based forms) - this file
   only adds what's genuinely login-specific. */
.login-card { max-width: 440px; margin: 0 auto; }
.login-page .op-section-header { margin-bottom: var(--st-space-xl); }
.login-header { text-align: center; margin-left: auto; margin-right: auto; }
/* .register-form { display: flex } beats the UA [hidden] rule, so later
   steps would all paint at once. Force hidden steps off. */
#login-step-1[hidden],
#login-step-2[hidden],
#login-step-3[hidden],
#login-step-4[hidden] {
	display: none !important;
}
[hidden] { display: none !important; }
/* "Start over" control under the step forms - a text link, not a third button style. */
.login-restart {
	display: block;
	margin: var(--st-space-md) auto 0;
	background: none;
	border: 0;
	cursor: pointer;
	font: inherit;
	font-size: 14px;
}