:root {--d2-danger: #f87171;--d2-radius: 14px;--d2-cyan: #22d3ee;--d2-container: 1180px;--d2-navy-900: #050b16;--d2-navy-700: #0c4a6e;--d2-radius-sm: 8px;--d2-gold: #d4af37;--d2-success: #22c55e;--d2-ink: rgba(231,246,251,1);--d2-font: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--d2-navy-800: #0a1628;--d2-panel: #0f2438;--d2-gold-bright: rgb(240,215,140);--d2-radius-lg: 22px;--d2-panel-edge: rgba(34, 211, 238, 0.2);--d2-ink-dim: #9fb8c9;--d2-cyan-hover: rgb(103,232,249);--d2-shadow: 0 18px 40px rgba(0, 0, 0, 0.35);--d2-navy-600: #155e75}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.d2-body {-webkit-font-smoothing: antialiased;font-family: var(--d2-font);margin: 0;color: var(--d2-ink);line-height: 1.55;background: var(--d2-navy-900);user-select:auto;pointer-events:auto;visibility:visible;outline-offset:0}
img {display: block;max-width: 100%}
a {color: var(--d2-cyan);text-decoration: none}
a:hover { color: var(--d2-cyan-hover); }
h1, h2, h3, h4 {line-height: 1.2;margin: 0 0 .5em;font-weight: 800}
p {margin: 0 0 1em;color: var(--d2-ink-dim)}
ul, ol { padding-left: 1.2em; }

.d2-container {margin: 0 auto;padding: 0 18px;max-width: var(--d2-container)}


.d2-btn {gap: .4em;font-size: .95rem;white-space: nowrap;border-radius: 999px;display: inline-flex;align-items: center;padding: 12px 22px;transition: transform .15s ease, box-shadow .15s ease;font-weight: 700;border: 1px solid transparent;justify-content: center;cursor: pointer}
.d2-btn-primary {color: rgb(4,20,31);background: linear-gradient(135deg, var(--d2-cyan), var(--d2-navy-700))}
.d2-btn-success {color: rgba(4,34,15,1);background: linear-gradient(135deg, var(--d2-success), #16a34a)}
.d2-btn-outline {border-color: var(--d2-panel-edge);color: var(--d2-ink);background: transparent}
.d2-btn-lg {font-size: 1.05rem;padding: 15px 28px}
.d2-btn:hover {box-shadow: var(--d2-shadow);transform: translateY(-2px)}
.d2-btn-shine { display: none; }


.d2-app-install-bar {background: var(--d2-navy-800);display: flex;gap: 10px;border-bottom: 1px solid var(--d2-panel-edge);position: relative;padding: 8px 14px;align-items: center}
.d2-app-install-bar__close {background: none;order: 3;margin-left: auto;color: var(--d2-ink-dim);cursor: pointer;font-size: 1.2rem;border: none}
.d2-app-install-bar__main {gap: 8px;display: flex;align-items: center}
.d2-app-install-bar__icon { border-radius: 8px; }
.d2-app-install-bar__copy {font-weight: 700;font-size: .8rem}
.d2-app-install-bar__copy span {display: block;font-weight: 400;color: var(--d2-ink-dim);font-size: .72rem}
.d2-app-install-bar__emoji { order: 2; }
.d2-app-install-bar__button {font-weight: 700;order: 2;background: var(--d2-cyan);padding: 6px 14px;border-radius: 999px;font-size: .8rem;color: rgba(4,20,31,1)}
.d2-app-install-bar[hidden] { display: none; }

.d2-site-header {z-index: 40;border-bottom: 1px solid var(--d2-panel-edge);position: sticky;background: rgba(10, 22, 40, .96);backdrop-filter: blur(6px);top: 0}
.d2-site-nav {display: flex;align-items: center;gap: 14px;max-width: var(--d2-container);padding: 10px 18px;margin: 0 auto}
.d2-site-nav__toggle {flex-direction: column;padding: 6px;border: none;gap: 4px;background: none;cursor: pointer;display: flex}
.d2-site-nav__toggle span {display: block;background: var(--d2-ink);width: 20px;height: 2px}
.d2-site-nav__logo {display: flex;align-items: center}
.d2-site-nav__logo img {border-radius: 8px;height: 38px;width: auto}
.d2-site-nav__logo-text {color: var(--d2-cyan);font-weight: 800;font-size: 1.2rem}
.d2-site-nav__actions {margin-left: auto;display: flex;gap: 8px}
.d2-site-nav__cta {font-weight: 700;font-size: .82rem;padding: 8px 14px;border-radius: 999px}
.d2-site-nav__cta--login {border: 1px solid var(--d2-panel-edge);color: var(--d2-ink)}
.d2-site-nav__cta--register {background: var(--d2-cyan);color: #04141f}
.d2-site-menu {background: var(--d2-navy-800);gap: 2px;padding: 6px 18px 14px;border-bottom: 1px solid var(--d2-panel-edge);display: none;flex-direction: column}
.d2-site-menu.is-open { display: flex; }
.d2-site-menu a {font-size: .92rem;color: var(--d2-ink-dim);padding: 10px 6px;border-radius: 8px}
.d2-site-menu a:hover, .d2-site-menu a[aria-current="page"] {color: var(--d2-cyan);background: rgba(34, 211, 238, .08)}
@media (min-width: 880px) {
  .d2-site-nav__toggle { display: none; }
  .d2-site-menu {flex-wrap: wrap;padding: 4px 18px 10px;max-width: var(--d2-container);gap: 4px 10px;border: none;flex-direction: row;background: none;margin: 0 auto;display: flex !important}
}

.d2-crumb {font-size: .82rem;margin: 14px auto 0;color: var(--d2-ink-dim);max-width: var(--d2-container);gap: 6px;display: flex;padding: 0 18px}
.d2-crumb a { color: var(--d2-ink-dim); }
.d2-crumb a:hover { color: var(--d2-cyan); }
.d2-page-breadcrumb {display: flex;gap: 6px;font-size: .8rem;color: var(--d2-ink-dim);margin-bottom: 10px}


.d2-page-hero {padding: 0 18px;gap: 22px;display: grid;margin: 24px auto;max-width: var(--d2-container)}
.d2-page-hero__eyebrow {font-size: .74rem;margin-bottom: 4px;font-weight: 700;color: var(--d2-cyan);letter-spacing: .08em;text-transform: uppercase}
.d2-page-hero h1 { font-size: clamp(1.7rem, 4vw, 2.5rem); }
.d2-page-hero__lead {color: var(--d2-ink-dim);max-width: 62ch}
.d2-page-hero__media {border-radius: var(--d2-radius-lg);max-width: 320px;border: 1px solid var(--d2-panel-edge);overflow: hidden}
.d2-page-hero--media-first .d2-page-hero__media { order: -1; }
.d2-hero-points {gap: 8px;padding: 0;list-style: none;display: grid;margin: 18px 0}
.d2-hero-points li {border: 1px solid var(--d2-panel-edge);background: var(--d2-panel);font-size: .9rem;padding: 10px 14px;color: var(--d2-ink-dim);border-radius: var(--d2-radius-sm)}
.d2-hero-points strong { color: var(--d2-ink); }
.d2-hero-cta-wrap { margin: 16px 0; }
@media (min-width: 760px) {
  .d2-page-hero--text-first, .d2-page-hero--media-first {grid-template-columns: 1.2fr .8fr;align-items: start}
  .d2-page-hero--media-first .d2-page-hero__media {order: 0;grid-column: 2;grid-row: 1 / span 3}
}


.d2-page-toc-wrap {padding: 0 18px;max-width: var(--d2-container);margin: 0 auto 10px}
.d2-page-toc-details {background: var(--d2-panel);padding: 8px 16px;border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius)}
.d2-page-toc-summary {padding: 6px 0;justify-content: space-between;cursor: pointer;font-weight: 700;display: flex}
.d2-page-toc-summary__hint {font-weight: 400;color: var(--d2-ink-dim);font-size: .8rem}
.d2-page-toc {gap: 20px;font-size: .88rem;columns: 2;padding-left: 1.1em}
.d2-page-toc li { margin-bottom: 6px; }
.d2-page-toc a { color: var(--d2-ink-dim); }


.d2-content-section, .d2-page-prose, .d2-page-block {margin: 28px auto;padding: 0 18px;max-width: var(--d2-container)}
.d2-content-section h2, .d2-page-prose h2, .d2-page-block h2 {font-size: 1.5rem;color: var(--d2-ink)}
.d2-page-prose--tight p { margin-bottom: .4em; }
.d2-page-block__intro {font-size: .88rem;margin-bottom: 16px;color: var(--d2-ink-dim)}

.d2-feature-list h3 {color: var(--d2-cyan);font-size: 1.05rem;margin-top: 1.2em}
.d2-promo-photo-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 14px}
.d2-promo-photo-frame {overflow: hidden;background: var(--d2-panel);border-radius: var(--d2-radius);border: 1px solid var(--d2-panel-edge)}
.d2-promo-photo-frame figcaption {padding: 6px;font-size: .78rem;color: var(--d2-ink-dim);text-align: center}
.d2-review-quote {background: var(--d2-panel);margin-bottom: 14px;border-radius: var(--d2-radius-sm);border-left: 3px solid var(--d2-gold);padding: 14px 18px}
.d2-review-quote cite {font-style: normal;color: var(--d2-cyan);font-size: .84rem}
.d2-step-list, .d2-safety-list {list-style: none;padding: 0;display: grid;gap: 10px}
.d2-step-list li, .d2-safety-list li {padding: 12px 16px;position: relative;border: 1px solid var(--d2-panel-edge);padding-left: 42px;background: var(--d2-panel);counter-increment: d2step;border-radius: var(--d2-radius-sm)}
.d2-step-list { counter-reset: d2step; }
.d2-step-list li::before {left: 12px;justify-content: center;font-size: .78rem;border-radius: 50%;align-items: center;transform: translateY(-50%);display: flex;content: counter(d2step);font-weight: 800;height: 22px;top: 50%;width: 22px;background: var(--d2-cyan);color: #04141f;position: absolute}
.d2-safety-list li {padding-left: 16px;border-left: 3px solid var(--d2-danger)}
.d2-app-spec-table {border-collapse: collapse;font-size: .88rem;width: 100%;margin-top: 14px}
.d2-app-spec-table th, .d2-app-spec-table td {padding: 8px 10px;border-bottom: 1px solid var(--d2-panel-edge);text-align: left}
.d2-app-spec-table th {width: 40%;color: var(--d2-ink-dim);font-weight: 600}


.d2-help-channels, .d2-field-slabs, .d2-topic-columns {display: grid;gap: 14px}
@media (min-width: 700px) { .d2-help-channels, .d2-topic-columns { grid-template-columns: repeat(3, 1fr); } .d2-field-slabs { grid-template-columns: repeat(2, 1fr); } }
.d2-help-channel, .d2-field-slab, .d2-topic-col, .d2-merit-tile, .d2-guard-strip {border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius);background: var(--d2-panel);padding: 16px 18px}
.d2-help-channel__lane, .d2-field-slab__tag {color: var(--d2-gold);display: inline-block;text-transform: uppercase;margin-bottom: 6px;letter-spacing: .06em;font-size: .7rem}
.d2-help-pack {margin-top: 14px;background: var(--d2-panel);padding: 16px 18px;border: 1px dashed var(--d2-panel-edge);border-radius: var(--d2-radius)}

.d2-install-rail {display: grid;gap: 14px;list-style: none;padding: 0}
.d2-install-rail__item {display: flex;background: var(--d2-panel);border: 1px solid var(--d2-panel-edge);padding: 14px 16px;gap: 14px;border-radius: var(--d2-radius)}
.d2-install-rail__num {color: var(--d2-cyan);font-size: 1.1rem;font-weight: 800}

.d2-session-beats {gap: 14px;display: grid}
@media (min-width: 700px) { .d2-session-beats { grid-template-columns: repeat(4, 1fr); } }
.d2-session-beat {padding: 16px;background: var(--d2-panel);border: 1px solid var(--d2-panel-edge);text-align: center;border-radius: var(--d2-radius)}
.d2-session-beat__label {text-transform: uppercase;color: var(--d2-gold);letter-spacing: .07em;font-size: .74rem}

.d2-cred-rows {display: grid;gap: 8px}
.d2-cred-row {border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius-sm);display: grid;padding: 10px 14px;background: var(--d2-panel);gap: 10px;grid-template-columns: 140px 1fr}
.d2-cred-row:nth-child(even) { background: rgba(34, 211, 238, .04); }
.d2-cred-row__key {font-size: .84rem;color: var(--d2-cyan);font-weight: 700}
.d2-cred-row__val {color: var(--d2-ink-dim);font-size: .88rem}

.d2-pair-boards {gap: 14px;display: grid}
@media (min-width: 700px) { .d2-pair-boards { grid-template-columns: 1fr 1fr; } }
.d2-pair-board {padding: 18px;border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius);background: var(--d2-panel)}
.d2-pair-board--alt { border-color: var(--d2-gold); }
.d2-pair-board__list div {border-bottom: 1px solid var(--d2-panel-edge);display: grid;grid-template-columns: 90px 1fr;gap: 8px;padding: 6px 0}
.d2-pair-board__list dt {font-size: .82rem;font-weight: 700;color: var(--d2-cyan)}
.d2-pair-board__list dd {margin: 0;font-size: .86rem;color: var(--d2-ink-dim)}

.d2-guard-strips {display: grid;gap: 12px}
@media (min-width: 700px) { .d2-guard-strips { grid-template-columns: repeat(2, 1fr); } }
.d2-guard-strip { border-left: 3px solid var(--d2-danger); }

.d2-sample-note {background: rgba(34, 211, 238, .06);padding: 14px 16px;font-size: .86rem;border: 1px dashed var(--d2-panel-edge);border-radius: var(--d2-radius);margin-top: 14px}
.d2-sample-note__label {color: var(--d2-gold);font-size: .74rem;text-transform: uppercase;font-weight: 700}

.d2-merit-grid {gap: 12px;display: grid}
@media (min-width: 700px) { .d2-merit-grid { grid-template-columns: repeat(2, 1fr); } }

.d2-office-sheet {border: 1px solid var(--d2-panel-edge);background: var(--d2-panel);border-radius: var(--d2-radius);padding: 18px}
.d2-office-sheet__org {color: var(--d2-cyan);font-weight: 800}
.d2-office-sheet__meta {gap: 6px;margin: 10px 0;display: grid}
.d2-office-sheet__meta div {gap: 8px;font-size: .88rem;display: flex}
.d2-office-sheet__meta dt {color: var(--d2-ink-dim);min-width: 60px}
.d2-office-sheet__map, .d2-presence-block__map {aspect-ratio: 16/9;margin-top: 12px;border-radius: var(--d2-radius);overflow: hidden}
.d2-map-frame {width: 100%;border: 0;height: 100%}


.d2-ask-stack {display: grid;gap: 10px}
.d2-ask-item {border: 1px solid var(--d2-panel-edge);background: var(--d2-panel);border-radius: var(--d2-radius-sm);padding: 12px 16px}
.d2-ask-item summary {cursor: pointer;font-weight: 700}
.d2-ask-item p {margin-top: 8px;margin-bottom: 0}


.d2-faq-container {display: grid;gap: 14px}
.d2-faq-item {border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius);background: var(--d2-panel);padding: 16px 18px}
.d2-faq-question {font-size: 1rem;color: var(--d2-ink);margin-bottom: 6px}
.d2-faq-answer p { margin: 0; }


.d2-page-section { padding: 40px 0; }
.d2-page-section--paper { background: var(--d2-navy-800); }
.d2-page-section--dark { background: var(--d2-navy-900); }
.d2-section-header {margin: 0 auto 26px;text-align: center;max-width: 640px}
.d2-section-badge {padding: 6px 14px;border-radius: 999px;margin-bottom: 10px;display: inline-flex;font-weight: 700;color: var(--d2-cyan);gap: 6px;align-items: center;background: rgba(34, 211, 238, .1);font-size: .78rem}
.d2-section-title { font-size: 1.6rem; }
.d2-section-description { color: var(--d2-ink-dim); }
.d2-page-card-grid {display: grid;gap: 14px}
@media (min-width: 700px) { .d2-page-card-grid { grid-template-columns: repeat(3, 1fr); } }
.d2-page-card {padding: 18px;border: 1px solid var(--d2-panel-edge);background: var(--d2-panel);text-align: center;border-radius: var(--d2-radius)}
.d2-page-card__icon {font-size: 1.4rem;color: var(--d2-cyan);margin-bottom: 8px}
.d2-help-steps {display: grid;gap: 14px}
@media (min-width: 700px) { .d2-help-steps { grid-template-columns: repeat(4, 1fr); } }
.d2-help-step { text-align: center; }
.d2-help-step__num {font-weight: 800;font-size: 1.6rem;color: var(--d2-gold)}
.d2-resp-tools {gap: 14px;display: grid}
@media (min-width: 700px) { .d2-resp-tools { grid-template-columns: repeat(2, 1fr); } }
.d2-resp-tool {align-items: flex-start;padding: 16px;display: flex;border: 1px solid var(--d2-panel-edge);background: var(--d2-panel);gap: 14px;border-radius: var(--d2-radius)}
.d2-resp-tool i {color: var(--d2-cyan);font-size: 1.3rem}
.d2-page-cta-band {background: linear-gradient(135deg, var(--d2-navy-700), var(--d2-navy-600));padding: 46px 0;text-align: center}
.d2-contact-grid {display: grid;gap: 14px}
@media (min-width: 700px) { .d2-contact-grid { grid-template-columns: 1fr 1fr; } }
.d2-contact-panel {border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius);padding: 18px;background: var(--d2-panel)}
.d2-contact-panel ul {gap: 6px;display: grid;font-size: .9rem;list-style: none;padding: 0}
.d2-policy-meta {flex-wrap: wrap;display: flex;margin-bottom: 16px;color: var(--d2-ink-dim);gap: 10px;font-size: .76rem}
.d2-policy-meta span {border: 1px solid var(--d2-panel-edge);padding: 4px 10px;border-radius: 999px;background: var(--d2-panel)}
.d2-page-prose-shell h2 {color: var(--d2-cyan);font-size: 1.2rem;margin-top: 1.4em}


.d2-hero {padding: 40px 0;background: radial-gradient(circle at 20% 20%, rgba(34,211,238,.12), transparent 55%), var(--d2-navy-900);position: relative;overflow: hidden}
.d2-hero-container {display: grid;gap: 26px;padding: 0 18px;max-width: var(--d2-container);margin: 0 auto}
.d2-hero-badge {display: inline-flex;background: rgba(212, 175, 55, .12);margin-bottom: 10px;font-size: .78rem;padding: 6px 14px;font-weight: 700;border-radius: 999px;color: var(--d2-gold);gap: 6px}
.d2-hero-title { font-size: clamp(1.8rem, 5vw, 2.7rem); }
.d2-gradient-text {background: linear-gradient(135deg, var(--d2-cyan), var(--d2-gold));color: transparent;-webkit-background-clip: text;background-clip: text}
.d2-hero-description {color: var(--d2-ink-dim);max-width: 60ch}
.d2-hero-actions {flex-wrap: wrap;gap: 10px;margin-top: 14px;display: flex}
.d2-hero-card {padding: 16px;background: var(--d2-panel);border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius-lg)}
.d2-hero-games-img {width: 100%;border-radius: var(--d2-radius)}
.d2-live-data-title, .d2-feature-highlights-title {font-size: .95rem;margin: 14px 0 8px;color: var(--d2-cyan)}
.d2-live-data-grid {gap: 8px;text-align: center;grid-template-columns: repeat(3, 1fr);display: grid}
.d2-live-data-number {font-size: 1.2rem;display: block;font-weight: 800}
.d2-live-data-label {font-size: .68rem;color: var(--d2-ink-dim)}
.d2-feature-highlights-list {display: grid;gap: 6px}
.d2-feature-highlight-item {align-items: center;font-size: .82rem;color: var(--d2-ink-dim);display: flex;gap: 8px}
.d2-certification-badges {flex-wrap: wrap;margin-top: 12px;display: flex;gap: 8px}
.d2-cert-badge {display: flex;border-radius: 999px;padding: 4px 10px;gap: 6px;align-items: center;font-size: .72rem;background: rgba(255,255,255,.05)}
.d2-hero-particles { display: none; }
@media (min-width: 900px) { .d2-hero-container {align-items: center;grid-template-columns: 1.1fr .9fr} }


.d2-provider-hall { padding: 44px 0; }
.d2-provider-bento {display: grid;gap: 16px}
@media (min-width: 780px) { .d2-provider-bento { grid-template-columns: repeat(2, 1fr); } }
.d2-provider-panel {background: var(--d2-panel);padding: 20px;border: 1px solid var(--d2-panel-edge);border-top: 3px solid var(--d2-cyan);border-radius: var(--d2-radius-lg)}
.d2-provider-panel--jili { border-top-color: var(--d2-gold); }
.d2-provider-panel--jdb { border-top-color: var(--d2-success); }
.d2-provider-panel--pp { border-top-color: rgba(244,114,182,1); }
.d2-provider-panel__tag {border-radius: 999px;color: var(--d2-cyan);padding: 3px 10px;margin-bottom: 8px;font-size: .72rem;font-weight: 700;display: inline-block;background: rgba(34,211,238,.12)}
.d2-provider-panel__meta {display: grid;font-size: .82rem;padding: 0;list-style: none;gap: 4px;margin: 10px 0;color: var(--d2-ink-dim)}
.d2-provider-panel__cta { font-weight: 700; }

.d2-trust-strip {padding: 20px 0;background: var(--d2-navy-800)}
.d2-trust-strip__grid {display: grid;gap: 14px}
@media (min-width: 700px) { .d2-trust-strip__grid { grid-template-columns: repeat(4, 1fr); } }
.d2-trust-strip__item {gap: 10px;font-size: .84rem;display: flex;align-items: center}
.d2-trust-strip__item strong {color: var(--d2-ink);display: block}
.d2-trust-strip__item span {font-size: .78rem;color: var(--d2-ink-dim)}


.d2-slots-lobby { padding: 44px 0; }
.d2-lobby-head {display: flex;gap: 14px;align-items: flex-end;flex-wrap: wrap;justify-content: space-between;margin-bottom: 20px}
.d2-lobby-filters {display: flex;gap: 8px;flex-wrap: wrap}
.d2-lobby-filter {padding: 6px 14px;cursor: pointer;border: 1px solid var(--d2-panel-edge);border-radius: 999px;color: var(--d2-ink-dim);background: var(--d2-panel);font-size: .8rem}
.d2-lobby-filter.is-active {background: var(--d2-cyan);border-color: var(--d2-cyan);color: rgb(4,20,31)}
.d2-lobby-rail {display: grid;grid-template-columns: repeat(2, 1fr);gap: 14px}
@media (min-width: 700px) { .d2-lobby-rail { grid-template-columns: repeat(4, 1fr); } }
.d2-slot-tile {overflow: hidden;border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius);background: var(--d2-panel)}
.d2-slot-tile[hidden] { display: none; }
.d2-slot-tile__visual { position: relative; }
.d2-slot-tile__img {width: 100%;object-fit: cover;aspect-ratio: 1/1}
.d2-slot-tile__provider, .d2-slot-tile__rtp {border-radius: 999px;padding: 2px 7px;position: absolute;left: 6px;font-size: .64rem;background: rgba(0,0,0,.6)}
.d2-slot-tile__provider { top: 6px; }
.d2-slot-tile__rtp {color: var(--d2-gold);bottom: 6px}
.d2-slot-tile__body { padding: 10px 12px; }
.d2-slot-tile__body h3 {font-size: .88rem;margin-bottom: 2px}
.d2-slot-tile__body p {font-size: .72rem;margin-bottom: 8px}
.d2-slot-tile__btn {text-align: center;padding: 6px;font-weight: 700;background: var(--d2-cyan);font-size: .78rem;display: block;color: #04141f;border-radius: 999px}
.d2-lobby-cta-bar {justify-content: space-between;align-items: center;margin-top: 20px;border: 1px solid var(--d2-panel-edge);flex-wrap: wrap;border-radius: var(--d2-radius);padding: 16px 20px;display: flex;background: var(--d2-panel);gap: 14px}


.d2-advantage-split { padding: 44px 0; }
.d2-advantage-split__grid {display: grid;gap: 24px}
@media (min-width: 800px) { .d2-advantage-split__grid { grid-template-columns: .9fr 1.1fr; } }
.d2-advantage-row {gap: 14px;margin-bottom: 16px;display: flex}
.d2-advantage-row__num {color: var(--d2-gold);font-size: 1.3rem;font-weight: 800}


.d2-bonus-stage { padding: 44px 0; }
.d2-bonus-stage__layout {gap: 16px;display: grid}
@media (min-width: 820px) { .d2-bonus-stage__layout { grid-template-columns: 1.2fr .8fr; } }
.d2-bonus-hero-card {border: 1px solid var(--d2-gold);border-radius: var(--d2-radius-lg);padding: 24px;background: linear-gradient(135deg, var(--d2-navy-700), var(--d2-panel))}
.d2-bonus-hero-card__label {text-transform: uppercase;letter-spacing: .06em;font-size: .78rem;color: var(--d2-gold)}
.d2-bonus-side {display: grid;gap: 12px}
.d2-bonus-mini {gap: 12px;padding: 14px;display: flex;background: var(--d2-panel);border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius)}
.d2-bonus-mini__icon {font-size: 1.2rem;color: var(--d2-cyan)}


.d2-play-flow { padding: 44px 0; }
.d2-play-flow__steps {padding: 0;gap: 14px;display: grid;list-style: none}
@media (min-width: 700px) { .d2-play-flow__steps { grid-template-columns: repeat(4, 1fr); } }
.d2-play-step {padding: 16px;background: var(--d2-panel);border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius)}
.d2-play-step__badge {text-transform: uppercase;color: var(--d2-cyan);font-weight: 700;font-size: .72rem}


.d2-game-mosaic { padding: 44px 0; }
.d2-mosaic-grid {display: grid;gap: 12px;grid-template-columns: repeat(2, 1fr)}
@media (min-width: 780px) { .d2-mosaic-grid { grid-template-columns: repeat(4, 1fr); } }
.d2-mosaic-card {background: var(--d2-panel);flex-direction: column;padding: 16px;border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius);display: flex;gap: 4px}
.d2-mosaic-card--wide { grid-column: span 2; }
.d2-mosaic-card--tall { grid-row: span 2; }
.d2-mosaic-card--accent { border-color: var(--d2-gold); }
.d2-mosaic-card__kicker {text-transform: uppercase;font-size: .7rem;color: var(--d2-cyan)}
.d2-mosaic-card em {color: var(--d2-ink-dim);font-style: normal;font-size: .78rem}


.d2-player-proof {background: var(--d2-navy-800);padding: 44px 0}
.d2-player-proof__layout {gap: 24px;display: grid}
@media (min-width: 800px) { .d2-player-proof__layout { grid-template-columns: .5fr 1.5fr; } }
.d2-player-proof__score {border-radius: var(--d2-radius);padding: 20px;border: 1px solid var(--d2-panel-edge);background: var(--d2-panel);text-align: center}
.d2-player-proof__score-num {font-weight: 800;color: var(--d2-gold);font-size: 2.4rem}
.d2-player-proof__stars {margin: 6px 0;color: var(--d2-gold)}
.d2-player-proof__score ul {margin-top: 10px;padding: 0;font-size: .8rem;text-align: left;list-style: none}
.d2-quote-stack {gap: 12px;margin-top: 16px;display: grid}
.d2-quote-card {border: 1px solid var(--d2-panel-edge);border-radius: var(--d2-radius);background: var(--d2-panel);padding: 16px}
.d2-quote-card footer {margin-top: 10px;gap: 10px;display: flex;align-items: center}
.d2-quote-card__avatar {border-radius: 50%;width: 32px;justify-content: center;font-size: .8rem;font-weight: 800;display: flex;align-items: center;background: var(--d2-cyan);color: rgba(4,20,31,1);height: 32px}


.d2-pay-rail { padding: 40px 0; }
.d2-pay-rail__inner {gap: 20px;display: grid}
@media (min-width: 780px) { .d2-pay-rail__inner {grid-template-columns: 1fr 1fr;align-items: center} }
.d2-pay-methods {display: flex;gap: 8px;flex-wrap: wrap}
.d2-pay-chip {gap: 6px;display: flex;border: 1px solid var(--d2-panel-edge);border-radius: 999px;background: var(--d2-panel);font-size: .8rem;align-items: center;padding: 8px 14px}


.d2-faq-section { padding: 44px 0; }
.d2-faq-question-row {align-items: center;display: flex;justify-content: space-between;cursor: pointer}
.d2-faq-icon {font-size: 1.1rem;color: var(--d2-cyan)}
.d2-faq-item .d2-faq-answer {display: none;margin-top: 8px}
.d2-faq-item.d2-is-active .d2-faq-answer { display: block; }


.d2-presence-block {background: var(--d2-navy-800);padding: 44px 0}
.d2-presence-block__grid {gap: 20px;display: grid}
@media (min-width: 800px) { .d2-presence-block__grid { grid-template-columns: 1fr 1fr; } }
.d2-presence-facts {margin-top: 14px;display: grid;gap: 10px}
.d2-presence-facts strong {font-size: .84rem;display: block;color: var(--d2-cyan)}
.d2-presence-facts span {color: var(--d2-ink-dim);font-size: .84rem}


.d2-footer {background: var(--d2-navy-900);padding: 40px 0 90px;border-top: 1px solid var(--d2-panel-edge)}
.d2-footer-content {gap: 24px;display: grid}
@media (min-width: 780px) { .d2-footer-content { grid-template-columns: 1.3fr 1fr 1fr 1fr; } }
.d2-footer-logo-img {height: 40px;margin-bottom: 10px}
.d2-footer-description {font-size: .85rem;color: var(--d2-ink-dim)}
.d2-social-links {display: flex;gap: 10px;margin-top: 10px}
.d2-social-link {align-items: center;width: 32px;background: var(--d2-panel);border-radius: 50%;height: 32px;border: 1px solid var(--d2-panel-edge);display: flex;justify-content: center}
.d2-footer-title {color: var(--d2-cyan);font-size: .92rem;margin-bottom: 10px}
.d2-footer-links {list-style: none;gap: 6px;padding: 0;display: grid}
.d2-footer-links a {font-size: .86rem;color: var(--d2-ink-dim)}
.d2-footer-bottom {margin-top: 26px;border-top: 1px solid var(--d2-panel-edge);padding-top: 16px;font-size: .8rem;color: var(--d2-ink-dim);text-align: center}


.d2-bg-primary {padding: 14px 0;text-align: center;background: var(--d2-navy-700)}
.d2-quick-access {max-width: var(--d2-container);margin: 20px auto;justify-content: center;align-items: center;padding: 0 18px;gap: 16px;display: flex}
.d2-quick-access img { border-radius: var(--d2-radius-sm); }
.d2-quick-access h4 {margin: 0 0 6px;font-size: .9rem}
.d2-quick-access-actions {gap: 8px;display: flex}


.d2-sticky-cta {bottom: 0;z-index: 50;background: var(--d2-navy-900);right: 0;position: fixed;display: flex;border-top: 1px solid var(--d2-panel-edge);left: 0}
.d2-sticky-cta__btn {padding: 14px 10px;font-size: .88rem;font-weight: 800;flex: 1;text-align: center}
.d2-sticky-cta__btn--register {background: var(--d2-cyan);color: rgb(4,20,31)}
.d2-sticky-cta__btn--login {background: var(--d2-panel);color: var(--d2-ink)}


.d2-page-head {padding: 0 18px;max-width: var(--d2-container);margin: 30px auto 10px}
.d2-page-body {margin: 0 auto 30px;max-width: var(--d2-container);padding: 0 18px}
.d2-rich p { margin-bottom: 1em; }
.d2-page-aside {gap: 10px;display: flex;flex-wrap: wrap;margin-top: 20px}
.d2-page-aside-link {padding: 8px 16px;font-size: .84rem;border: 1px solid var(--d2-panel-edge);border-radius: 999px;background: var(--d2-panel)}
.d2-cta-section {text-align: center;padding: 26px 18px;max-width: var(--d2-container);border-radius: var(--d2-radius-lg);background: var(--d2-panel);margin: 30px auto 60px}

.d2-disclaimer {color: var(--d2-ink-dim);font-size: .74rem}


.sf-related-articles{border:1px solid rgba(148,163,184,.24);padding:clamp(18px,3vw,28px);background:rgba(255,255,255,.06);max-width:1120px;border-radius:24px;box-shadow:0 16px 45px rgba(15,23,42,.08);margin:clamp(28px,5vw,56px) auto}
.sf-related-articles h2{line-height:1.2;font-size:clamp(1.35rem,2.5vw,2rem);margin:0 0 8px}
.sf-related-articles>p{line-height:1.65;margin:0 0 18px;opacity:.78}
.sf-related-articles__list{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));list-style:none;padding:0;margin:0}
.sf-related-articles__item{margin:0;list-style:none;padding:0}
.sf-related-articles__link{flex-direction:column;padding:16px;min-height:100%;text-decoration:none;color:inherit;gap:7px;background:rgba(255,255,255,.08);transition:transform .18s ease,border-color .18s ease,background .18s ease;border-radius:18px;border:1px solid rgba(148,163,184,.18);display:flex}
.sf-related-articles__link:hover{border-color:rgba(59,130,246,.45);transform:translateY(-2px);background:rgba(255,255,255,.13)}
.sf-related-articles__type{width:max-content;border-radius:999px;text-transform:uppercase;padding:3px 9px;opacity:.88;font-weight:700;font-size:.72rem;color:inherit;background:rgba(59,130,246,.14);letter-spacing:.04em}
.sf-related-articles strong{font-size:1rem;line-height:1.35}
.sf-related-articles small{line-height:1.45;opacity:.72;font-size:.88rem}
@media(max-width:640px){.sf-related-articles{border-radius:18px;padding:16px;margin:28px 12px}.sf-related-articles__list{grid-template-columns:1fr}.sf-related-articles__link{padding:14px}}