/* ===== BEAT Emas custom theme override (black & gold) ===== */
/* Overrides the default gray/monochrome ".BEAT4Dng-card" inline styling
   so it no longer looks like the generic gray template. */

:root{
  --emas-bg:#0d0a02;
  --emas-card:#161104;
  --emas-card2:#1c1607;
  --emas-gold:#f0c14b;
  --emas-gold-dark:#8a6a10;
  --emas-border:rgba(240,193,75,.45);
  --emas-text:#f5ecd8;
  --emas-muted:#c9b98a;
}

.BEAT4Dng-card{
  background:linear-gradient(160deg,var(--emas-card),var(--emas-bg)) !important;
  border:1px solid var(--emas-border) !important;
  box-shadow:0 25px 45px -20px rgba(0,0,0,.6), 0 0 30px rgba(240,193,75,.08) !important;
}

/* ── HERO TITLE ── */
.hero-title h1{
  color:#fff !important;
}
.hero-title h1 span{
  color:var(--emas-gold) !important;
}

/* ── HEADER DALAM CARD ── */
.brand-header h2{
  color:#fff !important;
}
.brand-header .sub{
  color:var(--emas-muted) !important;
}
.brand-header .sub:after{
  background:var(--emas-gold) !important;
}

/* ── INFO BOX ── */
.info-container{
  background:var(--emas-card2) !important;
  border:1px solid var(--emas-border) !important;
}
.info-head{
  background:linear-gradient(90deg,rgba(240,193,75,.16),transparent) !important;
  border-bottom:1px solid var(--emas-border) !important;
}
.info-head h2,
.info-head h3{
  color:var(--emas-gold) !important;
}
.info-row{
  border-bottom:1px solid rgba(240,193,75,.18) !important;
}
.info-dot{
  background:var(--emas-gold) !important;
  box-shadow:0 0 6px rgba(240,193,75,.7);
}
.info-text{
  color:var(--emas-text) !important;
}
.info-number{
  color:#1a1300 !important;
  background:var(--emas-gold) !important;
  border:1px solid var(--emas-gold-dark) !important;
  font-weight:800 !important;
}

/* ── BONUS SECTION ── */
.bonus-wrap{
  background:var(--emas-card2) !important;
  border:1px solid var(--emas-border) !important;
}
.bonus-head .gold-icon{
  background:var(--emas-gold) !important;
}
.bonus-head h3{
  color:#fff !important;
}
.bonus-item{
  background:rgba(240,193,75,.08) !important;
  border-left:4px solid var(--emas-gold) !important;
}
.bonus-item p{
  color:var(--emas-text) !important;
}
.bonus-item .highlight-gold{
  color:var(--emas-gold) !important;
  text-shadow:0 0 10px rgba(240,193,75,.4);
}
.bonus-item .highlight-black{
  color:var(--emas-muted) !important;
}

/* ── CTA BUTTONS ── */
.btn-gold{
  border-color:var(--emas-gold) !important;
}
.btn-login-gold{
  background:transparent !important;
  color:var(--emas-gold) !important;
  border:1px solid var(--emas-gold) !important;
}
.btn-login-gold:hover{
  background:var(--emas-gold) !important;
  color:#1a1300 !important;
}
.btn-register-gold{
  background:linear-gradient(135deg,var(--emas-gold),var(--emas-gold-dark)) !important;
  color:#1a1300 !important;
  border-color:var(--emas-gold) !important;
}
.btn-register-gold:hover{
  background:#fff !important;
  color:#1a1300 !important;
}