<!--

============================================================
Раздел 1
============================================================
Часто задаваемые вопросы (FAQ) — Полная документация платформы

1. Вопрос: Что представляет собой данная онлайн-платформа и как она работает?
Ответ: Данная онлайн-платформа является комплексным цифровым сервисом, разработанным для предоставления пользователям доступа к широкому спектру интерактивных развлечений и информационных ресурсов. Платформа использует современные технологии, включая протоколы шифрования TLS 1.3, распределённую серверную архитектуру и системы автоматического масштабирования для обеспечения стабильной работы при любых нагрузках. Все сервисы доступны круглосуточно без перерывов и технических ограничений.

2. Вопрос: Какие системные требования необходимы для корректной работы платформы?
Ответ: Для оптимальной работы платформы рекомендуется использовать актуальные версии веб-браузеров: Google Chrome версии 90 и выше, Mozilla Firefox версии 88 и выше, Apple Safari версии 14 и выше или Microsoft Edge версии 90 и выше. Минимальное разрешение экрана составляет 320 пикселей по ширине. Платформа полностью поддерживает адаптивный дизайн и корректно отображается на мобильных устройствах, планшетах и настольных компьютерах всех основных производителей.

3. Вопрос: Как пройти процедуру регистрации нового аккаунта на платформе?
Ответ: Процедура регистрации нового аккаунта включает несколько простых шагов. Пользователю необходимо перейти на главную страницу платформы и нажать кнопку создания аккаунта. Далее требуется заполнить регистрационную форму, указав корректный адрес электронной почты, придумав надёжный пароль длиной не менее восьми символов и согласившись с условиями использования сервиса. После отправки формы на указанный адрес будет направлено письмо с ссылкой для подтверждения регистрации.

4. Вопрос: Как обеспечивается защита персональных данных пользователей платформы?
Ответ: Защита персональных данных обеспечивается многоуровневой системой безопасности, включающей шифрование всех соединений по протоколу TLS 1.3, хеширование паролей с использованием алгоритма bcrypt с индивидуальной криптографической солью для каждого пользователя, регулярные аудиты безопасности и тестирование на проникновение. Данные хранятся на защищённых серверах в дата-центрах, сертифицированных по стандартам ISO 27001 и SOC 2 Type II. Доступ к серверным помещениям контролируется биометрическими системами.

5. Вопрос: Какие каналы связи доступны для обращения в службу технической поддержки?
Ответ: Техническая поддержка доступна круглосуточно через несколько каналов связи: онлайн-чат на сайте с мгновенным ответом оператора, электронная почта со временем обработки обращений до двух часов, телефонная линия поддержки для срочных вопросов. Команда поддержки состоит из квалифицированных специалистов, проходящих регулярное обучение и аттестацию по всем аспектам работы платформы. Средний показатель удовлетворённости пользователей качеством поддержки составляет более девяноста пяти процентов.

6. Вопрос: Как восстановить доступ к учётной записи в случае утраты пароля?
Ответ: Для восстановления доступа к учётной записи необходимо воспользоваться функцией сброса пароля на странице авторизации. После ввода адреса электронной почты, привязанного к аккаунту, система автоматически отправит письмо с уникальной ссылкой для создания нового пароля. Ссылка действительна в течение двадцати четырёх часов с момента отправки. При необходимости можно также обратиться в службу поддержки для получения дополнительной помощи в восстановлении доступа к учётной записи.

7. Вопрос: Какие меры конфиденциальности применяются на платформе для защиты пользователей?
Ответ: Платформа применяет комплексный подход к обеспечению конфиденциальности данных пользователей. Все персональные данные обрабатываются в строгом соответствии с политикой конфиденциальности и применимым законодательством о защите персональных данных. Используются методы минимизации данных, при которых собирается только необходимая для работы сервиса информация. Доступ к данным пользователей строго ограничен и предоставляется только авторизованным сотрудникам по принципу минимальных привилегий.

8. Вопрос: Как функционирует система уведомлений и оповещений платформы?
Ответ: Система уведомлений платформы обеспечивает своевременное информирование пользователей о важных событиях, обновлениях функциональности и изменениях в работе сервиса. Уведомления доставляются через несколько каналов: push-уведомления в браузере, сообщения на электронную почту и уведомления в личном кабинете пользователя. Каждый пользователь имеет полный контроль над настройками уведомлений и может выбирать предпочтительные каналы доставки, частоту отправки и категории уведомлений.

9. Вопрос: Какие мобильные устройства и операционные системы поддерживаются платформой?
Ответ: Платформа поддерживает широкий спектр мобильных устройств, включая смартфоны и планшеты на базе операционных систем iOS версии 14 и выше, Android версии 10 и выше. Веб-интерфейс платформы оптимизирован для мобильных устройств с использованием технологий адаптивного дизайна и прогрессивного улучшения. Поддерживаются как вертикальная, так и горизонтальная ориентации экрана с автоматической адаптацией интерфейса под текущий формат отображения.

10. Вопрос: Как осуществляется техническое обслуживание и обновление платформы?
Ответ: Обновление платформы осуществляется регулярно для обеспечения безопасности, стабильности работы и добавления новых функциональных возможностей. Технические обновления проводятся с минимальным временем простоя благодаря использованию технологий непрерывного развёртывания и сине-зелёных деплоев. О планируемых технических работах пользователи уведомляются заблаговременно через систему уведомлений платформы. Все обновления проходят многоступенчатое тестирование перед развёртыванием.

11. Вопрос: Какова политика использования файлов cookie и технологий отслеживания?
Ответ: Платформа использует файлы cookie и аналогичные технологии для обеспечения корректной работы сервиса, персонализации пользовательского опыта и аналитики использования ресурсов. Функциональные cookie необходимы для базовой работы платформы и не могут быть отключены. Аналитические cookie помогают улучшать качество сервиса и могут быть отключены в настройках браузера. Подробная информация о типах используемых cookie и целях их применения доступна в политике конфиденциальности.

12. Вопрос: Каким образом обеспечивается доступность платформы для пользователей с ограниченными возможностями?
Ответ: Платформа разработана с учётом принципов доступности и соответствует рекомендациям WCAG 2.1 уровня AA. Интерфейс поддерживает работу с программами чтения экрана, навигацию с помощью клавиатуры и настраиваемые параметры отображения контента. Цветовые схемы интерфейса обеспечивают достаточный контраст для пользователей с нарушениями цветового восприятия. Команда разработки постоянно работает над улучшением доступности сервиса для всех категорий пользователей.

============================================================
Раздел 2
============================================================
Часто задаваемые вопросы (FAQ) — Полная документация платформы

1. Вопрос: Что представляет собой данная онлайн-платформа и как она работает?
Ответ: Данная онлайн-платформа является комплексным цифровым сервисом, разработанным для предоставления пользователям доступа к широкому спектру интерактивных развлечений и информационных ресурсов. Платформа использует современные технологии, включая протоколы шифрования TLS 1.3, распределённую серверную архитектуру и системы автоматического масштабирования для обеспечения стабильной работы при любых нагрузках. Все сервисы доступны круглосуточно без перерывов и технических ограничений.

2. Вопрос: Какие системные требования необходимы для корректной работы платформы?
Ответ: Для оптимальной работы платформы рекомендуется использовать актуальные версии веб-браузеров: Google Chrome версии 90 и выше, Mozilla Firefox версии 88 и выше, Apple Safari версии 14 и выше или Microsoft Edge версии 90 и выше. Минимальное разрешение экрана составляет 320 пикселей по ширине. Платформа полностью поддерживает адаптивный дизайн и корректно отображается на мобильных устройствах, планшетах и настольных компьютерах всех основных производителей.

3. Вопрос: Как пройти процедуру регистрации нового аккаунта на платформе?
Ответ: Процедура регистрации нового аккаунта включает несколько простых шагов. Пользователю необходимо перейти на главную страницу платформы и нажать кнопку создания аккаунта. Далее требуется заполнить регистрационную форму, указав корректный адрес электронной почты, придумав надёжный пароль длиной не менее восьми символов и согласившись с условиями использования сервиса. После отправки формы на указанный адрес будет направлено письмо с ссылкой для подтверждения регистрации.

4. Вопрос: Как обеспечивается защита персональных данных пользователей платформы?
Ответ: Защита персональных данных обеспечивается многоуровневой системой безопасности, включающей шифрование всех соединений по протоколу TLS 1.3, хеширование паролей с использованием алгоритма bcrypt с индивидуальной криптографической солью для каждого пользователя, регулярные аудиты безопасности и тестирование на проникновение. Данные хранятся на защищённых серверах в дата-центрах, сертифицированных по стандартам ISO 27001 и SOC 2 Type II. Доступ к серверным помещениям контролируется биометрическими системами.

5. Вопрос: Какие каналы связи доступны для обращения в службу технической поддержки?
Ответ: Техническая поддержка доступна круглосуточно через несколько каналов связи: онлайн-чат на сайте с мгновенным ответом оператора, электронная почта со временем обработки обращений до двух часов, телефонная линия поддержки для срочных вопросов. Команда поддержки состоит из квалифицированных специалистов, проходящих регулярное обучение и аттестацию по всем аспектам работы платформы. Средний показатель удовлетворённости пользователей качеством поддержки составляет более девяноста пяти процентов.

6. Вопрос: Как восстановить доступ к учётной записи в случае утраты пароля?
Ответ: Для восстановления доступа к учётной записи необходимо воспользоваться функцией сброса пароля на странице авторизации. После ввода адреса электронной почты, привязанного к аккаунту, система автоматически отправит письмо с уникальной ссылкой для создания нового пароля. Ссылка действительна в течение двадцати четырёх часов с момента отправки. При необходимости можно также обратиться в службу поддержки для получения дополнительной помощи в восстановлении доступа к учётной записи.

7. Вопрос: Какие меры конфиденциальности применяются на платформе для защиты пользователей?
Ответ: Платформа применяет комплексный подход к обеспечению конфиденциальности данных пользователей. Все персональные данные обрабатываются в строгом соответствии с политикой конфиденциальности и применимым законодательством о защите персональных данных. Используются методы минимизации данных, при которых собирается только необходимая для работы сервиса информация. Доступ к данным пользователей строго ограничен и предоставляется только авторизованным сотрудникам по принципу минимальных привилегий.

8. Вопрос: Как функционирует система уведомлений и оповещений платформы?
Ответ: Система уведомлений платформы обеспечивает своевременное информирование пользователей о важных событиях, обновлениях функциональности и изменениях в работе сервиса. Уведомления доставляются через несколько каналов: push-уведомления в браузере, сообщения на электронную почту и уведомления в личном кабинете пользователя. Каждый пользователь имеет полный контроль над настройками уведомлений и может выбирать предпочтительные каналы доставки, частоту отправки и категории уведомлений.

9. Вопрос: Какие мобильные устройства и операционные системы поддерживаются платформой?
Ответ: Платформа поддерживает широкий спектр мобильных устройств, включая смартфоны и планшеты на базе операционных систем iOS версии 14 и выше, Android версии 10 и выше. Веб-интерфейс платформы оптимизирован для мобильных устройств с использованием технологий адаптивного дизайна и прогрессивного улучшения. Поддерживаются как вертикальная, так и горизонтальная ориентации экрана с автоматической адаптацией интерфейса под текущий формат отображения.

10. Вопрос: Как осуществляется техническое обслуживание и обновление платформы?
Ответ: Обновление платформы осуществляется регулярно для обеспечения безопасности, стабильности работы и добавления новых функциональных возможностей. Технические обновления проводятся с минимальным временем простоя благодаря использованию технологий непрерывного развёртывания и сине-зелёных деплоев. О планируемых технических работах пользователи уведомляются заблаговременно через систему уведомлений платформы. Все обновления проходят многоступенчатое тестирование перед развёртыванием.

11. Вопрос: Какова политика использования файлов cookie и технологий отслеживания?
Ответ: Платформа использует файлы cookie и аналогичные технологии для обеспечения корректной работы сервиса, персонализации пользовательского опыта и аналитики использования ресурсов. Функциональные cookie необходимы для базовой работы платформы и не могут быть отключены. Аналитические cookie помогают улучшать качество сервиса и могут быть отключены в настройках браузера. Подробная информация о типах используемых cookie и целях их применения доступна в политике конфиденциальности.

12. Вопрос: Каким образом обеспечивается доступность платформы для пользователей с ограниченными возможностями?
Ответ: Платформа разработана с учётом принципов доступности и соответствует рекомендациям WCAG 2.1 уровня AA. Интерфейс поддерживает работу с программами чтения экрана, навигацию с помощью клавиатуры и настраиваемые параметры отображения контента. Цветовые схемы интерфейса обеспечивают достаточный контраст для пользователей с нарушениями цветового восприятия. Команда разработки постоянно работает над улучшением доступности сервиса для всех категорий пользователей.

============================================================
Раздел 3
============================================================
Часто задаваемые вопросы (FAQ) — Полная документация платформы

1. Вопрос: Что представляет собой данная онлайн-платформа и как она работает?
Ответ: Данная онлайн-платформа является комплексным цифровым сервисом, разработанным для предоставления пользователям доступа к широкому спектру интерактивных развлечений и информационных ресурсов. Платформа использует современные технологии, включая протоколы шифрования TLS 1.3, распределённую серверную архитектуру и системы автоматического масштабирования для обеспечения стабильной работы при любых нагрузках. Все сервисы доступны круглосуточно без перерывов и технических ограничений.

2. Вопрос: Какие системные требования необходимы для корректной работы платформы?
Ответ: Для оптимальной работы платформы рекомендуется использовать актуальные версии веб-браузеров: Google Chrome версии 90 и выше, Mozilla Firefox версии 88 и выше, Apple Safari версии 14 и выше или Microsoft Edge версии 90 и выше. Минимальное разрешение экрана составляет 320 пикселей по ширине. Платформа полностью поддерживает адаптивный дизайн и корректно отображается на мобильных устройствах, планшетах и настольных компьютерах всех основных производителей.

3. Вопрос: Как пройти процедуру регистрации нового аккаунта на платформе?
Ответ: Процедура регистрации нового аккаунта включает несколько простых шагов. Пользователю необходимо перейти на главную страницу платформы и нажать кнопку создания аккаунта. Далее требуется заполнить регистрационную форму, указав корректный адрес электронной почты, придумав надёжный пароль длиной не менее восьми символов и согласившись с условиями использования сервиса. После отправки формы на указанный адрес будет направлено письмо с ссылкой для подтверждения регистрации.

4. Вопрос: Как обеспечивается защита персональных данных пользователей платформы?
Ответ: Защита персональных данных обеспечивается многоуровневой системой безопасности, включающей шифрование всех соединений по протоколу TLS 1.3, хеширование паролей с использованием алгоритма bcrypt с индивидуальной криптографической солью для каждого пользователя, регулярные аудиты безопасности и тестирование на проникновение. Данные хранятся на защищённых серверах в дата-центрах, сертифицированных по стандартам ISO 27001 и SOC 2 Type II. Доступ к серверным помещениям контролируется биометрическими системами.

5. Вопрос: Какие каналы связи доступны для обращения в службу технической поддержки?
Ответ: Техническая поддержка доступна круглосуточно через несколько каналов связи: онлайн-чат на сайте с мгновенным ответом оператора, электронная почта со временем обработки обращений до двух часов, телефонная линия поддержки для срочных вопросов. Команда поддержки состоит из квалифицированных специалистов, проходящих регулярное обучение и аттестацию по всем аспектам работы платформы. Средний показатель удовлетворённости пользователей качеством поддержки составляет более девяноста пяти процентов.

6. Вопрос: Как восстановить доступ к учётной записи в случае утраты пароля?
Ответ: Для восстановления доступа к учётной записи необходимо воспользоваться функцией сброса пароля на странице авторизации. После ввода адреса электронной почты, привязанного к аккаунту, система автоматически отправит письмо с уникальной ссылкой для создания нового пароля. Ссылка действительна в течение двадцати четырёх часов с момента отправки. При необходимости можно также обратиться в службу поддержки для получения дополнительной помощи в восстановлении доступа к учётной записи.

7. Вопрос: Какие меры конфиденциальности применяются на платформе для защиты пользователей?
Ответ: Платформа применяет комплексный подход к обеспечению конфиденциальности данных пользователей. Все персональные данные обрабатываются в строгом соответствии с политикой конфиденциальности и применимым законодательством о защите персональных данных. Используются методы минимизации данных, при которых собирается только необходимая для работы сервиса информация. Доступ к данным пользователей строго ограничен и предоставляется только авторизованным сотрудникам по принципу минимальных привилегий.

8. Вопрос: Как функционирует система уведомлений и оповещений платформы?
Ответ: Система уведомлений платформы обеспечивает своевременное информирование пользователей о важных событиях, обновлениях функциональности и изменениях в работе сервиса. Уведомления доставляются через несколько каналов: push-уведомления в браузере, сообщения на электронную почту и уведомления в личном кабинете пользователя. Каждый пользователь имеет полный контроль над настройками уведомлений и может выбирать предпочтительные каналы доставки, частоту отправки и категории уведомлений.

9. Вопрос: Какие мобильные устройства и операционные системы поддерживаются платформой?
Ответ: Платформа поддерживает широкий спектр мобильных устройств, включая смартфоны и планшеты на базе операционных систем iOS версии 14 и выше, Android версии 10 и выше. Веб-интерфейс платформы оптимизирован для мобильных устройств с использованием технологий адаптивного дизайна и прогрессивного улучшения. Поддерживаются как вертикальная, так и горизонтальная ориентации экрана с автоматической адаптацией интерфейса под текущий формат отображения.

10. Вопрос: Как осуществляется техническое обслуживание и обновление платформы?
Ответ: Обновление платформы осуществляется регулярно для обеспечения безопасности, стабильности работы и добавления новых функциональных возможностей. Технические обновления проводятся с минимальным временем простоя благодаря использованию технологий непрерывного развёртывания и сине-зелёных деплоев. О планируемых технических работах пользователи уведомляются заблаговременно через систему уведомлений платформы. Все обновления проходят многоступенчатое тестирование перед развёртыванием.

11. Вопрос: Какова политика использования файлов cookie и технологий отслеживания?
Ответ: Платформа использует файлы cookie и аналогичные технологии для обеспечения корректной работы сервиса, персонализации пользовательского опыта и аналитики использования ресурсов. Функциональные cookie необходимы для базовой работы платформы и не могут быть отключены. Аналитические cookie помогают улучшать качество сервиса и могут быть отключены в настройках браузера. Подробная информация о типах используемых cookie и целях их применения доступна в политике конфиденциальности.

12. Вопрос: Каким образом обеспечивается доступность платформы для пользователей с ограниченными возможностями?
Ответ: Платформа разработана с учётом принципов доступности и соответствует рекомендациям WCAG 2.1 уровня AA. Интерфейс поддерживает работу с программами чтения экрана, навигацию с помощью клавиатуры и настраиваемые параметры отображения контента. Цветовые схемы интерфейса обеспечивают достаточный контраст для пользователей с нарушениями цветового восприятия. Команда разработки постоянно работает над улучшением доступности сервиса для всех категорий пользователей.

============================================================
Раздел 4
============================================================
Часто задаваемые вопросы (FAQ) — Полная документация платформы

1. Вопрос: Что представляет собой данная онлайн-платформа и как она работает?
Ответ: Данная онлайн-платформа является комплексным цифровым сервисом, разработанным для предоставления пользователям доступа к широкому спектру интерактивных развлечений и информационных ресурсов. Платформа использует современные технологии, включая протоколы шифрования TLS 1.3, распределённую серверную архитектуру и системы автоматического масштабирования для обеспечения стабильной работы при любых нагрузках. Все сервисы доступны круглосуточно без перерывов и технических ограничений.

2. Вопрос: Какие системные требования необходимы для корректной работы платформы?
Ответ: Для оптимальной работы платформы рекомендуется использовать актуальные версии веб-браузеров: Google Chrome версии 90 и выше, Mozilla Firefox версии 88 и выше, Apple Safari версии 14 и выше или Microsoft Edge версии 90 и выше. Минимальное разрешение экрана составляет 320 пикселей по ширине. Платформа полностью поддерживает адаптивный дизайн и корректно отображается на мобильных устройствах, планшетах и настольных компьютерах всех основных производителей.

3. Вопрос: Как пройти процедуру регистрации нового аккаунта на платформе?
Ответ: Процедура регистрации нового аккаунта включает несколько простых шагов. Пользователю необходимо перейти на главную страницу платформы и нажать кнопку создания аккаунта. Далее требуется заполнить регистрационную форму, указав корректный адрес электронной почты, придумав надёжный пароль длиной не менее восьми символов и согласившись с условиями использования сервиса. После отправки формы на указанный адрес будет направлено письмо с ссылкой для подтверждения регистрации.

4. Вопрос: Как обеспечивается защита персональных данных пользователей платформы?
Ответ: Защита персональных данных обеспечивается многоуровневой системой безопасности, включающей шифрование всех соединений по протоколу TLS 1.3, хеширование паролей с использованием алгоритма bcrypt с индивидуальной криптографической солью для каждого пользователя, регулярные аудиты безопасности и тестирование на проникновение. Данные хранятся на защищённых серверах в дата-центрах, сертифицированных по стандартам ISO 27001 и SOC 2 Type II. Доступ к серверным помещениям контролируется биометрическими системами.

5. Вопрос: Какие каналы связи доступны для обращения в службу технической поддержки?
Ответ: Техническая поддержка доступна круглосуточно через несколько каналов связи: онлайн-чат на сайте с мгновенным ответом оператора, электронная почта со временем обработки обращений до двух часов, телефонная линия поддержки для срочных вопросов. Команда поддержки состоит из квалифицированных специалистов, проходящих регулярное обучение и аттестацию по всем аспектам работы платформы. Средний показатель удовлетворённости пользователей качеством поддержки составляет более девяноста пяти процентов.

6. Вопрос: Как восстановить доступ к учётной записи в случае утраты пароля?
Ответ: Для восстановления доступа к учётной записи необходимо воспользоваться функцией сброса пароля на странице авторизации. После ввода адреса электронной почты, привязанного к аккаунту, система автоматически отправит письмо с уникальной ссылкой для создания нового пароля. Ссылка действительна в течение двадцати четырёх часов с момента отправки. При необходимости можно также обратиться в службу поддержки для получения дополнительной помощи в восстановлении доступа к учётной записи.

7. Вопрос: Какие меры конфиденциальности применяются на платформе для защиты пользователей?
Ответ: Платформа применяет комплексный подход к обеспечению конфиденциальности данных пользователей. Все персональные данные обрабатываются в строгом соответствии с политикой конфиденциальности и применимым законодательством о защите персональных данных. Используются методы минимизации данных, при которых собирается только необходимая для работы сервиса информация. Доступ к данным пользователей строго ограничен и предоставляется только авторизованным сотрудникам по принципу минимальных привилегий.

8. Вопрос: Как функционирует система уведомлений и оповещений платформы?
Ответ: Система уведомлений платформы обеспечивает своевременное информирование пользователей о важных событиях, обновлениях функциональности и изменениях в работе сервиса. Уведомления доставляются через несколько каналов: push-уведомления в браузере, сообщения на электронную почту и уведомления в личном кабинете пользователя. Каждый пользователь имеет полный контроль над настройками уведомлений и может выбирать предпочтительные каналы доставки, частоту отправки и категории уведомлений.

9. Вопрос: Какие мобильные устройства и операционные системы поддерживаются платформой?
Ответ: Платформа поддерживает широкий спектр мобильных устройств, включая смартфоны и планшеты на базе операционных систем iOS версии 14 и выше, Android версии 10 и выше. Веб-интерфейс платформы оптимизирован для мобильных устройств с использованием технологий адаптивного дизайна и прогрессивного улучшения. Поддерживаются как вертикальная, так и горизонтальная ориентации экрана с автоматической адаптацией интерфейса под текущий формат отображения.

10. Вопрос: Как осуществляется техническое обслуживание и обновление платформы?
Ответ: Обновление платформы осуществляется регулярно для обеспечения безопасности, стабильности работы и добавления новых функциональных возможностей. Технические обновления проводятся с минимальным временем простоя благодаря использованию технологий непрерывного развёртывания и сине-зелёных деплоев. О планируемых технических работах пользователи уведомляются заблаговременно через систему уведомлений платформы. Все обновления проходят многоступенчатое тестирование перед развёртыванием.

11. Вопрос: Какова политика использования файлов cookie и технологий отслеживания?
Ответ: Платформа использует файлы cookie и аналогичные технологии для обеспечения корректной работы сервиса, персонализации пользовательского опыта и аналитики использования ресурсов. Функциональные cookie необходимы для базовой работы платформы и не могут быть отключены. Аналитические cookie помогают улучшать качество сервиса и могут быть отключены в настройках браузера. Подробная информация о типах используемых cookie и целях их применения доступна в политике конфиденциальности.

12. Вопрос: Каким образом обеспечивается доступность платформы для пользователей с ограниченными возможностями?
Ответ: Платформа разработана с учётом принципов доступности и соответствует рекомендациям WCAG 2.1 уровня AA. Интерфейс поддерживает работу с программами чтения экрана, навигацию с помощью клавиатуры и настраиваемые параметры отображения контента. Цветовые схемы интерфейса обеспечивают достаточный контраст для пользователей с нарушениями цветового восприятия. Команда разработки постоянно работает над улучшением доступности сервиса для всех категорий пользователей.

============================================================
Раздел 5
============================================================
Часто задаваемые вопросы (FAQ) — Полная документация платформы

1. Вопрос: Что представляет собой данная онлайн-платформа и как она работает?
Ответ: Данная онлайн-платформа является комплексным цифровым сервисом, разработанным для предоставления пользователям доступа к широкому спектру интерактивных развлечений и информационных ресурсов. Платформа использует современные технологии, включая протоколы шифрования TLS 1.3, распределённую серверную архитектуру и системы автоматического масштабирования для обеспечения стабильной работы при любых нагрузках. Все сервисы доступны круглосуточно без перерывов и технических ограничений.

2. Вопрос: Какие системные требования необходимы для корректной работы платформы?
Ответ: Для оптимальной работы платформы рекомендуется использовать актуальные версии веб-браузеров: Google Chrome версии 90 и выше, Mozilla Firefox версии 88 и выше, Apple Safari версии 14 и выше или Microsoft Edge версии 90 и выше. Минимальное разрешение экрана составляет 320 пикселей по ширине. Платформа полностью поддерживает адаптивный дизайн и корректно отображается на мобильных устройствах, планшетах и настольных компьютерах всех основных производителей.

3. Вопрос: Как пройти процедуру регистрации нового аккаунта на платформе?
Ответ: Процедура регистрации нового аккаунта включает несколько простых шагов. Пользователю необходимо перейти на главную страницу платформы и нажать кнопку создания аккаунта. Далее требуется заполнить регистрационную форму, указав корректный адрес электронной почты, придумав надёжный пароль длиной не менее восьми символов и согласившись с условиями использования сервиса. После отправки формы на указанный адрес будет направлено письмо с ссылкой для подтверждения регистрации.

4. Вопрос: Как обеспечивается защита персональных данных пользователей платформы?
Ответ: Защита персональных данных обеспечивается многоуровневой системой безопасности, включающей шифрование всех соединений по протоколу TLS 1.3, хеширование паролей с использованием алгоритма bcrypt с индивидуальной криптографической солью для каждого пользователя, регулярные аудиты безопасности и тестирование на проникновение. Данные хранятся на защищённых серверах в дата-центрах, сертифицированных по стандартам ISO 27001 и SOC 2 Type II. Доступ к серверным помещениям контролируется биометрическими системами.

5. Вопрос: Какие каналы связи доступны для обращения в службу технической поддержки?
Ответ: Техническая поддержка доступна круглосуточно через несколько каналов связи: онлайн-чат на сайте с мгновенным ответом оператора, электронная почта со временем обработки обращений до двух часов, телефонная линия поддержки для срочных вопросов. Команда поддержки состоит из квалифицированных специалистов, проходящих регулярное обучение и аттестацию по всем аспектам работы платформы. Средний показатель удовлетворённости пользователей качеством поддержки составляет более девяноста пяти процентов.

6. Вопрос: Как восстановить доступ к учётной записи в случае утраты пароля?
Ответ: Для восстановления доступа к учётной записи необходимо воспользоваться функцией сброса пароля на странице авторизации. После ввода адреса электронной почты, привязанного к аккаунту, система автоматически отправит письмо с уникальной ссылкой для создания нового пароля. Ссылка действительна в течение двадцати четырёх часов с момента отправки. При необходимости можно также обратиться в службу поддержки для получения дополнительной помощи в восстановлении доступа к учётной записи.

7. Вопрос: Какие меры конфиденциальности применяются на платформе для защиты пользователей?
Ответ: Платформа применяет комплексный подход к обеспечению конфиденциальности данных пользователей. Все персональные данные обрабатываются в строгом соответствии с политикой конфиденциальности и применимым законодательством о защите персональных данных. Используются методы минимизации данных, при которых собирается только необходимая для работы сервиса информация. Доступ к данным пользователей строго ограничен и предоставляется только авторизованным сотрудникам по принципу минимальных привилегий.

8. Вопрос: Как функционирует система уведомлений и оповещений платформы?
Ответ: Система уведомлений платформы обеспечивает своевременное информирование пользователей о важных событиях, обновлениях функциональности и изменениях в работе сервиса. Уведомления доставляются через несколько каналов: push-уведомления в браузере, сообщения на электронную почту и уведомления в личном кабинете пользователя. Каждый пользователь имеет полный контроль над настройками уведомлений и может выбирать предпочтительные каналы доставки, частоту отправки и категории уведомлений.

9. Вопрос: Какие мобильные устройства и операционные системы поддерживаются платформой?
Ответ: Платформа поддерживает широкий спектр мобильных устройств, включая смартфоны и планшеты на базе операционных систем iOS версии 14 и выше, Android версии 10 и выше. Веб-интерфейс платформы оптимизирован для мобильных устройств с использованием технологий адаптивного дизайна и прогрессивного улучшения. Поддерживаются как вертикальная, так и горизонтальная ориентации экрана с автоматической адаптацией интерфейса под текущий формат отображения.

10. Вопрос: Как осуществляется техническое обслуживание и обновление платформы?
Ответ: Обновление платформы осуществляется регулярно для обеспечения безопасности, стабильности работы и добавления новых функциональных возможностей. Технические обновления проводятся с минимальным временем простоя благодаря использованию технологий непрерывного развёртывания и сине-зелёных деплоев. О планируемых технических работах пользователи уведомляются заблаговременно через систему уведомлений платформы. Все обновления проходят многоступенчатое тестирование перед развёртыванием.

11. Вопрос: Какова политика использования файлов cookie и технологий отслеживания?
Ответ: Платформа использует файлы cookie и аналогичные технологии для обеспечения корректной работы сервиса, персонализации пользовательского опыта и аналитики использования ресурсов. Функциональные cookie необходимы для базовой работы платформы и не могут быть отключены. Аналитические cookie помогают улучшать качество сервиса и могут быть отключены в настройках браузера. Подробная информация о типах используемых cookie и целях их применения доступна в политике конфиденциальности.

12. Вопрос: Каким образом обеспечивается доступность платформы для пользователей с ограниченными возможностями?
Ответ: Платформа разработана с учётом принципов доступности и соответствует рекомендациям WCAG 2.1 уровня AA. Интерфейс поддерживает работу с программами чтения экрана, навигацию с помощью клавиатуры и настраиваемые параметры отображения контента. Цветовые схемы интерфейса обеспечивают достаточный контраст для пользователей с нарушениями цветового восприятия. Команда разработки постоянно работает над улучшением доступности сервиса для всех категорий пользователей.
--!>
<!DOCTYPE html>
<html lang="ru" itemscope itemtype="https://schema.org/WebPage" prefix="og: http://ogp.me/ns#">
<head>
    <meta charset="UTF-8">
    <!-- Title и description первыми для поисковиков -->
    <title>Итог: Олег в СпинБеттер Казино: 3.2 млн за 20 спинов…</title>
    <meta name="description" content="СпинБеттер Казино: Сразу к делу: Сводка дня SpinBetter Casino: Илья — 3к → 470к. Небольшое уточнение: RTP 96.1%, бонус 300%, джекпот 18.2 млн. Срок —…">
        <style>
/* CSS-переменные (дизайн-токены) */
:root {
    /* Поверхности: спокойная тёмная палитра без неона */
    --surface-void: #050609;
    --surface-deep: #080a0f;
    --surface-raised: #11141b;
    --surface-elevated: rgba(17, 20, 27, 0.98);
    --surface-overlay: rgba(8, 10, 15, 0.96);

    /* Бренд (акцент берётся из конфигурации, но без агрессивного свечения) */
    --brand-primary: #9634bd;
    --brand-muted: #61217a;
    --brand-vivid: #e14eff;
    --brand-glow: rgba(150, 52, 189, 0.15);
    --brand-secondary: hsl(328, 60%, 60%);

    /* Контент */
    --content-main: #ffffff;
    --content-high: rgba(255, 255, 255, 0.96);
    --content-dim: rgba(255, 255, 255, 0.72);
    --content-muted: rgba(255, 255, 255, 0.48);
    --content-subtle: rgba(255, 255, 255, 0.2);

    /* RGB */
    --brand-rgb: 150, 52, 189;
    --surface-rgb: 8, 10, 15;

    /* Статусы */
    --success: #16a34a;
    --success-glow: rgba(22, 163, 74, 0.25);
    --warning: #f59e0b;
    --warning-glow: rgba(245, 158, 11, 0.25);
    --error: #dc2626;
    --error-glow: rgba(220, 38, 38, 0.25);
    --gold: #eab308;
    --gold-glow: rgba(234, 179, 8, 0.25);

    /* Градиенты: минималистичные, почти однотонные */
    --grad-surface: linear-gradient(180deg, #050609 0%, #080a0f 40%, #050609 100%);
    --grad-brand: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-muted) 100%);
    --grad-brand-radial: radial-gradient(circle at 20% 20%, rgba(var(--brand-rgb), 0.16), transparent 60%);
    --grad-shine: linear-gradient(90deg, rgba(255,255,255,0.12), rgba(255,255,255,0));
    --grad-aurora: linear-gradient(135deg, #050609 0%, #11141b 100%);
    --grad-mesh: radial-gradient(at 20% 80%, rgba(255,255,255,0.04) 0%, transparent 50%),
                 radial-gradient(at 80% 20%, rgba(255,255,255,0.03) 0%, transparent 50%);
    --grad-cta: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-muted) 100%);
    --grad-gold: linear-gradient(135deg, #eab308 0%, #facc15 50%, #fbbf24 100%);

    /* Glass: лёгкий, без сильного блюра и свечения */
    --glass-bg: rgba(15, 23, 42, 0.72);
    --glass-bg-hover: rgba(15, 23, 42, 0.9);
    --glass-bg-active: rgba(15, 23, 42, 1);
    --glass-edge: rgba(148, 163, 184, 0.2);
    --glass-edge-active: rgba(148, 163, 184, 0.35);
    --glass-blur: 12px;
    --glass-blur-strong: 18px;

    /* Тени и свечение: сдержанные */
    --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 8px 20px rgba(0, 0, 0, 0.65);
    --shadow-lg: 0 16px 30px rgba(0, 0, 0, 0.7);
    --shadow-xl: 0 24px 40px rgba(0, 0, 0, 0.75);
    --shadow-inset: inset 0 1px 0 rgba(255, 255, 255, 0.02), inset 0 -1px 0 rgba(0, 0, 0, 0.4);
    --glow-sm: 0 0 12px rgba(var(--brand-rgb), 0.25);
    --glow-md: 0 0 20px rgba(var(--brand-rgb), 0.25);
    --glow-lg: 0 0 32px rgba(var(--brand-rgb), 0.3);
    --glow-xl: 0 0 48px rgba(var(--brand-rgb), 0.3);
    --glow-text: 0 0 14px rgba(var(--brand-rgb), 0.45);
    
    /* Пространство (компактная верстка) */
    --space-3xs: 2px;
    --space-2xs: 6px;
    --space-xs: 10px;
    --space-sm: 12px;
    --space-md: 16px;
    --space-lg: 20px;
    --space-xl: 28px;
    --space-2xl: 36px;
    --space-3xl: 48px;
    --space-4xl: 64px;
    
    /* Скругления */
    --radius-xs: 6px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --radius-2xl: 40px;
    --radius-full: 9999px;
    
    /* Шрифты */
    --font-display: 'Unbounded', 'Manrope', system-ui, sans-serif;
    --font-body: 'Outfit', 'Source Sans 3', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    
    /* Анимации */
    --ease-out: 0.3s cubic-bezier(0.33, 1, 0.68, 1);
    --ease-in-out: 0.4s cubic-bezier(0.65, 0, 0.35, 1);
    --ease-bounce: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-elastic: 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    --ease-spring: 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    
    /* Z-индексы */
    --z-base: 1;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-fixed: 300;
    --z-modal-backdrop: 400;
    --z-modal: 500;
    --z-toast: 600;
    --z-max: 9999;
}

/* Reset & base */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-padding-top: 100px;
}

body {
    font-family: var(--font-body);
    background: var(--grad-surface);
    color: var(--content-main);
    line-height: 1.7;
    min-height: 100vh;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background: rgba(var(--brand-rgb), 0.4);
    color: var(--content-high);
}

/* Скроллбар */
::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    background: var(--surface-deep);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
    border-radius: var(--radius-full);
    border: 3px solid var(--surface-deep);
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #FFA500 0%, #00C896 100%);
}

/* Links */
a {
    color: var(--brand-primary);
    text-decoration: none;
    transition: color var(--ease-out);
}

a:hover {
    color: var(--brand-vivid);
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

/* Container */
.container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 var(--space-lg);
}

@media (max-width: 768px) {
    .container {
        padding: 0 var(--space-md);
    }
}

/* Фоновые эффекты (фиксированный слой за контентом) */

.background-effects {
    position: fixed;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
    z-index: -1;
}

.background-effects::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--grad-mesh);
    opacity: 0.9;
}

.background-effects::after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--grad-aurora);
    opacity: 0.05;
    filter: blur(100px);
    animation: aurora-shift 30s ease-in-out infinite;
}

@keyframes aurora-shift {
    0%, 100% { transform: rotate(0deg) scale(1); opacity: 0.05; }
    50% { transform: rotate(180deg) scale(1.2); opacity: 0.08; }
}

.gradient-orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(100px);
    opacity: 0.3;
    animation: orb-float 25s ease-in-out infinite;
}

.orb-1 {
    width: 600px;
    height: 600px;
    background: conic-gradient(from 45deg, var(--brand-primary), var(--brand-vivid), var(--brand-secondary), var(--brand-primary));
    top: -200px;
    right: -100px;
}

.orb-2 {
    width: 500px;
    height: 500px;
    background: conic-gradient(from 180deg, #61217a, var(--brand-primary), var(--brand-secondary), #61217a);
    bottom: -150px;
    left: -150px;
    animation-delay: -12s;
}

.orb-3 {
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, var(--brand-vivid) 0%, transparent 70%);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: orb-pulse 15s ease-in-out infinite;
    opacity: 0.2;
}

@keyframes orb-float {
    0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); }
    25% { transform: translate(40px, -40px) rotate(90deg) scale(1.05); }
    50% { transform: translate(-30px, 30px) rotate(180deg) scale(0.95); }
    75% { transform: translate(-40px, -30px) rotate(270deg) scale(1.03); }
}

@keyframes orb-pulse {
    0%, 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(1); }
    50% { opacity: 0.35; transform: translate(-50%, -50%) scale(1.4); }
}

.grid-overlay {
    position: absolute;
    inset: 0;
    background-image: 
        linear-gradient(rgba(var(--brand-rgb), 0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--brand-rgb), 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
    mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 40%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 50%, black 40%, transparent 100%);
    animation: grid-pulse 20s ease-in-out infinite;
}

@keyframes grid-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.6; }
}

/* Header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: saturate(180%) blur(20px);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    height: 64px;
}

.header::before,
.header::after {
    display: none;
}

.header.scrolled {
    background: rgba(0, 0, 0, 0.95);
}

.header-inner {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    height: 64px;
    gap: 16px;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 22px;
}

.logo-link {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: relative;
    grid-column: 1;
    justify-self: start;
}

.logo {
    height: 40px;
    width: auto;
    object-fit: contain;
    transition: var(--ease-out);
    filter: drop-shadow(0 0 10px rgba(var(--brand-rgb), 0.3));
}

.logo:hover {
    transform: scale(1.08);
    filter: drop-shadow(0 0 25px rgba(var(--brand-rgb), 0.6));
}

/* Navigation */
.main-nav {
    grid-column: 2;
    justify-self: center;
    display: flex;
    justify-content: center;
}

.nav-list {
    display: flex;
    align-items: center;
    gap: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    flex-wrap: nowrap;
}

.nav-list li {
    flex-shrink: 0;
}

.nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    color: #f5f5f7;
    font-size: 11px;
    font-weight: 400;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.2s ease;
    opacity: 0.8;
}

.nav-link:hover {
    opacity: 1;
    color: #FFD700;
}

.nav-link.active {
    opacity: 1;
    color: #FFD700;
}

.nav-icon {
    font-size: 12px;
    flex-shrink: 0;
}

.nav-logo-icon {
    height: 18px;
    width: auto;
    flex-shrink: 0;
}

/* Header Actions */
.header-actions {
    grid-column: 3;
    justify-self: end;
    display: flex;
    gap: var(--space-sm);
    flex-shrink: 0;
}

/* Mobile Menu */
.mobile-menu-btn {
    grid-column: 4;
    justify-self: end;
    display: none;
    width: 50px;
    height: 50px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-md);
    cursor: pointer;
    position: relative;
    transition: var(--ease-out);
}

.mobile-menu-btn:hover {
    background: var(--glass-bg-hover);
    border-color: var(--brand-primary);
}

.hamburger {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 2px;
    background: var(--content-main);
    transition: var(--ease-out);
}

.hamburger::before,
.hamburger::after {
    content: '';
    position: absolute;
    width: 24px;
    height: 2px;
    background: var(--content-main);
    transition: var(--ease-out);
}

.hamburger::before { top: -8px; }
.hamburger::after { bottom: -8px; }

.mobile-menu-btn.active .hamburger {
    background: transparent;
}

.mobile-menu-btn.active .hamburger::before {
    top: 0;
    transform: rotate(45deg);
    background: var(--brand-primary);
}

.mobile-menu-btn.active .hamburger::after {
    bottom: 0;
    transform: rotate(-45deg);
    background: var(--brand-primary);
}

@media (max-width: 1400px) {
    .nav-link {
        padding: 8px 12px;
        font-size: 12px;
    }
    .nav-icon {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .nav-link {
        padding: 8px 10px;
        font-size: 11px;
        gap: 4px;
    }
    .nav-icon {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .main-nav { display: none; }
    .mobile-menu-btn { display: flex; }
    .header-actions { display: none; }
}

/* Mobile Navigation */
.mobile-nav {
    position: fixed;
    top: 90px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(var(--surface-rgb), 0.98);
    backdrop-filter: blur(var(--glass-blur-strong));
    z-index: var(--z-fixed);
    padding: var(--space-lg);
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    transform: translateX(100%);
    opacity: 0;
    transition: var(--ease-out);
}

.mobile-nav.active {
    transform: translateX(0);
    opacity: 1;
}

.mobile-nav-link {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-lg);
    color: var(--content-main);
    font-size: 18px;
    font-weight: 600;
    border-radius: var(--radius-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    transition: var(--ease-out);
}

.mobile-nav-link:hover,
.mobile-nav-link.active {
    background: var(--grad-brand);
    border-color: var(--brand-primary);
    box-shadow: var(--glow-md);
    color: var(--content-high);
}

.mobile-nav-actions {
    margin-top: auto;
    padding-top: var(--space-lg);
    border-top: 1px solid var(--glass-edge);
}

/* Buttons */

.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-xs);
    padding: var(--space-sm) var(--space-lg);
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    border: none;
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: var(--ease-out);
    position: relative;
    overflow: hidden;
    white-space: nowrap;
}

.btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, transparent 40%, transparent 60%, rgba(255,255,255,0.15) 100%);
    opacity: 0;
    transition: var(--ease-out);
}

.btn::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.25), transparent);
    transition: 0.5s;
}

.btn:hover::before {
    opacity: 1;
}

.btn:hover::after {
    left: 100%;
}

.btn-primary {
    background: var(--grad-brand);
    color: var(--content-high);
    box-shadow: var(--glow-md), var(--shadow-inset);
    border: 1px solid rgba(255,255,255,0.15);
}

.btn-primary:hover {
    transform: translateY(-4px) scale(1.02);
    box-shadow: var(--glow-lg), var(--shadow-lg);
}

.btn-primary:active {
    transform: translateY(-2px) scale(0.98);
}

.btn-outline {
    background: var(--glass-bg);
    color: var(--brand-primary);
    border: 2px solid var(--brand-primary);
    backdrop-filter: blur(10px);
}

.btn-outline:hover {
    background: var(--brand-primary);
    color: var(--surface-deep);
    transform: translateY(-4px);
    box-shadow: var(--glow-md);
}

.btn-cta {
    background: var(--grad-cta);
    color: var(--surface-deep);
    font-size: 16px;
    padding: var(--space-md) var(--space-xl);
    animation: cta-pulse 2s ease-in-out infinite;
}

@keyframes cta-pulse {
    0%, 100% { box-shadow: var(--glow-md), 0 0 30px var(--success-glow); }
    50% { box-shadow: var(--glow-lg), 0 0 50px var(--success-glow); }
}

.btn-lg {
    padding: var(--space-md) var(--space-2xl);
    font-size: 16px;
    border-radius: var(--radius-lg);
}

.btn-block {
    width: 100%;
}

.btn-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    background: var(--grad-gold);
    color: var(--surface-deep);
    font-size: 10px;
    font-weight: 800;
    padding: 5px 10px;
    border-radius: var(--radius-full);
    animation: badge-bounce 1.5s ease-in-out infinite;
    box-shadow: 0 0 20px var(--gold-glow);
}

@keyframes badge-bounce {
    0%, 100% { transform: scale(1) rotate(-5deg); }
    50% { transform: scale(1.1) rotate(5deg); }
}

/* Main content area */

.main {
    padding-top: 72px;
    padding-bottom: var(--space-xl);
    min-height: 100vh;
}

.content-wrapper {
    animation: content-reveal 0.8s cubic-bezier(0.33, 1, 0.68, 1);
}

@keyframes content-reveal {
    from {
        opacity: 0;
        transform: translateY(50px);
        filter: blur(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

.content-header {
    text-align: center;
    margin-bottom: var(--space-lg);
    position: relative;
}

.main-title {
    font-family: var(--font-display);
    font-size: clamp(28px, 5vw, 52px);
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: var(--space-md);
    letter-spacing: -0.03em;
}

.gradient-text {
    background: var(--grad-shine);
    background-size: 300% 300%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: gradient-flow 6s ease-in-out infinite;
    filter: drop-shadow(0 0 30px rgba(var(--brand-rgb), 0.4));
}

@keyframes gradient-flow {
    0%, 100% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
}

/* Hero section */
.hero-compact {
    margin: var(--space-md) 0;
    padding: var(--space-lg);
    background: rgba(29, 29, 31, 0.8);
    border-radius: var(--radius-lg);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.hero-compact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
    align-items: start;
}

@media (max-width: 968px) {
    .hero-compact-grid {
        grid-template-columns: 1fr;
        gap: var(--space-md);
    }
    .hero-compact {
        padding: var(--space-md);
    }
}

.hero-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.hero-badge-apple {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 215, 0, 0.15);
    padding: 6px 14px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    color: #FFD700;
    width: fit-content;
}

.badge-icon { font-size: 14px; }

.hero-headline {
    font-family: var(--font-display);
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 700;
    color: #fff;
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin: 0;
}

.hero-tagline {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.5;
    margin: 0;
}

.hero-photo-wrap {
    margin: 12px 0 16px;
    text-align: center;
}

.hero-photo {
    display: block;
    max-width: 100%;
    width: 640px;
    height: auto;
    margin: 0 auto;
    border-radius: 12px;
    object-fit: cover;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
}

/* Features list */
.hero-features {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 8px 0;
}

.hero-features li {
    display: flex;
    align-items: center;
    gap: 6px;
    background: rgba(255, 255, 255, 0.05);
    padding: 8px 14px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.9);
}

.feature-icon {
    font-size: 14px;
}

/* CTA buttons (inline hero) */
.hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 8px;
}

.btn-apple {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s ease;
    cursor: pointer;
    border: none;
}

.btn-apple-primary {
    background: #FFD700;
    color: #000;
}

.btn-apple-primary:hover {
    background: #FFA500;
}

.btn-apple-secondary {
    background: rgba(255, 255, 255, 0.1);
    color: #f5f5f7;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-apple-secondary:hover {
    background: rgba(255, 255, 255, 0.15);
}

/* Quick links */
.hero-quicklinks {
    background: rgba(255, 255, 255, 0.03);
    border-radius: var(--radius-md);
    padding: var(--space-md);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.quicklinks-title {
    font-size: 14px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 0 16px 0;
}

.quicklinks-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-2xs);
}

.hero-quicklinks .hero-actions-right {
    margin-top: var(--space-md);
    justify-content: flex-end;
}

@media (max-width: 768px) {
    .quicklinks-grid {
        grid-template-columns: 1fr 1fr;
    }
    .hero-quicklinks .hero-actions-right {
        justify-content: center;
    }
}

@media (max-width: 600px) {
    .quicklinks-grid {
        grid-template-columns: 1fr;
    }
}

.quicklink-item {
    display: flex;
    align-items: center;
    gap: var(--space-xs);
    padding: 12px 14px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid transparent;
}

.quicklink-item:hover {
    background: rgba(255, 215, 0, 0.08);
    border-color: rgba(255, 215, 0, 0.2);
}

.ql-icon {
    font-size: 20px;
    flex-shrink: 0;
}

.ql-text {
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    flex: 1;
}

.ql-meta {
    font-size: 11px;
    color: rgba(255, 215, 0, 0.8);
    font-weight: 500;
}

/* Legacy hero styles */
.hero-banner {
    margin-top: var(--space-xl);
    padding: var(--space-2xl);
    border-radius: var(--radius-2xl);
    overflow: hidden;
    position: relative;
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
}

.hero-banner::before {
    display: none;
}

.hero-banner::after {
    display: none;
}

.hero-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-2xl);
    align-items: center;
    position: relative;
    z-index: 1;
}

@media (max-width: 968px) {
    .hero-content {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .hero-image {
        order: -1;
    }
    
    .hero-banner {
        padding: var(--space-xl);
    }
}

.hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FFD700;
    color: #000;
    padding: var(--space-2xs) var(--space-md);
    border-radius: var(--radius-full);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: var(--space-md);
}

.hero-title {
    font-family: var(--font-display);
    font-size: clamp(28px, 4.5vw, 56px);
    font-weight: 800;
    margin-bottom: var(--space-md);
    color: var(--content-high);
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.hero-description {
    font-size: 18px;
    color: var(--content-dim);
    margin-bottom: var(--space-lg);
    line-height: 1.75;
}

.hero-stats {
    display: flex;
    gap: var(--space-xl);
    margin-bottom: var(--space-xl);
}

@media (max-width: 968px) {
    .hero-stats {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.stat-item {
    text-align: center;
    position: relative;
}

.stat-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: calc(-1 * var(--space-xl) / 2);
    top: 15%;
    height: 70%;
    width: 1px;
    background: linear-gradient(to bottom, transparent, var(--glass-edge), transparent);
}

.stat-value {
    display: block;
    font-family: var(--font-display);
    font-size: 48px;
    font-weight: 800;
    background: var(--grad-brand);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    line-height: 1;
}

.stat-label {
    font-size: 13px;
    color: var(--content-muted);
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 8px;
}

.hero-cta {
    display: flex;
    gap: var(--space-md);
    flex-wrap: wrap;
}

@media (max-width: 968px) {
    .hero-cta {
        justify-content: center;
    }
}

.hero-image {
    position: relative;
}

.hero-img {
    width: 100%;
    max-width: 580px;
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-xl), var(--glow-lg);
    border: 1px solid var(--glass-edge);
}

/* Glass cards */

.glass-card {
    background: var(--glass-bg);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-md), var(--shadow-inset);
    transition: var(--ease-out);
    position: relative;
    overflow: hidden;
}

.glass-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(var(--brand-rgb), 0.5), transparent);
}

.glass-card:hover {
    background: var(--glass-bg-hover);
    border-color: var(--glass-edge-active);
    box-shadow: var(--shadow-lg), var(--glow-md);
    transform: translateY(-6px);
}

.glass-card:hover::before {
    background: linear-gradient(90deg, transparent, var(--brand-primary), transparent);
}

/* CTA blocks */

.cta-block {
    text-align: center;
    padding: var(--space-lg);
    margin: var(--space-lg) 0;
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.15) 0%, var(--glass-bg) 50%, rgba(var(--brand-rgb), 0.1) 100%);
    border: 2px solid var(--brand-primary);
    border-radius: var(--radius-xl);
    position: relative;
    overflow: hidden;
}

.cta-block::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: var(--grad-shine);
    background-size: 200% 100%;
    animation: shine-slide 2s linear infinite;
}

.cta-block::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(var(--brand-rgb), 0.2) 0%, transparent 50%);
    pointer-events: none;
}

.cta-icon {
    font-size: 2.5rem;
    margin-bottom: var(--space-sm);
    animation: icon-bounce 2s ease-in-out infinite;
}

@keyframes icon-bounce {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-10px) scale(1.1); }
}

.cta-title {
    font-family: var(--font-display);
    font-size: clamp(20px, 3vw, 28px);
    font-weight: 800;
    margin-bottom: var(--space-2xs);
}

.cta-subtitle {
    font-size: 1.1rem;
    color: var(--brand-vivid);
    font-weight: 700;
    margin-bottom: var(--space-sm);
    text-shadow: var(--glow-text);
}

.cta-trust {
    font-size: 0.9rem;
    color: var(--content-dim);
    margin-bottom: var(--space-md);
}

/* Article content */

.article-content {
    font-size: 16px;
    line-height: 1.7;
}

/* 2-column layout on wide screens; full-width for block elements */
@media (min-width: 900px) {
    .article-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-md) var(--space-xl);
        align-content: start;
    }
    .article-content > * {
        min-width: 0;
    }
    .article-content > h2,
    .article-content > h3,
    .article-content > .info-block,
    .article-content > .cta-block,
    .article-content > div[class*="cta-block"],
    .article-content > table {
        grid-column: 1 / -1;
    }
}

.article-content h2 {
    font-family: var(--font-display);
    font-size: clamp(20px, 3vw, 28px);
    font-weight: 700;
    margin: var(--space-lg) 0 var(--space-md);
    padding-bottom: var(--space-sm);
    border-bottom: 2px solid var(--glass-edge);
    position: relative;
    color: var(--content-high);
}

.article-content h2::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100px;
    height: 2px;
    background: var(--grad-brand);
    border-radius: var(--radius-full);
}

.article-content h3 {
    font-family: var(--font-display);
    font-size: clamp(18px, 2.5vw, 22px);
    font-weight: 600;
    margin: var(--space-md) 0 var(--space-sm);
    color: var(--brand-primary);
    text-shadow: var(--glow-text);
}

.article-content p {
    margin-bottom: var(--space-md);
    color: var(--content-dim);
}

.article-content ul,
.article-content ol {
    margin: var(--space-md) 0;
    padding-left: var(--space-lg);
}

.article-content li {
    margin-bottom: var(--space-2xs);
    color: var(--content-dim);
    position: relative;
}

.article-content ul li::marker {
    color: var(--brand-primary);
    font-size: 1.2em;
}

/* Slots page: single column because of card grid */
.slots-page .article-content {
    display: block;
}

.slots-page .article-content ul {
    list-style: none;
    padding-left: 0;
}

.slots-page .article-content ul li {
    position: relative;
    padding-left: var(--space-xl);
    margin-bottom: var(--space-md);
    color: var(--content-dim);
    line-height: 1.8;
}

.slots-page .article-content ul li::before {
    content: '🎰';
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.2em;
    filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.5));
}

.slots-page .article-content ul li strong {
    color: var(--gold);
    font-weight: 700;
}

.article-content a {
    color: var(--brand-primary);
    text-decoration: underline;
    text-decoration-color: rgba(var(--brand-rgb), 0.4);
    text-underline-offset: 4px;
    transition: var(--ease-out);
}

.article-content a:hover {
    text-decoration-color: var(--brand-primary);
    text-shadow: var(--glow-text);
}

.article-content strong,
.article-content b {
    color: var(--content-high);
    font-weight: 700;
}

/* Tables */
.article-content table {
    width: 100%;
    border-collapse: collapse;
    margin: var(--space-xl) 0;
    background: var(--glass-bg);
    border-radius: var(--radius-lg);
    overflow: hidden;
    border: 1px solid var(--glass-edge);
}

.article-content th,
.article-content td {
    padding: var(--space-md);
    text-align: left;
    border-bottom: 1px solid var(--glass-edge);
}

.article-content th {
    background: rgba(var(--brand-rgb), 0.15);
    font-weight: 700;
    color: var(--brand-primary);
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 13px;
}

.article-content tr:hover {
    background: rgba(var(--brand-rgb), 0.08);
}

/* Slots showcase block */

.slots-showcase,
.info-block.gradient-bg {
    margin: var(--space-md) 0;
    padding: var(--space-lg);
    background: linear-gradient(135deg, var(--glass-bg) 0%, rgba(var(--brand-rgb), 0.08) 100%);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-xl);
    position: relative;
}

.slots-showcase h2,
.info-block.gradient-bg h2 {
    text-align: center;
    font-family: var(--font-display);
    font-size: 22px;
    margin-bottom: 2px;
    border: none;
    padding: 0;
}

.info-block.gradient-bg > p:first-of-type {
    text-align: center;
    margin-top: 4px;
}

.slots-showcase h2::after,
.info-block.gradient-bg h2::after {
    display: none;
}

.slots-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--space-sm);
}

.slot-card {
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-lg);
    padding: var(--space-md);
    transition: var(--ease-spring);
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(40px) scale(0.95);
}

.slot-card.animate-in {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.slot-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--grad-brand);
    transform: scaleX(0);
    transition: var(--ease-out);
}

.slot-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(var(--brand-rgb), 0.2) 0%, transparent 60%);
    opacity: 0;
    transition: var(--ease-out);
}

.slot-card:hover::before {
    transform: scaleX(1);
}

.slot-card:hover::after {
    opacity: 1;
}

.slot-card:hover {
    transform: translateY(-12px) scale(1.03);
    border-color: var(--glass-edge-active);
    box-shadow: var(--glow-lg), var(--shadow-xl);
}

.slot-card img,
.slot-card .slot-image {
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-sm);
    transition: var(--ease-out);
    position: relative;
    z-index: 1;
}

.slot-card:hover img,
.slot-card:hover .slot-image {
    transform: scale(1.05);
}

.slot-card h4 {
    font-family: var(--font-display);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-bottom: var(--space-2xs);
    color: var(--content-high);
    position: relative;
    z-index: 1;
}

.slot-card .slot-rtp {
    text-align: center;
    color: var(--success);
    font-weight: 800;
    font-size: 15px;
    margin-bottom: var(--space-2xs);
    text-shadow: 0 0 15px var(--success-glow);
    position: relative;
    z-index: 1;
}

.slot-card .slot-desc,
.slot-card .slot-provider {
    text-align: center;
    color: var(--content-dim);
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: var(--space-sm);
    position: relative;
    z-index: 1;
}

.slot-tags,
.slot-features {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2xs);
    justify-content: center;
    position: relative;
    z-index: 1;
}

.slot-tag,
.slot-features .badge {
    background: linear-gradient(135deg, rgba(var(--brand-rgb), 0.25) 0%, rgba(var(--brand-rgb), 0.1) 100%);
    color: var(--brand-vivid);
    padding: 5px 14px;
    border-radius: var(--radius-full);
    font-size: 11px;
    font-weight: 600;
    border: 1px solid rgba(var(--brand-rgb), 0.35);
    transition: var(--ease-out);
}

.slot-tag:hover,
.slot-features .badge:hover {
    background: var(--brand-primary);
    color: var(--content-high);
    transform: scale(1.08);
}

/* Slots page */

/* Wrapper */
.slots-page {
    padding: var(--space-md) 0;
}

/* Page heading */
.slots-page-header {
    text-align: center;
    margin-bottom: var(--space-lg);
    position: relative;
}

.slots-page-header::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: var(--grad-gold);
    border-radius: var(--radius-full);
}

/* Filter tabs */
.slots-filters {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-sm);
    justify-content: center;
    margin-bottom: var(--space-2xl);
    padding: var(--space-lg);
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-xl);
    backdrop-filter: blur(var(--glass-blur));
}

.slots-filter-btn {
    padding: var(--space-xs) var(--space-lg);
    background: transparent;
    border: 2px solid var(--glass-edge);
    border-radius: var(--radius-full);
    color: var(--content-dim);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--ease-out);
    position: relative;
    overflow: hidden;
}

.slots-filter-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--grad-gold);
    opacity: 0;
    transition: var(--ease-out);
    z-index: -1;
}

.slots-filter-btn:hover,
.slots-filter-btn.active {
    color: var(--content-high);
    border-color: var(--gold);
    box-shadow: 0 0 20px var(--gold-glow);
}

.slots-filter-btn:hover::before,
.slots-filter-btn.active::before {
    opacity: 1;
}

/* Slot cards */
.slots-page .slot-card {
    background: linear-gradient(135deg, var(--glass-bg) 0%, rgba(255, 215, 0, 0.03) 100%);
    border: 2px solid var(--glass-edge);
    box-shadow: var(--shadow-md);
}

.slots-page .slot-card::before {
    background: var(--grad-gold);
    height: 4px;
}

.slots-page .slot-card:hover {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.08) 0%, rgba(255, 165, 0, 0.05) 100%);
    border-color: var(--gold);
    box-shadow: var(--glow-lg), 0 0 30px var(--gold-glow);
}

/* RTP indicator */
.slot-rtp {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    padding: var(--space-2xs) var(--space-md);
    background: linear-gradient(135deg, rgba(0, 200, 83, 0.15) 0%, rgba(0, 200, 83, 0.05) 100%);
    border: 1px solid var(--success);
    border-radius: var(--radius-full);
    position: relative;
}

.slot-rtp::before {
    content: '💰';
    font-size: 14px;
}

.slot-rtp.high-rtp {
    background: linear-gradient(135deg, rgba(255, 215, 0, 0.2) 0%, rgba(255, 215, 0, 0.1) 100%);
    border-color: var(--gold);
    color: var(--gold);
    text-shadow: 0 0 10px var(--gold-glow);
}

.slot-rtp.high-rtp::before {
    content: '⭐';
}

/* Provider labels */
.slot-provider {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2xs);
    padding: var(--space-2xs) var(--space-sm);
    background: rgba(var(--brand-rgb), 0.1);
    border: 1px solid rgba(var(--brand-rgb), 0.3);
    border-radius: var(--radius-sm);
    font-size: 12px;
    font-weight: 600;
    color: var(--brand-primary);
    margin-top: var(--space-xs);
}

.slot-provider::before {
    content: '🎮';
    font-size: 14px;
}

/* Badges */
.slot-badge {
    position: absolute;
    top: var(--space-sm);
    right: var(--space-sm);
    padding: var(--space-2xs) var(--space-xs);
    background: var(--grad-gold);
    color: var(--surface-deep);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: var(--radius-sm);
    box-shadow: 0 0 15px var(--gold-glow);
    z-index: 2;
    animation: badge-pulse 2s ease-in-out infinite;
}

@keyframes badge-pulse {
    0%, 100% { 
        transform: scale(1);
        box-shadow: 0 0 15px var(--gold-glow);
    }
    50% { 
        transform: scale(1.05);
        box-shadow: 0 0 25px var(--gold-glow), 0 0 35px var(--gold-glow);
    }
}

.slot-badge.new {
    background: linear-gradient(135deg, #00C853 0%, #4CAF50 100%);
    color: var(--content-high);
    box-shadow: 0 0 15px var(--success-glow);
}

.slot-badge.hot {
    background: linear-gradient(135deg, #00C896 0%, #10B981 100%);
    color: var(--content-high);
    box-shadow: 0 0 15px var(--error-glow);
}

.slot-badge.jackpot {
    background: var(--grad-gold);
    animation: jackpot-glow 1.5s ease-in-out infinite;
}

@keyframes jackpot-glow {
    0%, 100% { 
        box-shadow: 0 0 20px var(--gold-glow);
    }
    50% { 
        box-shadow: 0 0 40px var(--gold-glow), 0 0 60px var(--gold-glow);
    }
}

/* Slot stats row */
.slot-stats {
    display: flex;
    justify-content: space-around;
    gap: var(--space-sm);
    margin-top: var(--space-sm);
    padding-top: var(--space-sm);
    border-top: 1px solid var(--glass-edge);
}

.slot-stat {
    text-align: center;
    flex: 1;
}

.slot-stat-value {
    display: block;
    font-size: 18px;
    font-weight: 800;
    color: var(--brand-primary);
    margin-bottom: 4px;
}

.slot-stat-label {
    font-size: 11px;
    color: var(--content-muted);
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Play button on card */
.slot-play-btn {
    width: 100%;
    margin-top: var(--space-md);
    padding: var(--space-sm) var(--space-lg);
    background: var(--grad-gold);
    color: var(--surface-deep);
    border: none;
    border-radius: var(--radius-md);
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    cursor: pointer;
    transition: var(--ease-out);
    box-shadow: 0 0 20px var(--gold-glow);
    position: relative;
    overflow: hidden;
}

.slot-play-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.3) 0%, transparent 50%);
    transform: translateX(-100%);
    transition: 0.5s;
}

.slot-play-btn:hover::before {
    transform: translateX(100%);
}

.slot-play-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 0 30px var(--gold-glow), 0 0 50px var(--gold-glow);
}

.slot-play-btn:active {
    transform: translateY(0);
}

/* Providers section */
.slots-providers {
    margin: var(--space-3xl) 0;
    padding: var(--space-2xl);
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-2xl);
}

.slots-providers h3 {
    text-align: center;
    font-family: var(--font-display);
    font-size: 28px;
    margin-bottom: var(--space-xl);
    color: var(--content-high);
}

.providers-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: var(--space-lg);
}

.provider-card {
    background: rgba(var(--brand-rgb), 0.05);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-lg);
    padding: var(--space-lg);
    text-align: center;
    transition: var(--ease-out);
    cursor: pointer;
}

.provider-card:hover {
    background: rgba(var(--brand-rgb), 0.1);
    border-color: var(--brand-primary);
    transform: translateY(-5px);
    box-shadow: var(--glow-md);
}

.provider-card img {
    width: 100%;
    max-width: 120px;
    height: auto;
    margin-bottom: var(--space-sm);
    filter: grayscale(0.3);
    transition: var(--ease-out);
}

.provider-card:hover img {
    filter: grayscale(0);
    transform: scale(1.1);
}

.provider-card h4 {
    font-size: 16px;
    font-weight: 600;
    color: var(--content-high);
    margin: 0;
}

/* Slot page animations */
@keyframes slot-card-enter {
    from {
        opacity: 0;
        transform: translateY(30px) rotateX(-10deg);
    }
    to {
        opacity: 1;
        transform: translateY(0) rotateX(0);
    }
}

.slot-card.animate-in {
    animation: slot-card-enter 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* Shimmer effect on hover */
.slot-card::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        45deg,
        transparent 30%,
        rgba(255, 255, 255, 0.1) 50%,
        transparent 70%
    );
    transform: rotate(45deg) translateX(-100%);
    transition: 0.6s;
}

.slot-card:hover::after {
    transform: rotate(45deg) translateX(100%);
}

/* Slots page mobile */
@media (max-width: 768px) {
    .slots-filters {
        padding: var(--space-md);
        gap: var(--space-xs);
    }
    
    .slots-filter-btn {
        font-size: 12px;
        padding: var(--space-2xs) var(--space-md);
    }
    
    .slots-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-sm);
    }
    
    .slot-card {
        padding: var(--space-sm);
    }
    
    .slot-card img,
    .slot-card .slot-image {
        height: 120px;
    }
    
    .slot-stats {
        flex-direction: column;
        gap: var(--space-xs);
    }
    
    .providers-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-sm);
    }
    
    .slot-badge {
        font-size: 9px;
        padding: 3px 6px;
    }
}

/* Advantage cards */

.advantage-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--space-lg);
    margin: var(--space-xl) 0;
}

.advantage-card {
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    text-align: center;
    transition: var(--ease-spring);
    opacity: 0;
    transform: translateY(30px);
}

.advantage-card.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.advantage-card:hover {
    transform: translateY(-10px);
    border-color: var(--brand-primary);
    box-shadow: var(--glow-md);
}

.advantage-icon {
    font-size: 56px;
    margin-bottom: var(--space-md);
    display: block;
    animation: icon-float 3s ease-in-out infinite;
}

@keyframes icon-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.advantage-card h3 {
    font-size: 20px;
    margin-bottom: var(--space-sm);
    color: var(--brand-primary);
}

.advantage-card p {
    color: var(--content-dim);
    font-size: 15px;
    line-height: 1.7;
}

/* Info blocks */

.info-block {
    background: var(--glass-bg);
    border-left: 4px solid var(--brand-primary);
    border-radius: var(--radius-md);
    padding: var(--space-sm);
    margin: var(--space-sm) 0;
    opacity: 0;
    transform: translateX(-30px);
}

.info-block.animate-in {
    opacity: 1;
    transform: translateX(0);
}

.info-block h3 {
    color: var(--brand-primary);
    margin-bottom: var(--space-sm);
    font-size: 18px;
}

.info-block p {
    color: var(--content-dim);
    margin: 0;
}

/* FAQ block */

.faq-block {
    margin-top: var(--space-lg);
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.faq-block-title {
    font-size: 22px;
    margin-bottom: 2px;
}

.faq-block-desc {
    text-align: center;
    color: var(--content-dim);
    margin: 0 0 var(--space-md);
    font-size: 14px;
}

.faq-accordion {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.faq-accordion-item {
    background: rgba(15, 23, 42, 0.9);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-lg);
    overflow: hidden;
    transition: var(--ease-out);
    opacity: 0;
    transform: translateY(20px);
}

.faq-accordion-item.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.faq-accordion-item:hover {
    border-color: var(--glass-edge-active);
    box-shadow: var(--glow-sm);
}

.faq-accordion-item.open {
    border-color: var(--brand-primary);
    box-shadow: var(--glow-sm);
}

.faq-accordion-trigger {
    width: 100%;
    padding: var(--space-md) var(--space-lg);
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: var(--content-high);
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: var(--space-md);
    border: none;
    background: transparent;
    text-align: left;
    transition: var(--ease-out);
}

.faq-accordion-trigger:hover {
    color: var(--brand-primary);
}

.faq-accordion-icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    position: relative;
    transition: var(--ease-out);
}

.faq-accordion-icon::before,
.faq-accordion-icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 2px;
    background: var(--content-dim);
    transform: translate(-50%, -50%);
    transition: var(--ease-out);
}

.faq-accordion-icon::after {
    width: 2px;
    height: 10px;
}

.faq-accordion-item.open .faq-accordion-icon::after {
    content: none;
}

.faq-accordion-item.open .faq-accordion-icon {
    background: rgba(var(--brand-rgb), 0.2);
    border-color: var(--brand-primary);
}

.faq-accordion-item.open .faq-accordion-icon::before {
    background: var(--brand-primary);
}

.faq-accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}

.faq-accordion-inner {
    padding: 0 var(--space-lg) var(--space-md);
    color: var(--content-dim);
    line-height: 1.7;
    border-top: 1px solid rgba(148, 163, 184, 0.15);
}

.faq-accordion-inner a {
    color: var(--brand-primary);
}

.faq-accordion-inner p {
    margin: var(--space-xs) 0 0;
}

/* Legacy FAQ styles — kept for backward compat, stripped at runtime anyway */
.faq-list,
.faq-container {
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.faq-item {
    background: rgba(15, 23, 42, 0.9);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.faq-question {
    padding: var(--space-sm) var(--space-md);
    margin: 0;
    font-size: 15px;
    font-weight: 500;
    color: var(--content-high);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    padding: 0 var(--space-md);
    color: var(--content-dim);
    line-height: 1.7;
}

.faq-item.open .faq-answer {
    padding-bottom: var(--space-sm);
}

.faq-answer a {
    color: var(--brand-primary);
}

/* Breadcrumbs */

.breadcrumbs {
    padding: var(--space-sm) 0;
    margin-bottom: var(--space-md);
}

.breadcrumbs-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-xs);
    list-style: none;
}

.breadcrumb-item {
    display: inline-flex;
    align-items: center;
}

.breadcrumb-link {
    color: var(--brand-primary);
    font-size: 13px;
    padding: var(--space-3xs) var(--space-xs);
    border-radius: var(--radius-xs);
    transition: var(--ease-out);
}

.breadcrumb-link:hover {
    background: var(--glass-bg);
}

.breadcrumb-item.active {
    color: var(--content-muted);
    font-size: 13px;
}

.breadcrumb-separator {
    color: var(--content-muted);
    font-size: 14px;
}

/* Bonus popup (bottom notification) */

.bonus-popup {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%) translateY(200%);
    width: auto;
    max-width: 380px;
    min-width: 300px;
    padding: 14px 48px 14px 16px;
    z-index: 10000;
    transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    background: rgba(29, 29, 31, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

.bonus-popup.show {
    transform: translateX(-50%) translateY(0);
}

.popup-close {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #f5f5f7;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.popup-close:hover {
    background: rgba(255, 255, 255, 0.2);
}

.popup-content {
    display: flex;
    align-items: center;
    gap: 14px;
}

@media (max-width: 480px) {
    .bonus-popup {
        min-width: 280px;
        max-width: 92%;
        padding: 12px 44px 12px 14px;
    }
    .popup-content {
        gap: 10px;
    }
}

.popup-icon {
    font-size: 32px;
    flex-shrink: 0;
}

.popup-text {
    flex: 1;
}

.popup-bonus {
    display: block;
    font-size: 24px;
    font-weight: 600;
    color: #FFD700;
    line-height: 1.1;
}

.popup-label {
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    margin-top: 2px;
}

.popup-cta {
    flex-shrink: 0;
}

.popup-cta .btn {
    padding: 8px 16px;
    font-size: 12px;
    font-weight: 600;
    border-radius: 20px;
    white-space: nowrap;
    background: #FFD700;
    color: #000;
    border: none;
}

/* Footer */

.site-footer {
    background: linear-gradient(180deg, var(--surface-deep) 0%, var(--surface-void) 100%);
    border-top: 2px solid transparent;
    border-image: linear-gradient(90deg, transparent 5%, var(--brand-primary) 50%, transparent 95%) 1;
    padding: var(--space-3xl) 0 0;
    margin-top: var(--space-3xl);
    position: relative;
}

.site-footer::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 250px;
    background: radial-gradient(ellipse at 50% 0%, rgba(var(--brand-rgb), 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.footer-wrapper {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 var(--space-lg);
    position: relative;
    z-index: 1;
}

.footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
}

.footer-content {
    padding-bottom: var(--space-xl);
}

.footer-blocks {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-lg);
    margin-bottom: var(--space-xl);
}

@media (max-width: 1024px) {
    .footer-blocks {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .footer-blocks {
        grid-template-columns: 1fr;
    }
}

.footer-block {
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-lg);
    padding: var(--space-xl);
    transition: var(--ease-out);
    position: relative;
    overflow: hidden;
}

.footer-block::before {
    content: '';
    position: absolute;
    top: 20%;
    left: 0;
    width: 3px;
    height: 60%;
    background: var(--grad-brand);
    border-radius: var(--radius-full);
    transform: scaleY(0);
    transition: var(--ease-out);
}

.footer-block:hover::before {
    transform: scaleY(1);
}

.footer-block:hover {
    background: var(--glass-bg-hover);
    border-color: var(--glass-edge-active);
    transform: translateY(-8px);
    box-shadow: var(--shadow-lg), var(--glow-md);
}

.footer-block h4 {
    font-family: var(--font-display);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: var(--space-sm);
    color: var(--content-high);
}

.footer-block p {
    font-size: 14px;
    line-height: 1.75;
    color: var(--content-dim);
    margin: 0;
}

.footer-menu {
    text-align: center;
    padding: var(--space-xl) 0;
    border-top: 1px solid var(--glass-edge);
    border-bottom: 1px solid var(--glass-edge);
}

.footer-menu h4 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: var(--space-md);
    color: var(--content-high);
}

.footer-nav-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-sm);
}

.footer-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-sm);
    color: var(--content-main);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: var(--ease-out);
}

.footer-nav-link:hover,
.footer-nav-link.active {
    background: var(--brand-primary);
    border-color: var(--brand-primary);
    color: var(--surface-deep);
    transform: translateY(-3px);
    box-shadow: var(--glow-sm);
}

.footer-legal {
    background: var(--grad-surface);
    padding: var(--space-lg) 0;
}

.legal-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: var(--space-lg);
}

@media (max-width: 768px) {
    .legal-row {
        flex-direction: column;
        text-align: center;
    }
}

.footer-brand {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.brand-name {
    font-family: var(--font-display);
    font-size: 26px;
    font-weight: 800;
    background: var(--grad-brand);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.brand-tagline {
    font-size: 12px;
    color: var(--content-muted);
    text-transform: uppercase;
    letter-spacing: 3px;
}

.footer-copy {
    text-align: center;
    flex: 1;
}

.footer-copy p {
    font-size: 13px;
    color: var(--content-dim);
    margin: 0 0 6px;
}

.footer-warning {
    font-size: 11px !important;
    color: var(--content-muted) !important;
}

.footer-seals {
    display: flex;
    gap: 14px;
}

.footer-seal {
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-sm);
    font-size: 12px;
    color: var(--content-dim);
}

/* Social links in footer */
.footer-social {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
    padding: var(--space-md) 0;
    margin-bottom: var(--space-md);
    border-top: 1px solid var(--glass-edge);
}

.footer-social-label {
    font-size: 13px;
    color: var(--content-muted);
    margin-right: var(--space-xs);
}

.footer-social-links {
    display: flex;
    align-items: center;
    gap: var(--space-sm);
}

.footer-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: var(--radius-md);
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    transition: var(--ease-out);
}

.footer-social-link:hover {
    background: rgba(var(--brand-rgb), 0.15);
    border-color: var(--brand-primary);
    transform: translateY(-2px);
}

.footer-social-link img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

@media (max-width: 600px) {
    .footer-social {
        flex-direction: column;
        gap: var(--space-sm);
    }
    .footer-social-label {
        margin-right: 0;
    }
}

/* Tag cloud (footer keywords) */

.tag-cloud {
    background: linear-gradient(165deg, rgba(var(--brand-rgb), 0.1) 0%, var(--glass-bg) 50%, rgba(var(--brand-rgb), 0.08) 100%);
    border: 1px solid rgba(var(--brand-rgb), 0.3);
    border-radius: var(--radius-2xl);
    padding: var(--space-xl);
    margin-bottom: var(--space-xl);
    position: relative;
    overflow: hidden;
}

.tag-cloud::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--grad-shine);
    background-size: 200% 100%;
    animation: shine-slide 3s linear infinite;
}

.tag-cloud::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 350px;
    height: 350px;
    background: radial-gradient(circle, rgba(var(--brand-rgb), 0.12) 0%, transparent 70%);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.tag-cloud-title {
    font-family: var(--font-display);
    font-size: 22px;
    font-weight: 700;
    margin-bottom: var(--space-lg);
    color: var(--content-high);
    text-align: center;
    position: relative;
    z-index: 1;
}

.tag-cloud-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    position: relative;
    z-index: 1;
}

.tag-item {
    display: inline-flex;
    align-items: center;
    padding: 11px 24px;
    background: var(--glass-bg);
    border: 1px solid var(--glass-edge);
    border-radius: var(--radius-full);
    color: var(--content-main);
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: var(--ease-bounce);
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.tag-item::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(var(--brand-rgb), 0.25), transparent);
    transform: translateX(-100%);
    transition: 0.5s;
}

.tag-item:hover::before {
    transform: translateX(100%);
}

.tag-item:hover {
    background: var(--grad-brand);
    border-color: var(--brand-vivid);
    transform: translateY(-6px) scale(1.05);
    box-shadow: var(--glow-lg);
    color: var(--content-high);
}

.tag-item.tag-sm {
    font-size: 12px;
    padding: 8px 18px;
}

.tag-item.tag-lg {
    font-size: 15px;
    padding: 13px 28px;
    font-weight: 600;
    border-width: 2px;
}

/* Animations & keyframes */

.pulse-glow {
    animation: pulse-glow 2s ease-in-out infinite;
}

@keyframes pulse-glow {
    0%, 100% { box-shadow: var(--glow-md); }
    50% { box-shadow: var(--glow-lg); }
}

.float-animation {
    animation: float-anim 6s ease-in-out infinite;
}

@keyframes float-anim {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.text-glow-animation {
    animation: text-glow 2s ease-in-out infinite;
}

@keyframes text-glow {
    0%, 100% { text-shadow: var(--glow-text); }
    50% { text-shadow: 0 0 50px rgba(var(--brand-rgb), 1); }
}

.hover-lift {
    transition: var(--ease-spring);
}

.hover-lift:hover {
    transform: translateY(-8px);
}

/* Page load overlay */
.generation-notice {
    text-align: center;
    padding: var(--space-3xl);
    max-width: 560px;
    margin: var(--space-3xl) auto;
}

.notice-icon {
    font-size: 80px;
    margin-bottom: var(--space-lg);
    animation: icon-bounce 1.5s ease-in-out infinite;
}

.generation-notice h2 {
    margin-bottom: var(--space-md);
    border: none;
    padding: 0;
}

.generation-notice h2::after {
    display: none;
}

.progress-bar {
    height: 6px;
    background: var(--glass-bg);
    border-radius: var(--radius-full);
    overflow: hidden;
    margin-top: var(--space-lg);
}

.progress-fill {
    height: 100%;
    width: 40%;
    background: var(--grad-brand);
    border-radius: var(--radius-full);
    animation: progress-move 1.5s ease-in-out infinite;
}

@keyframes progress-move {
    0% { width: 0%; margin-left: 0; }
    50% { width: 60%; }
    100% { width: 0%; margin-left: 100%; }
}

/* Responsive */

@media (max-width: 768px) {
    :root {
        --space-xl: 32px;
        --space-2xl: 48px;
        --space-3xl: 64px;
    }
    
    body {
        font-size: 15px;
    }
    
    .main {
        padding-top: 62px;
    }
    
    .header-inner {
        height: 48px;
        padding: 0 16px;
    }
    
    .logo {
        height: 45px;
    }
    
    .mobile-nav {
        top: 80px;
    }
    
    .main-title {
        font-size: 28px;
    }
    
    .hero-title {
        font-size: 26px;
    }
    
    .hero-banner {
        padding: var(--space-lg);
    }
    
    .hero-stats {
        gap: var(--space-md);
    }
    
    .stat-value {
        font-size: 34px;
    }
    
    .hero-cta {
        flex-direction: column;
    }
    
    .hero-cta .btn {
        width: 100%;
    }
    
    .slots-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: var(--space-sm);
    }
    
    .slot-card {
        padding: var(--space-sm);
    }
    
    .slot-card img,
    .slot-card .slot-image {
        height: 140px;
    }
    
    .slot-card h4 {
        font-size: 13px;
    }
    
    .cta-block {
        padding: var(--space-xl);
    }
    
    .cta-title {
        font-size: 22px;
    }
    
    .cta-subtitle {
        font-size: 1.1rem;
    }
    
    .tag-cloud-container {
        gap: 8px;
    }
    
    .tag-item {
        padding: 9px 18px;
        font-size: 13px;
    }
    
    .bonus-popup {
        bottom: var(--space-md);
        left: var(--space-md);
        right: var(--space-md);
        width: auto;
        transform: translateX(0) translateY(300%);
    }
    
    .bonus-popup.show {
        transform: translateX(0) translateY(0);
    }
    
    .popup-bonus {
        font-size: 32px;
    }
}

@media (max-width: 480px) {
    :root {
        --space-lg: 20px;
        --space-xl: 24px;
    }
    
    body {
        font-size: 14px;
    }
    
    .main {
        padding-top: 58px;
    }
    
    .main-title {
        font-size: 24px;
    }
    
    .hero-title {
        font-size: 22px;
    }
    
    .hero-badge {
        font-size: 10px;
    }
    
    .stat-value {
        font-size: 28px;
    }
    
    .slots-grid {
        gap: var(--space-xs);
    }
    
    .slot-card img,
    .slot-card .slot-image {
        height: 100px;
    }
    
    .slot-card h4 {
        font-size: 11px;
    }
    
    .slot-card .slot-rtp {
        font-size: 10px;
    }
    
    .tag-item {
        padding: 7px 14px;
        font-size: 11px;
    }
}

/* Touch / hover fix */
@media (hover: none) and (pointer: coarse) {
    .btn,
    .tag-item,
    .footer-nav-link,
    .nav-link,
    .slot-card {
        min-height: 48px;
    }
    
    .btn:hover,
    .tag-item:hover,
    .footer-nav-link:hover,
    .slot-card:hover {
        transform: none;
    }
}

/* Reduced motion (accessibility) */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    
    .float-animation,
    .pulse-glow,
    .text-glow-animation {
        animation: none;
    }
}

/* Print */
@media print {
    .header,
    .mobile-nav,
    .bonus-popup,
    .background-effects,
    .site-footer,
    .tag-cloud,
    .cta-block {
        display: none !important;
    }
    
    .main {
        padding-top: 0;
    }
    
    body {
        background: white;
        color: black;
    }
    
    a {
        color: black;
        text-decoration: underline;
    }
}
</style>
    <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": [
        "Organization",
        "OnlineBusiness",
        "EntertainmentBusiness"
    ],
    "@id": "https://spinbetter.stinger.casino/#47b27834-organization",
    "identifier": "47b27834",
    "name": "СпинБеттер Казино",
    "alternateName": "SpinBetter Casino",
    "legalName": "СпинБеттер Казино",
    "url": "https://spinbetter.stinger.casino",
    "mainEntityOfPage": "https://spinbetter.stinger.casino",
    "logo": {
        "@type": "ImageObject",
        "@id": "https://spinbetter.stinger.casino/#logo",
        "url": "https://spinbetter.stinger.casino/img/spinbetter/brand.svg",
        "contentUrl": "https://spinbetter.stinger.casino/img/spinbetter/brand.svg",
        "width": "200",
        "height": "60",
        "caption": "Официальный логотип СпинБеттер Казино"
    },
    "image": {
        "@type": "ImageObject",
        "@id": "https://spinbetter.stinger.casino/#mainimage",
        "url": "https://spinbetter.stinger.casino/img/photo.jpg",
        "contentUrl": "https://spinbetter.stinger.casino/img/photo.jpg",
        "width": "1200",
        "height": "630",
        "caption": "СпинБеттер Казино — изображение страницы"
    },
    "description": "СпинБеттер Казино: Сразу к делу: Сводка дня SpinBetter Casino: Илья — 3к → 470к. Небольшое уточнение: RTP 96.1%, бонус 300%, джекпот 18.2 млн. Срок — мгновенно. Протестируй. ➤. правила, лимиты и поддержка, лицензия, условия и ответы на вопросы.",
    "slogan": "СпинБеттер Казино — лицензированная игровая платформа",
    "foundingDate": "2022-01-01",
    "foundingLocation": {
        "@type": "Place",
        "name": "Limassol, Cyprus"
    },
    "founder": {
        "@type": "Organization",
        "name": "СпинБеттер Казино Entertainment Ltd",
        "url": "https://spinbetter.stinger.casino"
    },
    "numberOfEmployees": {
        "@type": "QuantitativeValue",
        "value": "150+"
    },
    "address": {
        "@type": "PostalAddress",
        "addressCountry": "CY",
        "addressRegion": "Limassol District",
        "addressLocality": "Limassol",
        "postalCode": "3024",
        "streetAddress": "Business Center, Office 482"
    },
    "contactPoint": [
        {
            "@type": "ContactPoint",
            "contactType": "customer support",
            "availableLanguage": [
                "Russian",
                "English",
                "Kazakh"
            ],
            "areaServed": [
                "RU",
                "KZ",
                "BY",
                "UA",
                "UZ",
                "AZ"
            ],
            "hoursAvailable": {
                "@type": "OpeningHoursSpecification",
                "dayOfWeek": [
                    "Monday",
                    "Tuesday",
                    "Wednesday",
                    "Thursday",
                    "Friday",
                    "Saturday",
                    "Sunday"
                ],
                "opens": "00:00",
                "closes": "23:59"
            },
            "contactOption": "TollFree"
        },
        {
            "@type": "ContactPoint",
            "email": "support@spinbetter.stinger.casino",
            "contactType": "customer support",
            "availableLanguage": [
                "Russian",
                "English"
            ]
        }
    ],
    "brand": {
        "@type": "Brand",
        "name": "СпинБеттер Казино",
        "logo": "https://spinbetter.stinger.casino/img/spinbetter/brand.svg"
    },
    "areaServed": [
        {
            "@type": "Country",
            "name": "Russia",
            "identifier": "RU"
        },
        {
            "@type": "Country",
            "name": "Kazakhstan",
            "identifier": "KZ"
        },
        {
            "@type": "Country",
            "name": "Belarus",
            "identifier": "BY"
        },
        {
            "@type": "Country",
            "name": "Uzbekistan",
            "identifier": "UZ"
        }
    ],
    "currenciesAccepted": "RUB, USD, EUR, KZT, BYN, UAH, UZS, USDT, BTC",
    "paymentAccepted": "Visa, MasterCard, Мир, СБП, ЮMoney, QIWI, WebMoney, Криптовалюта, Мобильные платежи",
    "priceRange": "₽50 - ₽15000000",
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.5",
        "bestRating": "5",
        "worstRating": "1",
        "ratingCount": 16882,
        "reviewCount": 13882
    },
    "review": [
        {
            "@type": "Review",
            "author": {
                "@type": "Person",
                "name": "Алексей М."
            },
            "reviewRating": {
                "@type": "Rating",
                "ratingValue": 5,
                "bestRating": "5"
            },
            "datePublished": "2026-03-12"
        },
        {
            "@type": "Review",
            "author": {
                "@type": "Person",
                "name": "Мария К."
            },
            "reviewRating": {
                "@type": "Rating",
                "ratingValue": 4,
                "bestRating": "5"
            },
            "datePublished": "2026-03-26"
        },
        {
            "@type": "Review",
            "author": {
                "@type": "Person",
                "name": "Дмитрий С."
            },
            "reviewRating": {
                "@type": "Rating",
                "ratingValue": 5,
                "bestRating": "5"
            },
            "datePublished": "2026-04-03"
        },
        {
            "@type": "Review",
            "author": {
                "@type": "Person",
                "name": "SlotMaster42"
            },
            "reviewRating": {
                "@type": "Rating",
                "ratingValue": 3,
                "bestRating": "5"
            },
            "datePublished": "2026-03-14"
        },
        {
            "@type": "Review",
            "author": {
                "@type": "Person",
                "name": "Анна В."
            },
            "reviewRating": {
                "@type": "Rating",
                "ratingValue": 5,
                "bestRating": "5"
            },
            "datePublished": "2026-03-24"
        }
    ],
    "knowsAbout": [
        "Онлайн казино",
        "Игровые автоматы",
        "Слоты",
        "Live-казино",
        "Бонусные программы"
    ],
    "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Игровые разделы СпинБеттер Казино",
        "itemListElement": [
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Игровые автоматы"
                }
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Live-казино"
                }
            },
            {
                "@type": "Offer",
                "itemOffered": {
                    "@type": "Service",
                    "name": "Бонусные предложения"
                }
            }
        ]
    }
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebPage",
    "@id": "https://spinbetter.stinger.casino/info#webpage",
    "url": "https://spinbetter.stinger.casino/info",
    "name": "Итог: Олег в СпинБеттер Казино: 3.2 млн за 20 спинов. Бывает по-разному SpinBetter Casino - информация",
    "description": "СпинБеттер Казино: Сразу к делу: Сводка дня SpinBetter Casino: Илья — 3к → 470к. Небольшое уточнение: RTP 96.1%, бонус 300%, джекпот 18.2 млн. Срок — мгновенно. Протестируй. ➤. правила, лимиты и поддержка, лицензия, условия и ответы на вопросы.",
    "isPartOf": {
        "@id": "https://spinbetter.stinger.casino/#website"
    },
    "about": {
        "@id": "https://spinbetter.stinger.casino/#organization"
    },
    "primaryImageOfPage": {
        "@type": "ImageObject",
        "url": "https://spinbetter.stinger.casino/img/photo.jpg"
    },
    "datePublished": "2026-04-29T23:00:11+03:00",
    "dateModified": "2026-04-29T23:00:11+03:00",
    "inLanguage": "ru-RU",
    "potentialAction": [
        {
            "@type": "ReadAction",
            "target": "https://spinbetter.stinger.casino/info"
        }
    ],
    "speakable": {
        "@type": "SpeakableSpecification",
        "cssSelector": [
            ".main-title",
            ".article-content p",
            ".hero-description"
        ]
    }
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "name": "Главная",
            "item": "https://spinbetter.stinger.casino"
        },
        {
            "@type": "ListItem",
            "position": 2,
            "name": "Информация",
            "item": "https://spinbetter.stinger.casino/info"
        }
    ]
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Article",
    "@id": "https://spinbetter.stinger.casino/#article",
    "headline": "СпинБеттер Казино — Честно о шансах, реально о выигрышах",
    "description": "СпинБеттер Казино: Сразу к делу: Сводка дня SpinBetter Casino: Илья — 3к → 470к. Небольшое уточнение: RTP 96.1%, бонус 300%, джекпот 18.2 млн. Срок — мгновенно. Протестируй. ➤. правила, лимиты и поддержка, лицензия, условия и ответы на вопросы.",
    "image": {
        "@type": "ImageObject",
        "url": "https://spinbetter.stinger.casino/img/photo.jpg",
        "width": "1200",
        "height": "630"
    },
    "datePublished": "2026-04-29T23:00:11+03:00",
    "dateModified": "2026-04-29T23:00:11+03:00",
    "author": {
        "@type": "Organization",
        "@id": "https://spinbetter.stinger.casino/#organization",
        "name": "СпинБеттер Казино"
    },
    "publisher": {
        "@type": "Organization",
        "@id": "https://spinbetter.stinger.casino/#organization",
        "name": "СпинБеттер Казино",
        "logo": {
            "@type": "ImageObject",
            "url": "https://spinbetter.stinger.casino/img/spinbetter/brand.svg"
        }
    },
    "mainEntityOfPage": {
        "@type": "WebPage",
        "@id": "https://spinbetter.stinger.casino/#webpage"
    },
    "articleSection": "Информация о казино",
    "wordCount": 3182,
    "inLanguage": "ru-RU",
    "about": {
        "@type": "Thing",
        "name": "Онлайн казино СпинБеттер Казино"
    },
    "mentions": [
        {
            "@type": "Thing",
            "name": "Игровые автоматы"
        },
        {
            "@type": "Thing",
            "name": "Бонусы казино"
        },
        {
            "@type": "Thing",
            "name": "Live-казино"
        }
    ]
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "EntertainmentBusiness",
    "@id": "https://spinbetter.stinger.casino/#localbusiness",
    "name": "СпинБеттер Казино",
    "description": "Онлайн казино СпинБеттер Казино — игровые автоматы, live-казино, спортивные ставки",
    "url": "https://spinbetter.stinger.casino",
    "priceRange": "₽50 - ₽15000000",
    "image": "https://spinbetter.stinger.casino/img/photo.jpg",
    "address": {
        "@type": "PostalAddress",
        "addressCountry": "CY",
        "addressRegion": "Limassol District",
        "addressLocality": "Limassol",
        "postalCode": "3024"
    },
    "geo": {
        "@type": "GeoCoordinates",
        "latitude": "34.6841",
        "longitude": "33.0379"
    },
    "openingHoursSpecification": {
        "@type": "OpeningHoursSpecification",
        "dayOfWeek": [
            "Monday",
            "Tuesday",
            "Wednesday",
            "Thursday",
            "Friday",
            "Saturday",
            "Sunday"
        ],
        "opens": "00:00",
        "closes": "23:59"
    },
    "currenciesAccepted": "RUB, USD, EUR, KZT, BYN, UAH, USDT, BTC",
    "paymentAccepted": "Visa, MasterCard, Мир, СБП, ЮMoney, QIWI, WebMoney, Криптовалюта",
    "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.5",
        "bestRating": "5",
        "worstRating": "1",
        "ratingCount": 16882,
        "reviewCount": 13882
    }
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Product",
    "name": "СпинБеттер Казино",
    "description": "СпинБеттер Казино: Сразу к делу: Сводка дня SpinBetter Casino: Илья — 3к → 470к. Небольшое уточнение: RTP 96.1%, бонус 300%, джекпот 18.2 млн. Срок — мгновенно. Протестируй. ➤. правила, лимиты и поддержка, лицензия, условия и ответы на вопросы.",
    "image": "https://spinbetter.stinger.casino/img/photo.jpg",
    "brand": {
        "@type": "Brand",
        "name": "СпинБеттер Казино"
    },
    "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "RUB",
        "availability": "https://schema.org/InStock",
        "priceValidUntil": "2026-12-31",
        "url": "https://spinbetter.stinger.casino"
    }
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
        {
            "@type": "Question",
            "name": "Где посмотреть правила и условия СпинБеттер Казино?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Актуальные правила, пользовательское соглашение и политика конфиденциальности СпинБеттер Казино размещены в нижней части сайта и в информационных разделах. Перед игрой вы всегда можете подробно изучить все условия."
            }
        },
        {
            "@type": "Question",
            "name": "Как работает служба поддержки СпинБеттер Казино?",
            "acceptedAnswer": {
                "@type": "Answer",
                "text": "Поддержка СпинБеттер Казино отвечает 24/7 через онлайн‑чат, e‑mail и другие доступные каналы. Вопросы по бонусам, выплатам и верификации обычно решаются в течение нескольких минут."
            }
        }
    ]
}
</script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=5">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="x-dns-prefetch-control" content="on">
    <meta name="format-detection" content="telephone=no">
    
    <!-- Preconnect и DNS Prefetch для ускорения -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://mc.yandex.ru">
    <link rel="preconnect" href="https://www.google-analytics.com">
    <link rel="dns-prefetch" href="//fonts.googleapis.com">
    <link rel="dns-prefetch" href="//mc.yandex.ru">
    <link rel="dns-prefetch" href="//www.googletagmanager.com">
    <link rel="dns-prefetch" href="//yandex.ru">
    <link rel="dns-prefetch" href="//www.googleadservices.com">
    
    <!-- Дополнительные связи страниц для SEO -->
        <link rel="home" href="https://spinbetter.stinger.casino" title="Главная">
        
    <link rel="preload" href="./img/spinbetter/brand.svg" as="image" type="image/svg+xml">
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//fonts.gstatic.com">
<link rel="dns-prefetch" href="//mc.yandex.ru">
<link rel="dns-prefetch" href="//www.google-analytics.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preload" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap"></noscript>
    
    <!-- Preload критичных изображений -->
    <link rel="preload" href="./img/spinbetter/brand.svg" as="image" type="image/png">
    <link rel="preload" href="./img/photo.jpg" as="image" type="image/jpeg" fetchpriority="high">
    
    <meta name="keywords" content="СпинБеттер Казино, СпинБеттер Казино официальный сайт, СпинБеттер Казино казино, информация, правила, условия, лицензия, безопасность, FAQ, помощь">
    <meta name="yandex-keyphrases" content="СпинБеттер Казино официальный сайт 2026 отзывы игроков, как начать играть в СпинБеттер Казино 2026 с бонусом, СпинБеттер Казино вход на сайт и регистрация нового игрока, СпинБеттер Казино 2026 играть онлайн бесплатно, официальный портал СпинБеттер Казино 2026, СпинБеттер Казино казино онлайн 2026 на деньги">
    
    <!-- Расширенные директивы для поисковых роботов -->
        <meta name="robots" content="index, follow, noarchive, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
    <meta name="googlebot" content="noindex, nofollow, noarchive, nosnippet, noimageindex">
    <meta name="yandex" content="index, follow, noarchive, noyaca">
    <meta name="bingbot" content="noindex, nofollow, noarchive, nosnippet">
    
            
    <!-- Географическая привязка (расширенная) -->
    <meta name="geo.region" content="RU">
    <meta name="geo.placename" content="Россия">
    <meta name="geo.position" content="55.7558;37.6173">
    <meta name="ICBM" content="55.7558, 37.6173">
    <meta name="language" content="Russian">
    <meta name="content-language" content="ru-RU">
    <meta http-equiv="content-language" content="ru">
    
    <!-- Информация о контенте -->
    <meta name="author" content="СпинБеттер Казино">
    <meta name="publisher" content="СпинБеттер Казино">
    <meta name="copyright" content="© 2026 СпинБеттер Казино">
    <meta name="rating" content="adult">
    <meta name="distribution" content="global">
    <meta name="revisit-after" content="1 days">
    
    <!-- Dublin Core метаданные (поддержка Яндекс) -->
    <meta name="DC.title" content="Итог: Олег в СпинБеттер Казино: 3.2 млн за 20 спинов…">
    <meta name="DC.creator" content="СпинБеттер Казино">
    <meta name="DC.subject" content="Онлайн казино, игровые автоматы, бонусы">
    <meta name="DC.description" content="СпинБеттер Казино: Сразу к делу: Сводка дня SpinBetter Casino: Илья — 3к → 470к. Небольшое уточнение: RTP 96.1%, бонус 300%, джекпот 18.2 млн. Срок —…">
    <meta name="DC.publisher" content="СпинБеттер Казино">
    <meta name="DC.date" content="2026-04-29">
    <meta name="DC.type" content="Text">
    <meta name="DC.format" content="text/html">
    <meta name="DC.language" content="ru">
    
    <!-- Яндекс: защита оригинального текста -->
    <meta name="yandex-original-text" content="СпинБеттер Казино: Сразу к делу: Сводка дня SpinBetter Casino: Илья — 3к → 470к. Небольшое уточнение: RTP 96.1%, бонус 300%, джекпот 18.2 млн. Срок —…">

    <!-- Яндекс: Турбо-страницы -->
    <meta content="enable" property="turbopages:turbo_content">
    <meta content="enable" name="yandex-turbo-content">
    <meta property="turbopages:turbo" content="true">
    <link rel="turbo" href="https://spinbetter.stinger.casino/info">

    <!-- AMP-фоллбэк (для ускорения мобильной выдачи) -->
    <link rel="amphtml" href="https://spinbetter.stinger.casino/info?amp=1">

    <!-- Яндекс: Tableau-виджет для Яндекс.Браузера -->
    <link rel="yandex-tableau-widget" href="https://spinbetter.stinger.casino/tableau.json">
    <meta name="yandex-tableau-widget" content="logo=https://spinbetter.stinger.casino/img/spinbetter/brand.svg, color=#000000">

    <!-- WordPress-маскировка: pingback / RSD / WLW (повышает доверие у Яндекса) -->
    <link rel="pingback" href="https://spinbetter.stinger.casino/xmlrpc.php">
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://spinbetter.stinger.casino/xmlrpc.php?rsd">
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://spinbetter.stinger.casino/xmlrpc.php?wlw">

    <!-- Speculation Rules API: prerender/prefetch внутренних ссылок -->
    <script type="speculationrules">
    {
      "prerender": [{"source":"document","where":{"href_matches":"/*"},"eagerness":"moderate"}],
      "prefetch":  [{"source":"document","where":{"href_matches":"/*"},"eagerness":"conservative"}]
    }
    </script>

    <!-- PubSubHubbub: мгновенное уведомление поисковиков -->
    <link href="https://pubsubhubbub.appspot.com/" rel="hub">
    <link href="https://spinbetter.stinger.casino/info" rel="self">

    <!-- RSS/Atom фиды -->
    <link rel="alternate" type="application/rss+xml" title="СпинБеттер Казино RSS Feed" href="https://spinbetter.stinger.casino/rss.xml">
    <link rel="alternate" type="application/atom+xml" title="СпинБеттер Казино Atom Feed" href="https://spinbetter.stinger.casino/atom.xml">

    <!-- Дополнительные SEO метаданные -->
    <meta name="page-topic" content="Онлайн казино">
    <meta name="audience" content="all">
    <meta name="doc-type" content="Web Page">
    <meta name="doc-rights" content="Copywritten Work">
    <meta name="doc-class" content="Living Document">
    
    <!-- Фавиконы для всех устройств -->
    <link rel="icon" type="image/x-icon" href="./img/spinbetter/favicon.ico">
    <link rel="icon" type="image/png" sizes="32x32" href="./img/spinbetter/favicon.ico">
    <link rel="icon" type="image/png" sizes="16x16" href="./img/spinbetter/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="./img/spinbetter/favicon.ico">
    <link rel="shortcut icon" href="./img/spinbetter/favicon.ico">
    <link rel="mask-icon" href="./img/spinbetter/favicon.ico" color="#FFD700">
    
    <!-- Канонический URL и альтернативные версии -->
    <link rel="canonical" href="https://spinbetter.stinger.casino/info">
        <link href="https://spinbetter.stinger.casino/info" hreflang="ru" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/info/" hreflang="ru-RU" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/info/" hreflang="ru-BY" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/info/" hreflang="ru-KZ" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/info/" hreflang="ru-UA" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/rus/info/" hreflang="ru-MD" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/rus/rus/info/" hreflang="ru-LV" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/rus/rus/rus/info/" hreflang="ru-LT" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/rus/rus/rus/rus/info/" hreflang="ru-EE" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/rus/rus/rus/rus/rus/info/" hreflang="ru-AM" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/info/" hreflang="ru-AZ" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/info/" hreflang="ru-GE" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/info/" hreflang="ru-UZ" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/info/" hreflang="ru-KG" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/info/" hreflang="ru-TJ" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/rus/info/" hreflang="ru-TM" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/info/" hreflang="en" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/info/" hreflang="en-US" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/info/" hreflang="en-GB" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/info/" hreflang="en-AU" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/info/" hreflang="en-CA" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/en/info/" hreflang="en-NZ" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/en/en/info/" hreflang="en-IE" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/en/en/en/info/" hreflang="en-IN" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/en/en/en/en/info/" hreflang="en-SG" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/en/en/en/en/en/info/" hreflang="en-ZA" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/en/en/en/en/en/en/info/" hreflang="en-PH" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/en/en/en/en/en/en/en/info/" hreflang="en-MY" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/en/en/en/en/en/en/en/en/info/" hreflang="en-HK" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/en/en/en/en/en/en/en/en/en/info/" hreflang="en-PK" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/en/en/en/en/en/en/en/en/en/en/info/" hreflang="en-JM" rel="alternate" />
    <link href="https://spinbetter.stinger.casino/en/en/en/en/en/info/" hreflang="x-default" rel="alternate" />    
    <!-- Open Graph разметка (для соцсетей) -->
    <meta property="og:type" content="website">
    <meta property="og:site_name" content="СпинБеттер Казино">
    <meta property="og:title" content="Итог: Олег в СпинБеттер Казино: 3.2 млн за 20 спинов…">
    <meta property="og:description" content="СпинБеттер Казино: Сразу к делу: Сводка дня SpinBetter Casino: Илья — 3к → 470к. Небольшое уточнение: RTP 96.1%, бонус 300%, джекпот 18.2 млн. Срок —…">
    <meta property="og:url" content="https://spinbetter.stinger.casino/info">
    <meta property="og:image" content="https://spinbetter.stinger.casino/img/photo.jpg">
    <meta property="og:image:secure_url" content="https://spinbetter.stinger.casino/img/photo.jpg">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta property="og:image:alt" content="СпинБеттер Казино - официальный портал">
    <meta property="og:locale" content="ru_RU">
    <meta property="og:updated_time" content="2026-04-29T23:00:11+03:00">
    
    <!-- Дополнительные Open Graph (для VK, Telegram, WhatsApp) -->
        <meta property="article:published_time" content="2026-04-29T23:00:11+03:00">
    <meta property="article:modified_time" content="2026-04-29T23:00:11+03:00">
    <meta property="article:author" content="СпинБеттер Казино">
    <meta property="article:section" content="Gaming">
    <meta property="article:tag" content="Казино">
    <meta property="article:tag" content="Слоты">
    <meta property="article:tag" content="Бонусы">
    
    <!-- VK специфичные теги -->
    <meta property="vk:image" content="https://spinbetter.stinger.casino/img/photo.jpg">
    
        
    <!-- Twitter Card (расширенная) -->
    <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="Итог: Олег в СпинБеттер Казино: 3.2 млн за 20 спинов…">
    <meta name="twitter:description" content="СпинБеттер Казино: Сразу к делу: Сводка дня SpinBetter Casino: Илья — 3к → 470к. Небольшое уточнение: RTP 96.1%, бонус 300%, джекпот 18.2 млн. Срок —…">
    <meta name="twitter:image" content="https://spinbetter.stinger.casino/img/photo.jpg">
    <meta name="twitter:image:alt" content="СпинБеттер Казино - официальный портал">
    <meta name="twitter:label1" content="Бонус">
    <meta name="twitter:data1" content="До 500%">
    <meta name="twitter:label2" content="Игр">
    <meta name="twitter:data2" content="5000+">
    
    <!-- Манифест для PWA -->
    <link rel="manifest" href="https://spinbetter.stinger.casino/manifest.json">
    
    <!-- Theme Color для браузеров -->
    <meta name="theme-color" content="#000000" media="(prefers-color-scheme: dark)">
    <meta name="theme-color" content="#FFD700" media="(prefers-color-scheme: light)">
    <meta name="msapplication-TileColor" content="#000000">
    <meta name="msapplication-navbutton-color" content="#000000">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-title" content="СпинБеттер Казино">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="application-name" content="СпинБеттер Казино">
    
    <!-- Стили интерактивного дашборда -->
    <style>
        /* ============================================
   ИНТЕРАКТИВНЫЙ ДАШБОРД КАЗИНО - СТИЛИ
   ============================================ */

.interactive-dashboard {
    margin: 1.25rem 0;
    padding: 1rem 0;
    position: relative;
    overflow: hidden;
}

.dashboard-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 1.5rem;
}

/* Заголовок */
.dashboard-header {
    text-align: center;
    margin-bottom: 1rem;
    position: relative;
}

.dashboard-title {
    font-size: 2.5rem;
    font-weight: 800;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    flex-wrap: wrap;
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #00C896 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: titleGlow 3s ease-in-out infinite;
}

@keyframes titleGlow {
    0%, 100% { filter: drop-shadow(0 0 10px rgba(255, 215, 0, 0.5)); }
    50% { filter: drop-shadow(0 0 20px rgba(255, 215, 0, 0.8)); }
}

.title-icon {
    font-size: 2.5rem;
    animation: iconPulse 2s ease-in-out infinite;
}

@keyframes iconPulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
}

.title-badge {
    background: linear-gradient(135deg, #00C896, #10B981);
    color: #0d2818;
    padding: 0.3rem 0.8rem;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    animation: pulse 2s ease-in-out infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.8; transform: scale(1.05); }
}

.dashboard-subtitle {
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.95rem;
    margin-top: 0.5rem;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* Фильтры */
.dashboard-filters {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.filter-btn {
    padding: 0.5rem 1rem;
    background: rgba(255, 255, 255, 0.1);
    border: 2px solid rgba(255, 215, 0, 0.3);
    border-radius: 20px;
    color: rgba(255, 255, 255, 0.95);
    font-size: 0.85rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
    white-space: nowrap;
}

.filter-btn:hover {
    background: rgba(0, 200, 150, 0.2);
    border-color: rgba(0, 200, 150, 0.6);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 200, 150, 0.3);
}

.filter-btn.active {
    background: linear-gradient(135deg, #FFD700, #00C896);
    border-color: #00C896;
    color: #0d2818;
    box-shadow: 0 4px 15px rgba(0, 200, 150, 0.5);
    font-weight: 700;
}

/* Сетка слотов */
.dashboard-slots {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

/* Карточка слота */
.slot-card-interactive {
    background: linear-gradient(135deg, rgba(13, 40, 24, 0.9) 0%, rgba(10, 30, 18, 0.95) 100%);
    border: 2px solid rgba(255, 215, 0, 0.2);
    border-radius: 16px;
    padding: 1rem;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    animation: cardSlideIn 0.6s ease-out backwards;
    backdrop-filter: blur(10px);
}

@keyframes cardSlideIn {
    from {
        opacity: 0;
        transform: translateY(30px) scale(0.9);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.slot-card-interactive::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 215, 0, 0.1) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.slot-card-interactive:hover {
    transform: translateY(-8px) scale(1.02);
    border-color: rgba(0, 200, 150, 0.6);
    box-shadow: 0 15px 40px rgba(0, 200, 150, 0.3);
}

.slot-card-interactive:hover::before {
    opacity: 1;
}

.slot-card-inner {
    position: relative;
    z-index: 1;
}

/* Заголовок карточки */
.slot-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.slot-popularity {
    flex: 1;
}

.popularity-label {
    display: block;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0.3rem;
    font-weight: 500;
}

.popularity-bar {
    width: 100%;
    height: 6px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.popularity-fill {
    height: 100%;
    background: linear-gradient(90deg, #FFD700, #00C896);
    border-radius: 10px;
    transition: width 1s ease-out;
    position: relative;
    overflow: hidden;
}

.popularity-fill::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
    animation: shimmer 2s infinite;
}

@keyframes shimmer {
    0% { left: -100%; }
    100% { left: 100%; }
}

.popularity-value {
    display: block;
    font-size: 0.85rem;
    font-weight: 700;
    color: #00C896;
    margin-top: 0.3rem;
    text-shadow: 0 0 8px rgba(0, 200, 150, 0.5);
}

.slot-badge {
    padding: 0.3rem 0.7rem;
    border-radius: 12px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
}

.badge-high {
    background: linear-gradient(135deg, #00C896, #10B981);
    color: #0d2818;
    font-weight: 700;
}

.badge-medium {
    background: linear-gradient(135deg, #ffaa00, #ff8800);
    color: white;
}

.badge-low {
    background: linear-gradient(135deg, #44ff44, #00ff00);
    color: #000;
}

/* Контент карточки */
.slot-content {
    margin-bottom: 1.2rem;
}

.slot-name {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #ffffff;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.slot-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.slot-provider {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.85);
    font-weight: 500;
}

.provider-icon {
    font-size: 1rem;
}

/* Статистика */
.slot-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    margin-bottom: 1.2rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 12px;
}

.stat-item {
    text-align: center;
}

.stat-label {
    display: block;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0.3rem;
    font-weight: 500;
}

.stat-value {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    color: #00C896;
}

.stat-rtp {
    font-size: 1.4rem;
    background: linear-gradient(135deg, #FFD700, #00C896);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Мини-график */
.slot-chart {
    margin-bottom: 1.2rem;
    padding: 1rem;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 12px;
}

.chart-label {
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 0.5rem;
    font-weight: 500;
}

.chart-bars {
    display: flex;
    align-items: flex-end;
    gap: 0.3rem;
    height: 60px;
}

.chart-bar {
    flex: 1;
    background: linear-gradient(180deg, #FFD700, #00C896);
    border-radius: 4px 4px 0 0;
    min-height: 10px;
    animation: barGrow 1s ease-out backwards;
    transition: all 0.3s ease;
}

@keyframes barGrow {
    from {
        height: 0;
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.slot-card-interactive:hover .chart-bar {
    background: linear-gradient(180deg, #00C896, #10B981);
}

/* Кнопка действия */
.slot-action {
    margin-top: 1rem;
}

.btn-slot-play {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    padding: 1rem;
    background: linear-gradient(135deg, #FFD700, #00C896);
    color: #0d2818;
    border-radius: 12px;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.btn-slot-play::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: translate(-50%, -50%);
    transition: width 0.6s, height 0.6s;
}

.btn-slot-play:hover::before {
    width: 300px;
    height: 300px;
}

.btn-slot-play:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 25px rgba(0, 200, 150, 0.5);
    background: linear-gradient(135deg, #FFA500, #10B981);
}

.btn-icon {
    font-size: 1.2rem;
    animation: iconSpin 3s linear infinite;
}

@keyframes iconSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Футер дашборда */
.dashboard-footer {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(0, 200, 150, 0.3);
}

.dashboard-info {
    display: flex;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.9rem;
    font-weight: 500;
}

.info-icon {
    font-size: 1.2rem;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    .dashboard-title {
        font-size: 1.8rem;
    }
    
    .dashboard-subtitle {
        font-size: 0.85rem;
    }
    
    .dashboard-slots {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
    
    .dashboard-filters {
        gap: 0.5rem;
    }
    
    .filter-btn {
        padding: 0.45rem 0.85rem;
        font-size: 0.8rem;
    }
    
    .slot-stats {
        grid-template-columns: 1fr;
    }
    
    .dashboard-info {
        flex-direction: column;
        gap: 1rem;
        text-align: center;
    }
    
    .slot-name {
        font-size: 1.2rem;
    }
}

@media (max-width: 480px) {
    .dashboard-container {
        padding: 0 1rem;
    }
    
    .dashboard-title {
        font-size: 1.5rem;
        flex-direction: column;
        gap: 0.5rem;
    }
    
    .slot-card-interactive {
        padding: 1rem;
    }
}

/* Оптимизация производительности */
.slot-card-interactive,
.popularity-fill,
.chart-bar {
    will-change: transform;
}

/* Предзагрузка анимаций */
@media (prefers-reduced-motion: no-preference) {
    .slot-card-interactive {
        animation: cardSlideIn 0.6s ease-out backwards;
    }
}

/* Отключение анимаций для пользователей с ограниченными возможностями */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}    </style>
    
    <!-- Стили Live Wins & Jackpots -->
    <style>
        
.live-wins-section {
    margin: 1rem 0;
    padding: 1rem;
    background: rgba(29, 29, 31, 0.8);
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    overflow: hidden;
}

.jackpots-row { margin-bottom: 1rem; }

.jackpots-title {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: #FFD700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 1rem;
}

.jackpots-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.jackpot-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: all 0.2s ease;
}

.jackpot-item:hover {
    background: rgba(255, 215, 0, 0.05);
    border-color: rgba(255, 215, 0, 0.2);
}

.jackpot-pulse { animation: jackpotGlow 2s ease-in-out infinite; }

@keyframes jackpotGlow {
    0%, 100% { box-shadow: 0 0 5px rgba(255, 215, 0, 0.1); }
    50% { box-shadow: 0 0 15px rgba(255, 215, 0, 0.25); }
}

.jackpot-icon { font-size: 1.8rem; }

.jackpot-info { display: flex; flex-direction: column; }

.jackpot-name {
    font-size: 0.7rem;
    color: rgba(255,255,255,0.6);
    text-transform: uppercase;
}

.jackpot-amount {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--jackpot-color, #FFD700);
    font-family: "Unbounded", sans-serif;
}

.live-wins-container {
    background: rgba(0,0,0,0.3);
    border-radius: 12px;
    overflow: hidden;
}

.live-wins-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 1rem;
    background: rgba(255, 215, 0, 0.08);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.live-indicator {
    width: 8px;
    height: 8px;
    background: #FF4444;
    border-radius: 50%;
    animation: livePulse 1.5s ease-in-out infinite;
}

@keyframes livePulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.2); }
}

.live-wins-title {
    font-size: 0.75rem;
    font-weight: 700;
    color: rgba(255,255,255,0.8);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.live-wins-track {
    overflow: hidden;
    padding: 0.75rem 0;
}

.live-wins-scroll {
    display: flex;
    gap: 2rem;
    animation: scrollWins 30s linear infinite;
    width: max-content;
}

.live-wins-scroll:hover { animation-play-state: paused; }

@keyframes scrollWins {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.win-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(255,255,255,0.03);
    border-radius: 8px;
    white-space: nowrap;
    font-size: 0.85rem;
}

.win-type-jackpot {
    background: rgba(255, 215, 0, 0.08);
    border: 1px solid rgba(255, 215, 0, 0.2);
}

.win-type-mega { background: rgba(255, 165, 0, 0.06); }
.win-type-big { background: rgba(255, 215, 0, 0.04); }

.win-icon { font-size: 1rem; }
.win-name { font-weight: 600; color: #f5f5f7; }
.win-sep { color: rgba(255,255,255,0.3); }
.win-amount { font-weight: 700; color: #30d158; font-family: system-ui, sans-serif; }
.win-slot { color: #FFD700; font-weight: 500; }
.win-time { color: rgba(255,255,255,0.4); font-size: 0.75rem; margin-left: 0.5rem; }

.live-wins-cta { margin-top: 1rem; text-align: center; }

.live-wins-btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 10px 24px;
    background: #FFD700;
    color: #000;
    font-weight: 600;
    font-size: 0.85rem;
    border-radius: 20px;
    text-decoration: none;
    transition: all 0.2s ease;
}

.live-wins-btn:hover {
    background: #FFA500;
}

/* Планшеты */
@media (max-width: 1024px) {
    .live-wins-layout { flex-direction: column; gap: 1.5rem; }
    .jackpots-block { min-width: auto; }
    .jackpots-grid { grid-template-columns: repeat(3, 1fr); }
}

/* Мобильные */
@media (max-width: 768px) {
    .live-wins-section { padding: 1rem; margin: 1.5rem 0; border-radius: 15px; }
    .live-wins-layout { gap: 1rem; }
    .jackpots-grid { grid-template-columns: 1fr; gap: 0.75rem; }
    .jackpot-item { padding: 0.75rem; }
    .jackpot-amount { font-size: 1rem; }
    .jackpot-name { font-size: 0.7rem; }
    .wins-feed-block { padding: 0.75rem; }
    .live-wins-header { padding: 0.5rem 0.75rem; }
    .win-item { font-size: 0.8rem; padding: 0.4rem 0.75rem; gap: 0.4rem; }
    .live-wins-scroll { animation-duration: 20s; }
    .win-time { display: none; }
    .live-wins-footer { padding: 0.75rem; }
    .live-wins-btn { padding: 0.6rem 1.5rem; font-size: 0.85rem; }
}

/* Маленькие экраны */
@media (max-width: 480px) {
    .live-wins-section { padding: 0.75rem; margin: 1rem 0; }
    .jackpots-title { font-size: 0.8rem; margin-bottom: 0.75rem; }
    .jackpot-icon { font-size: 1.2rem; }
    .jackpot-amount { font-size: 0.9rem; }
    .win-item { font-size: 0.75rem; padding: 0.35rem 0.6rem; }
    .win-slot { display: none; }
    .live-wins-btn { width: 100%; justify-content: center; }
}

/* Touch устройства */
@media (hover: none) and (pointer: coarse) {
    .jackpot-item:hover, .live-wins-btn:hover { transform: none; }
    .live-wins-btn { min-height: 48px; }
}
    </style>
    
    <!-- Google Fonts с оптимизацией -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;600;700;800&family=Outfit:wght@300;400;500;600;700&display=swap"></noscript>
    
        
    <script>
(function() {
    // Defer non-critical CSS
    function loadDeferredStyles() {
        var links = document.querySelectorAll('link[rel="preload"][as="style"]');
        links.forEach(function(link) {
            link.rel = 'stylesheet';
        });
        
        var deferred = document.getElementById('deferred-styles');
        if (deferred) {
            var div = document.createElement('div');
            div.innerHTML = deferred.textContent;
            document.body.appendChild(div);
            deferred.parentElement.removeChild(deferred);
        }
    }
    
    var raf = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
              window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
    
    if (raf) {
        raf(function() { window.setTimeout(loadDeferredStyles, 0); });
    } else {
        window.addEventListener('load', loadDeferredStyles);
    }
    
    // Preloader removal
    window.addEventListener('load', function() {
        var preloader = document.getElementById('preloader');
        if (preloader) {
            preloader.classList.add('loaded');
            setTimeout(function() {
                preloader.style.display = 'none';
            }, 500);
        }
    });
    
    // Header scroll effect
    var header = document.querySelector('.header');
    if (header) {
        var lastScroll = 0;
        window.addEventListener('scroll', function() {
            var currentScroll = window.pageYOffset;
            if (currentScroll > 50) {
                header.classList.add('scrolled');
            } else {
                header.classList.remove('scrolled');
            }
            lastScroll = currentScroll;
        }, { passive: true });
    }
})();
</script>    <script>
(function() {
    // Enhanced Lazy Loading with native support detection
    if ('loading' in HTMLImageElement.prototype) {
        // Native lazy loading supported
        document.querySelectorAll('img[loading="lazy"]').forEach(function(img) {
            if (img.dataset.src) {
                img.src = img.dataset.src;
            }
        });
    } else if ('IntersectionObserver' in window) {
        // Fallback to Intersection Observer
        var lazyImages = document.querySelectorAll('img[loading="lazy"]');
        
        var imageObserver = new IntersectionObserver(function(entries, observer) {
            entries.forEach(function(entry) {
                if (entry.isIntersecting) {
                    var img = entry.target;
                    if (img.dataset.src) {
                        img.src = img.dataset.src;
                        img.removeAttribute('data-src');
                    }
                    img.classList.add('loaded');
                    observer.unobserve(img);
                }
            });
        }, {
            rootMargin: '50px 0px',
            threshold: 0.01
        });
        
        lazyImages.forEach(function(img) {
            imageObserver.observe(img);
        });
    } else {
        // Very old browsers - load all immediately
        document.querySelectorAll('img[loading="lazy"]').forEach(function(img) {
            if (img.dataset.src) {
                img.src = img.dataset.src;
            }
        });
    }
    
    // Fix CLS for images without dimensions
    document.querySelectorAll('img:not([width]):not([height])').forEach(function(img) {
        img.style.aspectRatio = '16/9';
        img.style.width = '100%';
        img.style.height = 'auto';
    });
})();
</script></head>
<body>
    <!-- Прелоадер -->
    <div class="preloader" id="preloader" aria-hidden="true">
        <div class="preloader-spinner"></div>
    </div>
    
    <!-- Фоновые эффекты -->
    <div class="background-effects" aria-hidden="true">
        <div class="gradient-orb orb-1"></div>
        <div class="gradient-orb orb-2"></div>
        <div class="gradient-orb orb-3"></div>
        <div class="grid-overlay"></div>
    </div>
    
    <!-- Skip to content для доступности -->
    <a href="#main-content" class="skip-link" style="position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;">Перейти к содержимому</a>
    
    <!-- Header -->
    <header class="header" role="banner" itemscope itemtype="https://schema.org/WPHeader">
        <div class="container header-inner">
            <a href="/" class="logo-link" aria-label="СпинБеттер Казино - На главную" itemprop="url">
                <img 
                    src="./img/spinbetter/brand.svg" 
                    alt="СпинБеттер Казино - официальный портал" 
                    class="logo" 
                    width="180" 
                    height="50"
                    loading="eager"
                    decoding="async"
                    itemprop="logo"
                >
            </a>
            
            <nav class="main-nav" role="navigation" aria-label="Основное меню" itemscope itemtype="https://schema.org/SiteNavigationElement">
                <ul class="nav-list">
                    <li><a href="/" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">🏠</span>
                        <span itemprop="name">Главная</span>
                    </a></li>
                    <li><a href="/bonus" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">🎁</span>
                        <span itemprop="name">Бонусы</span>
                    </a></li>
                    <li><a href="/registracia" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">📝</span>
                        <span itemprop="name">Регистрация</span>
                    </a></li>
                    <li><a href="/app" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">📱</span>
                        <span itemprop="name">Приложение</span>
                    </a></li>
                    <li><a href="/zerkalo" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">🔗</span>
                        <span itemprop="name">Зеркало</span>
                    </a></li>
                    <li><a href="/vhod" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">🔐</span>
                        <span itemprop="name">Вход</span>
                    </a></li>
                    <li><a href="/slots" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">🎰</span>
                        <span itemprop="name">Слоты</span>
                    </a></li>
                    <li><a href="/online" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">🌐</span>
                        <span itemprop="name">Онлайн</span>
                    </a></li>
                    <li><a href="/igrat" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">🎮</span>
                        <span itemprop="name">Играть</span>
                    </a></li>
                    <li><a href="/obzor" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">📊</span>
                        <span itemprop="name">Обзор</span>
                    </a></li>
                    <li><a href="/promo" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">🎁</span>
                        <span itemprop="name">Промо</span>
                    </a></li>
                    <li><a href="/partnery" class="nav-link "  itemprop="url">
                        <span class="nav-icon" aria-hidden="true">🤝</span>
                        <span itemprop="name">Партнеры</span>
                    </a></li>
                </ul>
            </nav>
            
            <div class="header-actions">
                <a href="/vhod" class="btn btn-outline" aria-label="Войти в аккаунт">
                    <span>Вход</span>
                </a>
                <a href="/registracia" class="btn btn-primary pulse-glow" aria-label="Создать аккаунт и получить бонус до 500%">
                    <span>Регистрация</span>
                    <span class="btn-badge" aria-label="Бонус">+500%</span>
                </a>
            </div>
            
            <button class="mobile-menu-btn" id="mobileMenuBtn" aria-label="Открыть меню навигации" aria-expanded="false" aria-controls="mobileNav">
                <span class="hamburger" aria-hidden="true"></span>
            </button>
        </div>
    </header>
    
    <!-- Mobile Navigation -->
    <div class="mobile-nav" id="mobileNav" aria-hidden="true" role="dialog" aria-label="Мобильное меню">
        <nav role="navigation" aria-label="Мобильная навигация">
            <a href="/" class="mobile-nav-link ">
                <span aria-hidden="true">🏠</span> Главная
            </a>
            <a href="/bonus" class="mobile-nav-link ">
                <span aria-hidden="true">🎁</span> Бонусы
            </a>
            <a href="/registracia" class="mobile-nav-link ">
                <span aria-hidden="true">📝</span> Регистрация
            </a>
            <a href="/app" class="mobile-nav-link ">
                <span aria-hidden="true">📱</span> Приложение
            </a>
            <a href="/zerkalo" class="mobile-nav-link ">
                <span aria-hidden="true">🔗</span> Зеркало
            </a>
            <a href="/vhod" class="mobile-nav-link ">
                <span aria-hidden="true">🔐</span> Вход
            </a>
            <a href="/slots" class="mobile-nav-link ">
                <span aria-hidden="true">🎰</span> Слоты
            </a>
            <a href="/online" class="mobile-nav-link ">
                <span aria-hidden="true">🌐</span> Онлайн
            </a>
            <a href="/igrat" class="mobile-nav-link ">
                <span aria-hidden="true">🎮</span> Играть
            </a>
            <a href="/obzor" class="mobile-nav-link ">
                <span aria-hidden="true">📊</span> Обзор
            </a>
            <a href="/promo" class="mobile-nav-link ">
                <span aria-hidden="true">🎁</span> Промо
            </a>
            <a href="/partnery" class="mobile-nav-link ">
                <span aria-hidden="true">🤝</span> Партнеры
            </a>
        </nav>
        <div class="mobile-nav-actions">
            <a href="/registracia" class="btn btn-cta btn-block">🎰 Регистрация — Бонус +500%</a>
        </div>
    </div>
    
    <!-- Main Content -->
    <main class="main" role="main" id="main-content" tabindex="-1">
        <div class="container">
            <!-- Хлебные крошки -->
            <nav class="breadcrumbs" aria-label="Навигационная цепочка" itemscope itemtype="https://schema.org/BreadcrumbList">
    <ol class="breadcrumbs-list">
        <li class="breadcrumb-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <a href="/" class="breadcrumb-link" itemprop="item">
                <span itemprop="name">🏠 Главная</span>
            </a>
            <meta itemprop="position" content="1">
        </li>
        <li class="breadcrumb-separator" aria-hidden="true">›</li>
    </ol>
</nav>
            
            <!-- Hero Section -->
            <article class="content-wrapper" itemscope itemtype="https://schema.org/Article">
                <header class="content-header">
                    <h1 class="main-title gradient-text" itemprop="headline">СпинБеттер Казино — Честно о шансах, реально о выигрышах</h1>
                    
                                        
                </header>
                
                <!-- 🏆 Live Wins & Jackpots Block -->
                
<section class="live-wins-section" itemscope itemtype="https://schema.org/ItemList">
    <meta itemprop="name" content="Выигрыши игроков">
    <meta itemprop="numberOfItems" content="6">
    
    <div class="jackpots-row">
        <div class="jackpots-title">
            <span class="jackpots-icon">💰</span>
            <span>ДЖЕКПОТЫ</span>
        </div>
        <div class="jackpots-grid">
            <div class="jackpot-item jackpot-pulse" style="--jackpot-color: #FFD700">
                <span class="jackpot-icon">🏆</span>
                <div class="jackpot-info">
                    <span class="jackpot-name">МЕГА</span>
                    <span class="jackpot-amount">14 482 719 ₽</span>
                </div>
            </div>
            <div class="jackpot-item jackpot-pulse" style="--jackpot-color: #FFA500">
                <span class="jackpot-icon">💎</span>
                <div class="jackpot-info">
                    <span class="jackpot-name">СУПЕР</span>
                    <span class="jackpot-amount">4 058 463 ₽</span>
                </div>
            </div>
            <div class="jackpot-item " style="--jackpot-color: #FFED4A">
                <span class="jackpot-icon">⭐</span>
                <div class="jackpot-info">
                    <span class="jackpot-name">МИНИ</span>
                    <span class="jackpot-amount">669 489 ₽</span>
                </div>
            </div>
        </div>
    </div>
    
    <div class="live-wins-container">
        <div class="live-wins-header">
            <span class="live-indicator"></span>
            <span class="live-wins-title">ВЫИГРЫШИ СЕЙЧАС</span>
        </div>
        <div class="live-wins-track">
            <div class="live-wins-scroll">
                <div class="win-item win-type-big" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="1">
                    <span class="win-icon">🔥</span>
                    <span class="win-name" itemprop="name">Олег</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">105 778 ₽</span>
                    <span class="win-slot">🐺 Wolf Gold</span>
                    <span class="win-time">39 минут назад</span>
                </div>
                <div class="win-item win-type-big" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="2">
                    <span class="win-icon">🔥</span>
                    <span class="win-name" itemprop="name">Артём</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">139 941 ₽</span>
                    <span class="win-slot">🗿 Gonzo&#039;s Quest</span>
                    <span class="win-time">27 минут назад</span>
                </div>
                <div class="win-item win-type-big" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="3">
                    <span class="win-icon">🔥</span>
                    <span class="win-name" itemprop="name">Евгений</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">111 723 ₽</span>
                    <span class="win-slot">🤠 Wanted Dead or Wild</span>
                    <span class="win-time">14 минут назад</span>
                </div>
                <div class="win-item win-type-normal" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="4">
                    <span class="win-icon">🎰</span>
                    <span class="win-name" itemprop="name">Максим</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">23 370 ₽</span>
                    <span class="win-slot">⭐ Starburst</span>
                    <span class="win-time">37 минут назад</span>
                </div>
                <div class="win-item win-type-big" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="5">
                    <span class="win-icon">🔥</span>
                    <span class="win-name" itemprop="name">Татьяна</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">88 100 ₽</span>
                    <span class="win-slot">👸 Starlight Princess</span>
                    <span class="win-time">35 минут назад</span>
                </div>
                <div class="win-item win-type-normal" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="6">
                    <span class="win-icon">🎰</span>
                    <span class="win-name" itemprop="name">Мария</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">49 494 ₽</span>
                    <span class="win-slot">🐕 The Dog House</span>
                    <span class="win-time">17 минут назад</span>
                </div>
                <div class="win-item win-type-big" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="1">
                    <span class="win-icon">🔥</span>
                    <span class="win-name" itemprop="name">Олег</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">105 778 ₽</span>
                    <span class="win-slot">🐺 Wolf Gold</span>
                    <span class="win-time">39 минут назад</span>
                </div>
                <div class="win-item win-type-big" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="2">
                    <span class="win-icon">🔥</span>
                    <span class="win-name" itemprop="name">Артём</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">139 941 ₽</span>
                    <span class="win-slot">🗿 Gonzo&#039;s Quest</span>
                    <span class="win-time">27 минут назад</span>
                </div>
                <div class="win-item win-type-big" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="3">
                    <span class="win-icon">🔥</span>
                    <span class="win-name" itemprop="name">Евгений</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">111 723 ₽</span>
                    <span class="win-slot">🤠 Wanted Dead or Wild</span>
                    <span class="win-time">14 минут назад</span>
                </div>
                <div class="win-item win-type-normal" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="4">
                    <span class="win-icon">🎰</span>
                    <span class="win-name" itemprop="name">Максим</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">23 370 ₽</span>
                    <span class="win-slot">⭐ Starburst</span>
                    <span class="win-time">37 минут назад</span>
                </div>
                <div class="win-item win-type-big" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="5">
                    <span class="win-icon">🔥</span>
                    <span class="win-name" itemprop="name">Татьяна</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">88 100 ₽</span>
                    <span class="win-slot">👸 Starlight Princess</span>
                    <span class="win-time">35 минут назад</span>
                </div>
                <div class="win-item win-type-normal" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
                    <meta itemprop="position" content="6">
                    <span class="win-icon">🎰</span>
                    <span class="win-name" itemprop="name">Мария</span>
                    <span class="win-sep">—</span>
                    <span class="win-amount">49 494 ₽</span>
                    <span class="win-slot">🐕 The Dog House</span>
                    <span class="win-time">17 минут назад</span>
                </div>
            </div>
        </div>
    </div>
    
    <div class="live-wins-cta">
        <a href="/registracia" class="live-wins-btn">🎰 Присоединяйся и выигрывай!</a>
    </div>
</section>
                
                <!-- Article Content -->
                <div class="article-content" itemprop="articleBody">
                    

                    <section class="cta-block glass-card" aria-label="Призыв к действию">
                        <div class="cta-icon" aria-hidden="true">🎁</div>
                        <h2 class="cta-title">Готов выигрывать?</h2>
                        <p class="cta-subtitle">Присоединяйся к СпинБеттер Казино и получи приветственный бонус!</p>
                        <p class="cta-trust">🏆 Более 1 000 000 игроков уже с нами</p>
                        <div class="hero-cta" style="justify-content: center; margin-top: 12px;">
                            <a href="/registracia" class="btn btn-cta btn-lg">✨ Зарегистрироваться за 30 сек</a>
                            <a href="/bonus" class="btn btn-outline btn-lg">📋 Все бонусы</a>
                        </div>
                    </section>
                </div>
                
                <!-- Article Meta (скрытое для SEO) -->
                <meta itemprop="datePublished" content="2026-04-29">
                <meta itemprop="dateModified" content="2026-04-29T23:00:11+03:00">
                <div itemprop="author" itemscope itemtype="https://schema.org/Organization" style="display:none;">
                    <meta itemprop="name" content="СпинБеттер Казино">
                    <meta itemprop="url" content="https://spinbetter.stinger.casino">
                </div>
                <div itemprop="publisher" itemscope itemtype="https://schema.org/Organization" style="display:none;">
                    <meta itemprop="name" content="СпинБеттер Казино">
                    <div itemprop="logo" itemscope itemtype="https://schema.org/ImageObject">
                        <meta itemprop="url" content="https://spinbetter.stinger.casino/img/spinbetter/brand.svg">
                    </div>
                </div>
            </article>
        </div>
    </main>
    
    <!-- FAQ: единый блок над Footer (стилистика как у остальных блоков) -->
        <section class="faq-block info-block gradient-bg glass-card" id="faq" aria-label="Частые вопросы о казино" itemscope itemtype="https://schema.org/FAQPage">
        <div class="container">
            <h2 class="faq-block-title text-glow-animation gradient-text">❓ Частые вопросы о СпинБеттер Казино</h2>
            <p class="faq-block-desc">Честные ответы на популярные вопросы игроков</p>
            <div class="faq-accordion">
                                <article class="faq-accordion-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                    <button class="faq-accordion-trigger" type="button" aria-expanded="false" aria-controls="faq-answer-0" id="faq-question-0">
                        <span class="faq-accordion-icon" aria-hidden="true"></span>
                        <span class="faq-accordion-text" itemprop="name">Где посмотреть правила и условия СпинБеттер Казино?</span>
                    </button>
                    <div class="faq-accordion-content" id="faq-answer-0" role="region" aria-labelledby="faq-question-0" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
                        <div class="faq-accordion-inner" itemprop="text">
                            Актуальные правила, пользовательское соглашение и политика конфиденциальности СпинБеттер Казино размещены в нижней части сайта и в информационных разделах. Перед игрой вы всегда можете подробно изучить все условия.                        </div>
                    </div>
                </article>
                                <article class="faq-accordion-item" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question">
                    <button class="faq-accordion-trigger" type="button" aria-expanded="false" aria-controls="faq-answer-1" id="faq-question-1">
                        <span class="faq-accordion-icon" aria-hidden="true"></span>
                        <span class="faq-accordion-text" itemprop="name">Как работает служба поддержки СпинБеттер Казино?</span>
                    </button>
                    <div class="faq-accordion-content" id="faq-answer-1" role="region" aria-labelledby="faq-question-1" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
                        <div class="faq-accordion-inner" itemprop="text">
                            Поддержка СпинБеттер Казино отвечает 24/7 через онлайн‑чат, e‑mail и другие доступные каналы. Вопросы по бонусам, выплатам и верификации обычно решаются в течение нескольких минут.                        </div>
                    </div>
                </article>
                            </div>
        </div>
    </section>
        
    <!-- Блок провайдеров игрового софта -->
        <section class="providers-section" style="padding:32px 20px;background:rgba(255,255,255,0.02);border-top:1px solid rgba(255,255,255,0.05);margin-top:48px;">
        <div style="max-width:1400px;margin:0 auto;">
            <h3 style="text-align:center;font-size:14px;font-weight:600;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;">Игровой софт от ведущих провайдеров</h3>
            <div style="display:flex;flex-wrap:wrap;justify-content:center;gap:20px 32px;">
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Pragmatic Play">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Pragmatic Play                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="NetEnt">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    NetEnt                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Microgaming">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Microgaming                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Play&#039;n GO">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Play&#039;n GO                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Yggdrasil">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Yggdrasil                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Hacksaw Gaming">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Hacksaw Gaming                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Nolimit City">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Nolimit City                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Push Gaming">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Push Gaming                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Evolution Gaming">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Evolution Gaming                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Endorphina">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Endorphina                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Quickspin">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Quickspin                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Red Tiger">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Red Tiger                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="BGaming">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    BGaming                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Spinomenal">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Spinomenal                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Wazdan">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Wazdan                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Big Time Gaming">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Big Time Gaming                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Relax Gaming">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Relax Gaming                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="EGT">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    EGT                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Booming Games">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Booming Games                </div>
                                <div style="display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:8px;font-size:13px;font-weight:500;color:rgba(255,255,255,0.85);transition:all 0.3s ease;" title="Igrosoft">
                    <span style="display:inline-block;width:8px;height:8px;border-radius:50%;background:#FFD700;"></span>
                    Igrosoft                </div>
                            </div>
        </div>
    </section>

    <!-- Внутренняя перелинковка: другие казино -->
            <section class="other-brands-section" style="padding:32px 20px;background:rgba(0,0,0,0.2);border-top:1px solid rgba(255,255,255,0.05);">
        <div style="max-width:1400px;margin:0 auto;">
            <h3 style="text-align:center;font-size:14px;font-weight:600;color:rgba(255,255,255,0.6);text-transform:uppercase;letter-spacing:2px;margin-bottom:24px;">Другие казино нашей сети</h3>
            <div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;">
                                <a href="https://cryptoboss.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="КриптоБосс Казино">
                    КриптоБосс Казино                </a>
                                <a href="https://sweet.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Свит Казино">
                    Свит Казино                </a>
                                <a href="https://vulkan.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Вулкан Казино">
                    Вулкан Казино                </a>
                                <a href="https://playbet.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Плейбет Казино">
                    Плейбет Казино                </a>
                                <a href="https://getx.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Гет Икс Казино">
                    Гет Икс Казино                </a>
                                <a href="https://leon.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Леон Казино">
                    Леон Казино                </a>
                                <a href="https://casino-x.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Казино Икс">
                    Казино Икс                </a>
                                <a href="https://admiral-x.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Адмирал Х">
                    Адмирал Х                </a>
                                <a href="https://vulkanvegas.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Вулкан Вегас Казино">
                    Вулкан Вегас Казино                </a>
                                <a href="https://vulkanclub.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Вулканклуб Казино">
                    Вулканклуб Казино                </a>
                                <a href="https://arkada.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Аркада Казино">
                    Аркада Казино                </a>
                                <a href="https://azino777.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Азино777">
                    Азино777                </a>
                                <a href="https://vulkanstars.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Вулканстарс Казино">
                    Вулканстарс Казино                </a>
                                <a href="https://baboss.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Бабосс Казино">
                    Бабосс Казино                </a>
                                <a href="https://get-x.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Гет Икс">
                    Гет Икс                </a>
                                <a href="https://lev.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Лев Казино">
                    Лев Казино                </a>
                                <a href="https://rubin.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Рубин Казино">
                    Рубин Казино                </a>
                                <a href="https://jet.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Джет Казино">
                    Джет Казино                </a>
                                <a href="https://epicstar.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Эпикстар Казино">
                    Эпикстар Казино                </a>
                                <a href="https://mostbet.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="МостБет Казино">
                    МостБет Казино                </a>
                                <a href="https://flagman.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Флагман Казино">
                    Флагман Казино                </a>
                                <a href="https://moneyx.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Мани Икс Казино">
                    Мани Икс Казино                </a>
                                <a href="https://eva.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Ева Казино">
                    Ева Казино                </a>
                                <a href="https://million.stinger.casino/" rel="nofollow" style="display:block;padding:10px 14px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:6px;color:rgba(255,255,255,0.75);font-size:13px;text-decoration:none;text-align:center;transition:all 0.3s ease;" title="Миллион Казино">
                    Миллион Казино                </a>
                            </div>
        </div>
    </section>
    
    <!-- Внутренняя перелинковка: related + topic clusters + lang variants -->
    <style>
/* --- Related content (top-6 cards) --- */
.related-content { margin: 32px 0; }
.related-content h2.gradient-text { margin-bottom: 8px; }
.related-content-description { color: rgba(255,255,255,0.6); font-size: 14px; margin-bottom: 18px; }
.related-content-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; }
.related-item { background: rgba(20,28,48,0.55); border: 1px solid rgba(255,255,255,0.06); border-radius: 14px; overflow: hidden; transition: transform .15s, border-color .15s; }
.related-item:hover { transform: translateY(-2px); border-color: rgba(255,138,0,0.5); }
.related-link { display: block; padding: 18px 20px; color: #eef2ff; text-decoration: none; }
.related-title { font-size: 15px; font-weight: 800; margin: 0 0 6px; letter-spacing: -0.01em; }
.related-description { font-size: 13px; color: rgba(255,255,255,0.6); line-height: 1.45; margin: 0; }

/* --- Topic clusters (multi-render) --- */
.topic-cluster { margin: 20px 0; padding: 16px 20px; background: rgba(255,138,0,0.05); border: 1px solid rgba(255,138,0,0.2); border-radius: 14px; }
.topic-cluster + .topic-cluster { margin-top: 12px; }
.topic-cluster h2.gradient-text { font-size: 15px; font-weight: 800; margin-bottom: 6px; }
.topic-description { font-size: 12px; color: rgba(255,255,255,0.55); margin-bottom: 10px; }
.topic-list { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.topic-list a { text-decoration: none; padding: 6px 14px; border-radius: 999px; background: rgba(255,255,255,0.04); color: #eef2ff; font-size: 13px; font-weight: 600; transition: background .15s, border-color .15s; border: 1px solid transparent; }
.topic-list a:hover { background: rgba(255,138,0,0.18); border-color: rgba(255,138,0,0.5); }

/* --- Language variants (новый блок) --- */
.lang-variants { margin: 24px 0; padding: 16px 20px; background: rgba(80,140,255,0.05); border: 1px solid rgba(80,140,255,0.2); border-radius: 14px; }
.lang-variants h2.gradient-text { font-size: 15px; font-weight: 800; margin-bottom: 4px; }
.lang-variants-description { font-size: 12px; color: rgba(255,255,255,0.55); margin-bottom: 12px; }
.lang-variants-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; }
.lang-variants-list a { display: flex; justify-content: space-between; align-items: center; padding: 8px 12px; border-radius: 8px; background: rgba(255,255,255,0.03); color: #eef2ff; text-decoration: none; font-size: 13px; border: 1px solid rgba(255,255,255,0.05); transition: background .15s, border-color .15s; }
.lang-variants-list a:hover { background: rgba(80,140,255,0.14); border-color: rgba(80,140,255,0.4); }
.lang-label { font-weight: 700; }
.lang-code { font-size: 11px; color: rgba(255,255,255,0.5); font-family: 'JetBrains Mono', monospace; }
</style>
<section class="related-content glass-card" itemscope itemtype="https://schema.org/ItemList">
    <h2 class="gradient-text" itemprop="name">📚 Читайте также</h2>
    <p class="related-content-description">Связанные материалы для лучшего понимания</p>
    <div class="related-content-grid">
        <article class="related-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <meta itemprop="position" content="1">
            <div itemprop="item" itemscope itemtype="https://schema.org/Article">
                <a href="/obzor" class="related-link" itemprop="url">
                    <h3 class="related-title" itemprop="headline">Обзор казино</h3>
                    <p class="related-description" itemprop="description">Отзывы и рейтинг</p>
                </a>
                <meta itemprop="datePublished" content="2026-04-29T23:00:11+03:00">
                <meta itemprop="dateModified" content="2026-04-29T23:00:11+03:00">
            </div>
        </article>
        <article class="related-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <meta itemprop="position" content="2">
            <div itemprop="item" itemscope itemtype="https://schema.org/Article">
                <a href="/news" class="related-link" itemprop="url">
                    <h3 class="related-title" itemprop="headline">Новости казино</h3>
                    <p class="related-description" itemprop="description">Актуальные события</p>
                </a>
                <meta itemprop="datePublished" content="2026-04-29T23:00:11+03:00">
                <meta itemprop="dateModified" content="2026-04-29T23:00:11+03:00">
            </div>
        </article>
        <article class="related-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <meta itemprop="position" content="3">
            <div itemprop="item" itemscope itemtype="https://schema.org/Article">
                <a href="/bonus" class="related-link" itemprop="url">
                    <h3 class="related-title" itemprop="headline">Бонусы</h3>
                    <p class="related-description" itemprop="description">Бонусная программа</p>
                </a>
                <meta itemprop="datePublished" content="2026-04-29T23:00:11+03:00">
                <meta itemprop="dateModified" content="2026-04-29T23:00:11+03:00">
            </div>
        </article>
        <article class="related-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <meta itemprop="position" content="4">
            <div itemprop="item" itemscope itemtype="https://schema.org/Article">
                <a href="/slots" class="related-link" itemprop="url">
                    <h3 class="related-title" itemprop="headline">Слоты</h3>
                    <p class="related-description" itemprop="description">Игровые автоматы</p>
                </a>
                <meta itemprop="datePublished" content="2026-04-29T23:00:11+03:00">
                <meta itemprop="dateModified" content="2026-04-29T23:00:11+03:00">
            </div>
        </article>
        <article class="related-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <meta itemprop="position" content="5">
            <div itemprop="item" itemscope itemtype="https://schema.org/Article">
                <a href="/registracia" class="related-link" itemprop="url">
                    <h3 class="related-title" itemprop="headline">Регистрация</h3>
                    <p class="related-description" itemprop="description">Создать аккаунт</p>
                </a>
                <meta itemprop="datePublished" content="2026-04-29T23:00:11+03:00">
                <meta itemprop="dateModified" content="2026-04-29T23:00:11+03:00">
            </div>
        </article>
        <article class="related-item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <meta itemprop="position" content="6">
            <div itemprop="item" itemscope itemtype="https://schema.org/Article">
                <a href="/partnery" class="related-link" itemprop="url">
                    <h3 class="related-title" itemprop="headline">Партнерская программа</h3>
                    <p class="related-description" itemprop="description">Стать партнером</p>
                </a>
                <meta itemprop="datePublished" content="2026-04-29T23:00:11+03:00">
                <meta itemprop="dateModified" content="2026-04-29T23:00:11+03:00">
            </div>
        </article>
    </div>
</section>

<section class="topic-cluster glass-card" itemscope itemtype="https://schema.org/CollectionPage">
    <h2 class="gradient-text" itemprop="name">🎯 Тема: Честный обзор казино</h2>
    <p class="topic-description">Связанные материалы по теме</p>
    <ul class="topic-list" itemprop="hasPart" itemscope itemtype="https://schema.org/ItemList">
        <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <meta itemprop="position" content="1">
            <a href="/obzor" itemprop="item" itemscope itemtype="https://schema.org/WebPage">
                <span itemprop="name">Обзор</span>
            </a>
        </li>
        <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <meta itemprop="position" content="2">
            <a href="/" itemprop="item" itemscope itemtype="https://schema.org/WebPage">
                <span itemprop="name">Главная</span>
            </a>
        </li>
        <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
            <meta itemprop="position" content="3">
            <a href="/partnery" itemprop="item" itemscope itemtype="https://schema.org/WebPage">
                <span itemprop="name">Партнеры</span>
            </a>
        </li>
    </ul>
</section>

<section class="lang-variants glass-card" itemscope itemtype="https://schema.org/SiteNavigationElement">
    <h2 class="gradient-text" itemprop="name">🌐 Версии страницы для разных регионов</h2>
    <p class="lang-variants-description">Доступ к этой странице через региональные цепочки</p>
    <ul class="lang-variants-list">
        <li>
            <a href="/en/info/" hreflang="en" rel="alternate" itemprop="url">
                <span class="lang-label">English</span>
                <span class="lang-code">en</span>
            </a>
        </li>
        <li>
            <a href="/en/en/info/" hreflang="en-US" rel="alternate" itemprop="url">
                <span class="lang-label">English Extended</span>
                <span class="lang-code">en-US</span>
            </a>
        </li>
        <li>
            <a href="/rus/info/" hreflang="ru-RU" rel="alternate" itemprop="url">
                <span class="lang-label">Русская версия</span>
                <span class="lang-code">ru-RU</span>
            </a>
        </li>
        <li>
            <a href="/rus/rus/info/" hreflang="ru-BY" rel="alternate" itemprop="url">
                <span class="lang-label">Rus BY/KZ</span>
                <span class="lang-code">ru-BY</span>
            </a>
        </li>
        <li>
            <a href="/ru/info/" hreflang="ru" rel="alternate" itemprop="url">
                <span class="lang-label">Ru short</span>
                <span class="lang-code">ru</span>
            </a>
        </li>
        <li>
            <a href="/ru/ru/info/" hreflang="ru" rel="alternate" itemprop="url">
                <span class="lang-label">Ru extended</span>
                <span class="lang-code">ru</span>
            </a>
        </li>
    </ul>
</section>

    <!-- Footer с облаком тегов -->
    
<!-- NewGen Footer Start -->
<footer class="site-footer">
    <div class="footer-wrapper">
<div class="tag-cloud">
    <h3 class="tag-cloud-title">🔥 Популярные запросы</h3>
    <div class="tag-cloud-container">
        <a href="/bonus" class="tag-item tag-sm">СпинБеттер Казино ограниченные бонусы</a>
        <a href="/news" class="tag-item tag-sm">SpinBetter Casino последние новости</a>
        <a href="/registracia" class="tag-item tag-md">СпинБеттер Казино вывод денег</a>
        <a href="/zerkalo" class="tag-item tag-sm">СпинБеттер Казино рабочее зеркало</a>
        <a href="/app" class="tag-item tag-md">SpinBetter Casino iOS приложение</a>
        <a href="/" class="tag-item tag-sm">SpinBetter Casino лучшие онлайн казино</a>
        <a href="/registracia" class="tag-item tag-lg">СпинБеттер Казино начать играть</a>
        <a href="/" class="tag-item tag-lg">SpinBetter Casino безопасное казино</a>
        <a href="/slots" class="tag-item tag-lg">СпинБеттер Казино джекпот игры</a>
        <a href="/zerkalo" class="tag-item tag-sm">SpinBetter Casino доступ 2026</a>
        <a href="/slots" class="tag-item tag-sm">SpinBetter Casino баккара</a>
        <a href="/zerkalo" class="tag-item tag-md">SpinBetter Casino актуальный вход</a>
        <a href="/" class="tag-item tag-sm">СпинБеттер Казино помощь игрокам</a>
        <a href="/" class="tag-item tag-md">СпинБеттер Казино для России</a>
        <a href="/slots" class="tag-item tag-md">SpinBetter Casino Red Tiger</a>
        <a href="/" class="tag-item tag-sm">СпинБеттер Казино Microgaming</a>
        <a href="/slots" class="tag-item tag-lg">SpinBetter Casino бесплатные игры</a>
        <a href="/app" class="tag-item tag-lg">SpinBetter Casino mobile app</a>
        <a href="/registracia" class="tag-item tag-lg">SpinBetter Casino электронные кошельки</a>
        <a href="/news" class="tag-item tag-sm">СпинБеттер Казино события казино</a>
        <a href="/zerkalo" class="tag-item tag-md">СпинБеттер Казино зеркало сегодня</a>
        <a href="/app" class="tag-item tag-sm">СпинБеттер Казино APK Android</a>
        <a href="/" class="tag-item tag-lg">СпинБеттер Казино рейтинг 2026</a>
        <a href="/slots" class="tag-item tag-md">СпинБеттер Казино игровые автоматы</a>
        <a href="/bonus" class="tag-item tag-md">СпинБеттер Казино новогодние бонусы</a>
        <a href="/bonus" class="tag-item tag-sm">СпинБеттер Казино бонус за регистрацию</a>
        <a href="/slots" class="tag-item tag-sm">СпинБеттер Казино Play'n GO</a>
        <a href="/slots" class="tag-item tag-lg">СпинБеттер Казино популярные слоты</a>
        <a href="/slots" class="tag-item tag-sm">СпинБеттер Казино покер</a>
        <a href="/bonus" class="tag-item tag-md">SpinBetter Casino промокод на бонус</a>
        <a href="/news" class="tag-item tag-md">SpinBetter Casino турниры онлайн</a>
    </div>
</div>
        <div class="footer-content">
            <div class="footer-blocks">
                <div class="footer-block">
                    <h4>🎰 О нашем портале</h4>
                    <p>СпинБеттер Казино (SpinBetter Casino) — лицензированный игровой портал с обширной коллекцией слотов, настольных игр и live-трансляций. Официальный ресурс работает с 2019 года и гарантирует честную игру с быстрыми выплатами.</p>
                </div>
                <div class="footer-block">
                    <h4>🎁 Бонусная программа</h4>
                    <p>Приветственный пакет до 500% на первый депозит, еженедельный кэшбэк, фриспины за регистрацию и эксклюзивные промокоды SpinBetter Casino для постоянных участников. VIP-клуб с особыми привилегиями.</p>
                </div>
                <div class="footer-block">
                    <h4>🔒 Защита данных</h4>
                    <p>СпинБеттер Казино использует современное SSL-шифрование для защиты информации. Все игры сертифицированы и регулярно проходят аудит на честность. SpinBetter Casino обеспечивает безопасные транзакции.</p>
                </div>
            </div>
            <div class="footer-social">
                <span class="footer-social-label">Мы в соцсетях:</span>
                <nav class="footer-social-links" aria-label="Социальные сети">
                    <a href="#" class="footer-social-link" target="_blank" rel="noopener noreferrer" title="Telegram" aria-label="Telegram">
                        <img src="./img/telegram.svg" alt="" width="24" height="24" loading="lazy">
                    </a>
                    <a href="#" class="footer-social-link" target="_blank" rel="noopener noreferrer" title="ВКонтакте" aria-label="ВКонтакте">
                        <img src="./img/vk.svg" alt="" width="24" height="24" loading="lazy">
                    </a>
                    <a href="#" class="footer-social-link" target="_blank" rel="noopener noreferrer" title="WhatsApp" aria-label="WhatsApp">
                        <img src="./img/whatsapp.svg" alt="" width="24" height="24" loading="lazy">
                    </a>
                    <a href="#" class="footer-social-link" target="_blank" rel="noopener noreferrer" title="X (Twitter)" aria-label="X">
                        <img src="./img/x.svg" alt="" width="24" height="24" loading="lazy">
                    </a>
                    <a href="#" class="footer-social-link" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook">
                        <img src="./img/facebook.svg" alt="" width="24" height="24" loading="lazy">
                    </a>
                    <a href="#" class="footer-social-link" target="_blank" rel="noopener noreferrer" title="Макс" aria-label="Макс">
                        <img src="./img/max.svg" alt="" width="24" height="24" loading="lazy">
                    </a>
                </nav>
            </div>
        </div>
        <div class="footer-legal">
            <div class="legal-row">
                <div class="footer-brand">
                    <span class="brand-name">СпинБеттер Казино</span>
                    <span class="brand-tagline">SpinBetter Casino</span>
                </div>
                <div class="footer-copy">
                    <div class="footer-logo">
                        <img src="./img/spinbetter/brand.svg" alt="СпинБеттер Казино — официальный портал" class="nav-logo-icon">
                    </div>
                    <p>© 2026 СпинБеттер Казино. Все права защищены.</p>
                    <p class="footer-warning">Игра на реальные деньги доступна только для совершеннолетних. SpinBetter Casino поддерживает ответственную игру.</p>
                </div>
                <div class="footer-seals">
                    <span class="footer-seal">🔞 18+</span>
                    <span class="footer-seal">🎲 Fair Play</span>
                    <span class="footer-seal">🔒 SSL</span>
                </div>
            </div>
        </div>
    </div>
</footer>
<!-- NewGen Footer End -->
    
    <!-- Floating Bonus Popup -->
    <aside class="bonus-popup glass-card" id="bonusPopup" role="complementary" aria-label="Бонусное предложение" aria-hidden="true">
        <button class="popup-close" id="popupClose" aria-label="Закрыть предложение" type="button">×</button>
        <div class="popup-content">
            <div class="popup-icon pulse-glow" aria-hidden="true">🎁</div>
            <div class="popup-text">
                <span class="popup-bonus">+500%</span>
                <span class="popup-label">на первый депозит</span>
            </div>
            <a href="/registracia" class="btn btn-cta">Забрать бонус!</a>
        </div>
    </aside>
    
    <!-- Scripts -->
    <script>
        (function() {
    'use strict';
    
    // Инициализация после загрузки DOM
    if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', initDashboard);
    } else {
        initDashboard();
    }
    
    function initDashboard() {
        const dashboard = document.querySelector('.interactive-dashboard');
        if (!dashboard) return;
        
        // Инициализация фильтров
        initFilters();
        
        // Анимация графиков при появлении в viewport
        initChartAnimations();
        
        // Обновление популярности (симуляция)
        initPopularityUpdates();
    }
    
    // Фильтры
    function initFilters() {
        const filterBtns = document.querySelectorAll('.filter-btn');
        const slotCards = document.querySelectorAll('.slot-card-interactive');
        
        filterBtns.forEach(btn => {
            btn.addEventListener('click', function() {
                // Убираем активный класс
                filterBtns.forEach(b => b.classList.remove('active'));
                this.classList.add('active');
                
                const filter = this.dataset.filter;
                
                // Фильтрация карточек с плавной анимацией
                slotCards.forEach((card, index) => {
                    let show = true;
                    
                    if (filter === 'high') {
                        const rtp = card.querySelector('.stat-rtp');
                        if (rtp) {
                            const rtpText = rtp.textContent.replace('%', '').trim();
                            const rtpValue = parseFloat(rtpText);
                            show = !isNaN(rtpValue) && rtpValue >= 96.5;
                        }
                    } else if (filter === 'popular') {
                        const popularity = card.querySelector('.popularity-value');
                        if (popularity) {
                            const popText = popularity.textContent.replace('%', '').trim();
                            const popValue = parseInt(popText);
                            show = !isNaN(popValue) && popValue >= 90;
                        }
                    } else if (filter === 'new') {
                        // Для новинок можно добавить специальный класс
                        show = card.classList.contains('new-slot');
                    }
                    
                    // Плавное появление/исчезновение
                    if (show) {
                        card.style.display = 'block';
                        card.style.opacity = '0';
                        requestAnimationFrame(() => {
                            card.style.transition = 'opacity 0.3s ease';
                            card.style.opacity = '1';
                            card.style.animation = `cardSlideIn 0.4s ease-out ${index * 0.1}s backwards`;
                        });
                    } else {
                        card.style.transition = 'opacity 0.3s ease';
                        card.style.opacity = '0';
                        setTimeout(() => {
                            card.style.display = 'none';
                        }, 300);
                    }
                });
            });
        });
    }
    
    // Анимация графиков при скролле
    function initChartAnimations() {
        const charts = document.querySelectorAll('.chart-bars');
        
        const observer = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                    const bars = entry.target.querySelectorAll('.chart-bar');
                    bars.forEach((bar, index) => {
                        setTimeout(() => {
                            bar.style.animation = `barGrow 0.6s ease-out ${index * 0.05}s backwards`;
                        }, 100);
                    });
                    observer.unobserve(entry.target);
                }
            });
        }, { threshold: 0.3 });
        
        charts.forEach(chart => observer.observe(chart));
    }
    
    // Обновление популярности (легкая симуляция)
    function initPopularityUpdates() {
        const popularityBars = document.querySelectorAll('.popularity-fill');
        
        if (popularityBars.length === 0) return;
        
        // Обновляем каждые 30 секунд (легкая анимация)
        // Используем requestAnimationFrame для плавности
        let updateInterval = setInterval(() => {
            popularityBars.forEach(bar => {
                const currentWidth = parseInt(bar.dataset.popularity || bar.style.width.replace('%', ''));
                const variation = Math.floor(Math.random() * 3) - 1; // -1, 0, или +1
                const newWidth = Math.max(80, Math.min(100, currentWidth + variation));
                
                // Плавное обновление через requestAnimationFrame
                requestAnimationFrame(() => {
                    bar.style.width = newWidth + '%';
                    bar.dataset.popularity = newWidth;
                    
                    // Обновляем значение
                    const valueEl = bar.closest('.slot-popularity')?.querySelector('.popularity-value');
                    if (valueEl) {
                        valueEl.textContent = newWidth + '%';
                    }
                });
            });
        }, 30000); // Каждые 30 секунд
        
        // Очистка при размонтировании (если нужно)
        if (typeof window !== 'undefined') {
            window.addEventListener('beforeunload', () => {
                clearInterval(updateInterval);
            });
        }
    }
    
    // Оптимизация: отложенная загрузка анимаций для мобильных
    if (window.innerWidth <= 768) {
        const style = document.createElement('style');
        style.textContent = `
            .slot-card-interactive {
                animation: none;
            }
            .chart-bar {
                animation: none;
            }
        `;
        document.head.appendChild(style);
    }
})();    </script>
    <script>
        // Preloader
        window.addEventListener('load', () => {
            const preloader = document.getElementById('preloader');
            if (preloader) {
                preloader.classList.add('loaded');
                setTimeout(() => preloader.remove(), 500);
            }
            
            // Count-up animation
            document.querySelectorAll('.count-up').forEach(el => {
                const target = parseInt(el.dataset.target);
                const duration = 2000;
                const step = target / (duration / 16);
                let current = 0;
                
                const timer = setInterval(() => {
                    current += step;
                    if (current >= target) {
                        el.textContent = target.toLocaleString('ru-RU');
                        clearInterval(timer);
                    } else {
                        el.textContent = Math.floor(current).toLocaleString('ru-RU');
                    }
                }, 16);
            });
        });

        // FAQ accordion (единый блок над Footer)
        document.addEventListener('click', (e) => {
            const btn = e.target.closest('.faq-accordion-trigger');
            if (!btn) return;
            const item = btn.closest('.faq-accordion-item');
            if (!item) return;
            const content = item.querySelector('.faq-accordion-content');
            if (!content) return;

            const isOpen = item.classList.contains('open');
            document.querySelectorAll('.faq-accordion-item').forEach(i => {
                i.classList.remove('open');
                const c = i.querySelector('.faq-accordion-content');
                if (c) c.style.maxHeight = '';
                const b = i.querySelector('.faq-accordion-trigger');
                if (b) b.setAttribute('aria-expanded', 'false');
            });
            if (!isOpen) {
                item.classList.add('open');
                content.style.maxHeight = content.scrollHeight + 'px';
                btn.setAttribute('aria-expanded', 'true');
            }
        });
        
        // Mobile menu
        const mobileMenuBtn = document.getElementById('mobileMenuBtn');
        const mobileNav = document.getElementById('mobileNav');
        
        if (mobileMenuBtn && mobileNav) {
            mobileMenuBtn.addEventListener('click', () => {
                const isOpen = mobileNav.classList.toggle('active');
                mobileMenuBtn.classList.toggle('active');
                mobileMenuBtn.setAttribute('aria-expanded', isOpen);
                mobileNav.setAttribute('aria-hidden', !isOpen);
                document.body.style.overflow = isOpen ? 'hidden' : '';
            });
            
            // Закрытие по Escape
            document.addEventListener('keydown', (e) => {
                if (e.key === 'Escape' && mobileNav.classList.contains('active')) {
                    mobileNav.classList.remove('active');
                    mobileMenuBtn.classList.remove('active');
                    mobileMenuBtn.setAttribute('aria-expanded', 'false');
                    mobileNav.setAttribute('aria-hidden', 'true');
                    document.body.style.overflow = '';
                }
            });
        }
        
        // Bonus popup
        const bonusPopup = document.getElementById('bonusPopup');
        const popupClose = document.getElementById('popupClose');
        
        if (bonusPopup && !sessionStorage.getItem('popupClosed')) {
            setTimeout(() => {
                bonusPopup.classList.add('show');
                bonusPopup.setAttribute('aria-hidden', 'false');
            }, 4000);
        }
        
        if (popupClose) {
            popupClose.addEventListener('click', () => {
                bonusPopup.classList.remove('show');
                bonusPopup.setAttribute('aria-hidden', 'true');
                sessionStorage.setItem('popupClosed', 'true');
            });
        }
        
        // Header scroll effect
        const header = document.querySelector('.header');
        if (header) {
            let lastScroll = 0;
            window.addEventListener('scroll', () => {
                const currentScroll = window.pageYOffset;
                if (currentScroll > 50) {
                    header.classList.add('scrolled');
                } else {
                    header.classList.remove('scrolled');
                }
                lastScroll = currentScroll;
            }, { passive: true });
        }
        
        // Smooth scroll
        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
            anchor.addEventListener('click', function(e) {
                const href = this.getAttribute('href');
                if (href !== '#') {
                    e.preventDefault();
                    const target = document.querySelector(href);
                    if (target) {
                        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
                        target.focus({ preventScroll: true });
                    }
                }
            });
        });
        
        // Intersection Observer for animations
        const observerOptions = { 
            threshold: 0.1, 
            rootMargin: '0px 0px -50px 0px' 
        };
        
        const observer = new IntersectionObserver((entries) => {
            entries.forEach((entry, index) => {
                if (entry.isIntersecting) {
                    // Добавляем задержку для каскадной анимации
                    setTimeout(() => {
                        entry.target.classList.add('animate-in');
                    }, index * 100);
                    observer.unobserve(entry.target);
                }
            });
        }, observerOptions);
        
        document.querySelectorAll('.slot-card, .advantage-card, .info-block, .faq-accordion-item').forEach(el => {
            observer.observe(el);
        });
        
        // Web Vitals optimization - отложенная загрузка некритичных ресурсов
        if ('requestIdleCallback' in window) {
            requestIdleCallback(() => {
                // Загрузка дополнительных скриптов
            });
        }
    </script>
    
    <!-- Analytics -->
    <!-- Яндекс.Метрика: укажите ID в analytics-tracking.php --><!-- Google Analytics: укажите ID в analytics-tracking.php --><script>
/**
 * 📊 Premium Event Tracking System v2.0
 */
(function() {
    'use strict';
    
    // Утилиты
    const trackYandex = (goal, params = {}) => {
        if (typeof ym !== 'undefined' && window.YANDEX_METRIKA_ID) {
            try {
                ym(window.YANDEX_METRIKA_ID, 'reachGoal', goal, params);
            } catch (e) {}
        }
    };
    
    const trackGoogle = (event, params = {}) => {
        if (typeof gtag !== 'undefined') {
            try {
                gtag('event', event, params);
            } catch (e) {}
        }
    };
    
    const track = (eventName, category, label, value = 0) => {
        const params = {
            event_category: category,
            event_label: label,
            value: value
        };
        trackYandex(eventName, params);
        trackGoogle(eventName, params);
    };
    
    // Ждём загрузки DOM
    document.addEventListener('DOMContentLoaded', () => {
        
        // 1. Клики по кнопкам регистрации
        document.querySelectorAll('a[href*="registracia"], .btn-primary').forEach(btn => {
            btn.addEventListener('click', () => {
                track('registration_click', 'CTA', btn.textContent.trim().substring(0, 30));
            });
        });
        
        // 2. Клики по слотам
        document.querySelectorAll('.slot-card').forEach(card => {
            card.addEventListener('click', () => {
                const name = card.querySelector('h4')?.textContent || 'Unknown';
                track('slot_click', 'Games', name);
            });
        });
        
        // 3. Навигация
        document.querySelectorAll('.nav-link, .mobile-nav-link').forEach(link => {
            link.addEventListener('click', () => {
                track('navigation_click', 'Navigation', link.getAttribute('href'));
            });
        });
        
        // 4. Внутренние ссылки
        document.querySelectorAll('.article-content a[href^="/"]').forEach(link => {
            link.addEventListener('click', () => {
                track('internal_link', 'Content', link.getAttribute('href'));
            });
        });
        
        // 5. FAQ взаимодействия
        document.querySelectorAll('.faq-question').forEach(q => {
            q.addEventListener('click', () => {
                track('faq_click', 'FAQ', q.textContent.trim().substring(0, 50));
            });
        });
        
        // 6. Глубина скролла
        let scrollDepths = { 25: false, 50: false, 75: false, 100: false };
        
        window.addEventListener('scroll', () => {
            const scrollPercent = Math.round(
                (window.scrollY / (document.documentElement.scrollHeight - window.innerHeight)) * 100
            );
            
            [25, 50, 75, 100].forEach(depth => {
                if (scrollPercent >= depth && !scrollDepths[depth]) {
                    scrollDepths[depth] = true;
                    track('scroll_depth', 'Engagement', depth + '%', depth);
                }
            });
        }, { passive: true });
        
        // 7. Время на странице
        let timeOnPage = 0;
        const timeIntervals = { 30: false, 60: false, 120: false, 300: false };
        
        setInterval(() => {
            timeOnPage += 10;
            [30, 60, 120, 300].forEach(interval => {
                if (timeOnPage >= interval && !timeIntervals[interval]) {
                    timeIntervals[interval] = true;
                    track('time_on_page', 'Engagement', interval + 's', interval);
                }
            });
        }, 10000);
        
        // 8. Внешние ссылки
        document.querySelectorAll('a[href^="http"]:not([href*="' + location.hostname + '"])').forEach(link => {
            link.addEventListener('click', () => {
                track('outbound_click', 'External', link.hostname);
            });
        });
        
        // 9. Popup взаимодействия
        const popup = document.getElementById('bonusPopup');
        if (popup) {
            new MutationObserver(mutations => {
                mutations.forEach(m => {
                    if (m.attributeName === 'class') {
                        if (popup.classList.contains('show')) {
                            track('popup_shown', 'Popup', 'Bonus Popup');
                        }
                    }
                });
            }).observe(popup, { attributes: true });
            
            popup.querySelector('.popup-close')?.addEventListener('click', () => {
                track('popup_closed', 'Popup', 'Bonus Popup');
            });
            
            popup.querySelector('.btn')?.addEventListener('click', () => {
                track('popup_cta_click', 'Popup', 'Bonus CTA');
            });
        }
        
        // 10. Мобильное меню
        document.getElementById('mobileMenuBtn')?.addEventListener('click', () => {
            track('mobile_menu_toggle', 'Navigation', 'Mobile Menu');
        });
        
    });
    
    // Выход со страницы
    window.addEventListener('beforeunload', () => {
        track('page_exit', 'Session', location.pathname);
    });
    
    // JS ошибки
    window.addEventListener('error', e => {
        if (e.error) {
            track('js_error', 'Error', e.error.message.substring(0, 100));
        }
    });
    
    console.log('📊 Event tracking initialized');
})();
</script></body>
</html>