/* =========================================================
   PAIDGET — PREMIUM COLOR FINAL
   Purple + Magenta + Gold / Dark Luxury UI
   Loaded LAST
========================================================= */
:root{
  --pc-bg:#090116;
  --pc-bg2:#160326;
  --pc-panel:rgba(18,7,34,.94);
  --pc-panel2:rgba(27,10,48,.94);
  --pc-purple:#74109a;
  --pc-purple2:#a915b6;
  --pc-magenta:#e000d0;
  --pc-gold:#e3bd52;
  --pc-gold2:#ffe18a;
  --pc-text:#f7f5fb;
  --pc-muted:#a9a8bf;
  --pc-border:rgba(227,189,82,.28);
}

/* PAGE */
html,body{
  background:#090116 !important;
  color:var(--pc-text) !important;
}
body{
  background-image:
    linear-gradient(rgba(5,0,14,.12),rgba(5,0,14,.28)),
    url('/images/backgrounds/website-bg.png?v=20260901') !important;
  background-size:cover !important;
  background-position:center top !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
  overflow-x:hidden !important;
}
main,.main-content,.content,.content-wrapper,.page-content{
  background:transparent !important;
}

/* HEADER */
nav.header{
  background:rgba(10,3,24,.94) !important;
  border-bottom:1px solid rgba(227,189,82,.30) !important;
  box-shadow:0 8px 28px rgba(0,0,0,.38) !important;
}
.header-container{
  background:rgba(10,3,24,.94) !important;
}
.navp img{
  object-fit:contain !important;
}

/* LOGIN / SIGN UP — replace old red/green */
.csm_btn_log_,
.csm_btn_log_2,
.csm_btn_log_3,
.btn-primary,
.off_sp_btn{
  background:linear-gradient(135deg,#68108e 0%,#a815b3 50%,#e000c8 100%) !important;
  color:#fff !important;
  border:1px solid var(--pc-gold) !important;
  border-bottom:3px solid #b78d2e !important;
  box-shadow:0 7px 22px rgba(196,0,205,.27),inset 0 1px rgba(255,255,255,.16) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.4) !important;
}
.csm_btn_log_:hover,
.csm_btn_log_2:hover,
.csm_btn_log_3:hover,
.btn-primary:hover,
.off_sp_btn:hover{
  background:linear-gradient(135deg,#8410aa,#c017c2,#f000d8) !important;
  color:#fff !important;
  border-color:var(--pc-gold2) !important;
}

/* COMMON OLD RED ELEMENTS */
.sl-active-all,.sl-active-home{
  background-image:linear-gradient(135deg,#6c108f,#b614b7,#e000ca) !important;
  border-left-color:var(--pc-gold) !important;
}
.bb-red{border-bottom-color:var(--pc-gold) !important}

/* CARDS / PANELS */
.card,.panel,.box,.custom-offer-layout,.mi_card,.ref_card{
  background:linear-gradient(145deg,rgba(27,9,47,.96),rgba(10,3,24,.94)) !important;
  color:#fff !important;
  border-color:var(--pc-border) !important;
  box-shadow:0 10px 34px rgba(0,0,0,.34),0 0 24px rgba(205,0,220,.12) !important;
}
.card-header,.panel-heading{
  background:linear-gradient(90deg,rgba(71,10,96,.95),rgba(130,10,125,.86)) !important;
  color:var(--pc-gold2) !important;
  border-bottom-color:rgba(227,189,82,.25) !important;
}

/* HOMEPAGE USER/LIST CARDS */
.mobile-mode-container-profilecard,
.for-mobile-mode-profilecard,
.ref_card,
.user_card,
.profile-card{
  background:rgba(24,10,42,.92) !important;
  border-color:rgba(227,189,82,.22) !important;
  color:#fff !important;
}
.mobile-mode-container-profilecard *,
.for-mobile-mode-profilecard *,
.ref_card *,
.user_card *,
.profile-card *{
  color:inherit;
}
.coin,.coins,.coin-icon{color:var(--pc-gold2) !important}

/* TABLES */
table,.table{
  background:rgba(7,2,22,.78) !important;
  color:#fff !important;
}
table th,.table th{
  background:linear-gradient(90deg,#470a60,#7d0c78) !important;
  color:var(--pc-gold2) !important;
  border-color:rgba(227,189,82,.20) !important;
}
table td,.table td{
  color:#f5f2fa !important;
  border-color:rgba(255,255,255,.07) !important;
}
table tbody tr:hover,.table tbody tr:hover{
  background:rgba(169,20,184,.13) !important;
}

/* FORM */
input,textarea,select,
.form-control,.form-input,.form-select,.form-textarea,.form-multiselect,.ts-control{
  background:rgba(6,2,20,.88) !important;
  color:#fff !important;
  border-color:rgba(227,189,82,.28) !important;
}
input::placeholder,textarea::placeholder,
.form-control::placeholder,.form-input::placeholder,.form-textarea::placeholder{
  color:rgba(255,255,255,.48) !important;
}
input:focus,textarea:focus,select:focus,
.form-control:focus,.form-input:focus,.form-select:focus,.form-textarea:focus,.ts-control:focus{
  border-color:var(--pc-gold) !important;
  box-shadow:0 0 0 3px rgba(227,189,82,.10),0 0 20px rgba(210,0,225,.16) !important;
}

/* DROPDOWN / MODAL */
.dropdown-menu,.modal-content,.ts-dropdown{
  background:rgba(13,3,30,.99) !important;
  color:#fff !important;
  border-color:rgba(227,189,82,.28) !important;
}
.dropdown-item{color:#f7f5fb !important}
.dropdown-item:hover{background:rgba(169,20,184,.20) !important;color:#fff !important}

/* MOBILE BOTTOM NAV */
.for-mobile-navigation-bar{
  background:rgba(8,2,20,.98) !important;
  border-top:1px solid rgba(227,189,82,.28) !important;
  box-shadow:0 -8px 25px rgba(0,0,0,.36) !important;
}
.for-mobile-navigation-bar-inner{
  background:linear-gradient(135deg,rgba(25,7,43,.98),rgba(49,9,58,.98)) !important;
  border:1px solid rgba(227,189,82,.22) !important;
}
.nav-li-n-o-mobile{
  color:#fff !important;
}
.nav-li-n-o-mobile i{
  color:var(--pc-gold2) !important;
}
.second-earning-menu{
  background:linear-gradient(135deg,#6e1093,#a913b3,#df00c8) !important;
  color:#fff !important;
}

/* OTHER SECTIONS */
.offer_sec{
  background:linear-gradient(135deg,rgba(80,13,100,.95),rgba(137,10,124,.82)) !important;
  color:#fff !important;
  border-color:rgba(227,189,82,.25) !important;
}
.offer-persent{
  background:linear-gradient(135deg,#8d167f,#d5ac43) !important;
  color:#fff !important;
}
.p-invite,.api-step,.csm-ds,.in-r{
  background:rgba(25,8,43,.92) !important;
  color:#fff !important;
}

/* TYPOGRAPHY */
h1,h2,h3,h4,h5,h6{color:#fff !important}
.text-g{color:var(--pc-muted) !important}
a{color:var(--pc-gold2)}
a:hover{color:#fff}

/* MOBILE */
@media(max-width:768px){
  body{
    background-image:
      linear-gradient(rgba(5,0,14,.10),rgba(5,0,14,.25)),
      url('/images/backgrounds/website-bg.png?v=20260901') !important;
    background-size:auto 100% !important;
    background-position:center top !important;
    background-repeat:repeat-y !important;
    background-attachment:scroll !important;
  }
  .main-content{margin-bottom:4.5rem !important}
}

/* SCROLLBAR */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#090116}
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#7a1196,#d1a63f);
  border-radius:10px;
}