#screenPayment .hero{
  border-radius:28px!important;
  background:linear-gradient(135deg,rgba(26,31,43,.96),rgba(10,13,20,.96))!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:0 22px 60px rgba(0,0,0,.38)!important;
}

#subStatusBox{
  border:1px solid rgba(255,215,90,.14)!important;
}

#plansBox,
#coinsBox{
  gap:14px!important;
}

.planCard{
  position:relative!important;
  overflow:hidden!important;
  padding:20px!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,rgba(18,22,32,.92),rgba(9,12,18,.92))!important;
  border:1px solid rgba(255,255,255,.09)!important;
}

.planCard.selected{
  border-color:rgba(255,215,90,.55)!important;
  box-shadow:0 0 0 3px rgba(255,215,90,.12),0 20px 55px rgba(0,0,0,.35)!important;
}

.planBadge{
  color:#ffd75a!important;
  font-weight:900!important;
}

.planTitle{
  font-size:20px!important;
  font-weight:900!important;
  margin:8px 0!important;
}

.planPrice{
  font-size:28px!important;
  color:#ffd75a!important;
  font-weight:900!important;
}

.planDays{
  opacity:.72!important;
  margin-top:8px!important;
}

#coinsBox button{
  background:rgba(18,22,32,.88)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.10)!important;
}

#coinsBox button.coinSelected{
  color:#111!important;
  background:linear-gradient(135deg,#ffd75a,#d6a900)!important;
}

#invoiceBox{
  margin-top:18px!important;
}

#txidInput{
  margin-top:16px!important;
  font-family:monospace!important;
  direction:ltr!important;
  text-align:left!important;
}

#paymentMsg{
  margin-top:14px!important;
}

.paymentStepBox{
  padding:18px;
  border-radius:24px;
  background:rgba(18,22,32,.78);
  border:1px solid rgba(255,255,255,.08);
  margin:18px 0;
}

.paymentStepTitle{
  color:#ffd75a;
  font-weight:900;
  margin-bottom:12px;
}