@@ -42,7 +42,7 @@ const Login: NextPageWithLayout = () => {
 
 	const desktop = device === 'desktop'
 
-	const { register, handleSubmit } = useForm()
+	const { register, handleSubmit, getValues, setValue } = useForm<IEmailForms>()
 
 	useEffect(() => {
 		const params = new URL(window.location.href).searchParams
@@ -60,7 +60,7 @@ const Login: NextPageWithLayout = () => {
 
 		const resp = await signIn('credentials', {
 			username: data.email,
-			password: data.password,
+			password: data.password1,
 			redirect: false,
 		})
 		if (resp && !resp.ok && resp.error && resp.error !== '') {
@@ -85,9 +85,40 @@ const Login: NextPageWithLayout = () => {
 		}
 	}
 
-	const handleInputChangeTrim = (event: any) => {
-		event.target.value = event.target.value.trim()
-	}
+	// Браузерный autofill часто не триггерит onChange, поэтому синхронизируем значения из DOM.
+	useEffect(() => {
+		const syncFromDom = () => {
+			const emailInput = document.querySelector<HTMLInputElement>('input[name="email"]')
+			const passwordInput = document.querySelector<HTMLInputElement>('input[name="password1"]')
+			if (!emailInput && !passwordInput) return
+
+			const domEmail = emailInput?.value?.trim() ?? ''
+			const domPassword = passwordInput?.value ?? ''
+
+			const current = getValues()
+
+			if (domEmail && domEmail !== (current.email ?? '')) {
+				setValue('email', domEmail, { shouldDirty: true, shouldValidate: true })
+			}
+
+			if (domPassword && domPassword !== (current.password1 ?? '')) {
+				setValue('password1', domPassword, { shouldDirty: true, shouldValidate: true })
+			}
+		}
+
+		// Сразу после монтирования + короткий период, чтобы поймать delayed autofill.
+		syncFromDom()
+		const intervalId = window.setInterval(syncFromDom, 100)
+		window.setTimeout(() => window.clearInterval(intervalId), 1500)
+
+		const onFocus = () => syncFromDom()
+		window.addEventListener('focus', onFocus)
+
+		return () => {
+			window.clearInterval(intervalId)
+			window.removeEventListener('focus', onFocus)
+		}
+	}, [getValues, setValue])
 
 	return (
 		<>
@@ -123,7 +154,7 @@ const Login: NextPageWithLayout = () => {
 						marginTop: desktop ? 0 : '10px',
 					}}
 				>
-					<form onKeyDown={handleKeyDown} autoComplete={'off'}>
+					<form onKeyDown={handleKeyDown} autoComplete='on'>
 						<Box
 							sx={{
 								width: '40vh',
@@ -172,8 +203,11 @@ const Login: NextPageWithLayout = () => {
 								<TextField
 									fullWidth
 									sx={{ ...InputStyleDark }}
-									{...register('email', emailOptions)}
-									onChange={handleInputChangeTrim}
+									autoComplete='email'
+									{...register('email', {
+										...(emailOptions as any),
+										setValueAs: (v) => (typeof v === 'string' ? v.trim() : v),
+									})}
 								/>
 
 								<Box
@@ -222,6 +256,7 @@ const Login: NextPageWithLayout = () => {
 								<TextField
 									type={passwordShowed ? 'text' : 'password'}
 									fullWidth
+									autoComplete='current-password'
 									InputProps={{
 										endAdornment: (
 											<InputAdornment position='start'>
@@ -253,8 +288,8 @@ const Login: NextPageWithLayout = () => {
 										),
 									}}
 									sx={{ ...InputStyleDark }}
-									{...register('password', {
-										...PasswordOptions,
+									{...register('password1', {
+										...(PasswordOptions as any),
 									})}
 								/>
 								<Box sx={{ height: '50px', width: '100%' }}>