# ПРОМТ: Калькулятор стоимости патента для сайта ИМТИХОН Ты — опытный Full Stack разработчик, UI/UX-дизайнер и SEO-специалист. Твоя задача — создать современный, быстрый, визуально привлекательный и полностью работоспособный **онлайн-калькулятор стоимости патента на работу для иностранных граждан в России на 2026 год**. Калькулятор предназначен для размещения на сайте **ИМТИХОН — https://imtihon.ru/**. Главная цель — создать полезный бесплатный инструмент для привлечения массового поискового трафика из Яндекса, увеличения времени пребывания посетителей и переходов в раздел экзаменационных тестов. ## 1. Технические требования Создай полностью готовый код на чистых HTML5, CSS3 и JavaScript без React, Vue, Bootstrap, jQuery и других тяжёлых библиотек. Требования: - Весь HTML, CSS и JavaScript должны находиться в одном файле. - Код должен быть готов для размещения на сайте ИМТИХОН. - Все классы CSS изолировать уникальным префиксом `imt-patent-`, чтобы оформление не конфликтовало с другими элементами сайта. - Адаптивная верстка для смартфонов, планшетов и компьютеров. - Никаких обязательных внешних API для выполнения вычислений. - Высокая скорость загрузки, минимум зависимостей. - Корректная работа в Chrome, Яндекс Браузере, Safari и мобильных браузерах. - Все расчёты выполняются мгновенно, без перезагрузки страницы. - Реализовать доступность для клавиатуры и скринридеров. - Не собирать персональные данные. ## 2. Дизайн и оформление Калькулятор должен визуально соответствовать современному оформлению сайта ИМТИХОН. Используй светлую, чистую и дружелюбную визуальную концепцию. Основные характеристики: - Белый или очень светлый фон. - Зелёный цвет как основной акцент, аналогично кнопкам ИМТИХОН. - Крупные, хорошо читаемые заголовки. - Современные карточки с мягкими тенями. - Скруглённые углы 16–24 px. - Плавные ненавязчивые анимации. - Крупные интерактивные элементы. - Удобное управление пальцем на смартфоне. - Красивое оформление денежных сумм. Не использовать чрезмерно яркие градиенты, пёстрые фоны, эмодзи вместо иконок или визуально перегруженные блоки. **Основной приоритет — мобильная версия**, поскольку значительная часть целевой аудитории пользуется смартфонами. Десктопная версия должна выглядеть не как растянутый мобильный сайт, а как полноценный сервис с грамотным распределением пространства. ## 3. Заголовок и первый экран Главный заголовок: **Калькулятор стоимости патента в 2026 году** Подзаголовок: «Узнайте, сколько стоит патент на работу в вашем регионе России. Рассчитайте сумму оплаты за 1–12 месяцев бесплатно». Рядом с заголовком разместить аккуратную плашку: «Актуальные тарифы · 2026» Использовать такую плашку только при условии, что данные действительно проверены и актуальны. Ниже сразу должен располагаться интерактивный калькулятор, без длинного вступительного текста. ## 4. Выбор региона России Создай удобный выпадающий список регионов с поиском. Особенности: - Поиск по названию региона. - Поиск без учёта регистра. - Возможность выбора мышью и клавиатурой. - Правильное отображение на смартфонах. - Москва и Московская область должны быть отдельными пунктами. - Санкт-Петербург и Ленинградская область — отдельными пунктами. - Вверху списка можно разместить популярные регионы. - Остальные регионы перечислять в алфавитном порядке. Первоначально показывай надпись «Выберите регион». Предусмотри полноценный справочник субъектов РФ с достоверными данными на 2026 год. Каждая запись должна содержать: - Название региона. - Год действия тарифа. - Региональный коэффициент. - Проверенную стоимость патента за месяц. - Ссылку на нормативный источник. - Дату последней проверки тарифа. **Категорически запрещено придумывать региональные коэффициенты или суммы платежей.** Если достоверных данных по какому-либо региону нет, не показывай вымышленную стоимость. Выводи сообщение «Тариф уточняется» и предоставляй ссылку на официальный источник. ## 5. Выбор количества месяцев Под выбором региона разместить блок: **На сколько месяцев хотите оплатить патент?** Сделать удобный переключатель с числами от 1 до 12. В мобильной версии использовать компактную сетку кнопок, в десктопной — горизонтальный переключатель или сетку. По умолчанию выбран 1 месяц. Активная кнопка должна выделяться зелёным цветом. При изменении количества месяцев результат рассчитывается мгновенно. Никаких кнопок «Рассчитать» не нужно. ## 6. Блок результатов Результат должен быть самым заметным элементом калькулятора. После выбора региона отображать: **Стоимость патента за месяц** 10 000 ₽ **Вы выбрали: 3 месяца** **Итого к оплате: 30 000 ₽** Пример приведён для Москвы в 2026 году. Сделай итоговую сумму визуально крупной, с красивой типографикой и зелёными акцентами. Также выводи подробности расчёта: - Выбранный регион. - Тариф за один месяц. - Количество месяцев. - Сумму за весь выбранный период. - Год действия тарифа. Суммы выводи с разделителями тысяч и обозначением ₽. При переключении региона и периода использовать лёгкую анимацию обновления результата. Никогда не показывать придуманные скидки, «экономию» или маркетинговые предложения при оплате нескольких месяцев. ## 7. Юридически корректная формула Калькулятор предназначен исключительно для расчёта фиксированного авансового платежа по НДФЛ при получении трудового патента иностранным гражданином. Не путать его с патентной системой налогообложения для индивидуальных предпринимателей. Для 2026 года использовать формулу: **1 200 ₽ × 2,842 × региональный коэффициент.** Где: - 1 200 ₽ — базовая сумма фиксированного авансового платежа. - 2,842 — федеральный коэффициент-дефлятор на 2026 год. - Региональный коэффициент устанавливается законодательством соответствующего субъекта РФ. Использовать правила округления НДФЛ до полных рублей в соответствии с пунктом 6 статьи 52 НК РФ. В качестве контрольных примеров использовать: - Москва — 10 000 ₽ в месяц. - Московская область — 10 000 ₽ в месяц. - Санкт-Петербург — 8 000 ₽ в месяц. - Ленинградская область — 8 000 ₽ в месяц. Проверить соответствие расчётов утверждённым региональным тарифам. Для пользователя основным результатом должна быть законодательно установленная ежемесячная сумма, а не результат приблизительных вычислений с непроверенными коэффициентами. **Важно:** законодательство меняется. С 2027 года предусмотрены изменения порядка расчёта для отдельных категорий иностранных работников. Не применять эти будущие нормы к тарифам 2026 года. Архитектура должна позволять впоследствии добавлять новые годы, категории плательщиков и правила расчёта. Если пользователь выбирает несколько месяцев, пояснить, что результат рассчитан по тарифу 2026 года и не является автоматическим определением суммы платежей при изменении законодательства. ## 8. Блок «Как рассчитывается стоимость патента» Под калькулятором разместить компактный информационный раздел с раскрывающимися карточками. Вопросы: 1. От чего зависит стоимость патента? 2. Почему стоимость отличается в разных регионах? 3. Можно ли оплатить патент сразу за несколько месяцев? 4. Где можно оплатить патент? 5. Что входит в стоимость патента? 6. Как часто меняется стоимость патента? Ответы должны быть короткими, понятными, достоверными и рассчитанными на пользователя, для которого русский язык может быть неродным. Обязательно пояснить, что калькулятор показывает только фиксированный авансовый платёж по НДФЛ, а не общую стоимость оформления всех необходимых документов. ## 9. Дополнительная информация Создать информационный блок: **Важно знать** Кратко объяснить, почему нужно своевременно оплачивать патент, как проверить актуальные реквизиты и почему следует сохранять подтверждения оплаты. Не рассчитывать юридически значимые сроки без соответствующих исходных данных и проверенного алгоритма. Предусмотреть ссылку на официальный сайт ФНС России. Разместить предупреждение: «Расчёт носит информационный характер. Перед оплатой уточняйте актуальные суммы, реквизиты и порядок платежа в официальных источниках». ## 10. Интеграция с ИМТИХОН После калькулятора создать компактную рекламно-информационную карточку. Заголовок: **Готовитесь к экзамену на патент?** Текст: «Пройдите тренировочные тесты на ИМТИХОН. Изучайте реальные экзаменационные темы и проверяйте свои знания». Кнопка: **Пройти тесты на патент** Кнопка должна вести на существующий раздел тестов сайта ИМТИХОН. Адрес ссылки вынести в отдельную конфигурационную переменную, чтобы я мог легко заменить его. Дизайн карточки должен быть современным, привлекательным, но без навязчивой рекламы. Дополнительно предусмотреть ненавязчивую ссылку на PDF-материалы для подготовки. Не внедрять самостоятельно платёжные формы, рекламные скрипты РСЯ и другие сторонние системы. ## 11. SEO-оптимизация Создай инструмент с учётом индексации Яндексом. Требования: - Семантически правильная структура HTML. - Один H1. - Логичная структура H2 и H3. - Подготовить SEO Title и Description. - Контент должен содержать естественные поисковые формулировки: «стоимость патента 2026», «патент на работу», «сколько стоит патент в Москве», «рассчитать патент», «оплата патента иностранному гражданину». - Никакого искусственного повторения ключевых слов. - Текстовые пояснения должны присутствовать в исходном HTML, а не создаваться полностью через JavaScript. - Предусмотреть структурированные данные Schema.org типа WebApplication, если разметка соответствует реальному содержимому страницы. - Не создавать автоматически сотни почти одинаковых страниц под регионы. - Не добавлять второй H1, если калькулятор будет встроен в существующую страницу с заголовком. Сделать так, чтобы инструмент был полезен и людям, и поисковым системам. ## 12. Мультиязычность Архитектура должна предусматривать возможность последующего добавления языков: - Русский. - Узбекский. - Таджикский. - Киргизский. Первую версию полностью реализовать на русском языке. Все текстовые строки интерфейса вынести в отдельный объект локализации, чтобы позднее было просто добавить переводы. Не выполнять автоматический машинный перевод без проверки. Названия регионов, суммы, единицы измерения и обозначение валюты должны отображаться корректно. ## 13. Управление данными Вынеси региональные тарифы в отдельный хорошо структурированный JavaScript-объект. Предусмотри: - Возможность обновить тариф конкретного региона без изменения логики программы. - Возможность добавить данные на 2027 и последующие годы. - Даты обновления данных. - Ссылки на официальные источники. - Отображение предупреждения при отсутствии подтверждённого тарифа. - Проверку корректности входных данных. - Отдельную функцию расчёта суммы. - Отдельную функцию форматирования рублей. Не подключать произвольные или сомнительные внешние источники данных. Если невозможно проверить полный список регионов, явно перечисли регионы с подтверждёнными тарифами и не подменяй недостающие сведения вымышленными. ## 14. Качество и проверка Перед выдачей кода проверь следующие сценарии: - Москва, 1 месяц = 10 000 ₽. - Москва, 12 месяцев = 120 000 ₽. - Санкт-Петербург, 3 месяца = 24 000 ₽. - Переключение региона немедленно меняет результат. - Переключение периода немедленно меняет итог. - Список регионов корректно работает на смартфоне. - Длинные названия регионов не ломают дизайн. - При отсутствии данных не выводится ошибочный результат. - Не появляются `NaN`, `undefined` и ошибки JavaScript. - Калькулятор работает без интернет-подключения после загрузки страницы, если данные уже включены в код. - CSS не влияет на другие элементы сайта. ## 15. Что предоставить в результате Предоставь **ПОЛНЫЙ ГОТОВЫЙ КОД ЦЕЛИКОМ**, без сокращений, пропусков и фраз «остальной код аналогичен». Код должен включать всю HTML-разметку, CSS, JavaScript, региональные данные и необходимые тексты. После кода отдельно и кратко объясни: 1. Как встроить калькулятор в ИМТИХОН. 2. Где менять региональные тарифы. 3. Где менять ссылки на экзаменационные тесты. 4. Как обновить данные на 2027 год. 5. Какие тарифы подтверждены источниками, а какие требуют дополнительной проверки. **Главный принцип:** калькулятор должен быть не демонстрационным макетом, а полноценным, красивым, быстрым и корректно работающим инструментом для реальных посетителей сайта ИМТИХОН.