.main-container--login {
	min-height: 100vh;
	min-height: 100svh;
	display: grid;
	place-items: center;
	padding: 24px;
}
.login-layout { width: min(100%, 340px); }
.login-card { text-align: center; }
.login-card__brand {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 0;
	color: var(--text);
	font-size: 26px;
}
.login-card__subtitle { margin: 16px 0 24px; color: var(--text-soft); }
.login-card__button {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 12px 20px;
	border: 1px solid var(--btn-primary-bg);
	border-radius: var(--radius);
	background: var(--btn-primary-bg);
	color: var(--btn-primary-text);
	font-weight: 600;
}
.login-card__button:hover { background: var(--btn-primary-hover-bg); color: var(--btn-primary-text); text-decoration: none; }
.login-card__button:focus-visible { outline: 2px solid var(--control-focus); outline-offset: 4px; }
.login-card__error { margin: 0 0 20px; color: var(--text); line-height: 1.6; }