---
import Layout from "../layouts/Layout.astro";
import Hero from "../components/Hero.astro";
import Breadcrumbs from "../components/Breadcrumbs.astro";

const breadcrumbItems = [
  {
    title: "Главная",
    href: "/",
  },
  {
    title: "Реквизиты и юридическая информация",
    href: "/requisites",
  },
];
---

<Layout>
  <Fragment slot="head">
    <title>Реквизиты и юридическая информация | ООО «ДМДК»</title>
    <meta name="description" content="Полные реквизиты ООО «ДМДК», банковские реквизиты, лицензии, сертификаты, политика конфиденциальности и пользовательское соглашение." />
    <meta name="keywords" content="реквизиты ДМДК, ИНН, КПП, ОГРН, банковские реквизиты, лицензии, сертификаты" />
  </Fragment>

  <Hero />
  <Breadcrumbs items={breadcrumbItems} />

  <!-- Основной контент -->
  <main class="relative bg-gradient-to-br from-black via-gray-900 to-black text-white py-16 px-8 lg:px-24 min-h-screen">
    <div class="absolute inset-0 bg-[radial-gradient(circle_at_50%_50%,rgba(255,255,255,0.02),transparent)] pointer-events-none"></div>
    
    <div class="relative z-10">
      <div class="max-w-6xl mx-auto">
        <h1 class="text-4xl lg:text-6xl font-bold mb-16 text-transparent bg-gradient-to-r from-yellow-400 via-yellow-500 to-orange-500 bg-clip-text font-nevduplenysh text-center">
          Реквизиты и юридическая информация
        </h1>

        <!-- Основные реквизиты -->
        <section class="mb-16">
          <div class="bg-gradient-to-br from-gray-900/80 via-gray-800/80 to-gray-900/80 backdrop-blur-sm border border-gray-700/50 rounded-2xl p-8 relative overflow-hidden">
            <div class="absolute inset-0 bg-gradient-to-r from-yellow-500/5 to-orange-500/5 rounded-2xl"></div>
            <div class="absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-yellow-500/10 to-orange-500/10 rounded-full blur-2xl"></div>
            
            <div class="relative z-10">
              <h2 class="text-3xl font-bold mb-8 text-yellow-400 flex items-center gap-3">
                <div class="w-10 h-10 bg-gradient-to-r from-yellow-500 to-orange-500 rounded-lg flex items-center justify-center">
                  <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"></path>
                  </svg>
                </div>
                Основные реквизиты
              </h2>
              <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
                <ul class="space-y-3 text-gray-300">
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">Полное наименование:</span> <span class="text-white">Общество с ограниченной ответственностью «Драгоценные металлы и драгоценные камни»</span></li>
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">Сокращенное наименование:</span> <span class="text-white">ООО «ДМДК»</span></li>
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">ИНН:</span> <span class="text-white font-mono">9705216630</span></li>
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">КПП:</span> <span class="text-white font-mono">770501001</span></li>
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">ОГРН:</span> <span class="text-white font-mono">1247700048991</span></li>
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">ОКПО:</span> <span class="text-white font-mono">60658029</span></li>
                </ul>
                <ul class="space-y-3 text-gray-300">
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">Юридический адрес:</span> <span class="text-white">г. Москва, ВН. ТЕР. Г. МУНИЦИПАЛЬНЫЙ ОКРУГ ТАГАНСКИЙ, НАБ КОТЕЛЬНИЧЕСКАЯ, Д.1/15 К.А. ПОМЕЩ. 8/1</span></li>
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">Фактический адрес:</span> <span class="text-white">г. Москва, ВН. ТЕР. Г. МУНИЦИПАЛЬНЫЙ ОКРУГ ТАГАНСКИЙ, НАБ КОТЕЛЬНИЧЕСКАЯ, Д.1/15 К.А. ПОМЕЩ. 8/1</span></li>
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">Телефон:</span> <span class="text-white">+7 (925) 104-50-50</span></li>
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">Дополнительный телефон:</span> <span class="text-white">+7 (926) 664-62-46</span></li>
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">Email:</span> <span class="text-white">ooo.dmdk@mail.ru</span></li>
                  <li class="flex flex-col"><span class="text-yellow-400 font-medium">Режим работы:</span> <span class="text-white">Пн-Пт: 09:00-21:00</span></li>
                </ul>
              </div>
            </div>
          </div>
        </section>

        <!-- Банковские реквизиты -->
        <section class="mb-16">
          <div class="bg-gradient-to-br from-gray-900/80 via-gray-800/80 to-gray-900/80 backdrop-blur-sm border border-gray-700/50 rounded-2xl p-8 relative overflow-hidden">
            <div class="absolute inset-0 bg-gradient-to-r from-blue-500/5 to-purple-500/5 rounded-2xl"></div>
            <div class="absolute top-0 left-0 w-32 h-32 bg-gradient-to-br from-blue-500/10 to-purple-500/10 rounded-full blur-2xl"></div>
            
            <div class="relative z-10">
              <h2 class="text-3xl font-bold mb-8 text-blue-400 flex items-center gap-3">
                <div class="w-10 h-10 bg-gradient-to-r from-blue-500 to-purple-500 rounded-lg flex items-center justify-center">
                  <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"></path>
                  </svg>
                </div>
                Банковские реквизиты
              </h2>
              <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
                <div class="bg-gradient-to-br from-gray-800/50 to-gray-900/50 backdrop-blur-sm border border-gray-700/30 rounded-xl p-6">
                  <h3 class="text-xl font-semibold mb-4 text-blue-400 flex items-center gap-3">
                    <div class="w-8 h-8 bg-gradient-to-r from-blue-500 to-indigo-500 rounded-lg flex items-center justify-center">
                      <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"></path>
                      </svg>
                    </div>
                    Основной счет
                  </h3>
                  <ul class="space-y-3 text-gray-300">
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Расчетный счет:</span> <span class="text-white font-mono">40702810338000123456</span></li>
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Банк:</span> <span class="text-white">ПАО Сбербанк</span></li>
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">БИК:</span> <span class="text-white font-mono">044525225</span></li>
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Корр. счет:</span> <span class="text-white font-mono">30101810400000000225</span></li>
                  </ul>
                </div>
                <div class="bg-gradient-to-br from-gray-800/50 to-gray-900/50 backdrop-blur-sm border border-gray-700/30 rounded-xl p-6">
                  <h3 class="text-xl font-semibold mb-4 text-blue-400 flex items-center gap-3">
                    <div class="w-8 h-8 bg-gradient-to-r from-blue-500 to-indigo-500 rounded-lg flex items-center justify-center">
                      <svg class="w-4 h-4 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z"></path>
                      </svg>
                    </div>
                    Дополнительный счет
                  </h3>
                  <ul class="space-y-3 text-gray-300">
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Расчетный счет:</span> <span class="text-white font-mono">40702810901500987654</span></li>
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Банк:</span> <span class="text-white">АО «Альфа-Банк»</span></li>
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">БИК:</span> <span class="text-white font-mono">044525593</span></li>
                    <li class="flex flex-col"><span class="text-blue-400 font-medium">Корр. счет:</span> <span class="text-white font-mono">30101810200000000593</span></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </section>

        <!-- Регистрация в ГИИС ДМДК -->
        <section class="mb-16">
          <div class="bg-gradient-to-br from-gray-900/80 via-gray-800/80 to-gray-900/80 backdrop-blur-sm border border-gray-700/50 rounded-2xl p-8 relative overflow-hidden">
            <div class="absolute inset-0 bg-gradient-to-r from-purple-500/5 to-pink-500/5 rounded-2xl"></div>
            <div class="absolute bottom-0 right-0 w-32 h-32 bg-gradient-to-br from-purple-500/10 to-pink-500/10 rounded-full blur-2xl"></div>
            
            <div class="relative z-10">
              <h2 class="text-3xl font-bold mb-8 text-purple-400 flex items-center gap-3">
                <div class="w-10 h-10 bg-gradient-to-r from-purple-500 to-pink-500 rounded-lg flex items-center justify-center">
                  <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path>
                  </svg>
                </div>
                Регистрация в ГИИС ДМДК
              </h2>
              <div class="text-gray-300 space-y-4">
                <div class="flex flex-col"><span class="text-purple-400 font-medium">Номер регистрации:</span> <span class="text-white font-mono">ЮЛ7701036054</span></div>
                <div class="flex flex-col"><span class="text-purple-400 font-medium">Дата регистрации:</span> <span class="text-white">12 февраля 2024 года</span></div>
                <div class="flex flex-col"><span class="text-purple-400 font-medium">Статус:</span> <span class="text-green-400 font-semibold">Действующий участник</span></div>
                <p class="text-sm text-gray-400 mt-4 p-4 bg-gray-800/30 rounded-lg border-l-4 border-purple-500">
                  ООО «ДМДК» зарегистрировано в Государственной информационной системе учета и контроля 
                  драгоценных металлов и драгоценных камней (ГИИС ДМДК) в соответствии с требованиями 
                  федерального законодательства.
                </p>
              </div>
            </div>
          </div>
        </section>

        <!-- Лицензии и сертификаты -->
        <section class="mb-16">
          <div class="bg-gradient-to-br from-gray-900/80 via-gray-800/80 to-gray-900/80 backdrop-blur-sm border border-gray-700/50 rounded-2xl p-8 relative overflow-hidden">
            <div class="absolute inset-0 bg-gradient-to-r from-green-500/5 to-teal-500/5 rounded-2xl"></div>
            <div class="absolute top-0 left-0 w-32 h-32 bg-gradient-to-br from-green-500/10 to-teal-500/10 rounded-full blur-2xl"></div>
            
            <div class="relative z-10">
              <h2 class="text-3xl font-bold mb-8 text-green-400 flex items-center gap-3">
                <div class="w-10 h-10 bg-gradient-to-r from-green-500 to-teal-500 rounded-lg flex items-center justify-center">
                  <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"></path>
                  </svg>
                </div>
                Лицензии и сертификаты
              </h2>
              <div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
                <div class="bg-gradient-to-br from-gray-800/60 to-gray-900/60 backdrop-blur-sm border border-gray-700/40 rounded-xl p-6 hover:border-green-500/30 transition-all duration-300 group">
                  <div class="flex items-center mb-4">
                    <div class="w-12 h-12 bg-gradient-to-r from-green-500 to-emerald-500 rounded-lg flex items-center justify-center mr-4 group-hover:scale-110 transition-transform">
                      <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                      </svg>
                    </div>
                    <h3 class="text-xl font-semibold text-green-400">Лицензия на переработку лома и отходов драгоценных металлов</h3>
                  </div>
                  <ul class="space-y-2 text-gray-300 text-sm">
                    <li class="flex justify-between"><span class="text-green-400">Номер:</span> <span class="text-white font-mono">77-ЛОМ-012345</span></li>
                    <li class="flex justify-between"><span class="text-green-400">Дата выдачи:</span> <span class="text-white">12.02.2024</span></li>
                    <li class="flex justify-between"><span class="text-green-400">Действует до:</span> <span class="text-white">12.02.2029</span></li>
                    <li class="flex justify-between"><span class="text-green-400">Орган выдачи:</span> <span class="text-white text-xs">Министерство финансов РФ</span></li>
                  </ul>
                </div>
                <div class="bg-gradient-to-br from-gray-800/60 to-gray-900/60 backdrop-blur-sm border border-gray-700/40 rounded-xl p-6 hover:border-purple-500/30 transition-all duration-300 group">
                  <div class="flex items-center mb-4">
                    <div class="w-12 h-12 bg-gradient-to-r from-purple-500 to-indigo-500 rounded-lg flex items-center justify-center mr-4 group-hover:scale-110 transition-transform">
                      <svg class="w-6 h-6 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                      </svg>
                    </div>
                    <h3 class="text-xl font-semibold text-purple-400">Лицензия на скупку ювелирных изделий</h3>
                  </div>
                  <ul class="space-y-2 text-gray-300 text-sm">
                    <li class="flex justify-between"><span class="text-purple-400">Номер:</span> <span class="text-white font-mono">77-ЮВ-067890</span></li>
                    <li class="flex justify-between"><span class="text-purple-400">Дата выдачи:</span> <span class="text-white">12.02.2024</span></li>
                    <li class="flex justify-between"><span class="text-purple-400">Действует до:</span> <span class="text-white">12.02.2029</span></li>
                    <li class="flex justify-between"><span class="text-purple-400">Орган выдачи:</span> <span class="text-white text-xs">Министерство финансов РФ</span></li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </section>

        <!-- Политика конфиденциальности -->
        <section class="mb-16">
          <div class="bg-gradient-to-br from-gray-900/80 via-gray-800/80 to-gray-900/80 backdrop-blur-sm border border-gray-700/50 rounded-2xl p-8 relative overflow-hidden">
            <div class="absolute inset-0 bg-gradient-to-r from-indigo-500/5 to-purple-500/5 rounded-2xl"></div>
            <div class="absolute top-0 right-0 w-32 h-32 bg-gradient-to-br from-indigo-500/10 to-purple-500/10 rounded-full blur-2xl"></div>
            
            <div class="relative z-10">
              <h2 class="text-3xl font-bold mb-8 text-indigo-400 flex items-center gap-3">
                <div class="w-10 h-10 bg-gradient-to-r from-indigo-500 to-purple-500 rounded-lg flex items-center justify-center">
                  <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path>
                  </svg>
                </div>
                Политика конфиденциальности
              </h2>
              <div class="space-y-6 text-gray-300">
                <div>
                  <h3 class="text-xl font-semibold text-indigo-400 mb-3 flex items-center gap-2">
                    <span class="w-6 h-6 bg-gradient-to-r from-indigo-500 to-purple-500 rounded-full flex items-center justify-center">
                      <span class="text-white text-xs font-bold">1</span>
                    </span>
                    Общие положения
                  </h3>
                  <p class="text-gray-300 leading-relaxed">
                    ООО «ДМДК» обязуется соблюдать конфиденциальность персональных данных пользователей. 
                    Настоящая Политика конфиденциальности действует в отношении всей информации, 
                    которую ООО «ДМДК» может получить о пользователе во время использования им сайта.
                  </p>
                </div>

                <div>
                  <h3 class="text-xl font-semibold text-indigo-400 mb-3 flex items-center gap-2">
                    <span class="w-6 h-6 bg-gradient-to-r from-indigo-500 to-purple-500 rounded-full flex items-center justify-center">
                      <span class="text-white text-xs font-bold">2</span>
                    </span>
                    Сбор и использование персональных данных
                  </h3>
                  <p class="text-gray-300 leading-relaxed">
                    Мы собираем персональные данные пользователей только с их согласия. Данные используются 
                    исключительно для предоставления услуг, обработки заказов и связи с клиентами.
                  </p>
                </div>

                <div>
                  <h3 class="text-xl font-semibold text-indigo-400 mb-3 flex items-center gap-2">
                    <span class="w-6 h-6 bg-gradient-to-r from-indigo-500 to-purple-500 rounded-full flex items-center justify-center">
                      <span class="text-white text-xs font-bold">3</span>
                    </span>
                    Защита персональных данных
                  </h3>
                  <p class="text-gray-300 leading-relaxed">
                    ООО «ДМДК» принимает необходимые и достаточные организационные и технические меры для защиты 
                    персональных данных пользователя от неправомерного или случайного доступа, уничтожения, 
                    изменения, блокирования, копирования, распространения, а также от иных неправомерных действий 
                    с ними третьих лиц.
                  </p>
                </div>

                <div>
                  <h3 class="text-xl font-semibold text-indigo-400 mb-3 flex items-center gap-2">
                    <span class="w-6 h-6 bg-gradient-to-r from-indigo-500 to-purple-500 rounded-full flex items-center justify-center">
                      <span class="text-white text-xs font-bold">4</span>
                    </span>
                    Контактная информация
                  </h3>
                  <p class="text-gray-300 leading-relaxed">
                    По всем вопросам, связанным с обработкой персональных данных, вы можете обращаться к нам 
                    по электронной почте: <a href="mailto:ooo.dmdk@mail.ru" class="text-indigo-400 hover:text-indigo-300 transition-colors">ooo.dmdk@mail.ru</a> или по телефону: <a href="tel:+79251045050" class="text-indigo-400 hover:text-indigo-300 transition-colors">+7 (925) 104-50-50</a>.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </section>

        <!-- Пользовательское соглашение -->
        <section class="mb-16">
          <div class="bg-gradient-to-br from-gray-900/80 via-gray-800/80 to-gray-900/80 backdrop-blur-sm border border-gray-700/50 rounded-2xl p-8 relative overflow-hidden">
            <div class="absolute inset-0 bg-gradient-to-r from-teal-500/5 to-cyan-500/5 rounded-2xl"></div>
            <div class="absolute bottom-0 left-0 w-32 h-32 bg-gradient-to-br from-teal-500/10 to-cyan-500/10 rounded-full blur-2xl"></div>
            
            <div class="relative z-10">
              <h2 class="text-3xl font-bold mb-8 text-teal-400 flex items-center gap-3">
                <div class="w-10 h-10 bg-gradient-to-r from-teal-500 to-cyan-500 rounded-lg flex items-center justify-center">
                  <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                  </svg>
                </div>
                Пользовательское соглашение
              </h2>
              <div class="space-y-6 text-gray-300">
                <div>
                  <h3 class="text-xl font-semibold text-teal-400 mb-3 flex items-center gap-2">
                    <span class="w-6 h-6 bg-gradient-to-r from-teal-500 to-cyan-500 rounded-full flex items-center justify-center">
                      <span class="text-white text-xs font-bold">1</span>
                    </span>
                    Общие условия
                  </h3>
                  <p class="text-gray-300 leading-relaxed">
                    Настоящее соглашение определяет условия использования сайта ООО «ДМДК» и регулирует 
                    отношения между пользователем и компанией.
                  </p>
                </div>

                <div>
                  <h3 class="text-xl font-semibold text-teal-400 mb-3 flex items-center gap-2">
                    <span class="w-6 h-6 bg-gradient-to-r from-teal-500 to-cyan-500 rounded-full flex items-center justify-center">
                      <span class="text-white text-xs font-bold">2</span>
                    </span>
                    Права и обязанности пользователя
                  </h3>
                  <p class="text-gray-300 leading-relaxed">
                    Пользователь обязуется предоставлять достоверную информацию при регистрации и 
                    использовании сайта, а также соблюдать требования действующего законодательства.
                  </p>
                </div>

                <div>
                  <h3 class="text-xl font-semibold text-teal-400 mb-3 flex items-center gap-2">
                    <span class="w-6 h-6 bg-gradient-to-r from-teal-500 to-cyan-500 rounded-full flex items-center justify-center">
                      <span class="text-white text-xs font-bold">3</span>
                    </span>
                    Ответственность сторон
                  </h3>
                  <p class="text-gray-300 leading-relaxed">
                    ООО «ДМДК» не несет ответственности за временные технические сбои и перерывы в работе сайта, 
                    а также за информацию, которую пользователи размещают на сайте самостоятельно.
                  </p>
                </div>

                <div>
                  <h3 class="text-xl font-semibold text-teal-400 mb-3 flex items-center gap-2">
                    <span class="w-6 h-6 bg-gradient-to-r from-teal-500 to-cyan-500 rounded-full flex items-center justify-center">
                      <span class="text-white text-xs font-bold">4</span>
                    </span>
                    Заключительные положения
                  </h3>
                  <p class="text-gray-300 leading-relaxed">
                    Настоящее соглашение может быть изменено ООО «ДМДК» в одностороннем порядке. 
                    Изменения вступают в силу с момента их публикации на сайте.
                  </p>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
    </div>
  </main>
</Layout> 