<!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;
      }
    </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"
          >Закрыть</a
        >
      </div>
    </nav>
    <main class="max-w-3xl mx-auto py-20 px-6 content">
      <h1
        class="text-5xl md:text-7xl font-extrabold tracking-tighter uppercase mb-16 leading-[0.9]"
      >
        Пользовательское <br />
        <span class="text-gradient-brand">соглашение</span>
      </h1>
      <h2>1. Использование сервиса</h2>
      <ul>
        <li>
          Пользователь может создавать персональные страницы и редиректы через
          уникальные QR-коды.
        </li>
        <li>
          Пользователь несет ответственность за достоверность и законность
          информации.
        </li>
        <li>
          Запрещено использовать сервис для противоправной деятельности,
          распространения оскорбительного контента или спама.
        </li>
      </ul>
      <h2>2. Регистрация и аккаунт</h2>
      <ul>
        <li>Для работы с сервисом необходимо создать аккаунт.</li>
        <li>
          Пользователь обязан хранить конфиденциальность данных для входа.
        </li>
        <li>
          Удаление аккаунта приводит к полному удалению всех персональных данных
          пользователя.
        </li>
      </ul>
      <h2>3. QR-коды</h2>
      <p>
        После первой настройки QR-код связывается с пользователем и сохраняется
        в базе данных. Дата первого добавления QR-кода фиксируется и не может
        быть изменена.
      </p>
      <h2>4. Ответственность</h2>
      <p>
        ООО “О-ГРАМ!” не несет ответственности за содержание внешних сайтов, на
        которые ведут QR-коды. Использование сервиса осуществляется на
        собственный риск пользователя.
      </p>
      <h2>5. Изменение правил</h2>
      <p>
        ООО “О-ГРАМ!” оставляет за собой право изменять правила пользования.
        Новые версии вступают в силу с момента публикации на сайте.
      </p>
    </main>
  </body>
</html>