/* =========================================================================
   Экран «Ввод email» — одноразовый обязательный экран.
   ========================================================================= */

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

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

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

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

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

.email__input {
	width: 100%;
	padding: var(--sp-3) var(--sp-4);
	border: 1.5px solid var(--color-border);
	border-radius: var(--radius-lg);
	font-size: var(--fs-lg);
	color: var(--color-text);
	background: var(--color-surface);
	outline: none;
	transition: border-color 0.2s;
}

.email__input:focus {
	border-color: var(--color-accent);
}

.email__input::placeholder {
	color: var(--color-text-muted);
}

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

.email__error {
	display: none;
	color: var(--color-error, #e53935);
	font-size: var(--fs-md);
	text-align: center;
}

.email__hint {
	margin-top: var(--sp-3);
	text-align: center;
	font-size: var(--fs-md);
	color: var(--color-text-muted);
	line-height: var(--lh-normal);
}