/* =========================================================================
   Экран «Ввод номера телефона».
   ========================================================================= */

.screen--login {
	padding: var(--sp-3) var(--sp-5) calc(var(--sp-6) + var(--safe-bottom));
}

.login__body {
	display: flex;
	flex-direction: column;
	gap: var(--sp-4);
	width: 100%;
}

.login__title {
	margin: 0;
	font-size: var(--fs-3xl);
	font-weight: var(--fw-semibold);
	color: var(--color-primary);
	letter-spacing: var(--tracking-tight);
}

.login__subtitle {
	margin: 0;
	font-size: var(--fs-md);
	color: var(--color-text-muted);
}

/* Подсказка под инпутом телефона: подняли с fs-xs (11px) до fs-md (14px)
   по фидбеку Олега «шрифты слишком мелкие». */
.screen--login .field__hint {
	font-size: var(--fs-md);
	color: var(--color-text-muted);
}

.login__form {
	display: flex;
	flex-direction: column;
	gap: var(--sp-5);
	margin-top: var(--sp-3);
}

.login__submit {
	margin-top: var(--sp-1);
}

.login__agreement {
	margin-top: var(--sp-5);
	text-align: center;
	/* Подняли с text-caption (12px) до fs-md (14px) — фидбек Олега. */
	font-size: var(--fs-md);
	line-height: var(--lh-normal);
	color: var(--color-text-muted);
}

.login__agreement a {
	color: var(--color-accent);
	font-weight: var(--fw-medium);
}

/* 152-FZ consent checkbox */
.login__consent {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
	margin-top: var(--sp-3, 12px);
	font-size: var(--fs-sm, 13px);
	line-height: 1.45;
	color: var(--color-secondary, #555);
}
.login__consent-check {
	width: 20px;
	height: 20px;
	min-width: 20px;
	margin-top: 1px;
	accent-color: var(--color-accent, #c68e30);
	cursor: pointer;
}
.login__consent-text a {
	color: var(--color-accent, #c68e30);
	text-decoration: underline;
}