:root {
  --aqua: #f2c14e;
  --violet: #8d5a12;
  --coral: #e6a72d;
  --lime: #44d49a;
}

body { background: #080905; }
main { display: flex; flex-direction: column; }
.hero { order: -2; }
.top-game-marquee { order: -1; }

.site-header {
  background: rgba(10, 11, 6, .94);
  border-bottom: 1px solid rgba(236, 184, 62, .32);
  box-shadow: 0 10px 35px rgba(0, 0, 0, .5);
}
.site-header .juwa-brand { width: 330px; height: 96px; }
.site-header .juwa-brand img { width: 100%; height: 100%; object-fit: contain; }
.trust-strip.casino-status {
  width: min(1320px, calc(100% - 44px));
  margin: 12px auto 0;
  border-radius: 22px 22px 0 0;
  background: linear-gradient(90deg, #171309, #5f4314 48%, #171309);
  color: #fff2bf;
  border-color: #9e7624;
}
.header-actions .btn-support, .header-actions .btn-ghost { border-color: rgba(236, 190, 73, .5); background: rgba(126, 90, 21, .14); color: #fff0b8; }
.header-actions .btn-primary { background: linear-gradient(115deg, #ffe07b, #d99b24 56%, #1f9c70); color: #171006; }

.hero {
  width: min(1320px, calc(100% - 44px));
  min-height: 225px;
  grid-template-columns: 1fr;
  justify-items: center;
  margin: 0 auto 4px;
  padding: 32px 6vw 28px;
  text-align: center;
  border: 1px solid rgba(232, 184, 68, .28);
  border-top: 0;
  border-radius: 0 0 38px 38px;
  background: radial-gradient(circle at 50% 25%, rgba(230, 174, 49, .24), transparent 34%), radial-gradient(circle at 82% 45%, rgba(28, 151, 103, .14), transparent 28%), linear-gradient(160deg, #121109, #29200d 58%, #080905);
}
.hero::before { display: none; }
.hero-copy { max-width: 850px; text-align: center; }
.hero-copy .eyebrow, .hero-copy > p:not(.eyebrow) { margin-left: auto; margin-right: auto; }
.hero h1, .hero h1 em { font-family: Georgia, "Times New Roman", serif; color: #fff4cb; }
.hero h1 { font-size: clamp(38px, 4.5vw, 56px); }
.hero h1 em { color: #f2bd3f; }
.hero-copy > p:not(.eyebrow), .hero .mini-proof { display: none; }
.hero-copy .eyebrow { margin-bottom: 8px; }
.mini-proof { justify-content: center; }
.signup-card {
  width: min(700px, 100%);
  max-width: 700px;
  margin-top: 30px;
  transform: none;
  text-align: left;
  border-color: rgba(236, 187, 65, .44);
  background: linear-gradient(145deg, rgba(68, 49, 13, .96), rgba(12, 12, 7, .99));
  box-shadow: 0 30px 70px rgba(0, 0, 0, .58), 0 0 35px rgba(226, 164, 33, .13);
}
.signup-card.standalone-signup {
  order: 0;
  width: min(700px, calc(100% - 44px));
  margin: 0 auto 16px;
  padding: 42px;
}
.signup-card .btn { background: linear-gradient(110deg, #ffe17d, #d5a02e 62%, #35b982); color: #191105; }

.top-game-marquee {
  width: min(1420px, calc(100% - 44px));
  margin: 4px auto 12px;
  border-radius: 38px;
  border-color: rgba(231, 181, 59, .29);
  background: radial-gradient(circle at 15% 0, rgba(225, 166, 35, .2), transparent 31%), radial-gradient(circle at 85% 15%, rgba(28, 151, 103, .12), transparent 26%), linear-gradient(145deg, #1a1609, #070805);
}
.juwa-platform-lanes { grid-template-columns: 1fr; max-width: 1050px; margin-inline: auto; }
.juwa-platform-lane { min-height: 0; border-radius: 24px; border-color: rgba(229, 180, 60, .3); background: linear-gradient(135deg, rgba(69, 50, 13, .8), rgba(9, 11, 7, .96)); }
.lane-two .lane-game-grid, .lane-classic .lane-game-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.platform-lanes-intro p, .scrolling-platform-intro p { color: #e8b640; }
.platform-lanes-intro h2, .scrolling-platform-intro h3 { color: #fff2c1; font-family: Georgia, "Times New Roman", serif; }
.lane-cta, .choice-button { background: linear-gradient(110deg, #e6b540, #9d6d18 68%, #18875f); }

.reviews { background: #f5edd5; }
.games { background: linear-gradient(180deg, #171407, #050603); }
.fund-banner, .final-cta { background: linear-gradient(110deg, #705018, #c58e24 54%, #1d8e66); }
.site-footer { background: #040502; }

.login-dialog { border-color: rgba(236, 187, 65, .52); background: radial-gradient(circle at 50% 0, rgba(218, 160, 34, .24), transparent 42%), linear-gradient(145deg, #211a09, #060704); }
.login-choice, .contact-choice { border-color: rgba(228, 179, 58, .27); background: linear-gradient(145deg, rgba(77, 55, 14, .62), rgba(8, 10, 6, .96)); }
#xyz-support-root .support-launcher { border-color: #efc052; background: linear-gradient(110deg, #715017, #c28e27 58%, #19835e); }
#xyz-support-root .support-panel { border-color: rgba(232, 182, 61, .48); background: linear-gradient(160deg, #211a08, #050603); }

body::before { background: radial-gradient(circle at 50% 45%, rgba(224, 166, 38, .22), transparent 30%), radial-gradient(circle at 76% 38%, rgba(24, 138, 96, .14), transparent 27%), linear-gradient(145deg, #050603, #211a09 55%, #070805); }
body::after {
  border-color: rgba(237, 190, 73, .64);
  background:
    url("assets/brand/goldmine-logo.png?v=1") center 43% / 94% auto no-repeat,
    radial-gradient(circle at 50% 34%, rgba(215, 156, 30, .28), transparent 49%),
    linear-gradient(145deg, rgba(24, 19, 7, .98), rgba(4, 6, 3, .99));
  color: #f1c85e;
}

@media (max-width: 950px) {
  .lane-two .lane-game-grid, .lane-classic .lane-game-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .site-header .juwa-brand { width: 205px; height: 68px; }
  .hero, .top-game-marquee { width: calc(100% - 22px); }
  .hero { padding-inline: 22px; }
  .lane-two .lane-game-grid, .lane-classic .lane-game-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}