@@ -19,8 +19,6 @@ import { getApiUrl } from '#/shared/lib/constants'
 import { useDeviceType } from '#/shared/lib/hooks/use-device-type'
 import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
 
-import styles from './register-email-form.module.scss'
-
 interface IRegisterEmailFormProps {
 	successLogin: () => void
 }
@@ -143,7 +141,14 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 				InputProps={{
 					endAdornment: (
 						<InputAdornment position='start'>
-							<div onClick={() => showPassword((x) => !x)} className={styles.passwordToggle}>
+							<div
+								onClick={() => showPassword((x) => !x)}
+								style={{
+									cursor: 'pointer',
+									display: 'flex',
+									alignItems: 'center',
+								}}
+							>
 								{passwordShowed ? (
 									<ClosedEyeSvg width={24} height={24} color='grey' />
 								) : (
@@ -206,13 +211,21 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 
 			<Box sx={{ width: '100%' }}>
 				{loading ? (
-					<Box className={styles.formLoader}>
+					<Box
+						style={{
+							margin: '25px auto',
+							display: 'flex',
+							justifyContent: 'center',
+						}}
+					>
 						<CircularProgress size={30} thickness={5} sx={{ color: '#7F7DF3' }} />
 					</Box>
 				) : (
 					<Button
 						variant='contained'
-						className={styles.submitButton}
+						style={{
+							marginTop: '25px',
+						}}
 						sx={{
 							backgroundColor: '#7F7DF3',
 							color: '#FFFFFF',
@@ -234,13 +247,13 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 					</Button>
 				)}
 			</Box>
-			<p className={styles.agreementText}>
+			<p style={{ marginTop: '15px', fontSize: 15, color: '#868686' }}>
 				<span>Регистрируясь, вы соглашаетесь с условиями&nbsp;</span>
-				<Link className={styles.policyLink} href='https://air.fail/personal'>
+				<Link style={{ color: 'var(--air-color)' }} href='https://air.fail/personal'>
 					Политики обработки персональных данных&nbsp;
 				</Link>
 				<span>и&nbsp;</span>
-				<Link className={styles.policyLink} href='https://air.fail/offer'>
+				<Link style={{ color: 'var(--air-color)' }} href='https://air.fail/offer'>
 					Публичной офертой
 				</Link>
 			</p>
@@ -252,7 +265,13 @@ export const RegisterEmailForm: React.FC<IRegisterEmailFormProps> = ({ successLo
 					}}
 				>
 					Есть аккаунт?{' '}
-					<Link href='/login' className={styles.loginLink}>
+					<Link
+						href='/login'
+						style={{
+							textDecoration: 'none',
+							color: '#7F7DF3',
+						}}
+					>
 						Войти
 					</Link>
 				</Typography>
@@ -1,72 +0,0 @@
-import { Box, LinearProgress, linearProgressClasses, Stack, styled, Typography } from '@mui/material'
-
-import { commaSeparated } from '#/shared'
-import { formatPlanPrice } from '#/shared/lib/helpers/format-plan-price'
-import { declineToken } from '#/shared/lib/helpers/get-token'
-
-import styles from '../subscription.module.scss'
-
-const BorderLinearProgress = styled(LinearProgress)(() => ({
-	height: 18,
-	borderRadius: 6,
-	[`&.${linearProgressClasses.colorPrimary}`]: {
-		backgroundColor: '#EFF0F2',
-	},
-	[`& .${linearProgressClasses.bar}`]: {
-		borderRadius: 6,
-		backgroundColor: '#8280FF',
-	},
-}))
-
-interface CurrentPlanAndBalanceLegacyProps {
-	balance: number
-	planTokenLimit: string
-	planPrice: string
-	isIndividual: boolean
-}
-
-export const CurrentPlanAndBalanceLegacy = ({
-	balance,
-	planTokenLimit,
-	planPrice,
-	isIndividual,
-}: CurrentPlanAndBalanceLegacyProps) => {
-	const formatterdPlanPrice = formatPlanPrice(planPrice, isIndividual)
-	const planTokenLimitNumber = Number(planTokenLimit)
-	const percentage = planTokenLimitNumber > 0 ? Math.min(100, Math.max(0, (balance / planTokenLimitNumber) * 100)) : 0
-
-	return (
-		<Stack className={styles.balanceContainer} gap={'20px'}>
-			<Box className={styles.balanceBox}>
-				<Typography
-					className={styles.subTitle}
-					sx={{ marginBottom: '15px', visibility: !formatterdPlanPrice.includes('₽') ? 'hidden' : 'visible' }}
-				>
-					Последняя оплата
-				</Typography>
-				<Stack>
-					<Typography className={styles.title} sx={{ marginBottom: '10px' }}>
-						{commaSeparated(Math.round(Number(planTokenLimit)))} токенов
-					</Typography>
-					<Stack direction={'row'} justifyContent={'space-between'} alignItems={'center'} className={styles.planInfoRow}>
-						<Typography className={styles.subTitle}>{formatterdPlanPrice}</Typography>
-					</Stack>
-				</Stack>
-			</Box>
-			<Box className={styles.balanceBox}>
-				<Typography className={styles.subTitle}>Мой баланс</Typography>
-				<Box
-					sx={{ marginTop: '15px', marginBottom: '10px' }}
-					width='100%'
-					display='flex'
-					alignItems='center'
-					justifyContent='space-between'
-				>
-					<Typography sx={{ fontWeight: 600 }}>{declineToken(balance.toString())}</Typography>
-					<Typography className='color-gray'>{Math.round(percentage)} %</Typography>
-				</Box>
-				<BorderLinearProgress variant='determinate' value={percentage} />
-			</Box>
-		</Stack>
-	)
-}
@@ -1,93 +0,0 @@
-import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'
-import { Box, MenuItem, Select, SelectChangeEvent, Stack, Typography } from '@mui/material'
-
-import { IFeatures } from '../../api'
-import { categoryIconMap } from '../../lib/category-icon-map'
-import { formatFeatureValue } from '../../lib/format-feature-value'
-
-import styles from '../subscription.module.scss'
-
-interface FeaturesSectionLegacyProps {
-	currentTokenLimitUID: string
-	onCurrentTokenLimitUIDChange: (limit: string) => void
-	features: IFeatures[] | null
-	tokenLimits: Array<{ value: string; label: string }>
-}
-
-export const FeaturesSectionLegacy = ({
-	currentTokenLimitUID,
-	onCurrentTokenLimitUIDChange,
-	features,
-	tokenLimits,
-}: FeaturesSectionLegacyProps) => {
-	return (
-		<Box width='100%' textAlign='start' marginTop={'50px'}>
-			<Stack direction={'row'} justifyContent={'start'} alignItems={'center'} className={styles.selectContainer}>
-				<Typography className={styles.title}></Typography>
-				<Select
-					value={currentTokenLimitUID}
-					onChange={(e: SelectChangeEvent<string>) => onCurrentTokenLimitUIDChange(e.target.value)}
-					IconComponent={KeyboardArrowDownIcon}
-					MenuProps={{
-						PaperProps: {
-							className: styles.selectMenuPaper,
-						},
-						MenuListProps: {
-							className: styles.selectMenuList,
-						},
-					}}
-					className={styles.tokenSelect}
-				>
-					{tokenLimits.map((limit) => (
-						<MenuItem key={limit.value} value={limit.value} className={styles.selectMenuItem}>
-							{limit.label}
-						</MenuItem>
-					))}
-				</Select>
-			</Stack>
-			<Box className={styles.blocksMapper}>
-				{features?.map((featureGroup, idx) => (
-					<Box key={idx} className={styles.featureBlock}>
-						<Stack direction='row' alignItems='center' spacing={2} className={styles.featureHeader}>
-							{categoryIconMap[featureGroup.name] && (
-								<Box className={styles.featureIcon}>{categoryIconMap[featureGroup.name]}</Box>
-							)}
-							<Typography className={styles.featureTitle}>{featureGroup.name}</Typography>
-						</Stack>
-						<Box component='hr' className={styles.featureDivider} />
-						<Stack spacing={2}>
-							{featureGroup.features.map((feature, featureIdx) => {
-								let { number, unit, more } = formatFeatureValue(feature.quantity, feature.measurement_unit)
-
-								return (
-									<Box key={featureIdx} className={styles.featureItem}>
-										<Typography className={styles.featureText}>{feature.name}</Typography>
-										<Box sx={{ display: 'flex', alignItems: 'baseline' }}>
-											<Typography className={styles.featureText}>
-												{number == '-' ? (
-													<Box sx={{ border: '1px solid white', width: '30px' }}></Box>
-												) : (
-													<>
-														{' '}
-														<span className={styles.featureUnit}>{more}</span> {number}
-														<span className={styles.featureUnit}> {unit}</span>
-													</>
-												)}
-											</Typography>
-										</Box>
-									</Box>
-								)
-							})}
-						</Stack>
-					</Box>
-				))}
-			</Box>
-			<Typography className={styles.infoText}>
-				<Box className={styles.infoIcon} />
-				Для каждой отдельной модели указано примерное количество генераций, как если бы вы пользовались{' '}
-				<span className={styles.infoUnderText}>только</span> ей. <br />
-				Количество генераций может варьироваться в зависимости от используемых параметров каждой конкретной модели.
-			</Typography>
-		</Box>
-	)
-}
@@ -1,101 +0,0 @@
-import React from 'react'
-import { Box } from '@mui/material'
-import Router from 'next/router'
-import { useSession } from 'next-auth/react'
-
-import LightningSvg from '#/assets/svg/lightning.svg?react'
-import { accountApi } from '#/shared/api/account-endpoints'
-import { commaSeparated } from '#/shared/lib/helpers'
-import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
-import { IFeatures, IOffer, formatFeatureValue } from '#/views/subscription'
-
-import styles from '../offer.module.scss'
-
-interface IOfferLegacyProps extends IOffer {
-	device: 'desktop' | 'mobile'
-	isCurrentSubscription?: boolean
-	index?: number
-}
-
-const OfferLegacy: React.FC<IOfferLegacyProps> = ({ uid, tokens_per_plan, price, grouped_features, isCurrentSubscription, index }) => {
-	const { data } = useSession()
-	const { showMessage } = useShowDataStore()
-
-	const unitMap: Record<string, string> = {
-		Изображения: 'изображений',
-		'Чат-боты': 'страниц текста',
-		Видео: 'видео',
-		Аудио: 'аудиозаписей',
-	}
-
-	const formatFeatures = (groupedFeatures: IFeatures[] | undefined): string[] => {
-		if (!groupedFeatures || !Array.isArray(groupedFeatures)) {
-			return []
-		}
-
-		return groupedFeatures.flatMap((group) => {
-			if (!group?.features || !Array.isArray(group.features)) {
-				return []
-			}
-
-			const limit = group.name === 'Изображения' ? 2 : 1
-			const featuresToShow = group.features.slice(0, limit)
-
-			return featuresToShow
-				.filter((feature) => feature.quantity !== 0)
-				.map((feature) => {
-					const groupName = unitMap[group.name] || group.name
-					const { number, more } = formatFeatureValue(feature.quantity, feature.measurement_unit)
-					return `${more ? more + ' ' : ''}${number} ${groupName} в ${feature.name}`
-				})
-		})
-	}
-
-	const formattedFeatures = formatFeatures(grouped_features)
-
-	const pay = async (planUid: string) => {
-		try {
-			const urlForPay = await accountApi.payProduct(data!.access, planUid)
-			if (urlForPay) await Router.push(urlForPay)
-		} catch (err) {
-			const message = err instanceof Error ? err.message : 'Ошибка оплаты'
-			showMessage(message)
-		}
-	}
-
-	return (
-		<Box className={`${styles.tarif} ${index === 1 ? styles.tarif_bg_1 : ''} ${index === 2 ? styles.tarif_bg_2 : ''}`}>
-			<Box>
-				<Box className={styles.tarif_header}>
-					<Box className={styles.tarif_badge}>
-						<LightningSvg color='#8280FF' width={16} height={24} />
-						<span>{commaSeparated(Math.round(Number(tokens_per_plan)))} токенов</span>
-					</Box>
-					<Box className={styles.tarif_blur_area}></Box>
-				</Box>
-
-				<ul className={styles.tarif_list}>
-					{formattedFeatures.map((feature, idx) => (
-						<li key={idx} className={styles.point}>
-							{feature}
-						</li>
-					))}
-				</ul>
-			</Box>
-			<Box>
-				<p className={styles.tarif_price}>{commaSeparated(parseInt(price) ?? 0)} ₽</p>
-				<Box
-					className={`${styles.tarif_btn} ${isCurrentSubscription ? styles.tarif_btn_current : ''}`}
-					onClick={(e) => {
-						e.stopPropagation()
-						pay(uid)
-					}}
-				>
-					Оплатить
-				</Box>
-			</Box>
-		</Box>
-	)
-}
-
-export default OfferLegacy
@@ -1,32 +0,0 @@
-import { Box } from '@mui/material'
-
-import { IOffer } from '../../api'
-
-import OfferLegacy from './offer-legacy'
-
-import styles from '../subscription.module.scss'
-
-interface PlansSectionLegacyProps {
-	offers: IOffer[] | null
-	currentOfferUID: string
-}
-
-export const PlansSectionLegacy = ({ offers, currentOfferUID: _currentOfferUID }: PlansSectionLegacyProps) => {
-	return (
-		<Box width='100%' textAlign='start' marginTop={'50px'}>
-			<Box className={styles.blocksMapper}>
-				{offers?.map((offer, idx) => {
-					return (
-						<OfferLegacy
-							{...offer}
-							device={'desktop'}
-							isCurrentSubscription={false}
-							index={idx}
-							key={offer.uid}
-						/>
-					)
-				})}
-			</Box>
-		</Box>
-	)
-}
@@ -1,84 +0,0 @@
-import { useEffect, useState } from 'react'
-import { Box, Typography } from '@mui/material'
-import { useSession } from 'next-auth/react'
-
-import { useAppSelector } from '#/app/store/store'
-import { commaSeparated } from '#/shared'
-import { accountApi } from '#/shared/api/account-endpoints'
-import { balanceSelector } from '#/shared/lib/selectors'
-
-import { IFeatures, IOffer } from '../../api'
-
-import { FaqSection } from '../faq-section'
-import { CurrentPlanAndBalanceLegacy } from './current-plan-and-balance-legacy'
-import { FeaturesSectionLegacy } from './features-section-legacy'
-import { PlansSectionLegacy } from './plans-section-legacy'
-
-import styles from '../subscription.module.scss'
-
-export const SubscriptionLegacyPage = () => {
-	const [offers, setOffers] = useState<IOffer[] | null>(null)
-	const [currentTokenLimitUID, setCurrentTokenLimitUID] = useState<string>('')
-	const [tokenLimits, setTokenLimits] = useState<Array<{ value: string; label: string }>>([])
-	const [currentFeatures, setCurrentFeatures] = useState<IFeatures[]>([])
-	const {
-		uid: paymentPlanUid,
-		tokens_per_plan: planTokenLimit,
-		price: planPrice,
-		individual: isIndividual,
-	} = useAppSelector((state) => state.user.payment_plan.plan)
-	const balance = useAppSelector(balanceSelector)
-	const { data } = useSession()
-
-	useEffect(() => {
-		if (data?.access) {
-			accountApi.getPaymentsPlans(data?.access).then((res) => {
-				if (res) {
-					setOffers(res)
-					setCurrentTokenLimitUID(res[0].uid)
-					setTokenLimits(
-						res.map((offer) => ({
-							value: offer.uid,
-							label: `${commaSeparated(Math.round(Number(offer.tokens_per_plan)))} токенов`,
-						}))
-					)
-				}
-			})
-		}
-	}, [data?.access])
-
-	useEffect(() => {
-		if (offers && currentTokenLimitUID) {
-			const foundOffer = offers.find((offer) => offer.uid === currentTokenLimitUID)
-			if (foundOffer) {
-				setCurrentFeatures(foundOffer.grouped_features)
-			}
-		}
-	}, [currentTokenLimitUID, offers])
-
-	return (
-		<Box className={styles.container}>
-			<Box sx={{ marginTop: '20px', marginBottom: '20px' }}>
-				<Typography sx={{ fontSize: 35, fontWeight: '600' }}>Оплата</Typography>
-			</Box>
-
-			<CurrentPlanAndBalanceLegacy
-				balance={balance}
-				planPrice={planPrice}
-				planTokenLimit={planTokenLimit}
-				isIndividual={isIndividual}
-			/>
-
-			<PlansSectionLegacy offers={offers} currentOfferUID={paymentPlanUid} />
-
-			<FeaturesSectionLegacy
-				tokenLimits={tokenLimits}
-				currentTokenLimitUID={currentTokenLimitUID}
-				onCurrentTokenLimitUIDChange={setCurrentTokenLimitUID}
-				features={currentFeatures}
-			/>
-
-			<FaqSection />
-		</Box>
-	)
-}
@@ -5,7 +5,7 @@ import { useShowDataStore } from '#/shared/lib/hooks/use-show-data'
 
 import styles from './individual-subscription-notice.module.scss'
 
-export const IndividualSubscriptionNotice = ({ contactEmail = 't.bikbov@air.fail' }: { contactEmail?: string }) => {
+export const IndividualSubscriptionNotice = ({ contactEmail = 'help@air.fail' }: { contactEmail?: string }) => {
 	const { showMessage } = useShowDataStore()
 
 	const copyEmail = useCallback(async () => {
@@ -1,19 +1,9 @@
 import { NextPageWithLayout } from '#/pages/_app'
-import { useFeatureFlag } from '#/shared/lib/hooks/use-feature-flag'
-
-import { SubscriptionLegacyPage } from './legacy/subscription-legacy'
 import { SubscriptionRecurrentPage } from './subscription-recurrent'
 
-const RECURRENT_PAYMENTS_FLAG = 'recurrent-payments-enabled'
 
 const SubscriptionPage: NextPageWithLayout = () => {
-	const recurrentPaymentsEnabled = useFeatureFlag(RECURRENT_PAYMENTS_FLAG)
-
-	if (recurrentPaymentsEnabled) {
 		return <SubscriptionRecurrentPage />
-	}
-
-	return <SubscriptionLegacyPage />
 }
 
 export default SubscriptionPage