/* ==========================================================================
   /login — extends the palette/tokens from main.css and the field styles
   from onboarding.css.
   ========================================================================== */

.login-page__inner {
	max-width: 440px;
	text-align: center;
	padding-top: clamp(2.5rem, 6vw, 4rem);
}

.login-page__form {
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.login-page__submit {
	width: 100%;
	margin-top: 0.5rem;
}

.login-page__switch {
	margin-top: 2rem;
	color: var(--mr-muted);
	font-size: 0.92rem;
}

.login-page__switch a {
	color: var(--mr-gold);
}