/* JUWAMORE — distinct dark velvet-club layout. */
:root {
  --more-night: #100b14;
  --more-plum: #32152d;
  --more-wine: #681d42;
  --more-rose: #b83a68;
  --more-emerald: #17645d;
  --more-emerald-bright: #39a58f;
  --more-gold: #d4ad55;
  --more-ivory: #fff7e5;
  --more-muted: #cbbbc6;
  --more-line: rgba(212, 173, 85, .24);
}

body {
  color: var(--more-ivory);
  background:
    radial-gradient(circle at 12% 2%, rgba(103, 29, 66, .32), transparent 28rem),
    radial-gradient(circle at 92% 18%, rgba(23, 100, 93, .22), transparent 31rem),
    var(--more-night);
}

.site-header {
  height: 96px;
  min-height: 96px;
  padding-inline: clamp(20px, 5vw, 72px);
  background: rgba(16, 11, 20, .92);
  border-bottom: 1px solid rgba(212, 173, 85, .30);
  box-shadow: 0 12px 40px rgba(0,0,0,.28);
}

.juwa-brand,
.site-header .juwa-brand,
.footer-top .juwa-brand {
  min-width: clamp(235px, 23vw, 350px);
}

.juwamore-wordmark {
  font-size: clamp(38px, 4vw, 62px);
  background: linear-gradient(180deg, #fff0b8, #d4ad55 32%, #c13c6d 62%, #751b49 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 2px 4px 0 #351126, 0 0 16px rgba(212,173,85,.34);
}

.site-header .btn,
.signup-card .btn,
.auth-button {
  background: linear-gradient(125deg, var(--more-emerald), #10433f);
  border: 1px solid rgba(212, 173, 85, .60);
  color: #fff8e9;
  box-shadow: 0 9px 22px rgba(4, 35, 33, .28);
}

.site-header .btn:hover,
.signup-card .btn:hover,
.auth-button:hover {
  background: linear-gradient(125deg, #238174, #155049);
}

.trust-strip.casino-status {
  width: min(1120px, calc(100% - 48px));
  min-height: 58px;
  margin: 18px auto 0;
  border-radius: 14px 34px 14px 34px;
  background: linear-gradient(100deg, rgba(55,18,46,.96), rgba(20,72,67,.94));
  border: 1px solid var(--more-line);
  box-shadow: 0 14px 34px rgba(0,0,0,.20);
}

.casino-status > strong,
.casino-status > span:not(.live-dot) {
  color: #f8e9cf;
  background: rgba(12, 10, 17, .28);
  border-color: rgba(212,173,85,.25);
}

main { padding-top: 34px; }

.hero {
  width: min(1320px, calc(100% - 48px));
  min-height: 650px;
  margin: 30px auto 80px;
  padding: clamp(58px, 7vw, 96px);
  grid-template-columns: .82fr 1.18fr;
  gap: clamp(38px, 6vw, 90px);
  border-radius: 64px 10px 64px 10px;
  color: var(--more-ivory);
  background:
    linear-gradient(105deg, rgba(16,11,20,.92), rgba(49,17,43,.83) 55%, rgba(18,75,69,.55)),
    url('assets/social-art/juwa-city-casino-host.png') 78% center / cover no-repeat;
  border: 1px solid rgba(212,173,85,.30);
  box-shadow: 0 34px 75px rgba(0,0,0,.35);
}

.hero:after {
  content: '';
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(255,247,229,.09);
  border-radius: 48px 6px 48px 6px;
  pointer-events: none;
}

.hero:before {
  content: 'JUWAMORE · MORE GAMES · MORE MOMENTS';
  color: var(--more-gold);
  top: 32px;
  left: auto;
  right: 6%;
}

.hero-copy {
  order: 2;
  max-width: 720px;
  padding: 28px 0 28px clamp(0px, 2vw, 24px);
  text-align: right;
}

.hero h1,
.hero h1 em {
  color: #fff8ea;
  font-family: 'Palatino Linotype', Palatino, Georgia, serif;
}

.hero h1 em { color: #e5c571; }
.hero-copy > p:not(.eyebrow) { margin-left: auto; color: #dfd0d9; }
.hero-copy .eyebrow { margin-left: auto; }
.mini-proof { justify-content: flex-end; }
.mini-proof span { color: #f3e7d1; background: rgba(14,12,18,.50); border-color: rgba(212,173,85,.32); }

.signup-card {
  order: 1;
  transform: none;
  padding: clamp(30px, 4vw, 46px);
  border-radius: 12px 42px 12px 42px;
  background:
    radial-gradient(circle at 10% 0%, rgba(57,165,143,.20), transparent 34%),
    linear-gradient(150deg, rgba(13,69,64,.97), rgba(17,24,29,.98));
  border: 1px solid rgba(212,173,85,.52);
  box-shadow: 0 26px 58px rgba(0,0,0,.42), 0 0 30px rgba(23,100,93,.16);
}

.signup-card h2 span { color: #f0ce76; }

.top-game-marquee,
.featured-hot-games {
  width: min(1220px, calc(100% - 72px));
  margin-inline: auto;
  color: var(--more-ivory);
  background:
    radial-gradient(circle at 86% 20%, rgba(23,100,93,.24), transparent 30%),
    linear-gradient(120deg, #271120, #18101b 65%, #102926);
  border: 1px solid rgba(212,173,85,.24);
  box-shadow: 0 24px 54px rgba(0,0,0,.25);
}

.top-game-marquee {
  border-radius: 10px 48px 10px 48px;
  margin-top: 18px;
  margin-bottom: 26px;
}

.featured-hot-games {
  border-radius: 36px 10px 36px 10px;
  margin-bottom: 34px;
}

.featured-hot-games + .hero {
  margin-top: 48px;
}

.top-games-heading h2,
.featured-hot-label strong { color: #fff4df; }
.top-games-heading a { color: #77c8b7; }
.top-games-hint,
.featured-hot-label small { color: #bbaeb7; }

.top-games-window .top-game-tile,
.featured-hot-games .top-game-tile.hot-game {
  background: linear-gradient(145deg, rgba(255,255,255,.08), rgba(255,255,255,.035));
  border-color: rgba(212,173,85,.22);
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
}

.top-games-window .top-game-copy strong,
.featured-hot-games .hot-game .top-game-copy strong { color: #fff3df; }
.top-games-window .top-game-copy small,
.featured-hot-games .hot-game .top-game-copy small { color: #baaeb7; }

.reviews {
  margin-top: 40px;
  color: #241720;
  background: linear-gradient(135deg, #fff8e9, #eee1cb);
  clip-path: polygon(0 5%, 100% 0, 100% 95%, 0 100%);
  padding-block: 130px;
}

.review-card {
  border-radius: 30px 8px 30px 8px;
}

.review-card.featured {
  color: #fff;
  background: linear-gradient(145deg, #6c1d47, #34132d);
  border-color: rgba(212,173,85,.45);
}

.social-promo {
  border-radius: 12px 56px 12px 56px;
  background:
    linear-gradient(90deg, rgba(15,10,19,.98), rgba(55,17,45,.82) 47%, rgba(15,65,60,.32)),
    url('assets/social-art/juwa-city-casino-host.png') center / cover no-repeat;
}

.games {
  margin: 70px 36px;
  border-radius: 58px 12px 58px 12px;
  background:
    radial-gradient(circle at 10% 0%, rgba(104,29,66,.24), transparent 26%),
    linear-gradient(180deg, #17101b, #0d1517);
  border: 1px solid rgba(212,173,85,.18);
}

.game-card {
  color: #fff4e3;
  background: linear-gradient(150deg, #2b1726, #111b1b);
  border-color: rgba(212,173,85,.18);
}

.game-card h3 { color: #fff4e3; }
.game-card p { color: #bdaeb8; }

.why {
  color: #f9ecda;
  background: linear-gradient(115deg, #20101c, #102622);
}

.why h2,
.why h3 { color: #fff4df; }
.why p,
.benefits p { color: #c5b6c0; }

.fund-banner,
.final-cta {
  border-radius: 44px 10px 44px 10px;
  background:
    linear-gradient(105deg, rgba(16,10,19,.98), rgba(104,29,66,.79) 53%, rgba(17,80,73,.32)),
    url('assets/social-art/juwa-city-casino-host.png') center / cover no-repeat;
}

.site-footer,
.footer {
  background: #0b0910;
  border-top-color: rgba(212,173,85,.48);
}

@media (max-width: 900px) {
  .hero {
    grid-template-columns: 1fr;
    background-position: 65% center;
  }

  .hero-copy {
    order: 1;
    text-align: left;
  }

  .hero-copy > p:not(.eyebrow),
  .hero-copy .eyebrow { margin-left: 0; }
  .mini-proof { justify-content: flex-start; }
  .signup-card { order: 2; }
}

@media (max-width: 620px) {
  .site-header { height: 84px; min-height: 84px; }
  .trust-strip.casino-status { width: calc(100% - 24px); }
  main { padding-top: 15px; }
  .hero,
  .top-game-marquee,
  .featured-hot-games { width: calc(100% - 24px); }
  .hero { margin-top: 18px; padding: 76px 24px 42px; border-radius: 34px 8px 34px 8px; }
  .hero:after { display: none; }
  .games { margin-inline: 12px; border-radius: 34px 8px 34px 8px; }
}