<!doctype html>
<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <meta name="robots" content="noindex, nofollow" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Политика конфиденциальности — O! QR</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com" rel="stylesheet" />
    <style>
      body {
        font-family: "Manrope", sans-serif;
        background-color: #000;
        color: #fff;
      }
      .text-gradient-brand {
        background: linear-gradient(135deg, #00f0ff 0%, #ff00d6 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      .content h2 {
        font-size: 1.1rem;
        font-weight: 800;
        color: #fff;
        margin-top: 3rem;
        margin-bottom: 1rem;
        text-transform: uppercase;
        letter-spacing: 0.1em;
      }
      .content p {
        color: #9ca3af;
        margin-bottom: 1.2rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.7;
      }
      .content ul {
        color: #9ca3af;
        margin-bottom: 1.5rem;
        list-style-type: none;
        padding-left: 0;
      }
      .content li {
        margin-bottom: 0.8rem;
        position: relative;
        padding-left: 1.5rem;
      }
      .content li::before {
        content: "—";
        position: absolute;
        left: 0;
        color: #4b5563;
      }
      .content strong {
        color: #fff;
        font-weight: 600;
      }
    </style>
  </head>
  <body class="antialiased">
    <nav class="border-b border-white/10 py-6 px-10">
      <div class="max-w-4xl mx-auto flex justify-between items-center">
        <a href="/index.html"
          ><img src="/temp/assets/logo.webp" alt="O! QR" class="h-11"
        /></a>
        <a
          href="/index.html"
          class="text-[10px] font-bold uppercase tracking-widest text-gray-500 hover:text-white transition"
          >Закрыть</a
        >
      </div>
    </nav>

    <main class="max-w-3xl mx-auto py-20 px-6 content">
      <!-- Полный заголовок в фирменном стиле -->
      <h1
        class="text-4xl md:text-6xl font-extrabold tracking-tighter uppercase mb-16 leading-[1.1]"
      >
        Политика конфиденциальности <br />
        <span class="text-gradient-brand">и обработка персональных данных</span>
      </h1>

      <h2>1. Сбор персональных данных</h2>
      <p>
        Мы собираем: имя, фамилию, никнейм, фотографии, email, ссылки на внешние
        ресурсы. Данные собираются для регистрации, настройки QR-кодов и
        отображения персональных страниц.
      </p>

      <h2>2. Цели обработки данных</h2>
      <ul>
        <li>Предоставление услуг сервиса и работа функционала QR-кодов.</li>
        <li>Связь с пользователем (уведомления, подтверждение действий).</li>
        <li>Поддержка работы сервиса и улучшение качества услуг.</li>
      </ul>

      <h2>3. Сроки хранения данных</h2>
      <p>
        Персональные данные хранятся до момента удаления аккаунта пользователем
        или окончания цели обработки.
      </p>

      <h2>4. Права пользователя</h2>
      <p>
        Пользователь имеет право: получать информацию о своих данных, исправлять
        или обновлять их, требовать удаления своих персональных данных или
        отзывать согласие на обработку.
      </p>

      <h2>5. Удаление аккаунта</h2>
      <p>
        Пользователь может удалить аккаунт в любое время через интерфейс
        приложения. После удаления все персональные данные и информация,
        связанная с QR-кодами, удаляются полностью из базы данных.
      </p>

      <h2>6. Передача данных третьим лицам</h2>
      <p>
        Персональные данные не передаются третьим лицам без согласия
        пользователя, кроме случаев, предусмотренных законодательством РФ.
      </p>

      <h2>7. Cookies и аналитика</h2>
      <p>
        Сайт может использовать cookies и аналитику для корректной работы
        сервиса и статистики.
      </p>

      <h2>8. Согласие на обработку данных</h2>
      <p>
        Нажимая кнопку «Принять», пользователь дает согласие на обработку
        персональных данных ООО “О-ГРАМ!” в соответствии с ФЗ-152. Согласие
        фиксируется в базе данных с указанием даты и времени.
      </p>
    </main>

    <footer class="py-12 border-t border-white/5 mt-20">
      <div
        class="max-w-3xl mx-auto px-6 text-[9px] text-gray-600 uppercase tracking-[0.3em]"
      >
        © 2026 O-GRAM LLC. Москва, ул. Новокосинская, д. 21.
      </div>
    </footer>
  </body>
</html>