:root {
  --sm-bg: #070509;
  --sm-surface: #110b18;
  --sm-panel: #1b1028;
  --sm-purple: #6c28a9;
  --sm-purple-soft: #a778e2;
  --sm-gold: #ffc805;
  --sm-orange: #f58b12;
  --sm-text: #fffaf0;
  --sm-muted: #c9bdd3;
  --sm-border: rgba(209, 172, 245, .2);
  --sm-shell: 1240px;
  --sm-radius: 18px;
}
* { box-sizing: border-box; }
html { background: var(--sm-bg); color-scheme: dark; scroll-behavior: smooth; }
body.sm-site { margin: 0; min-width: 320px; overflow-x: hidden; background:
  radial-gradient(circle at 76% 8%, rgba(101, 38, 157, .2), transparent 25rem), var(--sm-bg);
  color: var(--sm-text); font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif; line-height: 1.65; }
a { color: #edc8ff; text-underline-offset: .2em; }
a:hover { color: #fff; }
img { display: block; max-width: 100%; }
.sm-shell { width: min(calc(100% - 40px), var(--sm-shell)); margin-inline: auto; }
.sm-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:focus-visible { outline: 3px solid var(--sm-gold); outline-offset: 4px; }
.sm-header { position: sticky; top: 0; z-index: 50; background: rgba(7,5,9,.93); border-bottom: 1px solid var(--sm-border); backdrop-filter: blur(16px); }
.sm-header__row { min-height: 82px; display: flex; align-items: center; gap: 28px; }
.sm-brand { flex: 0 0 auto; }
.sm-brand img { width: 172px; height: auto; }
.sm-nav { margin-inline: auto; }
.sm-nav ul { display: flex; align-items: center; gap: 22px; margin: 0; padding: 0; list-style: none; }
.sm-nav a { color: var(--sm-text); font-size: .86rem; font-weight: 800; letter-spacing: .03em; text-decoration: none; text-transform: uppercase; }
.sm-nav a:hover { color: var(--sm-gold); }
.sm-header__actions { display: flex; align-items: center; gap: 10px; }
.sm-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: 10px 24px; border: 1px solid #ffe277;
  border-radius: 999px; background: linear-gradient(180deg,#fff0a6 0,#ffc805 42%,#f58b12 78%,#a95700 100%);
  box-shadow: inset 0 1px #fff, 0 8px 28px rgba(245,139,18,.24); color: #251300; font-weight: 900; line-height: 1.1; text-decoration: none; }
.sm-button:hover { color: #120900; filter: brightness(1.08); transform: translateY(-1px); }
.sm-button--small { min-height: 42px; padding-inline: 18px; font-size: .86rem; }
.sm-button--ghost { border-color: var(--sm-border); background: rgba(13,7,19,.76); box-shadow: none; color: var(--sm-text); }
.sm-language { position: relative; }
.sm-language summary { display: grid; width: 44px; height: 44px; place-items: center; cursor: pointer; border: 1px solid var(--sm-border); border-radius: 50%; color: var(--sm-text); font-weight: 900; list-style: none; }
.sm-language summary::-webkit-details-marker { display: none; }
.sm-language ul { position: absolute; top: 52px; right: 0; z-index: 20; width: 220px; max-height: 65vh; overflow: auto; margin: 0; padding: 8px;
  border: 1px solid var(--sm-border); border-radius: 14px; background: #130d1a; box-shadow: 0 22px 70px #000; list-style: none; }
.sm-language:not([open]) ul { display: none; }
.sm-language li a { display: flex; gap: 12px; padding: 9px 10px; border-radius: 9px; color: var(--sm-text); text-decoration: none; }
.sm-language li a:hover, .sm-language li a[aria-current="page"] { background: rgba(167,120,226,.2); }
.sm-language strong { min-width: 28px; color: var(--sm-gold); }

.sm-kicker { margin: 0 0 10px; color: var(--sm-gold); font-size: .78rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.sm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.sm-hero { position: relative; min-height: 620px; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--sm-border); }
.sm-hero::after { position: absolute; inset: 0; z-index: -1; content: ""; background:
  linear-gradient(90deg, rgba(7,5,9,.98) 0%, rgba(7,5,9,.9) 36%, rgba(7,5,9,.2) 72%, rgba(7,5,9,.75) 100%),
  linear-gradient(0deg, var(--sm-bg), transparent 34%); }
.sm-hero__image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.sm-hero__content { display: flex; min-height: 620px; flex-direction: column; align-items: flex-start; justify-content: center; padding-block: 76px; }
.sm-hero h1 { max-width: 760px; margin: 0; font-size: clamp(2.7rem, 5.7vw, 5.5rem); line-height: .96; letter-spacing: -.055em; text-wrap: balance; }
.sm-hero h1, .sm-prose > h1:first-child { overflow-wrap: anywhere; hyphens: auto; }
.sm-hero__offer { max-width: 670px; margin: 18px 0 0; color: #fff0a6; font-size: clamp(1.25rem, 2.5vw, 2.2rem); font-weight: 900; line-height: 1.18; }
.sm-hero__lead { max-width: 610px; margin: 18px 0 26px; color: var(--sm-muted); font-size: 1.05rem; }
.sm-hero__terms { max-width: 600px; margin: 16px 0 0; color: #ad9db9; font-size: .78rem; }
.sm-benefits { position: relative; z-index: 2; padding: 28px 0; background: linear-gradient(90deg,#3e126a,#7d2bbb 48%,#3d1267); border-block: 1px solid rgba(255,255,255,.12); }
.sm-benefits h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.sm-benefit-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.sm-benefit-grid article { display: flex; align-items: center; gap: 14px; padding-inline: 20px; }
.sm-benefit-grid article + article { border-left: 1px solid rgba(255,255,255,.22); }
.sm-benefit-grid span { color: var(--sm-gold); font-size: 2.2rem; font-weight: 900; line-height: 1; }
.sm-benefit-grid h3, .sm-benefit-grid p { margin: 0; }
.sm-benefit-grid h3 { font-size: 1rem; }
.sm-benefit-grid p { color: #e2d4ed; font-size: .84rem; }
.sm-section { padding: clamp(64px, 8vw, 108px) 0; }
.sm-section--ink { background: #0d0811; border-block: 1px solid var(--sm-border); }
.sm-section--violet { background:
  radial-gradient(circle at 80% 20%, rgba(167,120,226,.16), transparent 22rem),
  linear-gradient(135deg,#1f0d31,#100917 70%); border-block: 1px solid var(--sm-border); }
.sm-section__heading { max-width: 760px; margin-bottom: 36px; }
.sm-section__heading h2, .sm-offer h2, .sm-mobile h2, .sm-safety h2, .sm-final h2 { margin: 0 0 12px; font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.05; letter-spacing: -.035em; text-wrap: balance; }
.sm-section__heading p { margin: 0; color: var(--sm-muted); font-size: 1.03rem; }
.sm-category-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; }
.sm-category-grid a { position: relative; min-height: 280px; overflow: hidden; border: 1px solid var(--sm-border); border-radius: var(--sm-radius); background: var(--sm-panel); color: #fff; text-decoration: none; }
.sm-category-grid a::after { position: absolute; inset: 35% 0 0; content: ""; background: linear-gradient(transparent,rgba(6,3,8,.96)); }
.sm-category-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.sm-category-grid strong { position: absolute; right: 20px; bottom: 18px; left: 20px; z-index: 2; font-size: 1.2rem; }
.sm-category-grid a:hover img { transform: scale(1.045); }
.sm-game-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 24px 16px; }
.sm-game-card { min-width: 0; }
.sm-game-card__media { position: relative; box-sizing: border-box; aspect-ratio: 1; overflow: hidden; padding: 3px; border: 1px solid rgba(255,201,55,.38); border-radius: 14px; background: linear-gradient(145deg,#3a1b50,#160d20); box-shadow: 0 12px 30px rgba(0,0,0,.34),0 0 0 1px rgba(144,83,203,.15); }
.sm-game-card__media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(transparent 42%,rgba(7,5,9,.9)); opacity: 0; transition: opacity .25s ease; }
.sm-game-card__media img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; transition: transform .3s ease; }
.sm-game-card__media .sm-button { position: absolute; right: 14px; bottom: 14px; left: 14px; z-index: 2; opacity: 0; transform: translateY(10px); transition: opacity .25s ease, transform .25s ease; }
.sm-game-card:hover .sm-game-card__media::after, .sm-game-card:focus-within .sm-game-card__media::after { opacity: 1; }
.sm-game-card:hover img { transform: scale(1.04); }
.sm-game-card:hover .sm-button, .sm-game-card:focus-within .sm-button { opacity: 1; transform: translateY(0); }
.sm-game-card h3 { margin: 12px 0 0; font-size: 1rem; line-height: 1.3; }
.sm-game-card > p { margin: 2px 0 0; color: var(--sm-purple-soft); font-size: .82rem; }
.sm-offer { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(320px,.85fr); align-items: center; gap: clamp(30px,6vw,90px); }
.sm-offer > div > p:not(.sm-kicker), .sm-mobile p, .sm-safety p, .sm-final > p:not(.sm-kicker) { color: var(--sm-muted); }
.sm-offer__card { position: relative; overflow: hidden; padding: clamp(28px,4vw,48px); border: 1px solid #8c5abb; border-radius: 24px; background: linear-gradient(145deg,#361653,#160d20); box-shadow: 0 24px 80px rgba(0,0,0,.35); }
.sm-offer__card::before { position: absolute; width: 180px; height: 180px; top: -100px; right: -60px; border-radius: 50%; background: var(--sm-gold); filter: blur(70px); opacity: .3; content: ""; }
.sm-offer__card > strong { display: block; color: #fff0a6; font-size: clamp(1.5rem,3vw,2.35rem); line-height: 1.12; }
.sm-offer__card p { color: var(--sm-muted); }
.sm-info-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.sm-info-grid article { padding: 26px; border: 1px solid var(--sm-border); border-radius: 16px; background: rgba(7,5,9,.36); }
.sm-info-grid h3 { margin: 0 0 8px; color: #fff0a6; }
.sm-info-grid p { margin: 0; color: var(--sm-muted); }
.sm-more { margin: 26px 0 0; font-weight: 800; }
.sm-mobile { display: grid; grid-template-columns: minmax(0,.85fr) minmax(380px,1.15fr); align-items: center; gap: clamp(30px,5vw,70px); }
.sm-mobile img { width: 100%; max-height: 430px; object-fit: cover; object-position: center; border: 1px solid var(--sm-border); border-radius: 26px; box-shadow: 0 24px 80px #000; }
.sm-provider-showcase { display: grid; grid-template-columns: repeat(6,1fr); gap: 10px; margin: 0; padding: 0; list-style: none; }
.sm-provider-showcase li, .sm-mark-grid li { display: grid; min-width: 0; place-items: center; border: 1px solid rgba(255,255,255,.14); border-radius: 11px; background: #f5f0fa; }
.sm-provider-showcase li, .sm-mark-grid--providers li { overflow: hidden; border-color: rgba(255,203,71,.34); background: linear-gradient(145deg,#fffdf7 0%,#eee8f5 100%); box-shadow: inset 0 1px 0 #fff,0 8px 22px rgba(0,0,0,.22); }
.sm-provider-showcase li { min-height: 82px; padding: 14px; }
.sm-provider-showcase img { width: min(100%,138px); height: 46px; max-width: none; max-height: none; object-fit: cover; object-position: 50% 24%; }
.sm-safety { display: grid; grid-template-columns: auto minmax(0,720px); justify-content: center; align-items: center; gap: 32px; }
.sm-safety > strong, .sm-responsible > strong { display: grid; width: 112px; height: 112px; place-items: center; border: 7px solid #fff; border-radius: 50%; color: #fff; font-size: 2rem; line-height: 1; box-shadow: 0 0 0 3px #e62a38; }
.sm-safety h2 { font-size: clamp(1.8rem,3vw,2.8rem); }
.sm-faq { display: grid; max-width: 900px; gap: 10px; }
.sm-faq details { border: 1px solid var(--sm-border); border-radius: 14px; background: rgba(7,5,9,.38); }
.sm-faq summary { cursor: pointer; padding: 18px 54px 18px 20px; font-weight: 800; }
.sm-faq details div { padding: 0 20px 18px; color: var(--sm-muted); }
.sm-faq details p { margin: 0; }
.sm-final { max-width: 850px; text-align: center; }
.sm-final .sm-actions { justify-content: center; margin-top: 26px; }
.sm-footer { padding: 0 0 32px; background: #030204; border-top: 1px solid var(--sm-border); }
.sm-footer__rail { padding-block: 38px; border-bottom: 1px solid var(--sm-border); }
.sm-footer__rail h2 { margin: 0 0 18px; color: var(--sm-muted); font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; }
.sm-mark-grid { display: grid; margin: 0; padding: 0; list-style: none; }
.sm-mark-grid--payments { grid-template-columns: repeat(11,1fr); gap: 8px; }
.sm-mark-grid--providers { grid-template-columns: repeat(9,1fr); gap: 8px; }
.sm-mark-grid--payments li { min-height: 54px; padding: 10px; }
.sm-mark-grid--providers li { min-height: 58px; padding: 10px; }
.sm-mark-grid img { max-width: 100%; max-height: 34px; object-fit: contain; }
.sm-mark-grid--providers img { width: 100%; height: 34px; max-width: none; max-height: none; object-fit: cover; object-position: 50% 24%; }
.sm-footer__trust { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding-block: 44px; border-bottom: 1px solid var(--sm-border); }
.sm-footer__trust > div { max-width: 720px; }
.sm-footer__trust h2 { margin: 0 0 8px; }
.sm-footer__trust p:not(.sm-kicker) { margin: 0 0 8px; color: var(--sm-muted); }
.sm-mark-grid--trust { width: 88px; flex: 0 0 88px; }
.sm-mark-grid--trust li { min-height: 88px; padding: 12px; background: transparent; }
.sm-mark-grid--trust img { max-height: 64px; }
.sm-footer__main { display: grid; grid-template-columns: minmax(240px,340px) 1fr; gap: clamp(40px,8vw,120px); padding-block: 48px; }
.sm-footer__brand img { width: 180px; height: auto; }
.sm-footer__brand p { color: var(--sm-muted); }
.sm-footer__links { display: grid; grid-template-columns: repeat(3,1fr); align-content: start; gap: 10px 26px; }
.sm-footer__links a { color: var(--sm-muted); text-decoration: none; }
.sm-footer__links a:hover { color: var(--sm-gold); }
.sm-footer__legal { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-top: 26px; border-top: 1px solid var(--sm-border); color: #988ba2; font-size: .82rem; }
.sm-footer__legal p { margin: 0; }
.sm-article { min-height: 60vh; padding: clamp(44px,7vw,90px) 0 clamp(70px,9vw,120px); }
.sm-article__inner { max-width: 980px; }
.sm-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 34px; color: #a99bb2; font-size: .84rem; }
.sm-breadcrumb a { color: var(--sm-purple-soft); }
.sm-article__header { max-width: 760px; margin-bottom: 14px; }
.sm-article__header > p:last-child:not(.sm-kicker) { margin: 0; color: var(--sm-muted); font-size: 1.12rem; }
.sm-prose { max-width: 780px; }
.sm-prose > h1:first-child { max-width: 840px; margin: 0 0 28px; font-size: clamp(2.5rem,5vw,4.7rem); line-height: 1.02; letter-spacing: -.045em; text-wrap: balance; }
.sm-prose h2 { margin: 2.4em 0 .65em; font-size: clamp(1.65rem,3vw,2.4rem); line-height: 1.15; letter-spacing: -.025em; }
.sm-prose h3 { margin: 1.8em 0 .55em; color: #fff0a6; font-size: 1.2rem; }
.sm-prose p, .sm-prose li { color: #d5cadc; }
.sm-prose strong { color: #fff; }
.sm-prose ul, .sm-prose ol { padding-left: 1.35rem; }
.sm-prose li + li { margin-top: .45rem; }
.sm-prose blockquote { margin: 28px 0; padding: 18px 22px; border-left: 4px solid var(--sm-gold); background: var(--sm-panel); }
.sm-prose blockquote p { margin: 0; color: #fff; }
.sm-prose table { display: block; width: 100%; overflow-x: auto; border-collapse: collapse; scrollbar-color: var(--sm-purple) var(--sm-panel); }
.sm-prose th, .sm-prose td { min-width: 160px; padding: 13px 15px; border: 1px solid var(--sm-border); text-align: left; vertical-align: top; }
.sm-prose th { background: var(--sm-panel); color: #fff0a6; }
.sm-prose td { color: #d5cadc; }
.sm-prose .cta { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; margin: 12px 0; padding: 10px 24px; border: 1px solid #ffe277; border-radius: 999px;
  background: linear-gradient(180deg,#fff0a6,#ffc805 45%,#d66f00); color: #251300; font-weight: 900; text-decoration: none; }
.sm-responsible { display: flex; max-width: 780px; align-items: center; gap: 28px; margin-top: 60px; padding: 28px; border: 1px solid var(--sm-border); border-radius: 18px; background: var(--sm-panel); }
.sm-responsible > strong { width: 82px; height: 82px; flex: 0 0 82px; border-width: 5px; font-size: 1.4rem; }
.sm-responsible h2, .sm-responsible p { margin: 0; }
.sm-responsible p { color: var(--sm-muted); }

@media (max-width: 1040px) {
  .sm-header__row { flex-wrap: wrap; gap: 10px 20px; padding-block: 12px; }
  .sm-nav { order: 3; width: 100%; overflow-x: auto; }
  .sm-nav ul { width: max-content; min-width: 100%; justify-content: center; }
  .sm-game-grid { grid-template-columns: repeat(3,1fr); }
  .sm-category-grid { grid-template-columns: repeat(2,1fr); }
  .sm-provider-showcase { grid-template-columns: repeat(4,1fr); }
  .sm-mark-grid--payments { grid-template-columns: repeat(6,1fr); }
  .sm-mark-grid--providers { grid-template-columns: repeat(6,1fr); }
}
@media (max-width: 760px) {
  .sm-shell { width: min(calc(100% - 28px), var(--sm-shell)); }
  .sm-header__row { min-height: 70px; }
  .sm-brand img { width: 138px; }
  .sm-header__actions { margin-left: auto; }
  .sm-nav ul { justify-content: flex-start; gap: 14px; padding-block: 7px 2px; }
  .sm-nav a { font-size: .72rem; }
  .sm-hero, .sm-hero__content { min-height: 650px; }
  .sm-hero__image { object-position: 68% center; }
  .sm-hero::after { background: linear-gradient(0deg,rgba(7,5,9,.98) 8%,rgba(7,5,9,.8) 58%,rgba(7,5,9,.25)); }
  .sm-hero__content { justify-content: flex-end; padding-block: 80px 48px; }
  .sm-hero h1 { font-size: clamp(2.3rem,10vw,3.8rem); }
  .sm-benefit-grid { grid-template-columns: 1fr; }
  .sm-benefit-grid article { padding: 10px 0; }
  .sm-benefit-grid article + article { border-top: 1px solid rgba(255,255,255,.18); border-left: 0; }
  .sm-game-grid { grid-template-columns: repeat(2,1fr); }
  .sm-game-card__media .sm-button { min-height: 40px; padding: 8px 12px; opacity: 1; transform: none; }
  .sm-game-card__media::after { opacity: 1; }
  .sm-offer, .sm-mobile { grid-template-columns: 1fr; }
  .sm-mobile img { order: -1; max-height: 330px; }
  .sm-info-grid { grid-template-columns: 1fr; }
  .sm-provider-showcase { grid-template-columns: repeat(3,1fr); }
  .sm-footer__main { grid-template-columns: 1fr; }
  .sm-footer__links { grid-template-columns: repeat(2,1fr); }
  .sm-footer__trust { align-items: flex-start; }
  .sm-mark-grid--payments { grid-template-columns: repeat(4,1fr); }
  .sm-mark-grid--providers { grid-template-columns: repeat(4,1fr); }
  .sm-safety { grid-template-columns: 1fr; justify-items: start; }
}
@media (max-width: 480px) {
  .sm-header .sm-button--small { min-height: 38px; padding-inline: 13px; font-size: .76rem; }
  .sm-language summary { width: 38px; height: 38px; }
  .sm-language ul { position: fixed; top: 70px; right: 10px; left: 10px; width: auto; }
  .sm-category-grid { grid-template-columns: 1fr 1fr; gap: 10px; }
  .sm-category-grid a { min-height: 165px; }
  .sm-category-grid strong { right: 12px; bottom: 10px; left: 12px; font-size: .95rem; }
  .sm-game-grid { gap: 18px 10px; }
  .sm-game-card h3 { font-size: .88rem; }
  .sm-game-card > p { font-size: .75rem; }
  .sm-provider-showcase li { min-height: 68px; padding: 9px; }
  .sm-footer__links { grid-template-columns: 1fr; }
  .sm-footer__trust { display: grid; }
  .sm-mark-grid--payments, .sm-mark-grid--providers { grid-template-columns: repeat(3,1fr); }
  .sm-responsible { display: grid; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}