:root {
  --bg:#090a0b;
  --ink:#fff7e6;
  --muted:#c7bfad;
  --gold:#f5bd55;
  --gold2:#ffe7a4;
  --teal:#0f4348;
  --panel:#14171b;
  --panel2:#1d2228;
  --line:rgba(255,231,164,.2);
  --shadow:0 24px 70px rgba(0,0,0,.42)
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth
}

body {
  margin:0;
  background:radial-gradient(circle at 80% -10%,rgba(15,67,72,.45),transparent 34%),var(--bg);
  color:var(--ink);
  font-family:Inter,Arial,sans-serif;
  line-height:1.65
}

body.menu-open {
  overflow:hidden
}

a {
  color:inherit;
  text-decoration:none
}

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

p {
  margin:0 0 16px
}

.wrap {
  width:min(1160px,calc(100% - 32px));
  margin:auto
}

.topbar {
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(9,10,11,.9);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)
}

.topbar__in {
  height:76px;
  display:flex;
  align-items:center;
  gap:18px
}

.logo img {
  width:124px;
  height:58px;
  object-fit:contain
}

.nav {
  display:flex;
  gap:4px;
  margin-left:auto
}

.nav a {
  padding:10px 12px;
  border-radius:2px 12px 2px 12px;
  font-weight:850;
  font-size:14px
}

.nav a:hover,.nav a.is-active {
  background:rgba(245,189,85,.12);
  color:var(--gold2)
}

.actions {
  display:flex;
  gap:10px;
  margin-left:10px
}

.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:11px 18px;
  border:1px solid var(--gold);
  border-radius:2px 16px 2px 16px;
  background:linear-gradient(180deg,var(--gold2),var(--gold));
  color:#21160b;
  font-weight:900;
  box-shadow:0 12px 28px rgba(245,189,85,.18);
  cursor:pointer
}

.btn--ghost {
  background:rgba(255,255,255,.035);
  color:var(--gold2);
  box-shadow:none
}

.menu {
  display:none;
  width:46px;
  height:46px;
  border:1px solid var(--line);
  border-radius:2px 16px 2px 16px;
  background:#111;
  color:var(--gold2)
}

.menu span,.menu:before,.menu:after {
  content:"";
  display:block;
  width:21px;
  height:2px;
  background:currentColor;
  margin:5px auto
}

.hero {
  min-height:650px;
  display:grid;
  align-items:end;
  position:relative;
  overflow:hidden;
  background-color:#08090a;
  background-image:var(--hero);
  background-position:center right;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed
}

.hero:before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(9,10,11,.94) 0,rgba(9,10,11,.72) 42%,rgba(9,10,11,.08) 78%)
}

.hero:after {
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:160px;
  background:linear-gradient(180deg,transparent,var(--bg))
}

.hero__in {
  position:relative;
  z-index:1;
  padding:126px 0 78px;
  display:grid;
  grid-template-columns:minmax(0,670px);
  gap:24px
}

.eyebrow {
  display:inline-flex;
  width:max-content;
  border:1px solid var(--line);
  border-radius:999px;
  padding:5px 12px;
  color:var(--gold2);
  font-size:13px;
  font-weight:850;
  background:rgba(15,67,72,.34)
}

h1,h2,h3 {
  line-height:1.14;
  margin:0;
  color:var(--ink);
  font-family:Georgia,serif;
  letter-spacing:0
}

h1 {
  font-size:clamp(42px,6vw,78px)
}

h2 {
  font-size:clamp(28px,3.6vw,46px);
  margin-bottom:18px
}

h3 {
  font-size:22px;
  margin:18px 0 9px
}

.lead {
  font-size:20px;
  color:#eadfc4;
  max-width:720px
}

.hero__stats {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px
}

.hero__actions {
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  align-items:center
}

.stat {
  border:1px solid var(--line);
  background:rgba(20,23,27,.75);
  border-radius:2px 18px 2px 18px;
  padding:15px
}

.stat b {
  display:block;
  color:var(--gold2);
  font-size:24px
}

.stat span {
  display:block;
  color:var(--muted);
  font-size:13px
}

.section {
  padding:72px 0;
  border-top:1px solid rgba(255,231,164,.08)
}

.section--alt {
  background:linear-gradient(180deg,#101318,#090a0b)
}

.grid2 {
  display:grid;
  grid-template-columns:1.02fr .98fr;
  gap:34px;
  align-items:start
}

.copy {
  max-width:760px
}

.flow-block:after {
  content:"";
  display:block;
  clear:both
}

.media {
  border:1px solid var(--line);
  border-radius:2px 24px 2px 24px;
  overflow:hidden;
  background:#11161a;
  box-shadow:var(--shadow);
  min-height:280px
}

.media img {
  width:100%;
  height:100%;
  min-height:280px;
  object-fit:cover
}

.media--float {
  float:right;
  width:min(470px,42%);
  margin:0 0 22px 36px
}

.cards {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  margin-top:22px;
  clear:both
}

.card {
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border-radius:2px 20px 2px 20px;
  padding:18px;
  box-shadow:var(--shadow)
}

.card b {
  display:block;
  color:var(--gold2);
  margin-bottom:6px
}

.note {
  border-left:3px solid var(--gold);
  padding:4px 0 4px 18px;
  color:#eadfc4
}

.bullets {
  display:grid;
  gap:10px;
  margin:20px 0 0;
  padding:0;
  list-style:none
}

.bullets li {
  border:1px solid var(--line);
  background:rgba(15,67,72,.18);
  padding:12px 14px;
  border-radius:2px 14px 2px 14px
}

.tablebox {
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:2px 22px 2px 22px;
  background:rgba(20,23,27,.78);
  box-shadow:var(--shadow)
}

table {
  width:100%;
  border-collapse:collapse;
  table-layout:fixed
}

th,td {
  padding:15px 16px;
  border-bottom:1px solid rgba(255,231,164,.13);
  vertical-align:top;
  overflow-wrap:anywhere;
  word-break:normal
}

th {
  color:var(--gold2);
  text-align:left;
  font-size:14px;
  background:rgba(245,189,85,.08)
}

td {
  color:#efe7d5
}


/* Balanced data tables: each content block uses column widths tuned to its copy. */
.table--live col:nth-child(1) { width:18% }
.table--live col:nth-child(2) { width:48% }
.table--live col:nth-child(3) { width:34% }

.table--deposit col:nth-child(1) { width:20% }
.table--deposit col:nth-child(2) { width:52% }
.table--deposit col:nth-child(3) { width:28% }

.table--support col:nth-child(1) { width:18% }
.table--support col:nth-child(2) { width:47% }
.table--support col:nth-child(3) { width:35% }

.table--verify col:nth-child(1) { width:18% }
.table--verify col:nth-child(2) { width:42% }
.table--verify col:nth-child(3) { width:40% }

.table--details col:nth-child(1) { width:18% }
.table--details col:nth-child(2) { width:46% }
.table--details col:nth-child(3) { width:36% }

.table-note-row {
  border-bottom:1px solid rgba(255,231,164,.18)
}

.table-note-cell {
  background:linear-gradient(135deg,rgba(15,67,72,.3),rgba(245,189,85,.08));
  color:#eadfc4
}

.table-note-cell:before {
  content:none;
  display:none
}

.table-note-cell b {
  display:block;
  margin-bottom:8px;
  color:var(--gold2);
  font-size:15px
}

.table-note-cell p {
  margin:0 0 10px
}

.table-note-cell p:last-child {
  margin-bottom:0
}

.wrap--full {
  width:100%;
  max-width:none;
  padding-inline:clamp(16px,3vw,48px)
}

.copy--regulation {
  max-width:none;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 34px
}

.copy--regulation h2 {
  grid-column:1/-1
}


.cta {
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:14px;
  align-items:center;
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(15,67,72,.34),rgba(245,189,85,.1));
  border-radius:2px 24px 2px 24px;
  padding:22px
}

.footer {
  padding:42px 0;
  background:#070808;
  border-top:1px solid var(--line)
}

.footer__grid {
  display:grid;
  grid-template-columns:1.2fr .6fr .6fr .8fr;
  gap:24px
}

.footer__logo {
  width:96px;
  height:auto;
  margin-bottom:10px
}

.payrow {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:12px
}

.pay {
  border:1px solid var(--line);
  border-radius:999px;
  padding:5px 9px;
  color:var(--muted);
  font-size:12px
}

.cookie {
  position:fixed;
  left:16px;
  right:16px;
  bottom:16px;
  z-index:70;
  border:1px solid var(--line);
  background:rgba(12,13,15,.96);
  border-radius:2px 18px 2px 18px;
  padding:14px;
  display:none;
  gap:12px;
  align-items:center
}

.cookie.is-visible {
  display:flex
}

.cookie p {
  margin:0;
  flex:1;
  color:var(--muted)
}


@media(max-width:900px) {
  .menu {
  display:block;
  margin-left:auto
}

.nav,.actions {
  position:fixed;
  left:16px;
  right:16px;
  top:88px;
  display:none;
  flex-direction:column;
  background:rgba(12,13,15,.98);
  border:1px solid var(--line);
  border-radius:2px 24px 2px 24px;
  padding:14px
}

.actions {
  display:none
}

.nav.is-open {
  display:flex
}

.actions.is-open {
  display:none
}

.hero {
  min-height:620px;
  background-attachment:scroll;
  background-position:center top
}

.hero:before {
  background:linear-gradient(180deg,rgba(9,10,11,.78) 0,rgba(9,10,11,.9) 48%,rgba(9,10,11,.96) 100%)
}

.hero__stats,.cards,.grid2,.footer__grid,.cta {
  grid-template-columns:1fr
}

.media--float {
  float:none;
  width:100%;
  margin:0 0 22px
}

.lead {
  font-size:18px
}

table,thead,tbody,tr,th,td {
  display:block
}

thead {
  position:absolute;
  left:-9999px
}

tr {
  border-bottom:1px solid rgba(255,231,164,.18);
  padding:8px 0
}

td {
  border:0;
  padding:9px 14px
}

td:before {
  content:attr(data-label);
  display:block;
  color:var(--gold2);
  font-weight:900;
  font-size:12px;
  margin-bottom:2px
}

colgroup {
  display:none
}

.table-note-row {
  padding:0
}

.copy--regulation {
  display:block
}

.wrap--full {
  padding-inline:16px
}

.cookie {
  left:auto;
  right:10px;
  bottom:10px;
  width:min(300px,calc(100% - 20px));
  padding:10px;
  display:none;
  flex-direction:row;
  align-items:center
}

.cookie p {
  font-size:13px;
  line-height:1.3
}

.cookie .btn {
  min-height:36px;
  padding:8px 13px
}

}


/* Site-specific shape system: keeps this locale visually distinct. */
 .nav, .actions, .hero__stats, .cards {
  border-radius: 6px 24px;
}

.nav a, .btn, .menu, .pay {
  border-radius: 6px 18px;
}

.hero__media, .media, .visual, .hero-card, .hero-panel {
  border-radius: 8px 34px;
}

.stat, .card, .tile, .info-card, .notice, .bullets li {
  border-radius: 6px 26px;
}

.tablebox, .table-card, .cookie, .cookie__box, .cta {
  border-radius: 8px 30px;
}

.cookie, .cookie__box {
  max-width: 760px;
}

.cookie p {
  line-height: 1.45;
}


/* Cookie notice expansion: longer legal text without cramped layout. */
 .cookie, .cookie__box {
  gap: 14px;
  padding: 18px;
  align-items: flex-start;
}

.cookie a {
  color: var(--gold-soft, #ffe6a5);
  font-weight: 850;
  text-decoration: underline;
  text-underline-offset: 3px;
  white-space: nowrap;
}

.cookie .btn {
  flex: 0 0 auto;
}


@media (max-width: 900px) {
  .cookie, .cookie__box {
  flex-direction: column;
  align-items: stretch;
}

.cookie a {
  white-space: normal;
}

}


/* Cookie mobile width fix: prevent long notices from looking like tiny badges. */
 
@media (max-width: 900px) {
  .cookie {
  width: min(520px, calc(100% - 20px));
}

.cookie__box {
  width: 100%;
}

}


.faq__cards .card span {
  color:#eadfc4
}


/* First-visit cookie clearance: keep hero stats and CTA readable above the fixed notice. */
.hero__in {
  padding-bottom:170px
}

@media(max-width:900px) {
  .hero__in {
    padding:104px 0 220px
  }

  .cookie, .cookie__box {
    gap:10px;
    padding:12px
  }

  .cookie p {
    font-size:12px;
    line-height:1.25
  }
}


@media(max-width:900px) {
  .hero__actions {
    order:2
  }

  .hero__stats {
    order:3;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px
  }

  .stat {
    padding:10px
  }

  .stat b {
    font-size:18px
  }

  .stat span {
    font-size:11px
  }

  .hero__actions .btn {
    min-height:40px;
    padding:9px 13px
  }
}


.note--spaced {
  margin-top:18px
}

.faq-list {
  display:grid;
  gap:12px;
  margin-top:22px
}

.faq-item {
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border-radius:6px 26px;
  padding:16px 18px;
  box-shadow:var(--shadow)
}

.faq-item summary {
  cursor:pointer;
  color:var(--gold2);
  font-weight:900;
  list-style:none
}

.faq-item summary::-webkit-details-marker {
  display:none
}

.faq-item summary:after {
  content:"+";
  float:right;
  color:var(--gold)
}

.faq-item[open] summary:after {
  content:"-"
}

.faq-item p {
  margin:12px 0 0;
  color:#eadfc4
}