/* CSS Reset & Variables */
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        :root {
            --bg-main: #140a03;
            --bg-card: #221307;
            --bg-header: #1c0f05;
            --color-gold: #d49a3b;
            --color-gold-hover: #f3b95f;
            --text-light: #e8dfd5;
            --text-muted: #b0a295;
            --border-color: #36210f;
            --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }

        body {
            background-color: var(--bg-main);
            color: var(--text-light);
            font-family: var(--font-family);
            line-height: 1.6;
        }

        /* Header & Navigation */
        header {
            background-color: var(--bg-header);
            border-bottom: 1px solid var(--border-color);
            position: sticky;
            top: 0;
            z-index: 1000;
        }

        .nav-container {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 20px;
        }

        nav ul {
            display: flex;
            list-style: none;
            gap: 20px;
        }

        nav ul li a {
            color: var(--text-light);
            text-decoration: none;
            font-size: 15px;
            font-weight: 500;
            transition: color 0.3s;
        }

        nav ul li a:hover, nav ul li a.active {
            color: var(--color-gold);
        }

        .auth-buttons {
            display: flex;
            gap: 10px;
        }

        .btn {
            padding: 8px 16px;
            border-radius: 4px;
            font-size: 14px;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s;
        }

        .btn-register {
            background-color: var(--color-gold);
            color: #000;
        }

        .btn-register:hover {
            background-color: var(--color-gold-hover);
        }

        /* Main Content */
        main {
            max-width: 1200px;
            margin: 0 auto;
            padding: 40px 20px;
        }

        .hero-content h1 {
            font-size: 36px;
            color: var(--color-gold);
            margin-bottom: 20px;
            line-height: 1.3;
        }

        .hero-content p {
            color: var(--text-muted);
            margin-bottom: 30px;
            font-size: 16px;
        }

        .hero-image img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            border: 1px solid var(--border-color);
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);
        }

        /* Stats Grid */
        .stats-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-bottom: 60px;
        }

        .stat-card {
            background-color: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 20px;
            text-align: center;
        }

        .stat-number {
            font-size: 28px;
            color: var(--color-gold);
            font-weight: bold;
            margin-bottom: 5px;
        }

        .stat-label {
            color: var(--text-muted);
            font-size: 14px;
        }

        /* Article Sections */
        .content-section {
            margin-bottom: 60px;
        }

        .content-section h2 {
            font-size: 28px;
            color: var(--color-gold);
            margin-bottom: 25px;
            border-left: 4px solid var(--color-gold);
            padding-left: 15px;
        }

        .grid-2col {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
            margin-bottom: 30px;
        }

        .grid-3col {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 20px;
            margin-bottom: 30px;
        }

        .card {
            background-color: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 25px;
        }

        .card h3 {
            color: var(--color-gold);
            font-size: 20px;
            margin-bottom: 15px;
        }

        .card p {
            color: var(--text-muted);
            font-size: 15px;
        }

        .card img {
            width: 100%;
            height: auto;
            border-radius: 6px;
            margin-bottom: 15px;
        }

        /* Workflows */
        .workflow-container {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .workflow-step {
            background-color: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 20px;
            display: flex;
            gap: 20px;
            align-items: flex-start;
        }

        .step-number {
            background-color: var(--color-gold);
            color: #000;
            font-weight: bold;
            width: 36px;
            height: 36px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }

        .step-content h3 {
            color: var(--color-gold);
            font-size: 18px;
            margin-bottom: 8px;
        }

        .step-content p {
            color: var(--text-muted);
            font-size: 15px;
        }

        /* User Review */
        .review-section {
            background-color: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 30px;
            margin-bottom: 60px;
            font-style: italic;
        }

        /* FAQ Section */
        .faq-container {
            display: flex;
            flex-direction: column;
            gap: 15px;
        }

        .faq-item {
            background-color: var(--bg-card);
            border: 1px solid var(--border-color);
            border-radius: 8px;
            padding: 20px;
        }

        .faq-item h4 {
            color: var(--color-gold);
            font-size: 16px;
            margin-bottom: 10px;
        }

        .faq-item p {
            color: var(--text-muted);
            font-size: 14px;
        }

        .faq-item ul {
            margin-top: 10px;
            margin-left: 20px;
            color: var(--text-muted);
            font-size: 14px;
        }

        /* Footer */
        footer {
            background-color: var(--bg-header);
            border-top: 1px solid var(--border-color);
            padding: 40px 20px 20px;
            margin-top: 60px;
        }

        .footer-container {
            max-width: 1200px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
            margin-bottom: 40px;
        }

        .age-limit {
            background-color: #ff3b30;
            color: #fff;
            padding: 3px 8px;
            border-radius: 3px;
            font-weight: bold;
            font-size: 12px;
        }

        /* Responsive Design */
        @media (max-width: 768px) {
            .nav-container {
                flex-direction: column;
                gap: 15px;
                text-align: center;
            }

            nav ul {
                flex-wrap: wrap;
                justify-content: center;
                gap: 15px;
            }

            .stats-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .grid-2col, .grid-3col {
                grid-template-columns: 1fr;
                gap: 20px;
            }

            .footer-container {
                grid-template-columns: 1fr;
                gap: 30px;
            }

        }
.step-number img{width:100%;height:100%;object-fit:cover;object-position:center}

/* XCI_404_PAGE_START */
.xci-404-page {
  background: var(--xci-theme-bg-dark, #0a0a0a);
  color: var(--xci-theme-text, #e8e8e8);
}
.xci-404-page .error-404 {
  min-height: 64vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: clamp(48px, 8vw, 96px) 24px;
}
.xci-404-card { width: min(100%, 720px); margin: 0 auto; }
.xci-404-page .error-404 h1 { font-size: clamp(4rem, 18vw, 7rem); color: var(--xci-theme-accent, #e53935); margin: 0; line-height: 1; }
.xci-404-page .error-404 h2 { font-size: clamp(1.5rem, 5vw, 2.2rem); margin: 0.8rem 0 1.5rem; color: var(--xci-theme-brand, #ffd700); }
.xci-404-page .error-404 p { margin-bottom: 2rem; opacity: 0.82; }
.xci-404-page .btn-home { display: inline-block; padding: 0.8rem 2rem; background: var(--xci-theme-accent, #e53935); color: var(--xci-theme-on-accent, #fff); text-decoration: none; border-radius: 4px; font-weight: 700; }
.xci-404-page .btn-home:hover { opacity: 0.9; }
/* XCI_404_PAGE_END */

/* XCI_THEME_COLORS_START */
:root {
  --xci-theme-bg-dark: #c62e25;
  --xci-theme-footer-bg: #a2251e;
  --xci-theme-accent: #f4c400;
  --xci-theme-brand: #f4c400;
  --xci-theme-text: #ffffff;
  --xci-theme-muted: #ebb7b4;
  --xci-theme-surface: #ffffff;
  --xci-theme-on-accent: #050f0a;
  --xci-theme-accent-soft: rgba(244, 196, 0, 0.18);
  --xci-theme-line: rgba(244, 196, 0, 0.38);
}
/* XCI_THEME_COLORS_END */

/* XCI_FIXED_NAV_START */
.xci-fixed-header,
.xci-fixed-header * {
  box-sizing: border-box;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

.xci-fixed-header {
  width: 100%;
  max-width: 100vw;
  position: relative;
  z-index: 1000;
  background: var(--xci-theme-bg-dark, #052713);
  border-bottom: 2px solid var(--xci-theme-accent, #f4c400);
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.22);
}

.xci-fixed-inner {
  width: min(100%, 1280px);
  max-width: 100vw;
  min-height: 72px;
  margin: 0 auto;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 18px;
}

.xci-fixed-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  margin-right: auto;
  color: var(--xci-theme-brand, #76ff34);
  text-decoration: none;
  font-size: 34px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.xci-fixed-logo img {
  width: 46px;
  height: 46px;
  flex: 0 0 auto;
  border-radius: 10px;
  object-fit: contain;
}

.xci-fixed-logo span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.xci-fixed-menu {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  min-width: 0;
}

.xci-fixed-menu ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.xci-fixed-menu a {
  display: block;
  padding: 11px 15px;
  border-radius: 10px;
  background: var(--xci-theme-surface, #fff);
  color: var(--xci-theme-bg-dark, #05140a);
  text-decoration: none;
  font-size: 15px;
  line-height: 1;
  font-weight: 800;
  white-space: nowrap;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.12);
}

.xci-fixed-menu a.active,
.xci-fixed-menu a[aria-current="page"] {
  background: var(--xci-theme-accent, #f4c400);
  color: var(--xci-theme-on-accent, #05140a);
}

.xci-nav-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 12px;
  background: var(--xci-theme-accent-soft, rgba(244, 196, 0, 0.18));
  color: var(--xci-theme-accent, #f4c400);
  cursor: pointer;
  flex-direction: column;
  gap: 5px;
}

.xci-nav-toggle span,
.xci-nav-toggle::before,
.xci-nav-toggle::after {
  content: "";
  display: block;
  width: 24px;
  height: 3px;
  border-radius: 999px;
  background: currentColor;
}

.xci-fixed-auth {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-left: auto;
}

.xci-fixed-login,
.xci-fixed-register {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  text-decoration: none;
  font-size: 15px;
  line-height: 1;
  font-weight: 900;
  white-space: nowrap;
}

.xci-fixed-login {
  color: var(--xci-theme-accent, #f4c400);
  padding: 0 4px;
}

.xci-fixed-register {
  min-width: 102px;
  padding: 0 20px;
  border-radius: 999px;
  background: var(--xci-theme-accent, #e92a8b);
  color: var(--xci-theme-on-accent, #fff);
}

@media (max-width: 960px) {
  .xci-fixed-inner {
    padding: 0 18px;
    gap: 12px;
  }

  .xci-fixed-logo {
    font-size: 28px;
  }

  .xci-fixed-menu a {
    padding: 10px 12px;
    font-size: 14px;
  }
}

@media (max-width: 760px) {
  .xci-fixed-inner {
    width: 100%;
    max-width: 100vw;
    min-height: 68px;
    padding: 0 10px;
    gap: 10px;
    flex-wrap: nowrap;
    justify-content: space-between;
    overflow: visible;
  }

  .xci-fixed-logo {
    flex: 1 1 0;
    order: 1;
    gap: 6px;
    min-width: 0;
    max-width: none;
    margin-right: 0;
    font-size: clamp(15px, 4.7vw, 20px);
  }

  .xci-fixed-logo img {
    width: clamp(32px, 9vw, 38px);
    height: clamp(32px, 9vw, 38px);
  }

  .xci-fixed-logo span {
    min-width: 0;
    max-width: min(30vw, 132px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .xci-nav-toggle {
    display: inline-flex;
    flex: 0 0 auto;
    order: 2;
    width: clamp(38px, 11vw, 44px);
    height: clamp(38px, 11vw, 44px);
    border-radius: 11px;
    margin-right: 8px;
  }

  .xci-nav-toggle span,
  .xci-nav-toggle::before,
  .xci-nav-toggle::after {
    width: 22px;
    height: 3px;
  }

  .xci-fixed-auth {
    flex: 0 0 auto;
    order: 3;
    gap: 10px;
    margin-left: 0;
    min-width: max-content;
    max-width: none;
  }

  .xci-fixed-login,
  .xci-fixed-register {
    flex: 0 0 auto;
    min-height: 40px;
    font-size: clamp(10px, 2.8vw, 12px);
    overflow: visible;
    text-overflow: clip;
    white-space: nowrap;
  }

  .xci-fixed-register {
    min-width: 0;
    max-width: none;
    padding: 0 10px;
  }

  .xci-fixed-login {
    max-width: none;
    padding: 0 4px;
  }

  .xci-fixed-menu {
    display: none;
    position: absolute;
    left: 8px;
    right: 8px;
    top: 100%;
    width: auto;
    max-width: calc(100vw - 16px);
    padding: 10px;
    overflow-x: hidden;
    background: var(--xci-theme-bg-dark, #052713);
    border-bottom: 2px solid var(--xci-theme-accent, #f4c400);
    box-shadow: 0 12px 20px rgba(0, 0, 0, 0.28);
  }

  .xci-fixed-header.is-open .xci-fixed-menu {
    display: block;
  }

  .xci-fixed-menu ul {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }

  .xci-fixed-menu a {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 14px 12px;
    font-size: clamp(16px, 4.2vw, 18px);
  }

  .hero,
  .page-hero,
  main,
  section {
    max-width: 100%;
    overflow-x: hidden;
  }

  .hero h1,
  .page-hero h1,
  main h1 {
    max-width: 100%;
    font-size: clamp(24px, 7vw, 32px) !important;
    line-height: 1.2;
    overflow-wrap: anywhere;
    word-break: break-word;
  }

  .hero p,
  .page-hero p,
  main p {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 420px) {
  .xci-fixed-inner {
    padding: 0 8px;
    gap: 8px;
  }

  .xci-fixed-logo {
    font-size: clamp(14px, 4.6vw, 18px);
    gap: 5px;
  }

  .xci-fixed-logo img {
    width: 34px;
    height: 34px;
  }

  .xci-fixed-logo span {
    max-width: 24vw;
  }

  .xci-nav-toggle {
    width: 40px;
    height: 40px;
    margin-right: 6px;
  }

  .xci-fixed-auth {
    gap: 8px;
  }

  .xci-fixed-login {
    padding: 0 3px;
  }

  .xci-fixed-register {
    padding: 0 8px;
  }

  .xci-fixed-menu {
    left: 6px;
    right: 6px;
    max-width: calc(100vw - 12px);
  }
}
/* XCI_FIXED_NAV_END */

/* XCI_IMAGE_LAYOUT_START */
.xci-managed-hero {
  overflow: hidden;
}

body > :where(.hero, .banner, .page-hero, .masthead, .visual, .cover, .splash, .welcome, .top-visual, .main-banner),
main > :where(.hero, .banner, .page-hero, .masthead, .visual, .cover, .splash, .welcome, .top-visual, .main-banner) {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

body > :where(.hero, .banner, .page-hero, .masthead, .visual, .cover, .splash, .welcome, .top-visual, .main-banner) > img,
main > :where(.hero, .banner, .page-hero, .masthead, .visual, .cover, .splash, .welcome, .top-visual, .main-banner) > img {
  display: block;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
}

.xci-hero-layout {
  width: min(100%, 1180px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 44%);
  gap: clamp(22px, 4vw, 54px);
  align-items: center;
}

.xci-hero-copy {
  min-width: 0;
}

.xci-hero-copy :where(.hero-inner, .hero-caption, .hero-overlay, .hero-content, .page-hero-content, .banner-content) {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  width: auto !important;
  max-width: none !important;
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
  overflow: visible !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  background: transparent !important;
  text-align: inherit !important;
  text-shadow: none !important;
}

.xci-hero-copy h1 {
  margin-top: 0;
  line-height: 1.15;
}

.xci-hero-copy p {
  max-width: 68ch;
  line-height: 1.72;
}

.xci-hero-copy .xci-hero-cta-link,
.xci-hero-copy > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 10px 20px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
}

.xci-hero-copy > *:last-child {
  margin-bottom: 0;
}

.xci-hero-media {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28);
}

.xci-hero-media img,
.xci-game-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.xci-game-section {
  padding: clamp(34px, 5vw, 64px) 0;
}

.xci-game-section .container,
.xci-game-inner {
  width: min(100%, 1180px);
  margin: 0 auto;
  padding: 0 16px;
}

.xci-game-heading {
  margin-bottom: 18px;
}

.xci-game-heading h2 {
  margin: 0 0 8px;
  font-size: clamp(24px, 3vw, 34px);
}

.xci-game-heading p {
  margin: 0;
  opacity: 0.82;
}

.xci-game-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 16px;
}

.xci-game-card {
  min-width: 0;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.22);
  border: 1px solid rgba(255, 255, 255, 0.12);
}

.xci-game-thumb {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
}

.xci-game-title {
  margin: 0;
  padding: 12px 12px 4px;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.xci-game-card p {
  margin: 0;
  padding: 0 12px 14px;
  font-size: 13px;
  opacity: 0.76;
}

.intro-block.xci-intro-single,
.resp-block.xci-intro-single,
.app-box.xci-intro-single {
  display: block !important;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.intro-block.xci-intro-single > div:first-child,
.resp-block.xci-intro-single > div:first-child,
.app-box.xci-intro-single > div:first-child {
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
}

.intro-block.xci-intro-single p,
.resp-block.xci-intro-single p,
.app-box.xci-intro-single p {
  font-size: 16px;
  line-height: 1.75;
}

.intro-img.xci-filled-media,
.app-img.xci-filled-media {
  min-height: 240px;
  aspect-ratio: 16 / 10;
  background: rgba(0, 0, 0, 0.06);
}

.intro-img.xci-filled-media img,
.app-img.xci-filled-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 760px) {
  .xci-hero-layout {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 0 14px;
  }

  .xci-hero-media {
    aspect-ratio: 16 / 10;
    border-radius: 14px;
  }

  .xci-game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .intro-block,
  .resp-block,
  .app-box {
    grid-template-columns: 1fr !important;
  }

  .intro-block p,
  .resp-block p,
  .app-box p {
    font-size: 15px;
    line-height: 1.7;
  }
}

@media (max-width: 420px) {
  .xci-game-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .xci-game-title {
    font-size: 13px;
  }
}
/* XCI_IMAGE_LAYOUT_END */

/* XCI_LAYOUT_GUARD_START */
:root {
  --xci-content-width: 1180px;
  --xci-content-gutter: 48px;
}

main,
main * {
  box-sizing: border-box;
}

main {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

main > section {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
}

main > section > .container,
main > section > .section-inner,
main > section > .wrapper,
main > section > .inner,
main > section > .content {
  width: min(calc(100% - 48px), 1180px);
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

main > section > .container > .container,
main > section > .section-inner > .container,
main > section > .wrapper > .container,
main > section > .inner > .container,
main > section > .content > .container {
  width: 100%;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

main h1,
main h2,
main h3,
main h4,
main p,
main li,
main address {
  max-width: 100%;
  overflow-wrap: anywhere;
}

main address {
  font-style: normal;
}

main img,
main video,
main iframe {
  max-width: 100%;
}

main :where(.card-img, .game-img, .cat-card img, .game-card img, .feature-card img, .promo-card img) {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  max-height: none !important;
  height: clamp(160px, 16vw, 220px) !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

@media (min-width: 761px) {
  main > :where(section, article, div, aside, form, table, ul, ol):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) {
    width: min(calc(100% - var(--xci-content-gutter)), var(--xci-content-width)) !important;
    max-width: var(--xci-content-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 0 !important;
    overflow-x: hidden;
  }

  main > :where(h1, h2, h3, h4, h5, h6, p, blockquote, address, figure, pre):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
    width: min(calc(100% - var(--xci-content-gutter)), var(--xci-content-width)) !important;
    max-width: var(--xci-content-width) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    min-width: 0 !important;
  }

  main > :where(section, article, div, aside, form, table, ul, ol):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) + :where(section, article, div, aside, form, table, ul, ol):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) {
    margin-top: clamp(34px, 4.5vw, 78px);
  }

  main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) > :where(.container, .section-inner, .wrapper, .inner, .content) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  main .xci-auto-section,
  main .xci-auto-section * {
    min-width: 0 !important;
    max-width: 100%;
  }

  main .xci-auto-section :where(div, section, article, aside, form, ul, ol, table) {
    position: relative !important;
    inset: auto !important;
    transform: none !important;
  }

  main .xci-single-column {
    display: block !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  main .xci-media-cleaned {
    display: block !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  main .xci-single-column > :where(div, article, aside, section, figure, ul, ol, table) {
    width: 100% !important;
    max-width: min(100%, 920px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  main .xci-media-cleaned > :where(div, article, aside, section, figure, ul, ol, table) {
    width: 100% !important;
    max-width: min(100%, 920px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  main .xci-single-column > :where(div, article, aside, section, figure, ul, ol, table):empty {
    display: none !important;
  }

  main .xci-media-cleaned > :where(div, article, aside, section, figure, ul, ol, table):empty {
    display: none !important;
  }

  main .xci-section-stacked,
  main .xci-section-stacked > .xci-section-heading,
  main .xci-section-stacked > .xci-section-body {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  main .xci-section-stacked {
    display: block !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }

  main .xci-section-stacked > .xci-section-heading {
    display: block !important;
    width: 100% !important;
    margin: 0 0 18px !important;
  }

  main .xci-section-stacked > .xci-section-heading :where(h1, h2, h3, h4, h5, h6) {
    margin-top: 0 !important;
  }

  main .xci-section-stacked > .xci-section-body {
    display: block !important;
    width: 100% !important;
  }

  main .xci-section-stacked > .xci-section-heading > :where(.section-header, .section-title, .heading, .title),
  main .xci-section-stacked > .xci-section-body > :where(.section-body, .content, .body) {
    width: 100% !important;
    max-width: 100% !important;
  }

  main .xci-section-stacked > .xci-section-body :where(.game-grid, .feature-block, .feature-grid, .casino-banner, .showcase, .advantage-list, .process-steps, .contact-grid, .support-grid, .info-grid, .steps-grid, .promo-grid, .content-grid, table, ul, ol, form) {
    width: 100% !important;
    max-width: 100% !important;
  }

  main .xci-section-stacked > .xci-section-body > :where(.faq-item, .game-card, .feature-card, .promo-card, .article-block, .review-box, .stat-box, .content-block) {
    width: 100% !important;
    max-width: 100% !important;
  }

  main form:not(.xci-contact-form):not([data-xci-contact-form="fixed"]) {
    width: 100% !important;
    max-width: 100% !important;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 18px;
  }

  main form:not(.xci-contact-form):not([data-xci-contact-form="fixed"]) > :where(textarea, button, .form-actions, [class*="message"], [class*="detail"], [class*="content"]) {
    grid-column: 1 / -1;
  }

  main :where(input, select, textarea, button) {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  main textarea {
    resize: vertical;
  }

  main table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto;
    border-collapse: collapse;
  }

  main :where(.xci-auto-section, .xci-auto-section > div, .xci-auto-section > section) {
    overflow-wrap: anywhere;
  }

  main .xci-balanced-game-grid:not(.xci-game-grid) {
    --xci-balanced-cols: 4;
    display: grid !important;
    grid-template-columns: repeat(var(--xci-balanced-cols), minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }

  main .xci-balanced-game-grid.xci-balanced-cols-2 { --xci-balanced-cols: 2; }
  main .xci-balanced-game-grid.xci-balanced-cols-3 { --xci-balanced-cols: 3; }
  main .xci-balanced-game-grid.xci-balanced-cols-4 { --xci-balanced-cols: 4; }
  main .xci-balanced-game-grid.xci-balanced-cols-5 { --xci-balanced-cols: 5; }
  main .xci-balanced-game-grid.xci-balanced-cols-6 { --xci-balanced-cols: 6; }

  main .xci-balanced-game-grid:not(.xci-game-grid) > :where(div, article, li) {
    min-width: 0 !important;
    height: 100%;
  }

  main .xci-balanced-game-grid:not(.xci-game-grid) img {
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (max-width: 760px) {
  main .xci-balanced-game-grid:not(.xci-game-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 460px) {
  main .xci-balanced-game-grid:not(.xci-game-grid) {
    grid-template-columns: 1fr !important;
  }
}

.xci-managed-hero {
  padding: clamp(44px, 6vw, 88px) 0;
}

.xci-managed-hero .xci-hero-layout {
  width: min(calc(100% - 48px), 1180px);
  max-width: 1180px;
}

.xci-managed-hero .hero-overlay {
  position: static !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  transform: none !important;
  background: transparent !important;
  display: block !important;
  text-align: left !important;
  padding: 0 !important;
}

.xci-managed-hero .hero-overlay p {
  margin-left: 0;
  margin-right: 0;
}

.xci-managed-hero .hero-cta {
  justify-content: flex-start;
}

.contact-grid,
.support-grid,
.info-grid,
.steps-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
  gap: 20px;
  align-items: start;
}

.contact-card,
.support-card,
.info-card,
.step-card {
  min-width: 0;
  height: 100%;
  padding: 22px;
  border: 1px solid var(--xci-theme-line, rgba(255, 255, 255, 0.18));
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.06);
  background: color-mix(in srgb, var(--xci-theme-surface, #ffffff) 8%, transparent);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.16);
}

.contact-card h3,
.support-card h3,
.info-card h3,
.step-card h3 {
  margin: 0 0 12px;
  font-size: clamp(18px, 1.5vw, 22px);
  line-height: 1.3;
}

.contact-card p,
.support-card p,
.info-card p,
.step-card p,
.contact-card li,
.support-card li,
.info-card li,
.step-card li,
.contact-card address {
  font-size: 15px;
  line-height: 1.7;
}

.process-list {
  margin: 0;
  padding-left: 1.25rem;
}

.process-list li + li {
  margin-top: 8px;
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: 18px;
}

.feature-card,
.faq-item,
.article-block,
.review-box,
.stat-box,
.promo-card {
  min-width: 0;
}

.feature-card {
  border-radius: 14px;
}

.faq-item + .faq-item {
  margin-top: 14px;
}

.eeat-contact {
  padding: 48px 0;
}

.eeat-contact > .container {
  width: min(calc(100% - 48px), 1180px);
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 900px) {
  main > section > .container > .section-title,
  main > section > .container > .section-sub {
    text-align: center;
  }

  main > section > .container > .section-sub {
    max-width: 780px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (max-width: 760px) {
  main > :where(h1, h2, h3, h4, h5, h6, p, blockquote, address, figure, pre):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
    width: min(calc(100% - 32px), 1180px);
    margin-left: auto;
    margin-right: auto;
  }

  main > section > .container,
  main > section > .section-inner,
  main > section > .wrapper,
  main > section > .inner,
  main > section > .content,
  .xci-managed-hero .xci-hero-layout,
  .eeat-contact > .container {
    width: min(calc(100% - 32px), 1180px);
  }

  .xci-managed-hero {
    padding: 34px 0;
  }

  .xci-managed-hero .hero-overlay {
    text-align: center !important;
  }

  .xci-managed-hero .hero-cta {
    justify-content: center;
  }

  .contact-grid,
  .support-grid,
  .info-grid,
  .steps-grid,
  .feature-grid {
    grid-template-columns: 1fr;
  }

  .contact-card,
  .support-card,
  .info-card,
  .step-card {
    padding: 18px;
  }
}
/* XCI_LAYOUT_GUARD_END */

/* XCI_NEWS_DESKTOP_FIX_START */
body.xci-news-desktop-fix > :where(.hero, .banner, .page-hero, .masthead),
body.xci-news-desktop-fix main > :where(.hero, .banner, .page-hero, .masthead) {
  box-sizing: border-box;
}

@media (min-width: 761px) {
  body.xci-news-desktop-fix > :where(.hero, .banner, .page-hero, .masthead),
  body.xci-news-desktop-fix main > :where(.hero, .banner, .page-hero, .masthead) {
    width: min(calc(100% - 48px), 1180px) !important;
    max-width: 1180px !important;
    margin: clamp(22px, 3vw, 42px) auto 0 !important;
    border-radius: 12px 12px 0 0 !important;
    overflow: hidden !important;
  }

  body.xci-news-desktop-fix > :where(.hero, .banner, .page-hero, .masthead) > img,
  body.xci-news-desktop-fix > :where(.hero, .banner, .page-hero, .masthead) picture > img,
  body.xci-news-desktop-fix main > :where(.hero, .banner, .page-hero, .masthead) > img,
  body.xci-news-desktop-fix main > :where(.hero, .banner, .page-hero, .masthead) picture > img {
    display: block !important;
    width: 100% !important;
    height: clamp(280px, 34vw, 460px) !important;
    max-height: 460px !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.xci-news-desktop-fix > :where(.hero, .banner, .page-hero, .masthead) > :where(.hero-caption, .hero-content, .hero-overlay, .banner-content, .page-hero-content),
  body.xci-news-desktop-fix main > :where(.hero, .banner, .page-hero, .masthead) > :where(.hero-caption, .hero-content, .hero-overlay, .banner-content, .page-hero-content) {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    max-width: none !important;
    transform: none !important;
    padding: clamp(20px, 2.6vw, 34px) !important;
    box-sizing: border-box !important;
    text-align: left !important;
    text-shadow: none !important;
  }

  body.xci-news-desktop-fix > :where(.hero, .banner, .page-hero, .masthead) > :where(.hero-caption, .hero-content, .hero-overlay, .banner-content, .page-hero-content) :where(h1, h2),
  body.xci-news-desktop-fix main > :where(.hero, .banner, .page-hero, .masthead) > :where(.hero-caption, .hero-content, .hero-overlay, .banner-content, .page-hero-content) :where(h1, h2) {
    max-width: 880px !important;
    margin: 0 0 10px !important;
    font-size: clamp(28px, 2.6vw, 42px) !important;
    line-height: 1.16 !important;
  }

  body.xci-news-desktop-fix > :where(.hero, .banner, .page-hero, .masthead) > :where(.hero-caption, .hero-content, .hero-overlay, .banner-content, .page-hero-content) :where(p, .lead, .subtitle),
  body.xci-news-desktop-fix main > :where(.hero, .banner, .page-hero, .masthead) > :where(.hero-caption, .hero-content, .hero-overlay, .banner-content, .page-hero-content) :where(p, .lead, .subtitle) {
    max-width: 820px !important;
    margin: 0 !important;
    line-height: 1.58 !important;
  }

  body.xci-news-desktop-fix main {
    width: min(calc(100% - 48px), 1180px) !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.xci-news-desktop-fix main > :where(section.content-block, article.content-block, .content-block, .article-section, .news-section, .post-section) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: clamp(24px, 3vw, 42px) clamp(22px, 3vw, 44px) !important;
    box-sizing: border-box !important;
  }

  body.xci-news-desktop-fix main > :where(section.content-block, article.content-block, .content-block, .article-section, .news-section, .post-section) > :where(h2, h3) {
    max-width: 920px !important;
  }

  body.xci-news-desktop-fix main > :where(section.content-block, article.content-block, .content-block, .article-section, .news-section, .post-section) > :where(p, ul, ol, blockquote) {
    max-width: 940px !important;
  }

  body.xci-news-desktop-fix :where(.wide-img, figure.wide-img, .article-image, .news-image) {
    width: min(100%, 960px) !important;
    max-width: 960px !important;
    margin: clamp(18px, 2vw, 28px) auto !important;
    overflow: hidden !important;
    border-radius: 10px !important;
  }

  body.xci-news-desktop-fix :where(.wide-img, figure.wide-img, .article-image, .news-image) img {
    display: block !important;
    width: 100% !important;
    height: clamp(240px, 28vw, 420px) !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.xci-news-desktop-fix :where(.grid-cards-3, .news-grid, .article-grid, .cards-grid) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: clamp(16px, 2vw, 24px) !important;
    align-items: stretch !important;
  }

  body.xci-news-desktop-fix :where(.grid-cards-3, .news-grid, .article-grid, .cards-grid) > * {
    min-width: 0 !important;
    width: auto !important;
  }

  body.xci-news-desktop-fix :where(.grid-cards-3, .news-grid, .article-grid, .cards-grid) img {
    width: 100% !important;
    height: clamp(160px, 14vw, 220px) !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.xci-news-desktop-fix :where(.icon-row, .category-row, .feature-row) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)) !important;
    gap: clamp(14px, 1.8vw, 22px) !important;
    align-items: start !important;
  }

  body.xci-news-desktop-fix :where(.icon-row, .category-row, .feature-row) > * {
    width: auto !important;
    min-width: 0 !important;
  }
}

@media (max-width: 760px) {
  body.xci-news-desktop-fix > :where(.hero, .banner, .page-hero, .masthead),
  body.xci-news-desktop-fix main > :where(.hero, .banner, .page-hero, .masthead) {
    width: 100% !important;
    margin: 0 !important;
    border-radius: 0 !important;
    overflow: hidden !important;
  }

  body.xci-news-desktop-fix > :where(.hero, .banner, .page-hero, .masthead) > img,
  body.xci-news-desktop-fix > :where(.hero, .banner, .page-hero, .masthead) picture > img,
  body.xci-news-desktop-fix main > :where(.hero, .banner, .page-hero, .masthead) > img,
  body.xci-news-desktop-fix main > :where(.hero, .banner, .page-hero, .masthead) picture > img {
    width: 100% !important;
    height: clamp(190px, 54vw, 300px) !important;
    object-fit: cover !important;
    object-position: center center !important;
  }

  body.xci-news-desktop-fix > :where(.hero, .banner, .page-hero, .masthead) > :where(.hero-caption, .hero-content, .hero-overlay, .banner-content, .page-hero-content),
  body.xci-news-desktop-fix main > :where(.hero, .banner, .page-hero, .masthead) > :where(.hero-caption, .hero-content, .hero-overlay, .banner-content, .page-hero-content) {
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    padding: 18px 16px !important;
    transform: none !important;
    text-shadow: none !important;
  }

  body.xci-news-desktop-fix main {
    width: min(calc(100% - 24px), 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: hidden !important;
  }

  body.xci-news-desktop-fix main > :where(section.content-block, article.content-block, .content-block, .article-section, .news-section, .post-section) {
    padding: 18px 14px !important;
  }

  body.xci-news-desktop-fix :where(.grid-cards-3, .news-grid, .article-grid, .cards-grid) {
    grid-template-columns: 1fr !important;
  }
}
/* XCI_NEWS_DESKTOP_FIX_END */

/* XCI_FIXED_FOOTER_START */
.xci-fixed-footer {
  background: var(--xci-theme-footer-bg, #020d08);
  color: var(--xci-theme-muted, #9fb0bf);
  border-top: 8px solid var(--xci-theme-accent, #0da64d);
  padding: 58px 0 26px;
  font-family: inherit;
}

.xci-fixed-footer * {
  box-sizing: border-box;
}

.xci-footer-inner {
  width: min(100%, 1280px);
  margin: 0 auto;
  padding: 0 32px;
}

.xci-footer-grid {
  display: grid;
  grid-template-columns: minmax(220px, 1.45fr) minmax(140px, 0.9fr) minmax(180px, 1.1fr) minmax(260px, 1.35fr);
  gap: clamp(34px, 5vw, 78px);
  align-items: start;
}

.xci-footer-col {
  min-width: 0;
}

.xci-footer-title {
  margin: 0 0 22px;
  color: var(--xci-theme-brand, #18d767);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 900;
}

.xci-footer-brand {
  color: var(--xci-theme-brand, #18d767);
}

.xci-footer-desc,
.xci-footer-contact p {
  margin: 0;
  color: var(--xci-theme-muted, #9fb0bf);
  font-size: 18px;
  line-height: 1.58;
}

.xci-footer-links {
  margin: 0;
  padding: 0;
  list-style: none;
}

.xci-footer-links li + li {
  margin-top: 16px;
}

.xci-footer-links a,
.xci-footer-contact a {
  color: var(--xci-theme-muted, #9fb0bf);
  text-decoration: none;
}

.xci-footer-links a:hover,
.xci-footer-contact a:hover {
  color: var(--xci-theme-brand, #18d767);
}

.xci-footer-contact p + p {
  margin-top: 8px;
}

.xci-footer-bottom {
  margin-top: 58px;
  padding-top: 26px;
  border-top: 1px solid var(--xci-theme-line, rgba(24, 215, 103, 0.38));
  text-align: center;
}

.xci-footer-copy {
  margin: 0;
  color: var(--xci-theme-muted, #738394);
  font-size: 16px;
  line-height: 1.5;
}

.xci-footer-responsible {
  margin: 14px 0 0;
  color: var(--xci-theme-accent, #ffd400);
  font-size: 16px;
  line-height: 1.45;
  font-weight: 900;
}

@media (max-width: 760px) {
  .xci-fixed-footer {
    padding: 44px 0 22px;
    border-top-width: 5px;
  }

  .xci-footer-inner {
    padding: 0 24px;
  }

  .xci-footer-grid {
    display: block;
  }

  .xci-footer-col + .xci-footer-col {
    margin-top: 34px;
  }

  .xci-footer-title {
    margin-bottom: 16px;
    font-size: 17px;
  }

  .xci-footer-desc,
  .xci-footer-contact p,
  .xci-footer-links a {
    font-size: 14px;
    line-height: 1.65;
  }

  .xci-footer-links li + li {
    margin-top: 10px;
  }

  .xci-footer-bottom {
    margin-top: 34px;
    padding-top: 22px;
  }

  .xci-footer-copy {
    font-size: 13px;
  }

  .xci-footer-responsible {
    font-size: 13px;
  }
}
/* XCI_FIXED_FOOTER_END */

/* XCI_CONTACT_FORM_START */
.xci-contact-form-section {
  width: min(calc(100% - 48px), 1180px) !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(40px, 5vw, 64px) 0 !important;
  background: transparent !important;
  background-image: none !important;
  text-align: left !important;
}

.xci-contact-form-section > .container,
.xci-contact-form-section > .section-inner,
.xci-contact-form-section > .wrapper,
.xci-contact-form-section > .inner,
.xci-contact-form-section > .content {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.xci-contact-inner {
  width: 100%;
  max-width: 920px;
  margin-left: auto;
  margin-right: auto;
  padding: clamp(22px, 3vw, 34px);
  border: 1px solid var(--xci-theme-line, rgba(255, 255, 255, 0.16));
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.07);
  background: color-mix(in srgb, var(--xci-theme-surface, #ffffff) 9%, transparent);
  box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
}

.xci-contact-form-section h2,
.xci-contact-form-section p {
  text-align: left !important;
}

.xci-contact-form-section h2 {
  margin-top: 0;
}

.xci-contact-form-section > .container > .review-box,
.xci-contact-inner > .review-box {
  max-width: 100%;
}

.xci-contact-form {
  display: grid;
  gap: 16px;
  width: 100%;
  margin-top: 18px;
}

.xci-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.xci-contact-field {
  min-width: 0;
}

.xci-contact-field label {
  display: block;
  margin: 0 0 7px;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 800;
  color: inherit;
}

.xci-contact-form input,
.xci-contact-form select,
.xci-contact-form textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  min-height: 46px;
  padding: 11px 12px;
  border: 1px solid rgba(18, 42, 72, 0.18);
  border-radius: 8px;
  background: #fff;
  color: #172033;
  font: inherit;
  line-height: 1.35;
  outline: none;
  box-shadow: 0 1px 0 rgba(18, 42, 72, 0.04);
}

.xci-contact-form input:focus,
.xci-contact-form select:focus,
.xci-contact-form textarea:focus {
  border-color: var(--xci-theme-accent, #ffd233);
  box-shadow: 0 0 0 3px rgba(255, 210, 51, 0.22);
}

.xci-contact-form textarea {
  min-height: 128px;
  resize: vertical;
}

.xci-contact-full {
  grid-column: 1 / -1;
}

.xci-contact-submit {
  justify-self: start;
  min-height: 46px;
  padding: 12px 24px;
  border: 0;
  border-radius: 8px;
  background: var(--xci-theme-accent, #ffd233);
  color: var(--xci-theme-on-accent, #05140a);
  font: inherit;
  font-weight: 900;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.xci-contact-submit:hover {
  filter: brightness(0.96);
}

@media (max-width: 640px) {
  .xci-contact-form-section {
    width: min(calc(100% - 32px), 1180px) !important;
    padding: 34px 0 !important;
  }

  .xci-contact-inner {
    padding: 20px 16px;
  }

  .xci-contact-grid {
    grid-template-columns: 1fr;
  }

  .xci-contact-submit {
    width: 100%;
    justify-self: stretch;
  }
}
/* XCI_CONTACT_FORM_END */

/* XCI_LICENSE_LAYOUT_START */
.xci-license-page,
.xci-license-page * {
    box-sizing: border-box;
}

.xci-license-page {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    color: var(--xci-theme-text, #f5f7f6);
    background: var(--xci-theme-bg-dark, #07160f);
}

.xci-license-hero,
.xci-license-content {
    width: 100%;
    max-width: 100%;
}

.xci-license-inner {
    width: min(calc(100% - 48px), 980px);
    margin: 0 auto;
}

.xci-license-hero {
    padding: clamp(42px, 6vw, 78px) 0 clamp(28px, 4vw, 44px);
    border-bottom: 1px solid var(--xci-theme-line, rgba(255, 255, 255, .16));
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, 0));
}

.xci-license-hero h1 {
    margin: 0;
    max-width: 900px;
    color: var(--xci-theme-accent, var(--xci-theme-brand, #ffd400));
    font-size: clamp(34px, 4.5vw, 56px);
    line-height: 1.12;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.xci-license-hero p {
    margin: 14px 0 0;
    max-width: 760px;
    color: var(--xci-theme-muted, rgba(245, 247, 246, .78));
    font-size: clamp(16px, 1.4vw, 20px);
    line-height: 1.7;
}

.xci-license-content {
    padding: clamp(30px, 5vw, 56px) 0 clamp(46px, 7vw, 78px);
}

.xci-license-panel {
    width: 100%;
    max-width: 100%;
    padding: clamp(24px, 4vw, 44px);
    border: 1px solid var(--xci-theme-line, rgba(255, 255, 255, .14));
    border-radius: 8px;
    background: rgba(255, 255, 255, .045);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
}

.xci-license-panel .container {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.xci-license-panel section {
    margin: 0;
    padding: 0;
    background: transparent;
}

.xci-license-panel section + section,
.xci-license-panel section.trust-enhanced {
    margin-top: clamp(26px, 4vw, 42px);
    padding-top: clamp(22px, 3vw, 32px);
    border-top: 1px solid var(--xci-theme-line, rgba(255, 255, 255, .14));
}

.xci-license-panel h2 {
    margin: 0 0 12px;
    color: var(--xci-theme-accent, var(--xci-theme-brand, #ffd400));
    font-size: clamp(22px, 2.4vw, 30px);
    line-height: 1.25;
    letter-spacing: 0;
    text-align: left;
    overflow-wrap: anywhere;
}

.xci-license-panel h2 + p,
.xci-license-panel h2 + ul,
.xci-license-panel h2 + ol {
    margin-top: 0;
}

.xci-license-panel p,
.xci-license-panel li,
.xci-license-panel address {
    color: var(--xci-theme-text, #f5f7f6);
    font-size: clamp(15px, 1.18vw, 18px);
    line-height: 1.8;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.xci-license-panel p {
    margin: 0 0 16px;
}

.xci-license-panel ul,
.xci-license-panel ol {
    margin: 10px 0 18px;
    padding-left: 1.25rem;
}

.xci-license-panel li + li {
    margin-top: 8px;
}

.xci-license-panel address {
    display: inline;
    font-style: normal;
}

.xci-license-page img,
.xci-license-page picture,
.xci-license-page figure {
    display: none !important;
}

@media (max-width: 760px) {
    .xci-license-inner {
        width: min(calc(100% - 32px), 980px);
    }

    .xci-license-hero {
        padding: 34px 0 24px;
    }

    .xci-license-hero h1 {
        font-size: clamp(28px, 8vw, 36px);
        line-height: 1.15;
    }

    .xci-license-hero p {
        font-size: 15px;
        line-height: 1.65;
    }

    .xci-license-content {
        padding: 26px 0 44px;
    }

    .xci-license-panel {
        padding: 20px 16px;
        border-radius: 8px;
    }

    .xci-license-panel h2 {
        font-size: clamp(20px, 6vw, 26px);
    }

    .xci-license-panel p,
    .xci-license-panel li,
    .xci-license-panel address {
        font-size: 15px;
        line-height: 1.72;
    }
}
/* XCI_LICENSE_LAYOUT_END */

/* XCI_SIDE_REGISTER_START */
.xci-side-register,
.xci-side-register * {
  box-sizing: border-box;
}

.xci-side-register {
  position: fixed;
  left: 50%;
  bottom: max(18px, env(safe-area-inset-bottom));
  transform: translateX(-50%);
  z-index: 2147482400;
  display: flex;
  justify-content: center;
  width: min(calc(100% - 64px), 560px);
  max-width: 100%;
  pointer-events: none;
}

.xci-side-register[hidden] {
  display: none !important;
}

.xci-side-register-actions {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  pointer-events: auto;
}

.xci-side-register-link {
  position: relative;
  min-width: 0;
  height: 74px;
  padding: 0 18px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-align: center;
  font-size: 26px;
  line-height: 1;
  font-weight: 900;
  letter-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow:
    0 10px 24px rgba(0, 0, 0, .32),
    inset 0 1px rgba(255, 255, 255, .32),
    inset 0 -3px rgba(0, 0, 0, .12);
  transition: transform .16s ease, filter .16s ease;
}

.xci-side-register-register {
  background: #ffcc24;
  color: #071008;
}

.xci-side-register-login {
  background: #08c96b;
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .18);
}

.xci-side-register-link:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.xci-side-register-link:focus-visible {
  outline: 3px solid rgba(255, 255, 255, .86);
  outline-offset: 3px;
}

.xci-side-register-close {
  position: absolute;
  top: -27px;
  right: -27px;
  width: 52px;
  height: 52px;
  border: 2px solid rgba(136, 196, 157, .72);
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #ffffff;
  background: #1d6b4b;
  box-shadow: 0 8px 18px rgba(0, 0, 0, .34);
  font-size: 38px;
  line-height: 1;
  font-weight: 900;
  cursor: pointer;
}

.xci-side-register-close:hover {
  filter: brightness(1.08);
}

.xci-side-register-close:focus-visible {
  outline: 3px solid rgba(255, 255, 255, .86);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .xci-side-register {
    bottom: max(10px, env(safe-area-inset-bottom));
    width: min(calc(100% - 24px), 460px);
  }

  .xci-side-register-actions {
    gap: 8px;
  }

  .xci-side-register-link {
    height: 50px;
    padding: 0 10px;
    border-radius: 8px;
    font-size: 18px;
  }

  .xci-side-register-close {
    top: -18px;
    right: -8px;
    width: 36px;
    height: 36px;
    font-size: 28px;
  }
}
/* XCI_SIDE_REGISTER_END */

/* XCI_COMPACT_DENSITY_START */
:root {
  --xci-compact-section-y: clamp(18px, 2.8vw, 34px);
  --xci-compact-section-gap: clamp(12px, 2vw, 24px);
  --xci-compact-inner-gap: clamp(10px, 1.4vw, 16px);
  --xci-compact-text-gap: 7px;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) {
  padding-top: var(--xci-compact-section-y) !important;
  padding-bottom: var(--xci-compact-section-y) !important;
}

main > :where(section, article, div, aside).xci-auto-section {
  padding-top: var(--xci-compact-section-y) !important;
  padding-bottom: var(--xci-compact-section-y) !important;
}

.xci-managed-hero {
  padding: clamp(24px, 4vw, 48px) 0 !important;
}

.xci-game-section {
  padding: clamp(22px, 3.4vw, 42px) 0 !important;
}

main > :where(section, article, div, aside, form, table, ul, ol):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) + :where(section, article, div, aside, form, table, ul, ol):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) {
  margin-top: var(--xci-compact-section-gap) !important;
}

main > :where(h1, h2, h3, h4, h5, h6, p, blockquote, address, figure, pre):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) + :where(h1, h2, h3, h4, h5, h6, p, blockquote, address, figure, pre):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
  margin-top: clamp(14px, 2vw, 28px) !important;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(h1, h2, h3, h4, h5, h6),
main > :where(h1, h2, h3, h4, h5, h6):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
  margin-top: 0;
  margin-bottom: 8px;
  line-height: 1.24;
}

main :where(.section-title, .section-subtitle, .section-heading, .xci-section-heading, .xci-game-heading, .xci-faq-group-title) {
  margin-top: 0 !important;
  margin-bottom: clamp(8px, 1.4vw, 14px) !important;
}

main .xci-section-stacked > .xci-section-heading {
  margin: 0 0 clamp(8px, 1.4vw, 14px) !important;
}

main .xci-section-stacked > .xci-section-body {
  margin-top: 0 !important;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(h1, h2, h3, h4, h5, h6) + :where(p, ul, ol, div, table, form),
main > :where(h1, h2, h3, h4, h5, h6):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) + :where(p, ul, ol, div, table, form) {
  margin-top: 0 !important;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(p, li, dd, blockquote, address),
main > :where(p, li, dd, blockquote, address):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section),
main :where(.xci-managed-hero, .xci-game-section) :where(p, li, dd, blockquote, address) {
  line-height: 1.56;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(p, blockquote, address),
main > :where(p, blockquote, address):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
  margin-top: 0;
  margin-bottom: var(--xci-compact-text-gap);
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(p, blockquote, address):last-child,
main > :where(p, blockquote, address):last-child {
  margin-bottom: 0;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(ul, ol) {
  margin-top: 6px;
  margin-bottom: 8px;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(li + li) {
  margin-top: 4px;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(.sec-sub, .section-sub, .subtitle, .lead, .intro, .description) {
  margin-bottom: clamp(8px, 1.4vw, 14px) !important;
  line-height: 1.54;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(.contact-card, .support-card, .info-card, .step-card, .feature-card, .promo-card, .faq-item, .review-card, .article-block, .content-block, .review-box, .stat-box) {
  padding: clamp(12px, 1.7vw, 16px) !important;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(.steps, .steps-grid, .feature-grid, .content-grid, .info-grid, .support-grid, .contact-grid, .promo-grid, .process-steps, .advantage-list, .faq-list, .about-flex, .app-flex, .resp-flex, .grid-6, .grid-4, .grid-3, .products-grid, .discover-grid) {
  gap: var(--xci-compact-inner-gap) !important;
}

main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(.faq-item + .faq-item) {
  margin-top: 8px !important;
}

main :where(.p-info, .p-body, .d-body, .card-body, .card-content) {
  padding: clamp(10px, 1.5vw, 14px) !important;
}

main :where(p[style], div[style], section[style]) {
  margin-top: min(var(--xci-compact-text-gap), 8px) !important;
  margin-bottom: var(--xci-compact-text-gap) !important;
}

.xci-game-heading {
  margin-bottom: clamp(10px, 1.6vw, 16px) !important;
}

.xci-game-grid {
  gap: clamp(10px, 1.4vw, 16px) !important;
}

.xci-game-card {
  border-radius: 6px !important;
}

.xci-fixed-footer {
  padding-top: clamp(26px, 3.5vw, 38px) !important;
  padding-bottom: 10px !important;
}

.xci-fixed-footer :where(.xci-footer-inner, .footer-grid) {
  gap: clamp(12px, 1.8vw, 18px) !important;
}

.xci-fixed-footer :where(p, li) {
  margin-bottom: 6px !important;
  line-height: 1.5 !important;
}

@media (max-width: 760px) {
  :root {
    --xci-compact-section-y: clamp(16px, 5.8vw, 28px);
    --xci-compact-section-gap: clamp(12px, 4.5vw, 20px);
    --xci-compact-inner-gap: 10px;
    --xci-compact-text-gap: 6px;
  }

  main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(p, li, dd, blockquote, address),
  main > :where(p, li, dd, blockquote, address):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section) {
    line-height: 1.52;
  }

  main > :where(section, article, div, aside):not(.xci-managed-hero):not(.xci-game-section):not(.xci-license-page):not(.xci-contact-form-section):not(.xci-faq-page-section):not(.xci-fixed-footer) :where(.contact-card, .support-card, .info-card, .step-card, .feature-card, .promo-card, .faq-item, .review-card, .article-block, .content-block, .review-box, .stat-box) {
    padding: 12px !important;
  }
}
/* XCI_COMPACT_DENSITY_END */