19.05.2026 okkk

src/pages/politika-cookie/index.ts

@@ -0,0 +1 @@
+export { PolitikaCookiePage } from './ui/PolitikaCookiePage'

src/pages/politika-cookie/ui/PolitikaCookiePage.module.css

@@ -0,0 +1,115 @@
+.main {
+  padding: 40px 20px;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.container {
+  background: var(--bg-secondary, #f5f5f5);
+  padding: 40px;
+  border-radius: 8px;
+}
+
+.title {
+  font-size: 28px;
+  font-weight: 700;
+  margin-bottom: 30px;
+  text-align: center;
+  color: var(--text-primary, #000);
+}
+
+.section {
+  margin-bottom: 40px;
+}
+
+.sectionTitle {
+  font-size: 18px;
+  font-weight: 600;
+  margin-bottom: 15px;
+  color: var(--text-primary, #000);
+  border-bottom: 2px solid var(--accent-color, #007bff);
+  padding-bottom: 10px;
+}
+
+.subSectionTitle {
+  font-size: 16px;
+  font-weight: 600;
+  margin-top: 20px;
+  margin-bottom: 10px;
+  color: var(--text-primary, #000);
+}
+
+.list {
+  list-style: disc;
+  margin-left: 20px;
+  line-height: 1.8;
+  color: var(--text-primary, #000);
+}
+
+.list li {
+  margin-bottom: 8px;
+}
+
+.list strong {
+  color: var(--text-primary, #000);
+}
+
+.info {
+  padding: 20px;
+  background: var(--bg-primary, #fff);
+  border-left: 4px solid var(--accent-color, #007bff);
+  border-radius: 4px;
+  margin: 15px 0;
+  line-height: 1.8;
+}
+
+.info p {
+  margin: 5px 0;
+  color: var(--text-primary, #000);
+}
+
+.example {
+  padding: 10px 15px;
+  background: var(--bg-primary, #fff);
+  border-left: 3px solid var(--accent-color, #007bff);
+  border-radius: 4px;
+  font-style: italic;
+  color: var(--text-primary, #000);
+  margin: 10px 0;
+}
+
+.warning {
+  padding: 15px;
+  background: #fff3cd;
+  border-left: 4px solid #ffc107;
+  border-radius: 4px;
+  color: var(--text-primary, #000);
+  margin: 15px 0;
+  font-weight: 500;
+}
+
+@media (max-width: 768px) {
+  .container {
+    padding: 20px;
+  }
+
+  .title {
+    font-size: 22px;
+  }
+
+  .sectionTitle {
+    font-size: 16px;
+  }
+
+  .subSectionTitle {
+    font-size: 14px;
+  }
+
+  .list {
+    margin-left: 15px;
+  }
+
+  .info {
+    padding: 15px;
+  }
+}

src/pages/politika-cookie/ui/PolitikaCookiePage.tsx

@@ -0,0 +1,274 @@
+import { Footer } from '@widgets/footer'
+import { Header } from '@widgets/header'
+import styles from './PolitikaCookiePage.module.css'
+
+export function PolitikaCookiePage() {
+  return (
+    <>
+      <Header />
+      <main className={styles.main}>
+        <div className={styles.container}>
+          <h1 className={styles.title}>ПОЛИТИКА ИСПОЛЬЗОВАНИЯ ФАЙЛОВ COOKIE</h1>
+
+          <section className={styles.section}>
+            <h3 className={styles.sectionTitle}>Общие положения и терминология</h3>
+            <p>
+              Настоящая Политика использования файлов cookie устанавливает порядок обработки файлов cookie и содержащихся в них персональных данных ООО «БИТФОРС» при использовании пользователями интернет-ресурса https://bitforce-foundation.ru.
+            </p>
+            <p>
+              Файлы cookie — это текстовые файлы небольшого размера, которые устанавливаются на пользовательское устройство при посещении интернет-ресурса или совершении на нем определенных действий. Файлы cookie остаются сохраненными на устройстве даже после покидания ресурса, что позволяет «узнавать» пользователя при последующих посещениях.
+            </p>
+            <p>
+              К персональным данным относится не сам файл cookie, а его содержимое — уникальные идентификаторы, IP-адреса, информация о предпочтениях пользователя и другие данные, позволяющие прямо или косвенно идентифицировать физическое лицо.
+            </p>
+          </section>
+
+          <section className={styles.section}>
+            <h3 className={styles.sectionTitle}>Оператор персональных данных</h3>
+            <p>Оператором персональных данных, содержащихся в файлах cookie, является:</p>
+            <div className={styles.info}>
+              <p>ООО «БИТФОРС»</p>
+              <p>ИНН: 9810001062</p>
+              <p>ОГРН: 1257800060990</p>
+              <p>Юридический адрес: 196246, город Санкт-Петербург, Московское ш, д. 25 к. 1 литера В, помещ. 3-н</p>
+            </div>
+            <p>
+              Оператор определяет цели обработки персональных данных, их состав, а также действия с персональными данными, включая случаи использования сторонних файлов cookie.
+            </p>
+          </section>
+
+          <section className={styles.section}>
+            <h3 className={styles.sectionTitle}>Категории файлов cookie и их назначение</h3>
+
+            <h4 className={styles.subSectionTitle}>1. Строго необходимые (технические) файлы cookie</h4>
+            <p>
+              Данные файлы обеспечивают работу интернет-ресурса и предоставление необходимого уровня сервиса: авторизацию, навигацию, отображение контента в соответствии с параметрами устройства, обеспечение безопасности.
+            </p>
+            <p>
+              Обработка таких файлов cookie осуществляется на основании п. 5 ч. 1 ст. 6 ФЗ № 152 (заключение и исполнение договора). Согласие на использование строго необходимых файлов cookie не требуется.
+            </p>
+            <p className={styles.example}>Примеры: файлы сессий (PHPSESSID), настройки безопасности, файлы аутентификации.</p>
+
+            <h4 className={styles.subSectionTitle}>2. Функциональные файлы cookie</h4>
+            <p>
+              Используются для запоминания пользовательских предпочтений и персонализации взаимодействия с сайтом: сохранение выбранного языка, региона, настроек отображения, размера шрифта.
+            </p>
+            <p>
+              Обработка осуществляется на основании согласия субъекта персональных данных, поскольку данная обработка не является строго необходимой для функционирования сайта.
+            </p>
+            <p className={styles.example}>Примеры: настройки языка интерфейса, предпочтения отображения, настройки доступности.</p>
+
+            <h4 className={styles.subSectionTitle}>3. Аналитические файлы cookie</h4>
+            <p>
+              Собирают информацию о взаимодействии пользователей с интернет-ресурсом для анализа его использования, выявления популярных разделов, обнаружения ошибок и улучшения пользовательского опыта. Могут содержать персональные данные, включая IP-адреса пользователей.
+            </p>
+            <p>
+              Обработка осуществляется на основании согласия субъекта персональных данных.
+            </p>
+
+            <h4 className={styles.subSectionTitle}>4. Маркетинговые файлы cookie</h4>
+            <p>
+              Используются для отслеживания пользователей в целях персонализированной рекламы, анализа эффективности рекламных кампаний, ретаргетинга.
+            </p>
+            <p>
+              Обработка осуществляется исключительно на основании согласия субъекта персональных данных.
+            </p>
+            <p className={styles.example}>Примеры: пиксели социальных сетей, рекламные идентификаторы, файлы ретаргетинга.</p>
+          </section>
+
+          <section className={styles.section}>
+            <h3 className={styles.sectionTitle}>Правовые основания обработки персональных данных</h3>
+            <p>Обработка персональных данных, содержащихся в файлах cookie, осуществляется на следующих правовых основаниях:</p>
+            <ul className={styles.list}>
+              <li>
+                <strong>Согласие субъекта персональных данных</strong> — для функциональных, аналитических и маркетинговых файлов cookie
+              </li>
+              <li>
+                <strong>Заключение и исполнение договора</strong> — для строго необходимых файлов cookie, обеспечивающих работу интернет-ресурса
+              </li>
+              <li>
+                <strong>Законные интересы оператора</strong> — в исключительных случаях, когда отсутствуют иные основания
+              </li>
+            </ul>
+          </section>
+
+          <section className={styles.section}>
+            <h3 className={styles.sectionTitle}>Порядок получения согласия</h3>
+            <h4 className={styles.subSectionTitle}>Принципы получения согласия:</h4>
+            <ul className={styles.list}>
+              <li>Согласие должно быть получено до начала обработки персональных данных</li>
+              <li>Информация об использовании файлов cookie размещается на первом уровне интернет-ресурса</li>
+              <li>Предоставляется возможность выбора категорий файлов cookie</li>
+              <li>Используются активные формулировки вместо пассивных</li>
+            </ul>
+
+            <h4 className={styles.subSectionTitle}>Критерии действительного согласия:</h4>
+            <ul className={styles.list}>
+              <li>
+                <strong>Добровольность</strong> — согласие дается по свободной воле субъекта
+              </li>
+              <li>
+                <strong>Конкретность</strong> — четко определены цели обработки
+              </li>
+              <li>
+                <strong>Информированность</strong> — предоставлена полная информация об обработке
+              </li>
+              <li>
+                <strong>Однозначность</strong> — согласие выражено в недвусмысленной форме
+              </li>
+            </ul>
+          </section>
+
+          <section className={styles.section}>
+            <h3 className={styles.sectionTitle}>Сторонние файлы cookie</h3>
+            <h4 className={styles.subSectionTitle}>Использование сторонних сервисов:</h4>
+            <p>Наш интернет-ресурс использует файлы cookie сторонних сервисов, включая:</p>
+            <ul className={styles.list}>
+              <li>Яндекс.Метрика (ООО «ЯНДЕКС», Россия)</li>
+              <li>Социальные сети и сервисы интеграции</li>
+            </ul>
+
+            <h4 className={styles.subSectionTitle}>Обеспечение защиты:</h4>
+            <ul className={styles.list}>
+              <li>Получено согласие на передачу</li>
+              <li>Применяются дополнительные меры защиты данных</li>
+              <li>Контролируется соблюдение принципов обработки персональных данных получателями</li>
+            </ul>
+          </section>
+
+          <section className={styles.section}>
+            <h3 className={styles.sectionTitle}>Сроки обработки и хранения</h3>
+            <h4 className={styles.subSectionTitle}>Категории по срокам хранения:</h4>
+            <ul className={styles.list}>
+              <li>Сеансовые cookie — удаляются автоматически при закрытии браузера</li>
+              <li>Постоянные cookie — хранятся установленный период или до удаления пользователем</li>
+            </ul>
+
+            <h4 className={styles.subSectionTitle}>Конкретные сроки:</h4>
+            <ul className={styles.list}>
+              <li>Необходимые файлы cookie — до 12 месяцев</li>
+              <li>Функциональные файлы cookie — до 12 месяцев</li>
+              <li>Аналитические файлы cookie — до 24 месяцев</li>
+              <li>Маркетинговые файлы cookie — до 24 месяцев</li>
+            </ul>
+
+            <p>
+              По истечении установленных сроков файлы cookie удаляются автоматически. Пользователь может удалить файлы cookie досрочно через настройки браузера или отозвать согласие на их обработку.
+            </p>
+          </section>
+
+          <section className={styles.section}>
+            <h3 className={styles.sectionTitle}>Права субъектов персональных данных</h3>
+            <h4 className={styles.subSectionTitle}>Право на информацию:</h4>
+            <ul className={styles.list}>
+              <li>Получение информации о обработке персональных данных</li>
+              <li>Сведения о правовых основаниях и целях обработки</li>
+              <li>Информация о сроках обработки и составе данных</li>
+            </ul>
+
+            <h4 className={styles.subSectionTitle}>Право на доступ:</h4>
+            <ul className={styles.list}>
+              <li>Получение подтверждения факта обработки</li>
+              <li>Ознакомление с обрабатываемыми персональными данными</li>
+              <li>Получение информации об источниках персональных данных</li>
+            </ul>
+
+            <h4 className={styles.subSectionTitle}>Право на уточнение, блокирование, удаление:</h4>
+            <ul className={styles.list}>
+              <li>Требование уточнения неточных данных</li>
+              <li>Блокирование недостоверных данных</li>
+              <li>Удаление незаконно полученных данных</li>
+            </ul>
+
+            <h4 className={styles.subSectionTitle}>Право на отзыв согласия:</h4>
+            <ul className={styles.list}>
+              <li>Отзыв согласия в любое время</li>
+              <li>Прекращение обработки после отзыва согласия</li>
+              <li>Сохранение права на обжалование действий оператора</li>
+            </ul>
+          </section>
+
+          <section className={styles.section}>
+            <h3 className={styles.sectionTitle}>Способы управления файлами cookie</h3>
+            <h4 className={styles.subSectionTitle}>Управление через настройки сайта:</h4>
+            <ul className={styles.list}>
+              <li>Использование баннера согласия на файлы cookie</li>
+              <li>Изменение настроек в любое время через интерфейс сайта</li>
+              <li>Отзыв согласия на использование отдельных категорий файлов cookie</li>
+            </ul>
+
+            <h4 className={styles.subSectionTitle}>Управление через браузер:</h4>
+            <p>Большинство браузеров позволяют контролировать файлы cookie:</p>
+            <ul className={styles.list}>
+              <li>Блокировка — запрет установки новых файлов cookie</li>
+              <li>Удаление — очистка существующих файлов cookie</li>
+              <li>Уведомления — получение предупреждений при установке файлов cookie</li>
+              <li>Селективная настройка — разрешение файлов cookie только для определенных сайтов</li>
+            </ul>
+
+            <h4 className={styles.subSectionTitle}>Инструкции для популярных браузеров:</h4>
+            <ul className={styles.list}>
+              <li>Google Chrome: Настройки → Конфиденциальность и безопасность → Файлы cookie</li>
+              <li>Mozilla Firefox: Настройки → Приватность и Защита → Файлы cookie</li>
+              <li>Safari: Настройки → Конфиденциальность → Файлы cookie</li>
+              <li>Microsoft Edge: Настройки → Файлы cookie и разрешения сайтов</li>
+            </ul>
+
+            <p className={styles.warning}>
+              Блокировка необходимых файлов cookie может привести к ограничению функциональности интернет-ресурса.
+            </p>
+          </section>
+
+          <section className={styles.section}>
+            <h3 className={styles.sectionTitle}>Меры безопасности</h3>
+            <p>
+              Оператор применяет правовые, организационные и технические меры для защиты персональных данных:
+            </p>
+            <h4 className={styles.subSectionTitle}>Правовые меры:</h4>
+            <ul className={styles.list}>
+              <li>Назначение ответственного за организацию обработки персональных данных</li>
+              <li>Ознакомление сотрудников с требованиями законодательства</li>
+              <li>Заключение соглашений о неразглашении персональных данных</li>
+            </ul>
+
+            <h4 className={styles.subSectionTitle}>Организационные меры:</h4>
+            <ul className={styles.list}>
+              <li>Определение перечня лиц, допущенных к обработке персональных данных</li>
+              <li>Установление правил доступа к персональным данным</li>
+              <li>Контроль за соблюдением требований по защите персональных данных</li>
+            </ul>
+
+            <h4 className={styles.subSectionTitle}>Технические меры:</h4>
+            <ul className={styles.list}>
+              <li>Использование средств защиты информации</li>
+              <li>Применение криптографических средств защиты</li>
+              <li>Обеспечение целостности и доступности персональных данных</li>
+              <li>Регулярное обновление систем защиты информации</li>
+            </ul>
+          </section>
+
+          <section className={styles.section}>
+            <h3 className={styles.sectionTitle}>Контактная информация и обращения</h3>
+            <p>Для реализации прав субъекта персональных данных обращайтесь к нам:</p>
+            <div className={styles.info}>
+              <p>ООО «БИТФОРС»</p>
+              <p>ИНН: 9810001062</p>
+              <p>ОГРН: 1257800060990</p>
+              <p>Юридический адрес: 196246, город Санкт-Петербург, Московское ш, д. 25 к. 1 литера В, помещ. 3-н</p>
+              <p>Email компании: company@bitforcefoundation.ru</p>
+            </div>
+
+            <h4 className={styles.subSectionTitle}>Порядок рассмотрения обращений:</h4>
+            <ul className={styles.list}>
+              <li>Срок рассмотрения обращений — до 30 дней с момента получения</li>
+              <li>Обращения рассматриваются в письменной форме</li>
+              <li>Ответ направляется способом, указанным в обращении</li>
+              <li>При отказе в удовлетворении требований указываются мотивированные основания</li>
+            </ul>
+          </section>
+        </div>
+      </main>
+      <Footer />
+    </>
+  )
+}