:root {
  color-scheme: dark;
  --dk-bg: #080707;
  --dk-surface: #12100f;
  --dk-surface-2: #1b1714;
  --dk-card: #211a16;
  --dk-ink: #fff7e7;
  --dk-muted: #c8bba8;
  --dk-dim: #8d8174;
  --dk-line: rgba(255, 220, 164, .16);
  --dk-ember: #ff4e16;
  --dk-fire: #ff8a1f;
  --dk-gold: #ffd166;
  --dk-green: #9bd06a;
  --dk-shadow: 0 28px 80px rgba(0, 0, 0, .46);
  --dk-radius: 18px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--dk-bg); }
body { margin: 0; background: var(--dk-bg); color: var(--dk-ink); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; line-height: 1.65; overflow-x: hidden; }
img { display: block; max-width: 100%; }
a { color: var(--dk-gold); text-underline-offset: .2em; }
a:hover { color: #fff2ba; }
button, summary, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--dk-gold); outline-offset: 4px; border-radius: 4px; }
.dk-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.dk-kicker { margin: 0 0 .7rem; color: var(--dk-gold); font-size: .75rem; font-weight: 900; letter-spacing: .16em; text-transform: uppercase; }
.dk-site h1, .dk-site h2, .dk-site h3 { margin-top: 0; font-family: Georgia, "Times New Roman", serif; line-height: 1.08; text-wrap: balance; }
.dk-site h1 { font-size: clamp(2.35rem, 5.5vw, 5rem); letter-spacing: -.045em; }
.dk-site h2 { font-size: clamp(1.8rem, 3.5vw, 3.25rem); letter-spacing: -.035em; }
.dk-site h3 { font-size: 1.2rem; }

.dk-header { position: sticky; z-index: 50; top: 0; border-bottom: 1px solid var(--dk-line); background: rgba(8, 7, 7, .92); backdrop-filter: blur(18px); }
.dk-header__row { min-height: 78px; display: grid; grid-template-columns: 180px minmax(0, 1fr) auto; align-items: center; gap: 22px; }
.dk-brand { display: block; width: 168px; }
.dk-brand img { width: 100%; height: auto; }
.dk-nav ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 4px; margin: 0; padding: 0; list-style: none; }
.dk-nav a { display: block; padding: .58rem .72rem; border-radius: 10px; color: var(--dk-muted); font-size: .88rem; font-weight: 750; text-decoration: none; }
.dk-nav a:hover { background: rgba(255, 138, 31, .08); color: var(--dk-ink); }
.dk-header__actions { display: flex; align-items: center; gap: 9px; }
.dk-language { position: relative; }
.dk-language summary { display: grid; place-items: center; min-width: 44px; min-height: 42px; border: 1px solid var(--dk-line); border-radius: 11px; color: var(--dk-ink); cursor: pointer; list-style: none; font-size: .8rem; font-weight: 900; }
.dk-language summary::-webkit-details-marker { display: none; }
.dk-language ul { position: absolute; right: 0; top: calc(100% + 10px); width: 196px; max-height: min(430px, 70vh); overflow: auto; margin: 0; padding: 8px; border: 1px solid var(--dk-line); border-radius: 14px; background: #171310; box-shadow: var(--dk-shadow); list-style: none; }
.dk-language a { display: flex; gap: 12px; align-items: center; padding: 9px 10px; border-radius: 9px; color: var(--dk-muted); text-decoration: none; }
.dk-language a:hover, .dk-language a[aria-current="page"] { background: rgba(255, 138, 31, .13); color: var(--dk-ink); }
.dk-language strong { min-width: 25px; color: var(--dk-gold); }
.dk-login { padding: .62rem .4rem; color: var(--dk-ink); font-weight: 750; text-decoration: none; }
.dk-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: .75rem 1.25rem; border: 1px solid #ffb15c; border-radius: 12px; background: linear-gradient(135deg, var(--dk-fire), var(--dk-ember)); box-shadow: 0 12px 30px rgba(255, 78, 22, .25); color: #1b0902; font-size: .92rem; font-weight: 900; letter-spacing: .015em; text-decoration: none; }
.dk-button:hover { transform: translateY(-1px); box-shadow: 0 14px 36px rgba(255, 78, 22, .38); color: #120500; }
.dk-button--small { min-height: 42px; padding: .62rem .9rem; }

.dk-hero { position: relative; min-height: 560px; display: grid; align-items: center; isolation: isolate; overflow: hidden; border-bottom: 1px solid var(--dk-line); }
.dk-hero picture, .dk-hero picture img, .dk-hero__shade { position: absolute; inset: 0; width: 100%; height: 100%; }
.dk-hero picture img { object-fit: cover; object-position: center; }
.dk-hero__shade { z-index: 1; background: linear-gradient(90deg, rgba(7,6,6,.97) 0%, rgba(7,6,6,.78) 39%, rgba(7,6,6,.18) 72%), linear-gradient(0deg, #080707 0%, transparent 25%); }
.dk-hero__content { position: relative; z-index: 2; padding-block: 76px; }
.dk-hero__content h1 { max-width: 780px; margin-bottom: 1rem; text-shadow: 0 3px 28px rgba(0,0,0,.7); }
.dk-hero__offer { width: fit-content; margin: 0 0 1rem; padding: .42rem .75rem; border: 1px solid rgba(255,209,102,.48); border-radius: 999px; background: rgba(20,12,7,.74); color: var(--dk-gold); font-weight: 950; letter-spacing: .06em; }
.dk-hero__lead { max-width: 620px; margin: 0 0 1.35rem; color: #f4e9d9; font-size: 1.08rem; }
.dk-hero__terms { max-width: 690px; margin: 1.1rem 0 0; color: #d4c5b2; font-size: .8rem; }
.dk-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.dk-text-link { font-weight: 800; }

.dk-benefits { padding: 24px 0; border-bottom: 1px solid var(--dk-line); background: #0d0b0a; }
.dk-benefits h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.dk-benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.dk-benefit-grid article { display: flex; align-items: flex-start; gap: 15px; padding: 18px; border: 1px solid var(--dk-line); border-radius: 14px; background: linear-gradient(145deg, rgba(255,255,255,.035), transparent); }
.dk-benefit-grid article > span { color: var(--dk-fire); font-family: Georgia,serif; font-size: 1.7rem; font-weight: 900; }
.dk-benefit-grid h3, .dk-benefit-grid p { margin-bottom: 0; }
.dk-benefit-grid p { color: var(--dk-muted); font-size: .9rem; }

.dk-section { padding: clamp(64px, 8vw, 108px) 0; border-bottom: 1px solid var(--dk-line); }
.dk-section--deep { background: radial-gradient(circle at 75% 20%, rgba(255,78,22,.10), transparent 31%), #0d0a09; }
.dk-section--ember { background: linear-gradient(120deg, #1e0d08, #0b0908 62%); }
.dk-section--safe { background: #10120d; }
.dk-section__heading { max-width: 760px; margin-bottom: 34px; }
.dk-section__heading h2 { margin-bottom: .65rem; }
.dk-section__heading p { color: var(--dk-muted); }
.dk-category-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.dk-category-grid a { min-height: 154px; display: grid; grid-template-columns: 1fr auto; grid-template-rows: 1fr auto; gap: 12px; padding: 20px; border: 1px solid var(--dk-line); border-radius: var(--dk-radius); background: linear-gradient(150deg, var(--dk-card), #110e0c); color: var(--dk-ink); text-decoration: none; }
.dk-category-grid a:hover { border-color: rgba(255,138,31,.55); transform: translateY(-3px); }
.dk-category__icon { grid-column: 1 / -1; display: grid; place-items: center; width: 72px; height: 72px; border-radius: 22px 8px 22px 8px; background: rgba(255,138,31,.1); }
.dk-category__icon img { width: 52px; height: 52px; object-fit: contain; }
.dk-category-grid strong { font-family: Georgia,serif; font-size: 1.08rem; }
.dk-game-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.dk-game-card { min-width: 0; overflow: hidden; border: 1px solid rgba(255, 220, 164, .18); border-radius: 14px; background: linear-gradient(145deg, #171311, #090808); box-shadow: 0 14px 34px rgba(0, 0, 0, .24); }
.dk-game-card__media { position: relative; aspect-ratio: 1; overflow: hidden; border-bottom: 1px solid var(--dk-line); background: #090808; }
.dk-game-card__media img { width: 100%; height: 100%; object-fit: cover; }
.dk-game-card__media .dk-button { position: absolute; inset: auto 10px 10px; min-height: 40px; opacity: 0; transform: translateY(8px); }
.dk-game-card:hover .dk-game-card__media .dk-button, .dk-game-card:focus-within .dk-game-card__media .dk-button { opacity: 1; transform: translateY(0); }
.dk-game-card h3 { margin: 12px 12px 3px; font-family: inherit; font-size: .91rem; line-height: 1.25; }
.dk-game-card p { margin: 0 12px 12px; color: var(--dk-dim); font-size: .78rem; }
.dk-offer { display: grid; grid-template-columns: minmax(0, .8fr) minmax(420px, 1.2fr); align-items: center; gap: 38px; }
.dk-offer > picture { grid-row: 1 / span 2; grid-column: 2; overflow: hidden; border: 1px solid var(--dk-line); border-radius: var(--dk-radius); box-shadow: var(--dk-shadow); }
.dk-offer picture img { width: 100%; min-height: 300px; object-fit: cover; }
.dk-sports { display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 44px; }
.dk-sports picture { overflow: hidden; border-radius: var(--dk-radius); box-shadow: var(--dk-shadow); }
.dk-sports picture img { width: 100%; min-height: 320px; object-fit: cover; }
.dk-info-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.dk-info-grid article { padding: 24px; border: 1px solid var(--dk-line); border-radius: var(--dk-radius); background: var(--dk-surface); }
.dk-info-grid h3 { margin-bottom: .65rem; color: var(--dk-gold); }
.dk-info-grid p { margin-bottom: 0; color: var(--dk-muted); }
.dk-more { margin-top: 22px; }
.dk-mobile { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 42px; }
.dk-mobile picture { overflow: hidden; border-radius: var(--dk-radius); }
.dk-mobile picture img { width: 100%; min-height: 300px; object-fit: cover; }
.dk-provider-showcase, .dk-mark-grid { margin: 0; padding: 0; list-style: none; }
.dk-provider-showcase { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px; }
.dk-provider-showcase li, .dk-mark-grid li { display: grid; place-items: center; min-width: 0; border: 1px solid var(--dk-line); border-radius: 10px; }
.dk-provider-showcase li, .dk-mark-grid--payments li, .dk-mark-grid--providers li, .dk-mark-grid--trust li { border-color: rgba(255, 220, 164, .18); background: linear-gradient(145deg, #171311, #090808); box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 10px 28px rgba(0, 0, 0, .2); }
.dk-provider-showcase li { min-height: 72px; padding: 12px; }
.dk-provider-showcase img, .dk-mark-grid img { max-width: 100%; max-height: 44px; object-fit: contain; }
.dk-safety { display: flex; align-items: center; gap: 28px; }
.dk-safety > strong { display: grid; place-items: center; flex: 0 0 105px; height: 105px; border: 3px solid var(--dk-green); border-radius: 50%; color: var(--dk-green); font-size: 2rem; }
.dk-safety h2 { margin-bottom: .5rem; }
.dk-safety p { color: #d5ddc9; }
.dk-faq { max-width: 860px; }
.dk-faq details { border-top: 1px solid var(--dk-line); }
.dk-faq details:last-child { border-bottom: 1px solid var(--dk-line); }
.dk-faq summary { padding: 20px 6px; cursor: pointer; color: var(--dk-ink); font-weight: 850; }
.dk-faq p { padding: 0 6px 20px; color: var(--dk-muted); }
.dk-final { text-align: center; background: radial-gradient(circle at center, rgba(255,78,22,.13), transparent 52%); }
.dk-final .dk-shell { max-width: 820px; }
.dk-final .dk-actions { justify-content: center; }

.dk-article { min-height: 60vh; padding: 52px 0 90px; background: radial-gradient(circle at 90% 0%, rgba(255,78,22,.08), transparent 28%); }
.dk-article__inner { max-width: 920px; }
.dk-breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 34px; color: var(--dk-dim); font-size: .88rem; }
.dk-breadcrumb a { color: var(--dk-gold); }
.dk-article__crest { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 18px; border: 1px solid rgba(255,138,31,.45); border-radius: 13px 5px 13px 5px; color: var(--dk-fire); }
.dk-prose > :first-child { margin-top: 0; }
.dk-prose h1 { max-width: 850px; margin-bottom: 1.25rem; }
.dk-prose h2 { margin-top: 3.25rem; margin-bottom: 1rem; font-size: clamp(1.55rem, 3vw, 2.35rem); }
.dk-prose h3 { margin-top: 2rem; }
.dk-prose p, .dk-prose li { color: #ded2c1; }
.dk-prose p { margin: 0 0 1.15rem; }
.dk-prose ul, .dk-prose ol { padding-left: 1.4rem; }
.dk-prose li + li { margin-top: .45rem; }
.dk-prose strong { color: var(--dk-ink); }
.dk-prose blockquote { margin: 2rem 0; padding: 1rem 1.25rem; border-left: 3px solid var(--dk-fire); background: rgba(255,138,31,.07); }
.dk-prose table { width: 100%; display: block; overflow-x: auto; margin: 1.5rem 0 2rem; border-collapse: collapse; border: 1px solid var(--dk-line); border-radius: 12px; white-space: normal; }
.dk-prose thead { background: #24170f; }
.dk-prose th, .dk-prose td { min-width: 155px; padding: .8rem .9rem; border-bottom: 1px solid var(--dk-line); text-align: left; vertical-align: top; }
.dk-prose th { color: var(--dk-gold); }
.dk-prose td { color: #ded2c1; }
.dk-prose .cta { margin: .4rem 0 1.2rem; }
.dk-responsible { display: flex; align-items: center; gap: 20px; margin-top: 56px; padding: 24px; border: 1px solid rgba(155,208,106,.3); border-radius: var(--dk-radius); background: rgba(82,116,52,.12); }
.dk-responsible > strong { display: grid; place-items: center; flex: 0 0 64px; height: 64px; border: 2px solid var(--dk-green); border-radius: 50%; color: var(--dk-green); }
.dk-responsible h2 { margin-bottom: .35rem; font-size: 1.5rem; }
.dk-responsible p { margin: 0; }

.dk-footer { padding: 72px 0 28px; background: #070606; }
.dk-footer h2 { margin-bottom: 20px; font-size: 1.35rem; }
.dk-footer__rail { padding: 28px 0; border-top: 1px solid var(--dk-line); }
.dk-mark-grid { display: grid; gap: 8px; }
.dk-mark-grid--payments { grid-template-columns: repeat(10, 1fr); }
.dk-mark-grid--providers { grid-template-columns: repeat(10, 1fr); }
.dk-mark-grid--payments li, .dk-mark-grid--providers li { min-height: 58px; padding: 9px; }
.dk-footer__trust { display: grid; grid-template-columns: 1fr 1.2fr; gap: 32px; align-items: center; padding: 36px 0; border-top: 1px solid var(--dk-line); }
.dk-mark-grid--trust { grid-template-columns: repeat(5, 1fr); }
.dk-mark-grid--trust li { min-height: 72px; padding: 10px; }
.dk-footer__main { display: grid; grid-template-columns: 300px 1fr; gap: 60px; padding: 42px 0; border-top: 1px solid var(--dk-line); }
.dk-footer__brand img { width: 210px; height: auto; margin-bottom: 18px; }
.dk-footer__brand p { color: var(--dk-muted); }
.dk-footer__links { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); align-content: start; gap: 10px 24px; }
.dk-footer__links a { color: var(--dk-muted); text-decoration: none; }
.dk-footer__links a:hover { color: var(--dk-gold); }
.dk-footer__legal { padding-top: 24px; border-top: 1px solid var(--dk-line); color: var(--dk-dim); font-size: .78rem; }
.dk-footer__legal p { margin: .35rem 0; }

@media (max-width: 1050px) {
  .dk-header__row { grid-template-columns: 160px 1fr auto; }
  .dk-nav { grid-column: 1 / -1; grid-row: 2; margin: -8px 0 10px; }
  .dk-header__actions { grid-column: 3; grid-row: 1; }
  .dk-category-grid { grid-template-columns: repeat(3, 1fr); }
  .dk-game-grid { grid-template-columns: repeat(3, 1fr); }
  .dk-provider-showcase { grid-template-columns: repeat(5, 1fr); }
  .dk-mark-grid--payments, .dk-mark-grid--providers { grid-template-columns: repeat(5, 1fr); }
}

@media (max-width: 767px) {
  .dk-site { padding-top: max(14px, env(safe-area-inset-top)); }
  .dk-shell { width: min(100% - 28px, 1180px); }
  .dk-header__row { min-height: 66px; grid-template-columns: minmax(120px,1fr) auto; gap: 10px; }
  .dk-brand { width: 138px; }
  .dk-nav { overflow-x: auto; justify-self: stretch; margin: -2px -14px 8px; padding-inline: 14px; scrollbar-width: none; }
  .dk-nav::-webkit-scrollbar { display: none; }
  .dk-nav ul { width: max-content; flex-wrap: nowrap; justify-content: flex-start; }
  .dk-nav a { padding: .55rem .65rem; font-size: .81rem; }
  .dk-header__actions { grid-column: 2; }
  .dk-login { display: none; }
  .dk-button--small { min-height: 38px; padding: .5rem .68rem; font-size: .78rem; }
  .dk-language summary { min-width: 38px; min-height: 38px; }
  .dk-hero { min-height: 590px; align-items: end; }
  .dk-hero picture img { object-position: 62% center; }
  .dk-hero__shade { background: linear-gradient(0deg, rgba(7,6,6,.98) 2%, rgba(7,6,6,.82) 50%, rgba(7,6,6,.12) 100%); }
  .dk-hero__content { padding-block: 160px 38px; }
  .dk-hero__content h1 { font-size: clamp(2.15rem, 10vw, 3.4rem); }
  .dk-hero__lead { font-size: .98rem; }
  .dk-benefit-grid, .dk-info-grid { grid-template-columns: 1fr; }
  .dk-category-grid { grid-template-columns: repeat(2, 1fr); }
  .dk-category-grid a { min-height: 138px; padding: 16px; }
  .dk-game-grid { grid-template-columns: repeat(2, 1fr); }
  .dk-game-card__media .dk-button { opacity: 1; transform: none; padding: .5rem; font-size: .78rem; }
  .dk-offer, .dk-sports, .dk-mobile, .dk-footer__trust, .dk-footer__main { grid-template-columns: 1fr; }
  .dk-offer > picture { grid-row: auto; grid-column: auto; }
  .dk-offer picture img, .dk-sports picture img, .dk-mobile picture img { min-height: 210px; }
  .dk-sports picture { order: 2; }
  .dk-provider-showcase { grid-template-columns: repeat(3, 1fr); }
  .dk-provider-showcase li { min-height: 64px; padding: 9px; }
  .dk-safety { align-items: flex-start; }
  .dk-safety > strong { flex-basis: 74px; height: 74px; font-size: 1.35rem; }
  .dk-article { padding-top: 34px; }
  .dk-prose h1 { font-size: clamp(2rem, 9vw, 3rem); overflow-wrap: anywhere; }
  .dk-prose table { font-size: .88rem; }
  .dk-responsible { align-items: flex-start; padding: 18px; }
  .dk-responsible > strong { flex-basis: 52px; height: 52px; }
  .dk-mark-grid--payments, .dk-mark-grid--providers { grid-template-columns: repeat(3, 1fr); }
  .dk-mark-grid--trust { grid-template-columns: repeat(2, 1fr); }
  .dk-footer__links { grid-template-columns: repeat(2, minmax(0,1fr)); }
}

@media (max-width: 390px) {
  .dk-shell { width: min(100% - 22px, 1180px); }
  .dk-header__actions .dk-button { max-width: 104px; text-align: center; line-height: 1.1; }
  .dk-hero__offer { font-size: .82rem; }
  .dk-category-grid { gap: 8px; }
  .dk-game-grid { gap: 10px; }
  .dk-footer__links { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}