/* Copy Animation */
.base-color {
  color: hsl(var(--main)) !important;
}

.copyInput {
  display: inline-block;
  line-height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.copied::after {
  position: absolute;
  top: 8px;
  right: 12%;
  width: 100px;
  display: block;
  content: "COPIED";
  font-size: 1em;
  padding: 5px 5px;
  color: #fff;
  background-color: #FF7000;
  border-radius: 3px;
  opacity: 0;
  will-change: opacity, transform;
  animation: showcopied 1.5s ease;
}

@keyframes showcopied {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }

  50% {
    opacity: 0.7;
    transform: translateX(40%);
  }

  70% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
  }
}




.cookies-card {
  width: 520px;
  padding: 30px;
  color: #050a07;
  position: fixed;
  bottom: 15px;
  left: 15px;
  z-index: 999999;
  transition: all .5s;
  background: #d1d1d1;
  border-radius: 5px;
}

.cookies-card.hide {
  bottom: -500px !important;
}

.radius--10px {
  border-radius: 10px;
}

.cookies-card__icon {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background-color: #6e6f70;
  color: #fff;
  font-size: 32px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.cookies-card__content {
  margin-bottom: 0;
}

.cookies-btn {
  color: #363636;
  text-decoration: none;
  padding: 10px 35px;
  margin: 3px 5px;
  display: inline-block;
  border-radius: 999px;
}

.cookies-btn:hover {
  color: #363636;
}


@media (max-width: 767px) {
  .cookies-card {
    width: 100%;
    left: 0;
    bottom: 0;
    font-size: 14px;
    padding: 15px;
  }
}

.hover-input-popup {
  position: relative;
}

.input-popup {
  display: none;
}

.hover-input-popup .input-popup {
  display: block;
  position: absolute;
  bottom: 95%;
  left: 50%;
  width: 280px;
  background-color: #1a1a1a;
  color: #fff;
  padding: 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.input-popup::after {
  position: absolute;
  content: '';
  bottom: -19px;
  left: 50%;
  margin-left: -5px;
  border-width: 10px 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #1a1a1a transparent;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.input-popup p {
  padding-left: 20px;
  position: relative;
}

.input-popup p::before {
  position: absolute;
  content: '';
  font-family: 'Line Awesome Free';
  font-weight: 900;
  left: 0;
  top: 4px;
  line-height: 1;
  font-size: 18px;
}

.input-popup p.error {
  text-decoration: line-through;
}

.input-popup p.error::before {
  content: "\f057";
  color: #ea5455;
}

.input-popup p.success::before {
  content: "\f058";
  color: #28c76f;
}



.show-filter {
  display: none;
}

@media(max-width:767px) {
  .responsive-filter-card {
    display: none;
    transition: none;
  }

  .show-filter {
    display: block;
  }
}

/* ////////////////// select 2 css //////////////// */

.select2-dropdown {
  border: 0 !important;
  margin-top: 8px !important;
  border-radius: 5px !important;
  box-shadow: 0 3px 9px rgba(50, 50, 9, 0.05), 6px 4px 19px rgb(115 103 240 / 20%)
}

.select2-container {
  width: 100% !important;
}

.select2-search--dropdown {
  padding: 10px 10px !important;
  border-color: #ced4da !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #ced4da !important;
  padding: 10px 20px;
}

.select2-results__option.select2-results__option--selected,
.select2-results__option--selectable,
.select2-container--default .select2-results__option--disabled {
  padding: 12px 14px !important;
  border-bottom: 1px solid #eee;
}

.select2-results__option.select2-results__message {
  text-align: center !important;
  padding: 12px 14px !important;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
  width: 8px;
  border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 5px;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
  background: #ddd;
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default .select2-selection--single .select2-selection__arrow:after {
  position: absolute;
  right: 10px;
  top: 0;
  content: "\f107";
  font-family: "Line Awesome Free";
  font-weight: 900;
  transition: .3s;
}

.select2-container--default .select2-selection--single {
  border-color: #FF6A00 !important;
  border-width: 1px !important;
  border-radius: .375rem !important;
  padding: .375rem .75rem !important;
  height: 100% !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 16px !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow:after {
  transform: rotate(-180deg);
}

.select2-results__option:last-child {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.select2-results__option:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.select2-results__option.select2-results__option--selected,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #FF6A00 !important;
  color: #fff !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
  border-color: #FF6A00 !important;
  box-shadow: 0 0 25px rgba(115, 103, 240 0.071) !important;
  outline: 0 !important;
}

.select2-dropdown .country-flag {
  width: 25px;
  height: 25px;
  border-radius: 8px;
}

.select2-dropdown .gateway-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0px !important;
}

.select2-dropdown .gateway-subtitle {
  font-size: 12px;
  margin-bottom: 0px !important;
}

.select2-container--open .select2-selection.select2-selection--single,
.select2-container--open .select2-selection.select2-selection--multiple {
  border-color: #FF6A00 !important;
  border-radius: .375rem !important;
}

.selection {
  display: block;
}

.select2-container--default .select2-selection--single {
  height: 50px !important;
  background-color: #050a07 !important;
  color: #ffff !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff !important;
}



.gateway-card {
  padding: 15px;
}

.payment-card-title {
  padding: 13px 25px;
  text-align: center;
  background-color: #FF6A00;
  border-radius: 5px;
  border: 0;
  margin-bottom: 0px;
  color: #fff;
}

.payment-system-list {
  --thumb-width: 100px;
  --thumb-height: 40px;
  --radio-size: 12px;
  --border-color: #cccccf59;
  --hover-border-color: #FF6A00;
  background-color: #fff;
  border-radius: 5px;
  height: 100%;

}


.payment-system-list.is-scrollable {
  max-height: min(388px, 70vh);
  overflow-x: auto;
  padding-block: 4px;
}

.payment-system-list.is-scrollable::-webkit-scrollbar {
  width: 5px;
}

.payment-system-list.is-scrollable::-webkit-scrollbar {
  width: 5px;

}

.payment-system-list.is-scrollable::-webkit-scrollbar-thumb {
  background-color: #FF6A00;
  border-radius: 10px;
}

.payment-item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 18px;
  border: 1px solid #fff;
  border-top-color: var(--border-color);
  transition: all 0.3s;
  border-left: 3px solid transparent;
}

.payment-item:first-child {
  border-top-color: #fff;
  border-radius: 5px 5px 0 0;
}

.payment-item:has(.payment-item__radio:checked) {
  border-left: 3px solid var(--hover-border-color);
  border-radius: 0px;
}

.payment-item__check {
  border: 3px solid transparent;
}

.payment-item:has(.payment-item__radio:checked) .payment-item__check {
  border: 3px solid #FF6A00;
}

.payment-item__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: calc(100% - var(--thumb-width))
}

.payment-item__check {
  width: var(--radio-size);
  height: var(--radio-size);
  border: 1px solid #FF6A00;
  display: inline-block;
  border-radius: 100%;

}

.payment-item__name {
  padding-left: 10px;
  width: calc(100% - var(--radio-size));
  transition: all 0.3s;
}

.payment-item__thumb {
  width: var(--thumb-width);
  height: var(--thumb-height);
  text-align: right;
  padding-left: 10px;

  &:has(.text) {
    width: fit-content;
  }
}

.payment-item__thumb img {
  max-width: var(--thumb-width);
  max-height: var(--thumb-height);
  object-fit: cover;
}


.deposit-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 12px;
}

.deposit-info__title {
  max-width: 50%;
  margin-bottom: 0px;
  text-align: left;
}

.deposit-info__input {
  max-width: 50%;
  text-align: right;
  width: 100%;
}

.deposit-info__input-select {
  border: 1px solid var(--border-color);
  width: 100%;
  border-radius: 5px;
  padding-block: 6px;
}

.deposit-info__input-group {
  border: 1px solid var(--border-color);
  border-radius: 5px;

  .deposit-info__input-group-text {
    align-self: center;
    padding-left: 5px;
  }

}

.deposit-info__input-group .form--control {
  padding: 5px;
  border: 0;
  height: 35px;
  text-align: right;
}

.deposit-info__input-group .form--control:focus {
  box-shadow: unset;
}

.info-text .text,
.deposit-info__input .text {
  font-size: 14px;

}

.deposit-info__title .text.has-icon {
  display: flex;
  align-items: center;
  gap: 5px
}

.total-amount {
  border-top: 1px solid var(--border-color);
}

.total-amount .deposit-info__title {
  font-weight: 600;
}

.payment-item__btn {
  border: 0;
  border-block: 1px solid var(--border-color);
  border-bottom: 0;
  background: #fff;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 15px;
  font-weight: 500;
}

.payment-item:hover+.payment-item__btn {
  border-top-color: #fff;
}

button .spinner-border {
  --bs-spinner-width: 1.5rem;
  --bs-spinner-height: 1.5rem;
}

.adjust-height .payment-system-list.is-scrollable {
  max-height: 461px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.forgot-pass {
  font-size: 14px;
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  color: white;
}

.dark-mode .payment-system-list {
  background-color: #020503;
}


.dark-mode .payment-item:first-child {
  border-top: transparent;
}

.dark-mode .payment-item {
  border: 0;
  border-bottom: 1px solid rgb(255 255 255 / 10%);
}

.dark-mode .payment-item__btn {
  background-color: transparent;
}

.dark-mode .payment-item__btn-text {
  color: #9aae9f;
  margin-bottom: 0;
}

.dark-mode .payment-item__btn__icon {
  color: #9aae9f;
}

.dark-mode .responsive-filter-card {
  background-color: #020503;
}

.submenu li.active a {
  color: #07100a !important;
}

.input-group-text.bg--base {
  border: 0;
}
label.required:after{
  content: '*';
  color: #DC3545!important;
  margin-left: 2px;
}
/* ===== MODERN LOGIN PAGE ===== */
body:has(form.verify-gcaptcha) {
    background:
        radial-gradient(circle at 20% 20%, rgba(57,255,136,.08), transparent 35%),
        radial-gradient(circle at 80% 80%, rgba(57,255,136,.05), transparent 35%),
        #050807 !important;
}

body:has(form.verify-gcaptcha) .auth-home-brand {
    margin-bottom: 10px !important;
}

body:has(form.verify-gcaptcha) .auth-home-brand a {
    color: #39ff88 !important;
    -webkit-text-fill-color: #39ff88 !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    letter-spacing: 4px !important;
    text-shadow: none !important;
}

body:has(form.verify-gcaptcha) .form-control {
    min-height: 52px !important;
    border: 1px solid rgba(57,255,136,.18) !important;
    border-radius: 10px !important;
    background: rgba(10,16,13,.9) !important;
    color: #eafff1 !important;
    transition: .2s ease !important;
}

body:has(form.verify-gcaptcha) .form-control:focus {
    border-color: #39ff88 !important;
    box-shadow: 0 0 0 3px rgba(57,255,136,.08) !important;
    outline: none !important;
}

body:has(form.verify-gcaptcha) .form-label,
body:has(form.verify-gcaptcha) .form-check-label {
    color: #d8e8de !important;
}

body:has(form.verify-gcaptcha) .cmn--btn {
    min-height: 52px !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg,#39ff88,#18c968) !important;
    color: #031008 !important;
    border: 0 !important;
    font-weight: 800 !important;
    letter-spacing: .8px !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

body:has(form.verify-gcaptcha) .cmn--btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 8px 24px rgba(57,255,136,.18) !important;
}

body:has(form.verify-gcaptcha) .forgot-pass,
body:has(form.verify-gcaptcha) a.text--base {
    color: #39ff88 !important;
}

@media (max-width: 575px) {
    body:has(form.verify-gcaptcha) .auth-home-brand a {
        font-size: 26px !important;
    }

    body:has(form.verify-gcaptcha) .form-control,
    body:has(form.verify-gcaptcha) .cmn--btn {
        min-height: 50px !important;
    }
}


/* =========================================================
   VIP CYBER AUTH UI — LOGIN + REGISTER
   Frontend only — authentication logic unchanged
   ========================================================= */

body:has(.account-section) {
    background:
        linear-gradient(rgba(57,255,136,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(57,255,136,.025) 1px, transparent 1px),
        radial-gradient(circle at 50% 0%, rgba(57,255,136,.10), transparent 42%),
        #030605 !important;
    background-size: 42px 42px, 42px 42px, auto;
}

body:has(.account-section) .account-section {
    min-height: 100vh !important;
    position: relative;
    background-color: transparent !important;
}

body:has(.account-section) .account-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(
            to bottom,
            transparent 0%,
            rgba(57,255,136,.025) 50%,
            transparent 100%
        );
}

body:has(.account-section) .left {
    position: relative;
    z-index: 2;
}

body:has(.account-section) .left-inner,
body:has(.account-section) .left-inne {
    width: 100%;
}

body:has(.account-section) .account-form {
    width: min(100%, 520px);
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 28px !important;
    border: 1px solid rgba(57,255,136,.14);
    border-radius: 18px;
    background: rgba(4,10,7,.82);
    box-shadow:
        0 24px 80px rgba(0,0,0,.55),
        inset 0 1px 0 rgba(255,255,255,.025);
    backdrop-filter: blur(18px);
}

body:has(.account-section) .auth-home-brand {
    position: relative;
    z-index: 3;
    margin: 0 0 16px !important;
}

body:has(.account-section) .auth-home-brand a {
    color: #39ff88 !important;
    -webkit-text-fill-color: #39ff88 !important;
    font-family: Rajdhani, Inter, sans-serif !important;
    font-size: 31px !important;
    font-weight: 800 !important;
    letter-spacing: 5px !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

body:has(.account-section) .form--label,
body:has(.account-section) .form-label {
    display: block;
    margin-bottom: 8px !important;
    color: #cfe8d8 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: .4px;
}

body:has(.account-section) .form-control {
    min-height: 54px !important;
    padding: 13px 15px !important;
    border: 1px solid rgba(57,255,136,.16) !important;
    border-radius: 11px !important;
    background: rgba(8,15,11,.95) !important;
    color: #effff4 !important;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.015);
    transition:
        border-color .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}

body:has(.account-section) .form-control::placeholder {
    color: rgba(190,215,199,.42) !important;
}

body:has(.account-section) .form-control:focus {
    border-color: rgba(57,255,136,.75) !important;
    background: rgba(7,17,11,.98) !important;
    box-shadow:
        0 0 0 3px rgba(57,255,136,.07),
        0 0 24px rgba(57,255,136,.04) !important;
}

body:has(.account-section) .cmn--btn {
    min-height: 54px !important;
    border: 1px solid rgba(57,255,136,.55) !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg,#39ff88,#20d66f) !important;
    color: #021008 !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    box-shadow: 0 10px 30px rgba(57,255,136,.10);
    transition: .2s ease !important;
}

body:has(.account-section) .cmn--btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(57,255,136,.20);
}

body:has(.account-section) .forgot-pass,
body:has(.account-section) .text--base {
    color: #39ff88 !important;
}

body:has(.account-section) .right-inner {
    padding: 30px;
}

body:has(.account-section) .right-inner .title {
    font-weight: 800 !important;
    letter-spacing: 1px;
}

body:has(.account-section) .right-inner p {
    color: rgba(220,240,226,.68) !important;
}

body:has(.account-section) .form-check-input {
    background-color: #07100b;
    border-color: rgba(57,255,136,.35);
}

body:has(.account-section) .form-check-input:checked {
    background-color: #39ff88;
    border-color: #39ff88;
}

body:has(.account-section) .g-4 {
    --bs-gutter-y: 1rem;
}

@media (max-width: 991px) {
    body:has(.account-section) .right {
        display: none !important;
    }

    body:has(.account-section) .account-form {
        width: min(100%, 560px);
    }
}

@media (max-width: 575px) {
    body:has(.account-section) .account-form {
        padding: 20px 16px !important;
        border-radius: 14px;
    }

    body:has(.account-section) .auth-home-brand a {
        font-size: 27px !important;
        letter-spacing: 4px !important;
    }

    body:has(.account-section) .form-control,
    body:has(.account-section) .cmn--btn {
        min-height: 51px !important;
    }
}


/* =========================================================
   VIP CYBER SECURITY AUTH — PREMIUM TERMINAL
   ========================================================= */

body:has(.account-section) {
    background-color:#020504 !important;
    background-image:
        linear-gradient(rgba(57,255,136,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(57,255,136,.035) 1px,transparent 1px),
        radial-gradient(circle at 50% 15%,rgba(57,255,136,.12),transparent 38%) !important;
    background-size:40px 40px,40px 40px,100% 100%;
}

body:has(.account-section) .account-section {
    min-height:100vh !important;
    background:transparent !important;
    position:relative;
    overflow:hidden;
}

body:has(.account-section) .account-section:after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:-20%;
    height:2px;
    background:rgba(57,255,136,.20);
    box-shadow:0 0 20px rgba(57,255,136,.15);
    animation:vipScan 7s linear infinite;
    pointer-events:none;
}

@keyframes vipScan {
    from { transform:translateY(0); }
    to   { transform:translateY(140vh); }
}

body:has(.account-section) .left {
    position:relative;
    z-index:2;
}

body:has(.account-section) .left-inne {
    width:min(100%,560px) !important;
    margin:auto !important;
}

body:has(.account-section) .auth-home-brand {
    margin:0 0 18px !important;
    text-align:center !important;
}

body:has(.account-section) .auth-home-brand a {
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
    font-family:Rajdhani,Inter,sans-serif !important;
    font-size:34px !important;
    font-weight:900 !important;
    letter-spacing:7px !important;
    text-shadow:0 0 18px rgba(57,255,136,.18) !important;
}

body:has(.account-section) .account-form {
    position:relative;
    width:100% !important;
    padding:32px !important;
    margin:0 auto !important;
    border:1px solid rgba(57,255,136,.20) !important;
    border-radius:16px !important;
    background:
        linear-gradient(145deg,rgba(10,20,14,.94),rgba(2,7,4,.97)) !important;
    box-shadow:
        0 30px 90px rgba(0,0,0,.70),
        inset 0 1px rgba(255,255,255,.025),
        0 0 40px rgba(57,255,136,.035) !important;
    backdrop-filter:blur(20px);
}

body:has(.account-section) .account-form:before {
    content:"SECURE ACCESS // AUTHENTICATION";
    display:block;
    margin-bottom:25px;
    padding-bottom:13px;
    border-bottom:1px solid rgba(57,255,136,.10);
    color:rgba(57,255,136,.62);
    font-family:monospace;
    font-size:10px;
    font-weight:700;
    letter-spacing:2px;
}

body:has(.account-section) .form--label,
body:has(.account-section) .form-label {
    color:#d9eee0 !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:1px !important;
    text-transform:uppercase;
}

body:has(.account-section) .form-control {
    min-height:54px !important;
    border:1px solid rgba(57,255,136,.15) !important;
    border-radius:9px !important;
    background:#050b07 !important;
    color:#edfff3 !important;
    padding:13px 16px !important;
    font-family:Inter,sans-serif !important;
    transition:.22s ease !important;
}

body:has(.account-section) .form-control:hover {
    border-color:rgba(57,255,136,.28) !important;
}

body:has(.account-section) .form-control:focus {
    border-color:#39ff88 !important;
    background:#061009 !important;
    box-shadow:
        0 0 0 3px rgba(57,255,136,.06),
        0 0 22px rgba(57,255,136,.07) !important;
}

body:has(.account-section) .cmn--btn {
    min-height:55px !important;
    border:1px solid #39ff88 !important;
    border-radius:9px !important;
    background:#39ff88 !important;
    color:#020805 !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:2px !important;
    text-transform:uppercase;
    box-shadow:0 10px 35px rgba(57,255,136,.10) !important;
    transition:.22s ease !important;
}

body:has(.account-section) .cmn--btn:hover {
    transform:translateY(-2px);
    box-shadow:0 15px 45px rgba(57,255,136,.20) !important;
}

body:has(.account-section) .forgot-pass,
body:has(.account-section) .text--base {
    color:#39ff88 !important;
}

body:has(.account-section) .right {
    position:relative;
    z-index:2;
}

body:has(.account-section) .right-inner .title {
    font-family:Rajdhani,Inter,sans-serif !important;
    font-weight:800 !important;
    letter-spacing:2px;
}

body:has(.account-section) .right-inner p {
    color:rgba(220,240,227,.60) !important;
}

@media (max-width:991px) {
    body:has(.account-section) .right {
        display:none !important;
    }

    body:has(.account-section) .left-inne {
        width:min(100%,560px) !important;
    }
}

@media (max-width:575px) {
    body:has(.account-section) .account-form {
        padding:22px 17px !important;
        border-radius:13px !important;
    }

    body:has(.account-section) .auth-home-brand a {
        font-size:27px !important;
        letter-spacing:5px !important;
    }

    body:has(.account-section) .account-form:before {
        font-size:8px;
        letter-spacing:1.4px;
    }
}


/* =========================================================
   VIP LIVE AUTH STATUS + REMEMBER ME
   ========================================================= */

body:has(.account-section) .account-form {
    position:relative;
}

/* Live secure status */
body:has(.account-section) .account-form:after {
    content:"●  SECURE MODE  //  ONLINE";
    display:block;
    position:absolute;
    top:17px;
    right:22px;
    color:#39ff88;
    font-family:monospace;
    font-size:9px;
    font-weight:700;
    letter-spacing:1.4px;
    animation:secureStatus 1.8s ease-in-out infinite;
    pointer-events:none;
}

@keyframes secureStatus {
    0%,100% {
        opacity:.45;
        text-shadow:0 0 3px rgba(57,255,136,.15);
    }
    50% {
        opacity:1;
        text-shadow:0 0 10px rgba(57,255,136,.65);
    }
}

/* Remember Me */
body:has(.account-section) .form-check {
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    margin:2px 0 4px !important;
    padding-left:0 !important;
}

body:has(.account-section) .form-check-input {
    appearance:none !important;
    -webkit-appearance:none !important;
    width:19px !important;
    height:19px !important;
    min-width:19px !important;
    margin:0 !important;
    border:1px solid rgba(57,255,136,.35) !important;
    border-radius:5px !important;
    background:#050b07 !important;
    cursor:pointer !important;
    position:relative !important;
    transition:.2s ease !important;
}

body:has(.account-section) .form-check-input:hover {
    border-color:#39ff88 !important;
    box-shadow:0 0 10px rgba(57,255,136,.12) !important;
}

body:has(.account-section) .form-check-input:checked {
    background:#39ff88 !important;
    border-color:#39ff88 !important;
    box-shadow:0 0 14px rgba(57,255,136,.25) !important;
}

body:has(.account-section) .form-check-input:checked:after {
    content:"✓";
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-54%);
    color:#020805 !important;
    font-size:13px;
    font-weight:900;
}

body:has(.account-section) .form-check-label {
    color:rgba(225,242,230,.72) !important;
    font-size:12px !important;
    font-weight:600 !important;
    letter-spacing:.3px;
    cursor:pointer !important;
    user-select:none;
}

/* Small terminal status line below button */
body:has(.account-section) .account-form .cmn--btn {
    position:relative;
}

body:has(.account-section) .account-form .cmn--btn:after {
    content:"  •  ENCRYPTED SESSION";
    font-family:monospace;
    font-size:8px;
    opacity:.55;
    margin-left:8px;
    letter-spacing:1px;
}

@media (max-width:575px) {
    body:has(.account-section) .account-form:after {
        position:static;
        display:block;
        margin-top:-12px;
        margin-bottom:15px;
        text-align:right;
        font-size:8px;
    }
}


/* =========================================================
   VIP AUTH TERMINAL — STATUS HEADER V2
   ========================================================= */

body:has(.account-section) .account-form {
    padding-top:30px !important;
}

/* Remove old status placement */
body:has(.account-section) .account-form:after {
    content:none !important;
    display:none !important;
}

/* Premium authentication header */
body:has(.account-section) .account-form:before {
    content:"";
    display:block;
    height:38px;
    margin:-4px 0 25px;
    padding:0 14px;
    border:1px solid rgba(57,255,136,.12);
    border-radius:8px;
    background:rgba(57,255,136,.025);
    box-shadow:inset 0 1px rgba(255,255,255,.02);
    position:relative;
}

/* LIVE AUTHENTICATION label */
body:has(.account-section) .account-form {
    --vip-status-text:"LIVE AUTHENTICATION";
}

body:has(.account-section) .account-form > .form-group:first-of-type {
    position:relative;
}

body:has(.account-section) .account-form > .form-group:first-of-type:before {
    content:"LIVE AUTHENTICATION";
    position:absolute;
    top:-54px;
    left:14px;
    color:#dfffea;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:11px;
    font-weight:800;
    letter-spacing:2px;
    line-height:38px;
    pointer-events:none;
}

/* Secure mode badge */
body:has(.account-section) .account-form > .form-group:first-of-type:after {
    content:"●  SECURE MODE   •   ONLINE";
    position:absolute;
    top:-54px;
    right:14px;
    color:#39ff88;
    font-family:monospace;
    font-size:8px;
    font-weight:700;
    letter-spacing:1px;
    line-height:38px;
    animation:vipOnlinePulse 2s ease-in-out infinite;
    pointer-events:none;
}

@keyframes vipOnlinePulse {
    0%,100% {
        opacity:.55;
        text-shadow:0 0 2px rgba(57,255,136,.1);
    }
    50% {
        opacity:1;
        text-shadow:0 0 12px rgba(57,255,136,.55);
    }
}

/* Premium green status dot */
body:has(.account-section) .account-form > .form-group:first-of-type:after {
    text-shadow:0 0 8px rgba(57,255,136,.35);
}

/* Make inputs more premium */
body:has(.account-section) .form-control {
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.008) !important;
}

body:has(.account-section) .form-control:focus {
    box-shadow:
        inset 0 0 0 1px rgba(57,255,136,.08),
        0 0 0 3px rgba(57,255,136,.045),
        0 0 25px rgba(57,255,136,.08) !important;
}

/* Login button premium terminal look */
body:has(.account-section) .cmn--btn {
    position:relative;
    overflow:hidden;
}

body:has(.account-section) .cmn--btn:after {
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:60%;
    height:100%;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(255,255,255,.22),
        transparent
    );
    animation:vipButtonScan 3.5s ease-in-out infinite;
}

@keyframes vipButtonScan {
    0%,55% { left:-100%; }
    100% { left:140%; }
}

/* Terminal footer */
body:has(.account-section) .account-form:after {
    content:"SESSION ENCRYPTED   •   CONNECTION SECURED";
    display:block !important;
    margin-top:18px;
    text-align:center;
    color:rgba(57,255,136,.35);
    font-family:monospace;
    font-size:7px;
    letter-spacing:1.5px;
    animation:none;
}

/* Mobile */
@media (max-width:575px) {

    body:has(.account-section) .account-form {
        padding-top:25px !important;
    }

    body:has(.account-section) .account-form:before {
        margin-bottom:25px;
    }

    body:has(.account-section) .account-form > .form-group:first-of-type:before {
        left:11px;
        font-size:9px;
        letter-spacing:1.5px;
    }

    body:has(.account-section) .account-form > .form-group:first-of-type:after {
        right:11px;
        font-size:7px;
        letter-spacing:.6px;
    }
}


/* =========================================================
   DARK WEB — VIP SECURE AUTH FINAL
   ========================================================= */

/* Remove the unwanted small terminal box */
body:has(.account-section) .account-form:before {
    content:none !important;
    display:none !important;
}

/* Clean VIP card */
body:has(.account-section) .account-form {
    padding:32px !important;
    border:1px solid rgba(57,255,136,.16) !important;
    border-radius:14px !important;
    background:linear-gradient(145deg,#07100b,#020604) !important;
    box-shadow:
        0 25px 70px rgba(0,0,0,.65),
        inset 0 1px rgba(255,255,255,.025) !important;
}

/* Professional secure-online status */
body:has(.account-section) .account-form > .form-group:first-of-type {
    position:relative;
    padding-top:34px !important;
}

body:has(.account-section) .account-form > .form-group:first-of-type:before {
    content:"SECURE ONLINE";
    position:absolute;
    top:0;
    left:0;
    color:rgba(220,255,231,.78);
    font-family:Rajdhani,Inter,sans-serif;
    font-size:10px;
    font-weight:800;
    letter-spacing:2.5px;
    text-transform:uppercase;
}

body:has(.account-section) .account-form > .form-group:first-of-type:after {
    content:"●";
    position:absolute;
    top:1px;
    right:2px;
    color:#39ff88;
    font-size:9px;
    text-shadow:0 0 9px rgba(57,255,136,.75);
    animation:secureOnline 1.7s ease-in-out infinite;
}

@keyframes secureOnline {
    0%,100% { opacity:.35; }
    50% { opacity:1; }
}

/* DARK WEB title */
body:has(.account-section) .auth-home-brand {
    margin-bottom:20px !important;
}

body:has(.account-section) .auth-home-brand a {
    font-family:Rajdhani,Inter,sans-serif !important;
    font-size:32px !important;
    font-weight:900 !important;
    letter-spacing:6px !important;
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
    text-shadow:0 0 18px rgba(57,255,136,.10) !important;
}

/* Premium inputs */
body:has(.account-section) .form-control {
    height:53px !important;
    border-radius:8px !important;
    background:#030805 !important;
    border:1px solid rgba(57,255,136,.13) !important;
    color:#ecfff2 !important;
}

body:has(.account-section) .form-control:focus {
    border-color:rgba(57,255,136,.65) !important;
    box-shadow:0 0 0 3px rgba(57,255,136,.045) !important;
}

/* Secure Login button */
body:has(.account-section) .cmn--btn {
    min-height:54px !important;
    border-radius:8px !important;
    background:#39ff88 !important;
    border:1px solid #39ff88 !important;
    color:#020604 !important;
    font-family:Rajdhani,Inter,sans-serif !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:2px !important;
    text-transform:uppercase !important;
    box-shadow:0 8px 30px rgba(57,255,136,.08) !important;
}

body:has(.account-section) .cmn--btn:hover {
    transform:translateY(-1px);
    box-shadow:0 12px 35px rgba(57,255,136,.18) !important;
}

/* Hide old button pseudo text */
body:has(.account-section) .account-form .cmn--btn:after {
    content:none !important;
}

/* Bottom security caption */
body:has(.account-section) .account-form {
    position:relative;
}

body:has(.account-section) .account-form > .form-group:last-of-type:after {
    content:"SECURE SESSION  •  ENCRYPTED CONNECTION";
    display:block;
    margin-top:13px;
    text-align:center;
    color:rgba(57,255,136,.28);
    font-family:monospace;
    font-size:7px;
    letter-spacing:1.4px;
}

/* Mobile */
@media (max-width:575px) {
    body:has(.account-section) .account-form {
        padding:25px 18px !important;
    }

    body:has(.account-section) .auth-home-brand a {
        font-size:27px !important;
        letter-spacing:5px !important;
    }
}



/* =========================================================
   DARK WEB — VIP AUTHENTICATION INTERFACE
   ========================================================= */

body:has(.account-section) .account-form {
    position:relative !important;
    padding:30px 32px 27px !important;
    margin-top:0 !important;
    border:1px solid rgba(57,255,136,.17) !important;
    border-radius:14px !important;
    background:
        linear-gradient(145deg,rgba(7,16,11,.97),rgba(2,6,4,.98)) !important;
    box-shadow:
        0 28px 80px rgba(0,0,0,.72),
        inset 0 1px rgba(255,255,255,.025) !important;
}

/* Remove every old generated status/box */
body:has(.account-section) .account-form:before,
body:has(.account-section) .account-form:after,
body:has(.account-section) .account-form > .form-group:first-of-type:before,
body:has(.account-section) .account-form > .form-group:first-of-type:after {
    content:none !important;
    display:none !important;
}

/* VIP status */
body:has(.account-section) .vip-auth-status {
    width:100%;
    height:34px;
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 auto 17px;
    padding:0 12px;
    border-bottom:1px solid rgba(57,255,136,.10);
    color:rgba(225,255,235,.75);
    font-family:Inter,Arial,sans-serif;
}

body:has(.account-section) .vip-status-dot {
    width:7px;
    height:7px;
    min-width:7px;
    border-radius:50%;
    background:#39ff88;
    box-shadow:0 0 0 3px rgba(57,255,136,.08),
               0 0 12px rgba(57,255,136,.75);
    animation:vipSecurePulse 1.5s ease-in-out infinite;
}

@keyframes vipSecurePulse {
    0%,100% {
        opacity:.45;
        transform:scale(.82);
        box-shadow:0 0 0 3px rgba(57,255,136,.05),
                   0 0 5px rgba(57,255,136,.25);
    }
    50% {
        opacity:1;
        transform:scale(1);
        box-shadow:0 0 0 4px rgba(57,255,136,.09),
                   0 0 16px rgba(57,255,136,.85);
    }
}

body:has(.account-section) .vip-status-text {
    color:#39ff88;
    font-size:9px;
    font-weight:800;
    letter-spacing:2px;
    white-space:nowrap;
}

body:has(.account-section) .vip-status-line {
    flex:1;
    height:1px;
    margin-left:5px;
    background:linear-gradient(
        90deg,
        rgba(57,255,136,.16),
        transparent
    );
}

/* Premium DARK WEB branding */
body:has(.account-section) .auth-home-brand {
    margin:0 0 19px !important;
    text-align:center !important;
}

body:has(.account-section) .auth-home-brand a {
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
    font-family:Rajdhani,Inter,sans-serif !important;
    font-size:31px !important;
    font-weight:900 !important;
    letter-spacing:6px !important;
    text-decoration:none !important;
    text-shadow:0 0 15px rgba(57,255,136,.10) !important;
}

/* Labels */
body:has(.account-section) .form-label {
    color:rgba(232,247,237,.82) !important;
    font-size:11px !important;
    font-weight:700 !important;
    letter-spacing:1.1px !important;
    text-transform:uppercase;
}

/* Inputs */
body:has(.account-section) .form-control {
    height:52px !important;
    border-radius:8px !important;
    border:1px solid rgba(57,255,136,.13) !important;
    background:#030805 !important;
    color:#effff3 !important;
    transition:all .2s ease !important;
}

body:has(.account-section) .form-control:hover {
    border-color:rgba(57,255,136,.27) !important;
}

body:has(.account-section) .form-control:focus {
    border-color:rgba(57,255,136,.62) !important;
    background:#040a06 !important;
    box-shadow:
        0 0 0 3px rgba(57,255,136,.045),
        0 0 22px rgba(57,255,136,.06) !important;
}

/* SECURE SIGN IN */
body:has(.account-section) .cmn--btn {
    height:54px !important;
    border-radius:8px !important;
    border:1px solid #39ff88 !important;
    background:#39ff88 !important;
    color:#020604 !important;
    font-family:Rajdhani,Inter,sans-serif !important;
    font-size:13px !important;
    font-weight:900 !important;
    letter-spacing:2px !important;
    text-transform:uppercase !important;
    box-shadow:0 10px 32px rgba(57,255,136,.08) !important;
    transition:all .2s ease !important;
}

body:has(.account-section) .cmn--btn:hover {
    transform:translateY(-1px) !important;
    box-shadow:0 14px 38px rgba(57,255,136,.17) !important;
}

/* Remember me */
body:has(.account-section) .form-check {
    align-items:center !important;
}

body:has(.account-section) .form-check-input {
    cursor:pointer !important;
}

/* Mobile */
@media (max-width:575px) {
    body:has(.account-section) .account-form {
        padding:24px 18px !important;
    }

    body:has(.account-section) .auth-home-brand a {
        font-size:27px !important;
        letter-spacing:5px !important;
    }

    body:has(.account-section) .vip-auth-status {
        margin-bottom:15px;
    }
}



/* =========================================================
   VIP AUTH — LOGIN + REGISTER CONSISTENCY
   ========================================================= */

/* Right-side authentication panel */
body:has(.account-section) .right-inner {
    max-width:430px;
    margin:auto;
}

body:has(.account-section) .right-inner .title {
    font-family:Rajdhani,Inter,sans-serif !important;
    font-size:34px !important;
    font-weight:900 !important;
    letter-spacing:2px !important;
    color:#f0fff5 !important;
}

body:has(.account-section) .right-inner p {
    font-size:13px !important;
    line-height:1.8 !important;
    color:rgba(222,241,228,.58) !important;
}

/* Create New Account link */
body:has(.account-section) .right-inner a.text--base {
    color:#39ff88 !important;
    font-weight:800 !important;
    text-decoration:none !important;
    transition:.2s ease;
}

body:has(.account-section) .right-inner a.text--base:hover {
    color:#8dffb8 !important;
    text-shadow:0 0 12px rgba(57,255,136,.25);
}

/* Register status */
body:has(.account-section) .vip-auth-status {
    width:100%;
    height:34px;
    display:flex;
    align-items:center;
    gap:9px;
    margin:0 auto 16px;
    padding:0 12px;
    border-bottom:1px solid rgba(57,255,136,.10);
}

body:has(.account-section) .vip-status-dot {
    width:7px;
    height:7px;
    min-width:7px;
    border-radius:50%;
    background:#39ff88;
    box-shadow:0 0 10px rgba(57,255,136,.7);
    animation:registerSecurePulse 1.5s ease-in-out infinite;
}

@keyframes registerSecurePulse {
    0%,100% {
        opacity:.4;
        transform:scale(.8);
    }
    50% {
        opacity:1;
        transform:scale(1);
        box-shadow:0 0 16px rgba(57,255,136,.9);
    }
}

body:has(.account-section) .vip-status-text {
    color:#39ff88;
    font-family:Inter,Arial,sans-serif;
    font-size:9px;
    font-weight:800;
    letter-spacing:2px;
}

body:has(.account-section) .vip-status-line {
    flex:1;
    height:1px;
    background:linear-gradient(
        90deg,
        rgba(57,255,136,.15),
        transparent
    );
}

/* Register form spacing */
body:has(.account-section) .account-form {
    gap:18px !important;
}

/* Register fields */
body:has(.account-section) .account-form .form--label {
    color:rgba(232,247,237,.82) !important;
    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:1px !important;
    text-transform:uppercase;
}

body:has(.account-section) .account-form .form-control {
    min-height:51px !important;
}

/* Create Secure Account button */
body:has(.account-section) .account-form .cmn--btn {
    min-height:54px !important;
    border-radius:8px !important;
    font-weight:900 !important;
    letter-spacing:1.8px !important;
}

/* Login/Register responsive */
@media (max-width:991px) {
    body:has(.account-section) .right {
        display:none !important;
    }
}

@media (max-width:575px) {
    body:has(.account-section) .vip-auth-status {
        margin-bottom:14px;
    }

    body:has(.account-section) .account-form {
        padding:24px 18px !important;
        gap:14px !important;
    }
}



/* =========================================================
   VIP CREATE ACCOUNT PANEL
   ========================================================= */

body:has(.account-section) .vip-side-status {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-bottom:22px;
    color:#39ff88;
    font-family:monospace;
    font-size:9px;
    font-weight:800;
    letter-spacing:2px;
}

body:has(.account-section) .vip-side-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#39ff88;
    box-shadow:0 0 12px rgba(57,255,136,.8);
    animation:vipSidePulse 1.5s ease-in-out infinite;
}

@keyframes vipSidePulse {
    0%,100% { opacity:.4; transform:scale(.8); }
    50% { opacity:1; transform:scale(1); }
}

body:has(.account-section) .vip-register-prompt {
    margin:28px auto 0;
    padding-top:22px;
    border-top:1px solid rgba(57,255,136,.10);
}

body:has(.account-section) .vip-register-prompt > span {
    display:block;
    margin-bottom:12px;
    color:rgba(220,240,227,.42);
    font-family:monospace;
    font-size:8px;
    font-weight:700;
    letter-spacing:1.5px;
}

body:has(.account-section) .vip-create-account {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:190px;
    min-height:43px;
    padding:0 22px;
    border:1px solid rgba(57,255,136,.35) !important;
    border-radius:7px;
    background:rgba(57,255,136,.035);
    color:#39ff88 !important;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.7px;
    text-decoration:none !important;
    transition:.2s ease;
}

body:has(.account-section) .vip-create-account:hover {
    background:rgba(57,255,136,.09);
    border-color:#39ff88 !important;
    box-shadow:0 0 22px rgba(57,255,136,.10);
    transform:translateY(-1px);
}


/* =========================================================
   VIP AUTH — KEEP ACCOUNT LINK VISIBLE ON MOBILE
   ========================================================= */

@media (max-width:991px) {
    body:has(.account-section) .right {
        display:block !important;
        width:100% !important;
        margin-top:24px !important;
        padding:0 18px 30px !important;
    }

    body:has(.account-section) .right-inner {
        width:100% !important;
        max-width:520px !important;
        margin:auto !important;
        padding:20px 18px !important;
        border-top:1px solid rgba(57,255,136,.10);
    }

    body:has(.account-section) .vip-side-status {
        margin-bottom:12px !important;
    }

    body:has(.account-section) .right-inner .title {
        font-size:22px !important;
        margin-bottom:6px !important;
    }

    body:has(.account-section) .right-inner p {
        font-size:12px !important;
    }

    body:has(.account-section) .vip-register-prompt {
        margin-top:17px !important;
        padding-top:17px !important;
    }

    body:has(.account-section) .vip-create-account {
        width:100% !important;
        max-width:300px !important;
    }
}


/* Compact VIP auth spacing */
@media (max-width:991px) {
    body:has(.account-section) .right {
        margin-top:6px !important;
        padding-top:0 !important;
        padding-bottom:12px !important;
    }

    body:has(.account-section) .right-inner {
        padding-top:10px !important;
        padding-bottom:8px !important;
    }

    body:has(.account-section) .vip-side-status {
        margin-bottom:7px !important;
    }

    body:has(.account-section) .right-inner .title {
        margin:3px 0 2px !important;
    }

    body:has(.account-section) .right-inner p {
        margin-top:3px !important;
        margin-bottom:3px !important;
    }

    body:has(.account-section) .vip-register-prompt {
        margin-top:8px !important;
        padding-top:9px !important;
    }

    body:has(.account-section) .vip-register-prompt > span {
        margin-bottom:7px !important;
    }
}


/* EXTRA COMPACT — LOGIN + CREATE ACCOUNT */
@media (max-width:991px) {
    body:has(.account-section) .right {
        margin-top:0 !important;
        padding-top:0 !important;
        padding-bottom:4px !important;
    }

    body:has(.account-section) .right-inner {
        padding-top:3px !important;
        padding-bottom:3px !important;
        margin-top:0 !important;
    }

    body:has(.account-section) .vip-side-status {
        margin:0 0 3px !important;
    }

    body:has(.account-section) .right-inner .title {
        margin:0 !important;
        line-height:1.2 !important;
    }

    body:has(.account-section) .right-inner p {
        margin:2px 0 !important;
        line-height:1.3 !important;
    }

    body:has(.account-section) .vip-register-prompt {
        margin:4px auto 0 !important;
        padding-top:5px !important;
    }

    body:has(.account-section) .vip-register-prompt > span {
        margin-bottom:4px !important;
    }

    body:has(.account-section) .vip-create-account {
        min-height:38px !important;
    }
}



/* =========================================================
   VIP CREATE ACCOUNT — UNDER LOGIN
   ========================================================= */

/* Hide old right-side authentication panel */
body:has(.account-section) .right {
    display:none !important;
}

/* Keep login area centered */
body:has(.account-section) .left {
    width:100% !important;
}

body:has(.account-section) .left-inne {
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Compact VIP signup area */
body:has(.account-section) .vip-create-under-login {
    width:100%;
    max-width:560px;
    margin:12px auto 0;
    padding:13px 0 0;
    text-align:center;
    border-top:1px solid rgba(57,255,136,.09);
}

body:has(.account-section) .vip-create-question {
    margin-bottom:8px;
    color:rgba(225,240,229,.48);
    font-family:monospace;
    font-size:8px;
    font-weight:700;
    letter-spacing:1.7px;
}

body:has(.account-section) .vip-create-button {
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
    min-width:190px;
    height:39px;
    padding:0 20px;
    border:1px solid rgba(57,255,136,.30) !important;
    border-radius:7px;
    background:rgba(57,255,136,.025);
    color:#39ff88 !important;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:10px;
    font-weight:900;
    letter-spacing:1.7px;
    text-decoration:none !important;
    transition:.2s ease;
}

body:has(.account-section) .vip-create-button:hover {
    background:rgba(57,255,136,.08);
    border-color:#39ff88 !important;
    box-shadow:0 0 20px rgba(57,255,136,.10);
    transform:translateY(-1px);
}

@media (max-width:575px) {
    body:has(.account-section) .vip-create-under-login {
        margin-top:9px;
        padding-top:10px;
    }

    body:has(.account-section) .vip-create-button {
        width:100%;
        max-width:300px;
    }
}


/* =========================================================
   VIP DEPOSIT TERMINAL
   ========================================================= */

body:has(.deposit-form) {
    background:#020604 !important;
}

body:has(.deposit-form) .deposit-form {
    position:relative;
}

/* Main deposit container */
body:has(.deposit-form) .gateway-card {
    position:relative;
    padding:26px !important;
    border:1px solid rgba(57,255,136,.14) !important;
    border-radius:15px !important;
    background:
        linear-gradient(145deg,rgba(7,16,11,.98),rgba(2,6,4,.99)) !important;
    box-shadow:
        0 25px 70px rgba(0,0,0,.65),
        inset 0 1px rgba(255,255,255,.025) !important;
}

/* VIP terminal header */
body:has(.deposit-form) .gateway-card:before {
    content:"SECURE ONLINE";
    display:flex;
    align-items:center;
    height:34px;
    margin:0 0 20px;
    padding-left:12px;
    border-bottom:1px solid rgba(57,255,136,.10);
    color:#39ff88;
    font-family:monospace;
    font-size:9px;
    font-weight:800;
    letter-spacing:2px;
}

/* Green online indicator */
body:has(.deposit-form) .gateway-card:after {
    content:"●";
    position:absolute;
    top:37px;
    right:27px;
    color:#39ff88;
    font-size:10px;
    text-shadow:0 0 12px rgba(57,255,136,.8);
    animation:depositOnline 1.5s ease-in-out infinite;
}

@keyframes depositOnline {
    0%,100% {
        opacity:.35;
        transform:scale(.8);
    }
    50% {
        opacity:1;
        transform:scale(1);
    }
}

/* Payment gateway area */
body:has(.deposit-form) .payment-system-list {
    border-radius:10px !important;
}

/* Gateway items */
body:has(.deposit-form) .payment-item {
    border:1px solid rgba(57,255,136,.10) !important;
    border-radius:9px !important;
    background:rgba(3,9,6,.75) !important;
    transition:.2s ease !important;
}

body:has(.deposit-form) .payment-item:hover {
    border-color:rgba(57,255,136,.32) !important;
    transform:translateY(-1px);
}

body:has(.deposit-form) .payment-item.active,
body:has(.deposit-form) .payment-item:has(.gateway-input:checked) {
    border-color:rgba(57,255,136,.55) !important;
    background:rgba(57,255,136,.045) !important;
    box-shadow:0 0 18px rgba(57,255,136,.06) !important;
}

/* Amount/payment information panel */
body:has(.deposit-form) .payment-system-list.p-3 {
    padding:20px !important;
    border:1px solid rgba(57,255,136,.10);
    border-radius:11px;
    background:rgba(2,7,4,.72);
}

/* Deposit information rows */
body:has(.deposit-form) .deposit-info {
    padding-top:10px !important;
    padding-bottom:10px !important;
}

body:has(.deposit-form) .deposit-info__title .text {
    color:rgba(220,240,226,.55) !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:1px !important;
    text-transform:uppercase;
}

body:has(.deposit-form) .deposit-info__input .text {
    color:#eafff0 !important;
    font-weight:700 !important;
}

/* Amount input */
body:has(.deposit-form) .deposit-info__input-group {
    border:1px solid rgba(57,255,136,.13);
    border-radius:8px;
    overflow:hidden;
    background:#030805;
}

body:has(.deposit-form) .deposit-info__input-group-text {
    border:0 !important;
    background:rgba(57,255,136,.035) !important;
    color:#39ff88 !important;
}

body:has(.deposit-form) .deposit-info__input .form-control {
    border:0 !important;
    background:#030805 !important;
    color:#effff3 !important;
    height:49px !important;
}

body:has(.deposit-form) .deposit-info__input .form-control:focus {
    box-shadow:none !important;
}

/* Separators */
body:has(.deposit-form) .payment-system-list.p-3 hr {
    border-color:rgba(57,255,136,.08) !important;
    opacity:1 !important;
}

/* Total */
body:has(.deposit-form) .deposit-info.total-amount {
    border-top:1px solid rgba(57,255,136,.07);
}

body:has(.deposit-form) .deposit-info.total-amount .final-amount {
    color:#39ff88 !important;
    font-size:17px !important;
    font-weight:900 !important;
}

/* Confirm button */
body:has(.deposit-form) .deposit-form .cmn--btn {
    min-height:52px !important;
    margin-top:8px !important;
    border-radius:8px !important;
    background:#39ff88 !important;
    border:1px solid #39ff88 !important;
    color:#020604 !important;
    font-family:Rajdhani,Inter,sans-serif !important;
    font-size:12px !important;
    font-weight:900 !important;
    letter-spacing:1.8px !important;
    text-transform:uppercase !important;
    box-shadow:0 10px 30px rgba(57,255,136,.08) !important;
}

body:has(.deposit-form) .deposit-form .cmn--btn:not(:disabled):hover {
    transform:translateY(-1px);
    box-shadow:0 14px 38px rgba(57,255,136,.17) !important;
}

/* Security information */
body:has(.deposit-form) .info-text {
    padding-top:10px !important;
}

body:has(.deposit-form) .info-text .text {
    color:rgba(220,240,226,.36) !important;
    font-size:8px !important;
    line-height:1.7 !important;
    text-align:center;
}

/* Mobile */
@media (max-width:767px) {
    body:has(.deposit-form) .gateway-card {
        padding:17px !important;
        border-radius:12px !important;
    }

    body:has(.deposit-form) .payment-system-list.p-3 {
        padding:14px !important;
    }

    body:has(.deposit-form) .gateway-card:after {
        right:20px;
    }
}



/* =========================================================
   VIP MOBILE PAYMENT / MANUAL DEPOSIT
   ========================================================= */

body:has(.vip-manual-payment) {
    background:#020604 !important;
}

.vip-manual-payment {
    padding-top:25px;
    padding-bottom:35px;
}

.vip-payment-card {
    position:relative;
    overflow:hidden;
    padding:20px;
    border:1px solid rgba(57,255,136,.15);
    border-radius:14px;
    background:
        linear-gradient(145deg,#080f0b,#020604);
    box-shadow:
        0 25px 70px rgba(0,0,0,.68),
        inset 0 1px rgba(255,255,255,.025);
}

/* subtle terminal line */
.vip-payment-card:before {
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(57,255,136,.55),
        transparent
    );
}

/* Header */
.vip-payment-header {
    text-align:center;
    padding:4px 5px 17px;
    border-bottom:1px solid rgba(57,255,136,.09);
}

.vip-payment-status {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-bottom:8px;
    color:#39ff88;
    font-family:monospace;
    font-size:8px;
    font-weight:800;
    letter-spacing:2px;
}

.vip-payment-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#39ff88;
    box-shadow:0 0 12px rgba(57,255,136,.8);
    animation:vipPaymentPulse 1.5s ease-in-out infinite;
}

@keyframes vipPaymentPulse {
    0%,100% {
        opacity:.4;
        transform:scale(.8);
    }
    50% {
        opacity:1;
        transform:scale(1);
        box-shadow:0 0 17px rgba(57,255,136,.9);
    }
}

.vip-payment-title {
    color:#f1fff5;
    font-family:Rajdhani,Inter,sans-serif;
    font-size:20px;
    font-weight:900;
    letter-spacing:2.5px;
}

.vip-payment-subtitle {
    margin-top:3px;
    color:rgba(220,240,227,.34);
    font-family:monospace;
    font-size:7px;
    letter-spacing:1.5px;
}

/* Method */
.vip-payment-method {
    margin-top:12px;
    padding:12px 13px;
    border:1px solid rgba(57,255,136,.09);
    border-radius:8px;
    background:rgba(57,255,136,.018);
}

.vip-section-label {
    margin-bottom:5px;
    color:rgba(220,240,227,.43);
    font-family:monospace;
    font-size:8px;
    font-weight:800;
    letter-spacing:1.5px;
}

.vip-method-name {
    color:#fff;
    font-size:14px;
    font-weight:800;
}

/* Amount */
.vip-payment-amount {
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:10px;
    padding:12px 13px;
    border:1px solid rgba(57,255,136,.08);
    border-radius:8px;
    background:#040906;
}

.vip-payment-amount > div {
    flex:1;
}

.vip-amount-label {
    display:block;
    margin-bottom:4px;
    color:rgba(220,240,227,.38);
    font-family:monospace;
    font-size:7px;
    letter-spacing:1px;
}

.vip-payment-amount strong {
    color:#eafff0;
    font-size:14px;
    font-weight:800;
}

.vip-amount-divider {
    flex:0 0 1px !important;
    width:1px;
    height:30px;
    background:rgba(57,255,136,.10);
}

/* Instructions */
.vip-payment-details {
    margin-top:10px;
    padding:13px;
    border:1px solid rgba(57,255,136,.09);
    border-radius:8px;
    background:#050a07;
}

.vip-gateway-description {
    color:rgba(225,239,229,.70);
    font-size:12px;
    line-height:1.65;
}

.vip-gateway-description b,
.vip-gateway-description strong {
    color:#fff;
}

/* Dynamic verification fields */
.vip-user-fields {
    margin-top:10px;
    padding:13px;
    border:1px solid rgba(57,255,136,.09);
    border-radius:8px;
    background:#050a07;
}

.vip-user-fields .form-group {
    margin-bottom:10px;
}

.vip-user-fields label {
    color:rgba(225,240,229,.72);
    font-size:10px;
    font-weight:700;
    letter-spacing:.7px;
}

.vip-user-fields input,
.vip-user-fields textarea,
.vip-user-fields select {
    border-color:rgba(57,255,136,.12) !important;
    background:#030805 !important;
    color:#effff3 !important;
    border-radius:7px !important;
}

.vip-user-fields input:focus,
.vip-user-fields textarea:focus,
.vip-user-fields select:focus {
    border-color:rgba(57,255,136,.55) !important;
    box-shadow:0 0 0 3px rgba(57,255,136,.04) !important;
}

/* Secure confirm */
.vip-pay-button {
    min-height:52px !important;
    margin-top:12px;
    border:1px solid #39ff88 !important;
    border-radius:8px !important;
    background:#39ff88 !important;
    color:#020604 !important;
    font-family:Rajdhani,Inter,sans-serif !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:1.5px !important;
    text-transform:uppercase !important;
    box-shadow:0 10px 30px rgba(57,255,136,.08) !important;
}

/* Footer */
.vip-payment-footer {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:10px;
    color:rgba(220,240,227,.28);
    font-family:monospace;
    font-size:7px;
    letter-spacing:1px;
    text-align:center;
}

.vip-footer-dot {
    width:4px;
    height:4px;
    border-radius:50%;
    background:#39ff88;
    opacity:.7;
}

/* Mobile */
@media (max-width:575px) {
    .vip-manual-payment {
        padding-top:12px;
    }

    .vip-payment-card {
        padding:15px;
        border-radius:11px;
    }

    .vip-payment-amount {
        gap:9px;
        padding:11px;
    }

    .vip-payment-amount strong {
        font-size:12px;
    }

    .vip-payment-title {
        font-size:18px;
    }
}



/* =========================================================
   JAZZCASH / EASYPAISA REFERENCE STYLE — VIP PAYMENT
   ========================================================= */

body:has(.jc-vip-payment) {
    background:#080b0e !important;
}

.jc-vip-payment {
    max-width:560px;
    margin:20px auto 35px;
    padding:17px;
    box-sizing:border-box;
    background:#090b0e;
    color:#eef2f3;
    border:1px solid #30363b;
    border-radius:13px;
    box-shadow:0 20px 55px rgba(0,0,0,.45);
}

.jc-vip-header {
    text-align:center;
    margin-bottom:14px;
}

.jc-vip-online {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    color:#39ff88;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px;
    font-weight:800;
    letter-spacing:2px;
    margin-bottom:5px;
}

.jc-vip-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#39ff88;
    box-shadow:0 0 9px rgba(57,255,136,.85);
    animation:jcVipBlink 1.4s ease-in-out infinite;
}

@keyframes jcVipBlink {
    0%,100% {
        opacity:.4;
        box-shadow:0 0 4px rgba(57,255,136,.35);
    }
    50% {
        opacity:1;
        box-shadow:0 0 14px rgba(57,255,136,.9);
    }
}

.jc-vip-title {
    font-size:21px;
    color:#fff;
    font-weight:800;
    letter-spacing:.7px;
}

.jc-vip-box {
    background:#11151a;
    border:1px solid #30373d;
    border-radius:9px;
    padding:13px;
    margin-bottom:11px;
}

.jc-vip-label {
    margin-bottom:5px;
    color:#929da3;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
}

.jc-vip-value {
    color:#fff;
    font-size:15px;
    font-weight:800;
}

.jc-vip-amount {
    display:flex;
    align-items:baseline;
    gap:7px;
}

.jc-vip-amount span {
    color:#fff;
    font-size:18px;
    font-weight:800;
}

.jc-vip-amount small {
    color:#39ff88;
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
}

.jc-vip-details {
    background:#000;
    border:1px solid #41494e;
    border-radius:7px;
    padding:13px 12px;
    color:#cbd2d5;
    font-size:12px;
    line-height:1.6;
}

.jc-vip-details b,
.jc-vip-details strong {
    color:#fff;
}

.jc-vip-howto {
    background:#0e1512;
    border:1px solid #31513e;
    border-radius:9px;
    padding:12px 13px;
    margin-bottom:11px;
}

.jc-vip-howto-title {
    color:#55d69a;
    font-size:11px;
    font-weight:800;
    letter-spacing:1px;
    margin-bottom:6px;
}

.jc-vip-howto-text {
    color:#c1c9c7;
    font-size:12px;
    line-height:1.55;
}

.jc-vip-form {
    background:#101419;
    border:1px solid #30373d;
    border-radius:9px;
    padding:13px;
    margin-bottom:11px;
}

.jc-vip-form .form-control,
.jc-vip-form input,
.jc-vip-form textarea,
.jc-vip-form select {
    background:#000 !important;
    border-color:#41494e !important;
    color:#fff !important;
    border-radius:7px !important;
}

.jc-vip-confirm {
    min-height:49px !important;
    border-radius:8px !important;
    background:#39ff88 !important;
    border:1px solid #39ff88 !important;
    color:#020604 !important;
    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:1.5px !important;
    text-transform:uppercase !important;
}

.jc-vip-footer {
    text-align:center;
    margin-top:11px;
    padding-top:9px;
    border-top:1px solid #22292e;
    color:#69757b;
    font-size:9px;
}

@media(max-width:575px) {
    .jc-vip-payment {
        margin:10px 10px 25px;
        padding:14px;
    }

    .jc-vip-title {
        font-size:19px;
    }

    .jc-vip-box {
        padding:12px;
        margin-bottom:9px;
    }
}


/* =========================================================
   DARK WEB — VIP USER DASHBOARD
   ========================================================= */

body:has(.dashboard__item) {
    background:
        radial-gradient(circle at 50% 0%, rgba(57,255,136,.055), transparent 35%),
        #020604 !important;
}

/* Dashboard container */
body:has(.dashboard__item) .container {
    position:relative;
}

/* VIP dashboard header */
body:has(.dashboard__item) .notice:before {
    content:"●  SECURE ONLINE    /    USER TERMINAL";
    display:flex;
    align-items:center;
    justify-content:center;
    width:max-content;
    max-width:100%;
    margin:0 auto 20px;
    color:#39ff88;
    font-family:monospace;
    font-size:8px;
    font-weight:800;
    letter-spacing:1.8px;
    animation:dashboardStatus 1.8s ease-in-out infinite;
}

@keyframes dashboardStatus {
    0%,100% { opacity:.45; }
    50% { opacity:1; }
}

/* Statistics grid */
body:has(.dashboard__item) .row.justify-content-center.g-4 {
    row-gap:14px !important;
    column-gap:0 !important;
}

/* Premium cards */
body:has(.dashboard__item) .dashboard__item {
    position:relative;
    min-height:118px;
    padding:21px 18px !important;
    overflow:hidden;
    border:1px solid rgba(57,255,136,.12) !important;
    border-radius:12px !important;
    background:
        linear-gradient(145deg,#08100b,#030805) !important;
    box-shadow:
        0 14px 38px rgba(0,0,0,.42),
        inset 0 1px rgba(255,255,255,.018) !important;
    transition:.2s ease !important;
}

/* Top terminal line */
body:has(.dashboard__item) .dashboard__item:before {
    content:"";
    position:absolute;
    top:0;
    left:15px;
    right:15px;
    height:1px;
    background:linear-gradient(
        90deg,
        transparent,
        rgba(57,255,136,.35),
        transparent
    );
}

body:has(.dashboard__item) .dashboard__item:hover {
    transform:translateY(-2px);
    border-color:rgba(57,255,136,.28) !important;
    box-shadow:
        0 18px 45px rgba(0,0,0,.5),
        0 0 25px rgba(57,255,136,.045) !important;
}

/* Icons */
body:has(.dashboard__item) .dashboard__icon {
    width:43px !important;
    height:43px !important;
    min-width:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:9px !important;
    background:rgba(57,255,136,.055) !important;
    border:1px solid rgba(57,255,136,.13);
    color:#39ff88 !important;
    box-shadow:inset 0 0 18px rgba(57,255,136,.025);
}

body:has(.dashboard__item) .dashboard__icon i {
    color:#39ff88 !important;
    font-size:19px;
}

/* Card text */
body:has(.dashboard__item) .dashboard__item .cont {
    min-width:0;
}

body:has(.dashboard__item) .dashboard__item .dashboard__header .title {
    color:#f1fff5 !important;
    font-size:21px !important;
    font-weight:850 !important;
}

body:has(.dashboard__item) .dashboard__item .cont > a:last-child {
    color:rgba(220,240,227,.43) !important;
    font-family:monospace;
    font-size:8px;
    font-weight:700;
    letter-spacing:1.3px;
    text-transform:uppercase;
}

/* Latest Transactions */
body:has(.dashboard__item) h5.title {
    margin-top:3px !important;
    margin-bottom:11px !important;
    color:#eafff0 !important;
    font-family:Rajdhani,Inter,sans-serif !important;
    font-size:16px !important;
    font-weight:850 !important;
    letter-spacing:1px;
}

body:has(.dashboard__item) h5.title:before {
    content:"// ";
    color:#39ff88;
}

/* Transaction table */
body:has(.dashboard__item) .cmn--table {
    overflow:hidden;
    border:1px solid rgba(57,255,136,.10);
    border-radius:11px;
    background:#050a07 !important;
}

body:has(.dashboard__item) .cmn--table thead {
    background:#080e0a !important;
}

body:has(.dashboard__item) .cmn--table th {
    padding:13px 14px !important;
    color:rgba(57,255,136,.60) !important;
    border-bottom:1px solid rgba(57,255,136,.10) !important;
    font-family:monospace;
    font-size:8px !important;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
}

body:has(.dashboard__item) .cmn--table td {
    padding:13px 14px !important;
    color:rgba(230,242,233,.67) !important;
    border-color:rgba(255,255,255,.035) !important;
    font-size:11px;
}

body:has(.dashboard__item) .cmn--table tbody tr {
    transition:.15s ease;
}

body:has(.dashboard__item) .cmn--table tbody tr:hover {
    background:rgba(57,255,136,.025) !important;
}

body:has(.dashboard__item) .cmn--table td strong {
    color:#eafff0 !important;
}

/* Remove excessive bottom space */
body:has(.dashboard__item) .pb-80 {
    padding-bottom:25px !important;
}

/* Mobile */
@media(max-width:767px) {

    body:has(.dashboard__item) .notice:before {
        margin-bottom:12px;
        font-size:7px;
    }

    body:has(.dashboard__item) .dashboard__item {
        min-height:100px;
        padding:16px !important;
    }

    body:has(.dashboard__item) .dashboard__icon {
        width:38px !important;
        height:38px !important;
        min-width:38px;
    }

    body:has(.dashboard__item) .dashboard__item .dashboard__header .title {
        font-size:18px !important;
    }

    body:has(.dashboard__item) .cmn--table {
        display:block;
        overflow-x:auto;
        white-space:nowrap;
    }

    body:has(.dashboard__item) .cmn--table th,
    body:has(.dashboard__item) .cmn--table td {
        padding:10px 11px !important;
    }
}


/* ===== VIP USER DASHBOARD ===== */
body:has(.dashboard__item) {
    background:
        radial-gradient(circle at 50% 0%, rgba(0,255,120,.07), transparent 38%),
        #080b0a;
}

body:has(.dashboard__item) .container {
    position: relative;
}

/* Secure status bar */
body:has(.dashboard__item) .notice {
    position: relative;
    min-height: 42px;
    margin: 0 0 22px;
    padding: 10px 18px 10px 42px;
    border: 1px solid rgba(0,255,120,.18);
    border-radius: 10px;
    background: linear-gradient(90deg,rgba(12,25,19,.96),rgba(9,15,12,.96));
    box-shadow: 0 8px 30px rgba(0,0,0,.25);
}

body:has(.dashboard__item) .notice::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 50%;
    width: 9px;
    height: 9px;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #18ff75;
    box-shadow: 0 0 0 4px rgba(24,255,117,.08),0 0 12px rgba(24,255,117,.65);
    animation: vipOnlineBlink 1.4s infinite ease-in-out;
}

body:has(.dashboard__item) .notice::after {
    content: "SECURE ONLINE  •  USER TERMINAL";
    color: #b9c8bf;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.4px;
}

@keyframes vipOnlineBlink {
    0%,100% { opacity: 1; transform: translateY(-50%) scale(1); }
    50% { opacity: .35; transform: translateY(-50%) scale(.82); }
}

/* Premium stat cards */
body:has(.dashboard__item) .dashboard__item {
    position: relative;
    min-height: 118px;
    padding: 22px !important;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.055);
    border-radius: 14px;
    background: linear-gradient(145deg,#111614,#0b0e0d) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.28);
    transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

body:has(.dashboard__item) .dashboard__item:hover {
    transform: translateY(-3px);
    border-color: rgba(24,255,117,.25);
    box-shadow: 0 16px 42px rgba(0,0,0,.38);
}

body:has(.dashboard__item) .dashboard__icon {
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: rgba(24,255,117,.10) !important;
    color: #18ff75 !important;
    font-size: 21px;
    border: 1px solid rgba(24,255,117,.12);
}

body:has(.dashboard__item) .dashboard__item .cont .title {
    color: #f1f5f2;
}

body:has(.dashboard__item) .dashboard__item .cont > a:last-child {
    color: #89958e;
    font-size: 12px;
    letter-spacing: .5px;
}

body:has(.dashboard__item) .dashboard__header .title:first-child {
    color: #18ff75;
    font-size: 13px;
}

/* Section heading */
body:has(.dashboard__item) h5.title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 5px;
    color: #e7eee9;
    font-size: 17px;
    font-weight: 600;
}

body:has(.dashboard__item) h5.title::before {
    content: "";
    width: 3px;
    height: 18px;
    border-radius: 3px;
    background: #18ff75;
}

/* Clean transaction panel */
body:has(.dashboard__item) .cmn--table {
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.05);
    border-radius: 13px;
    background: #0d1210;
}

body:has(.dashboard__item) .cmn--table thead {
    background: #111815;
}

body:has(.dashboard__item) .cmn--table th {
    padding: 14px 16px;
    color: #18ff75;
    border: 0;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .7px;
    text-transform: uppercase;
}

body:has(.dashboard__item) .cmn--table td {
    padding: 14px 16px;
    color: #aeb9b2;
    border-color: rgba(255,255,255,.045);
    font-size: 13px;
}

body:has(.dashboard__item) .cmn--table tbody tr:hover {
    background: rgba(24,255,117,.025);
}

/* No horizontal scrolling */
body:has(.dashboard__item) .table-responsive {
    overflow-x: hidden !important;
}

@media (max-width: 767px) {
    body:has(.dashboard__item) .dashboard__item {
        min-height: 104px;
        padding: 17px !important;
    }

    body:has(.dashboard__item) .dashboard__icon {
        width: 42px;
        height: 42px;
        font-size: 18px;
    }

    body:has(.dashboard__item) .cmn--table {
        font-size: 12px;
    }

    body:has(.dashboard__item) .cmn--table th,
    body:has(.dashboard__item) .cmn--table td {
        padding: 11px 9px;
    }
}


/* VIP SQUARE DASHBOARD */
body:has(.vip-dashboard){overflow-x:hidden!important}
.vip-dashboard{padding:8px 0 60px}
.vip-online-bar{height:48px;border:1px solid rgba(0,255,100,.22);background:rgba(0,10,6,.82);border-radius:10px;display:flex;align-items:center;padding:0 16px;gap:9px;margin-bottom:18px;font-size:13px;font-weight:700;letter-spacing:1.4px;color:#55ff91}
.vip-online-dot{width:8px;height:8px;background:#18ff68;border-radius:50%;box-shadow:0 0 8px #18ff68;animation:vipBlink 1.2s infinite}
.vip-online-user{margin-left:auto;font-size:11px;opacity:.65;letter-spacing:1px}
@keyframes vipBlink{0%,100%{opacity:1}50%{opacity:.25}}

.vip-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.vip-dash-card{position:relative;min-height:150px;padding:22px;text-decoration:none!important;border:1px solid rgba(0,255,100,.16);border-radius:12px;background:linear-gradient(145deg,#09100d,#050806);display:flex;align-items:center;gap:16px;transition:.2s;overflow:hidden}
.vip-dash-card:hover{border-color:rgba(0,255,100,.55);transform:translateY(-2px)}
.vip-card-icon{width:54px;height:54px;min-width:54px;border:1px solid rgba(0,255,100,.3);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#39ff7a;font-size:25px;background:#07130c}
.vip-card-content{min-width:0}
.vip-card-label{display:block;font-size:10px;letter-spacing:1.5px;color:#65a77d;margin-bottom:5px}
.vip-card-content strong{display:block;font-size:22px;color:#f1fff5;line-height:1.2}
.vip-card-content small{display:block;margin-top:5px;color:#6e8176;font-size:11px}
.vip-arrow{position:absolute;right:16px;bottom:16px;color:#315b40;font-size:14px}
.vip-deposit-card{border-color:rgba(0,255,100,.32)}

.vip-section-title{display:flex;align-items:end;justify-content:space-between;margin:28px 2px 12px;color:#dfffe8;font-size:14px;font-weight:700;letter-spacing:1.3px}
.vip-section-title small{font-size:9px;color:#527260;letter-spacing:1px}
.vip-transactions{border:1px solid rgba(0,255,100,.13);border-radius:12px;overflow:hidden;background:#050907}
.vip-transaction{min-height:62px;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(255,255,255,.045)}
.vip-transaction:last-child{border-bottom:0}
.vip-transaction span,.vip-transaction small{display:block;color:#65766b;font-size:10px}
.vip-transaction strong{display:block;color:#ccebd5;font-size:12px;margin-top:3px}
.vip-transaction b{display:block;text-align:right;color:#51ff8a;font-size:13px}
.vip-transaction small{text-align:right;margin-top:3px;max-width:260px}

@media(max-width:991px){.vip-dashboard-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:575px){
.vip-dashboard-grid{grid-template-columns:1fr;gap:11px}
.vip-dash-card{min-height:112px;padding:17px}
.vip-card-icon{width:46px;height:46px;min-width:46px;font-size:21px}
.vip-card-content strong{font-size:18px}
.vip-online-bar{margin-bottom:12px}
.vip-section-title{margin-top:22px}
}

/* Slim ADD FUNDS text */
.vip-deposit-card .vip-card-content strong{
    font-weight:500 !important;
    letter-spacing:.4px;
}

/* Reduce dashboard heading-to-cards spacing */
body:has(.vip-dashboard) .pb-80{
    padding-top:0 !important;
}
body:has(.vip-dashboard) .vip-dashboard{
    padding-top:0 !important;
}
body:has(.vip-dashboard) .vip-online-bar{
    margin-top:0 !important;
    margin-bottom:10px !important;
}

/* Scroll-to-top arrow */
#scrollToTop i,
.scroll-to-top i,
.scroll-top i,
.scroll-up i{
    color:#000 !important;
    -webkit-text-stroke:0 !important;
}

/* Black arrow inside green scroll button */
.scrollToTop .la-angle-up{
    color:#000 !important;
    -webkit-text-stroke:0 !important;
    text-shadow:none !important;
}

/* VIP MY CARDS - NON SCROLLING GRID */
body:has(.card) .card{
    border-radius:12px;
}

.vip-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.vip-card-item{
    position:relative;
    min-width:0;
    padding:18px;
    border:1px solid rgba(0,255,100,.18);
    border-radius:14px;
    background:linear-gradient(145deg,#09110d,#040706);
    box-shadow:0 8px 25px rgba(0,0,0,.25);
    overflow:hidden;
}

.vip-card-item:hover{
    border-color:rgba(0,255,100,.5);
    transform:translateY(-2px);
}

.vip-card-status{
    display:flex;
    align-items:center;
    gap:7px;
    margin-bottom:12px;
    color:#55ff91;
    font-size:10px;
    font-weight:700;
    letter-spacing:1.3px;
}

.vip-card-status-dot{
    width:7px;
    height:7px;
    border-radius:50%;
    background:#19ff68;
    box-shadow:0 0 8px #19ff68;
    animation:vipCardBlink 1.2s infinite;
}

@keyframes vipCardBlink{
    0%,100%{opacity:1}
    50%{opacity:.25}
}

.vip-card-item img{
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    border-radius:9px;
}

@media(max-width:991px){
    .vip-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:575px){
    .vip-card-grid{
        grid-template-columns:1fr;
        gap:12px;
    }
}

/* VIP MY CARDS */
.vip-cards-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:4px 0 16px;
    padding:0 3px;
}

.vip-cards-kicker{
    display:block;
    color:#4f8b62;
    font-size:9px;
    font-weight:700;
    letter-spacing:1.5px;
    margin-bottom:3px;
}

.vip-cards-header h4{
    margin:0;
    color:#eaffef;
    font-size:19px;
    font-weight:600;
    letter-spacing:1px;
}

.vip-cards-count{
    color:#55ff91;
    font-size:10px;
    font-weight:700;
    letter-spacing:1px;
}

.vip-card-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:16px;
}

.vip-card-item{
    position:relative;
    min-width:0;
    padding:18px;
    border:1px solid rgba(0,255,100,.17);
    border-radius:14px;
    background:linear-gradient(145deg,#09110d,#040706);
    box-shadow:0 8px 25px rgba(0,0,0,.28);
    overflow:hidden;
    transition:.2s ease;
}

.vip-card-item:hover{
    border-color:rgba(0,255,100,.48);
    transform:translateY(-2px);
}

.vip-card-status{
    display:flex;
    align-items:center;
    gap:7px;
    margin-bottom:16px;
    color:#55ff91;
    font-size:9px;
    font-weight:700;
    letter-spacing:1.4px;
}

.vip-card-status-dot{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:50%;
    background:#19ff68;
    box-shadow:0 0 9px #19ff68;
    animation:vipCardBlink 1.2s infinite;
}

.vip-card-main{
    display:flex;
    align-items:center;
    gap:13px;
    padding-bottom:16px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.vip-card-icon{
    width:48px;
    height:48px;
    flex:0 0 48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(0,255,100,.25);
    border-radius:10px;
    background:#07130c;
    color:#42ff82;
    font-size:22px;
}

.vip-card-info{
    min-width:0;
}

.vip-card-label{
    display:block;
    color:#527760;
    font-size:8px;
    letter-spacing:1.2px;
    margin-bottom:4px;
}

.vip-card-info strong{
    display:block;
    color:#e9fff0;
    font-size:15px;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.vip-card-details{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    padding:15px 0;
}

.vip-card-details > div:last-child{
    grid-column:1/-1;
}

.vip-card-details span{
    display:block;
    color:#4d6958;
    font-size:8px;
    letter-spacing:1px;
    margin-bottom:3px;
}

.vip-card-details strong{
    display:block;
    color:#b9d9c3;
    font-size:10px;
    font-weight:500;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.vip-card-details-btn{
    height:38px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 13px;
    border:1px solid rgba(0,255,100,.22);
    border-radius:8px;
    background:#07100b;
    color:#55ff91 !important;
    text-decoration:none !important;
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
}

.vip-card-details-btn:hover{
    background:#0b1b11;
    border-color:rgba(0,255,100,.5);
}

.vip-card-details-btn i{
    font-size:14px;
}

.vip-card-pagination{
    margin-top:18px;
    display:flex;
    justify-content:center;
}

@keyframes vipCardBlink{
    0%,100%{
        opacity:1;
    }
    50%{
        opacity:.25;
    }
}

@media(max-width:991px){
    .vip-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:575px){
    .vip-card-grid{
        grid-template-columns:1fr;
        gap:12px;
    }

    .vip-card-item{
        padding:15px;
    }
}

/* FINAL VIP CARDS OVERRIDE */
body .vip-card-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:16px !important;
    overflow:visible !important;
}

body .vip-card-grid .vip-card-item{
    display:block !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:18px !important;
    float:none !important;
}

body .vip-card-grid .vip-card-status{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
}

body .vip-card-grid .vip-card-status-dot{
    display:inline-block !important;
    visibility:visible !important;
    opacity:1 !important;
    background:#19ff68 !important;
    box-shadow:0 0 9px #19ff68 !important;
}

body .vip-card-grid .vip-card-details-btn{
    display:flex !important;
}

body .vip-card-grid + .vip-card-pagination{
    display:flex !important;
}

@media(max-width:991px){
    body .vip-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:575px){
    body .vip-card-grid{
        grid-template-columns:1fr !important;
    }
}

/* FINAL VIP CARD IMAGE GRID */
.vip-card-grid{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:18px !important;
    width:100% !important;
    overflow:visible !important;
}

.vip-card-item{
    position:relative !important;
    width:100% !important;
    min-width:0 !important;
    padding:14px !important;
    border:1px solid rgba(0,255,100,.18) !important;
    border-radius:14px !important;
    background:linear-gradient(145deg,#09120d,#030605) !important;
    box-shadow:0 10px 30px rgba(0,0,0,.3) !important;
    overflow:hidden !important;
}

.vip-card-image-wrap{
    position:relative !important;
    width:100% !important;
    aspect-ratio:16/10 !important;
    overflow:hidden !important;
    border-radius:10px !important;
    background:#020403 !important;
}

.vip-card-image{
    width:100% !important;
    height:100% !important;
    display:block !important;
    object-fit:cover !important;
}

.vip-active-badge{
    position:absolute !important;
    top:9px !important;
    right:9px !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    padding:5px 8px !important;
    border:1px solid rgba(0,255,100,.3) !important;
    border-radius:6px !important;
    background:rgba(2,8,5,.9) !important;
    color:#58ff91 !important;
    font-size:8px !important;
    font-weight:700 !important;
    letter-spacing:1px !important;
}

.vip-active-dot{
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    background:#19ff68 !important;
    box-shadow:0 0 8px #19ff68 !important;
    animation:vipActiveBlink 1s infinite !important;
}

@keyframes vipActiveBlink{
    0%,100%{opacity:1}
    50%{opacity:.25}
}

.vip-card-info{
    padding:14px 2px 10px !important;
}

.vip-card-label{
    display:block !important;
    color:#4e765b !important;
    font-size:8px !important;
    letter-spacing:1.3px !important;
}

.vip-card-info strong{
    display:block !important;
    margin-top:4px !important;
    color:#eaffef !important;
    font-size:15px !important;
    font-weight:600 !important;
}

.vip-card-meta{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    padding:10px 2px 13px !important;
}

.vip-card-meta > div:last-child{
    grid-column:1/-1 !important;
}

.vip-card-meta span{
    display:block !important;
    color:#4b6855 !important;
    font-size:7px !important;
    letter-spacing:1px !important;
}

.vip-card-meta strong{
    display:block !important;
    margin-top:3px !important;
    color:#b8d6c1 !important;
    font-size:9px !important;
    font-weight:500 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.vip-card-view{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    height:36px !important;
    padding:0 12px !important;
    border:1px solid rgba(0,255,100,.2) !important;
    border-radius:8px !important;
    background:#07100b !important;
    color:#55ff91 !important;
    text-decoration:none !important;
    font-size:8px !important;
    font-weight:700 !important;
    letter-spacing:1px !important;
}

.vip-card-view:hover{
    border-color:rgba(0,255,100,.5) !important;
}

@media(max-width:991px){
    .vip-card-grid{
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    }
}

@media(max-width:575px){
    .vip-card-grid{
        grid-template-columns:1fr !important;
        gap:13px !important;
    }
}

/* VIP STORE CARD SYSTEM */
.vip-store-header{
    display:flex;
    align-items:end;
    justify-content:space-between;
    margin:0 0 18px;
    padding:0 3px;
}

.vip-store-header span{
    display:block;
    color:#4f8b62;
    font-size:9px;
    font-weight:700;
    letter-spacing:1.5px;
}

.vip-store-header h4{
    margin:3px 0 0;
    color:#ecfff2;
    font-size:19px;
    font-weight:600;
    letter-spacing:1px;
}

.vip-store-header small{
    color:#55ff91;
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
}

.vip-store-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.vip-store-card{
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(0,255,100,.17);
    border-radius:14px;
    background:linear-gradient(145deg,#09120d,#030605);
    box-shadow:0 10px 30px rgba(0,0,0,.3);
    transition:.2s ease;
}

.vip-store-card:hover{
    border-color:rgba(0,255,100,.5);
    transform:translateY(-2px);
}

.vip-store-image{
    position:relative;
    overflow:hidden;
    aspect-ratio:16/10;
    background:#020403;
}

.vip-store-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

.vip-store-status{
    position:absolute;
    top:9px;
    right:9px;
    display:flex;
    align-items:center;
    gap:6px;
    padding:5px 8px;
    border:1px solid rgba(0,255,100,.3);
    border-radius:6px;
    background:rgba(2,8,5,.92);
    color:#58ff91;
    font-size:8px;
    font-weight:700;
    letter-spacing:1px;
}

.vip-store-status i{
    width:6px;
    height:6px;
    display:block;
    border-radius:50%;
    background:#19ff68;
    box-shadow:0 0 8px #19ff68;
    animation:vipStoreBlink 1s infinite;
}

.vip-store-status.vip-offline{
    color:#87938b;
    border-color:rgba(255,255,255,.12);
}

.vip-store-status.vip-offline i{
    background:#69736d;
    box-shadow:none;
    animation:none;
}

@keyframes vipStoreBlink{
    0%,100%{opacity:1}
    50%{opacity:.25}
}

.vip-store-card-body{
    padding:16px;
}

.vip-store-label{
    color:#4e765b;
    font-size:8px;
    letter-spacing:1.3px;
}

.vip-store-card h5{
    margin:4px 0 14px;
    font-size:15px;
    font-weight:600;
}

.vip-store-card h5 a{
    color:#eaffef !important;
    text-decoration:none !important;
}

.vip-store-meta{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:9px 0;
    margin-bottom:12px;
    border-top:1px solid rgba(255,255,255,.05);
    border-bottom:1px solid rgba(255,255,255,.05);
}

.vip-store-meta span{
    color:#4b6855;
    font-size:8px;
    letter-spacing:1px;
}

.vip-store-meta strong{
    color:#55ff91;
    font-size:9px;
    font-weight:600;
}

.vip-store-button{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:37px;
    padding:0 12px;
    border:1px solid rgba(0,255,100,.22);
    border-radius:8px;
    background:#07100b;
    color:#55ff91 !important;
    text-decoration:none !important;
    font-size:8px;
    font-weight:700;
    letter-spacing:1px;
}

.vip-store-button:hover{
    border-color:rgba(0,255,100,.5);
}

@media(max-width:991px){
    .vip-store-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:575px){
    .vip-store-grid{
        grid-template-columns:1fr;
        gap:13px;
    }
}

/* VIP CARD DETAILS / PURCHASE */
.deposit-preview{
    max-width:650px;
    margin:0 auto;
    padding:18px !important;
    border:1px solid rgba(0,255,100,.18) !important;
    border-radius:14px !important;
    background:linear-gradient(145deg,#09120d,#030605) !important;
}

.deposit-preview > h6{
    color:#eaffef !important;
    font-size:17px !important;
    font-weight:600 !important;
    letter-spacing:.8px;
}

.deposit-thumb{
    position:relative;
    overflow:hidden;
    border-radius:11px;
    border:1px solid rgba(0,255,100,.18);
    background:#020403;
}

.deposit-thumb img{
    display:block;
    width:100%;
    max-height:360px;
    object-fit:cover;
}

.deposit-thumb:after{
    content:'● ACTIVE';
    position:absolute;
    top:10px;
    right:10px;
    padding:5px 8px;
    border:1px solid rgba(0,255,100,.3);
    border-radius:6px;
    background:rgba(2,8,5,.92);
    color:#58ff91;
    font-size:8px;
    font-weight:700;
    letter-spacing:1px;
}

.deposit-content ul{
    margin:15px 0 0;
    padding:0;
    list-style:none;
    border:1px solid rgba(255,255,255,.05);
    border-radius:9px;
    overflow:hidden;
}

.deposit-content ul li{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 12px;
    border-bottom:1px solid rgba(255,255,255,.05);
    color:#718279;
    font-size:10px;
}

.deposit-content ul li:last-child{
    border-bottom:0;
}

.deposit-content ul li .text--success{
    color:#55ff91 !important;
    font-weight:600;
}

.deposit-content .cmn--btn{
    height:42px;
    border-radius:8px;
    font-weight:600;
    letter-spacing:.7px;
}

@keyframes vipDetailsPulse{
    0%,100%{opacity:1}
    50%{opacity:.35}
}

.deposit-thumb:after{
    animation:vipDetailsPulse 1s infinite;
}

/* FINAL VIP CARD IMAGE FIT */
.vip-store-card{
    position:relative !important;
    background:linear-gradient(145deg,#0a130e,#030605) !important;
    border:1px solid rgba(0,255,100,.20) !important;
    border-radius:15px !important;
    padding:6px !important;
    box-shadow:0 12px 35px rgba(0,0,0,.35) !important;
}

.vip-store-image{
    position:relative !important;
    width:100% !important;
    height:230px !important;
    aspect-ratio:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
    border-radius:11px !important;
    background:#020403 !important;
    border:1px solid rgba(0,255,100,.10) !important;
}

.vip-store-image a{
    width:100% !important;
    height:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

.vip-store-image img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center !important;
    display:block !important;
    padding:8px !important;
}

.vip-store-status{
    z-index:5 !important;
    top:10px !important;
    right:10px !important;
    backdrop-filter:blur(6px) !important;
}

.vip-store-card-body{
    padding:14px 10px 10px !important;
}

.vip-store-card h5{
    margin:5px 0 13px !important;
}

.vip-store-meta{
    margin-bottom:11px !important;
}

.vip-store-button{
    height:39px !important;
    border-radius:9px !important;
    transition:.2s ease !important;
}

.vip-store-button:hover{
    transform:translateY(-1px) !important;
    box-shadow:0 0 14px rgba(0,255,100,.12) !important;
}

/* Mobile */
@media(max-width:575px){
    .vip-store-image{
        height:220px !important;
    }
}

/* Desktop */
@media(min-width:992px){
    .vip-store-image{
        height:240px !important;
    }
}

   ERROR  Command "optimize:clearcat" is not defined. Did you mean one of these?  

  ⇂ optimize  
  ⇂ optimize:clear  


/* ===== FINAL VIP CARD IMAGE FIT ===== */

.vip-store-card{
    position:relative !important;
    padding:5px !important;
    overflow:hidden !important;
}

.vip-store-image{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    background:transparent !important;
    overflow:hidden !important;
    line-height:0 !important;
}

.vip-store-image a{
    display:block !important;
    width:100% !important;
    height:auto !important;
    line-height:0 !important;
}

.vip-store-image img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    object-fit:cover !important;
    object-position:center !important;
    padding:0 !important;
    margin:0 !important;
    border-radius:7px !important;
}

/* ACTIVE — right corner, slightly bolder */
.vip-store-status{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
    z-index:20 !important;
    font-weight:700 !important;
    padding:5px 8px !important;
    font-size:11px !important;
    border-radius:5px !important;
    backdrop-filter:blur(5px);
}

/* Blinking dot slightly bolder */
.vip-store-status i,
.vip-store-status .dot,
.vip-store-status span{
    font-weight:800 !important;
}

/* Keep content compact */
.vip-store-card-body{
    padding:10px 8px 8px !important;
}


/* ===== VIP STORE — TYPOGRAPHY FINAL ===== */

/* Card name */
.vip-store-card-body .title,
.vip-store-card-body .title a{
    font-weight:700 !important;
    font-size:16px !important;
    letter-spacing:.2px !important;
}

/* Available pieces */
.vip-store-card-body .available,
.vip-store-card-body .availability,
.vip-store-card-body .text--success{
    font-size:14px !important;
    font-weight:600 !important;
}

/* View Card button */
.vip-store-button{
    font-size:14px !important;
    font-weight:700 !important;
    padding:9px 12px !important;
    min-height:40px !important;
    letter-spacing:.3px !important;
}


/* ===== CARD NAME + AVAILABLE PIECES — LARGER ===== */

.vip-store-card-body .title,
.vip-store-card-body .title a{
    font-size:18px !important;
    font-weight:700 !important;
    letter-spacing:.25px !important;
}

.vip-store-card-body .available,
.vip-store-card-body .availability,
.vip-store-card-body .text--success{
    font-size:16px !important;
    font-weight:600 !important;
}


/* ===== STORE TEXT — EXTRA LARGE ===== */

.vip-store-card-body .title,
.vip-store-card-body .title a{
    font-size:20px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
    letter-spacing:.3px !important;
}

.vip-store-card-body .available,
.vip-store-card-body .availability,
.vip-store-card-body .text--success{
    font-size:17px !important;
    line-height:1.4 !important;
    font-weight:700 !important;
}


/* ===== CARD DETAILS — IMAGE-HUGGING BOX ===== */

.deposit-preview{
    width:fit-content !important;
    max-width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:10px !important;
    overflow:hidden !important;
}

.deposit-thumb{
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    aspect-ratio:auto !important;
    display:block !important;
    padding:0 !important;
    margin:0 auto !important;
    background:transparent !important;
    overflow:hidden !important;
    line-height:0 !important;
}

.deposit-thumb img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    padding:0 !important;
    margin:0 auto !important;
    border-radius:8px !important;
}


/* Detail information stays below image */
.deposit-content{
    width:100% !important;
    margin-top:12px !important;
}


/* Mobile */
@media (max-width:575px){
    .deposit-preview{
        width:calc(100% - 20px) !important;
        padding:8px !important;
    }

    .deposit-thumb,
    .deposit-thumb img{
        width:100% !important;
    }
}


/* ===== FINAL STORE CARD TEXT SIZE ===== */

.vip-store-card-body .title,
.vip-store-card-body .title a{
    font-size:23px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    letter-spacing:.3px !important;
}

.vip-store-card-body .available,
.vip-store-card-body .availability,
.vip-store-card-body .text--success{
    font-size:19px !important;
    line-height:1.45 !important;
    font-weight:700 !important;
}


/* ===== DETAIL PAGE ACTIVE BADGE ===== */

.deposit-thumb:after{
    font-size:13px !important;
    font-weight:800 !important;
    padding:7px 11px !important;
    letter-spacing:.5px !important;
    top:10px !important;
    right:10px !important;
}

/* Bigger blinking indicator */
.deposit-thumb:after{
    text-shadow:0 0 7px currentColor !important;
}


/* Store ACTIVE badge also slightly larger */
.vip-store-status{
    font-size:13px !important;
    font-weight:800 !important;
    padding:6px 10px !important;
    letter-spacing:.5px !important;
}

.vip-store-status i,
.vip-store-status .dot,
.vip-store-status span{
    font-size:13px !important;
    font-weight:900 !important;
}


/* ===== ALL CARDS — VIP TYPOGRAPHY ===== */

.vip-store-grid .vip-store-card h5,
.vip-store-grid .vip-store-card h5 a,
.vip-store-grid .vip-store-card .title,
.vip-store-grid .vip-store-card .title a{
    font-size:24px !important;
    line-height:1.35 !important;
    font-weight:800 !important;
    letter-spacing:.4px !important;
    margin-top:10px !important;
    margin-bottom:7px !important;
}

.vip-store-grid .vip-store-card p,
.vip-store-grid .vip-store-card .available,
.vip-store-grid .vip-store-card .availability,
.vip-store-grid .vip-store-card small{
    font-size:19px !important;
    line-height:1.5 !important;
    font-weight:700 !important;
}

.vip-store-grid .vip-store-card-body{
    padding:12px 8px 10px !important;
}

/* VIP VIEW CARD */
.vip-store-grid .vip-store-button{
    font-size:15px !important;
    font-weight:800 !important;
    min-height:42px !important;
    padding:10px 14px !important;
    letter-spacing:.5px !important;
}

@media(max-width:575px){
    .vip-store-grid .vip-store-card h5,
    .vip-store-grid .vip-store-card h5 a,
    .vip-store-grid .vip-store-card .title,
    .vip-store-grid .vip-store-card .title a{
        font-size:21px !important;
    }

    .vip-store-grid .vip-store-card p,
    .vip-store-grid .vip-store-card .available,
    .vip-store-grid .vip-store-card .availability,
    .vip-store-grid .vip-store-card small{
        font-size:17px !important;
    }
}


/* ALL CARDS — AVAILABLE PCS EXTRA VISIBLE */
.vip-store-grid .vip-store-card p,
.vip-store-grid .vip-store-card .available,
.vip-store-grid .vip-store-card .availability,
.vip-store-grid .vip-store-card small{
    font-size:21px !important;
    line-height:1.5 !important;
    font-weight:800 !important;
    letter-spacing:.3px !important;
}


/* ===== CARD DETAILS — COMPACT TITLE + IMAGE ===== */

.deposit-preview > h6{
    margin-top:0 !important;
    margin-bottom:6px !important;
    padding-bottom:0 !important;
}

.deposit-thumb{
    margin-top:0 !important;
    padding-top:0 !important;
}

.deposit-thumb img{
    margin-top:0 !important;
}

/* Keep title and image visually together */
.deposit-preview h6 + .deposit-thumb{
    margin-top:0 !important;
}

/* Mobile */
@media(max-width:575px){
    .deposit-preview > h6{
        margin-bottom:5px !important;
    }
}


/* ===== DETAILS: REMOVE TITLE → IMAGE GAP ===== */

.deposit-preview > h6{
    margin:0 !important;
    padding:0 !important;
    line-height:1.2 !important;
}

.deposit-preview > h6 + .deposit-thumb{
    margin:0 !important;
    padding:0 !important;
}

.deposit-thumb{
    margin-top:-2px !important;
}


/* ===== VIEW CARD — ZERO TITLE/IMAGE GAP ===== */

.deposit-preview > h6{
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
    height:auto !important;
}

.deposit-preview > h6 + .deposit-thumb{
    margin-top:-8px !important;
    padding-top:0 !important;
}

.deposit-preview .deposit-thumb{
    margin-top:-8px !important;
    padding-top:0 !important;
}

.deposit-preview .deposit-thumb img{
    margin-top:0 !important;
    padding-top:0 !important;
    display:block !important;
}

/* Remove spacing created by surrounding elements */
.deposit-preview{
    gap:0 !important;
}

@media(max-width:575px){
    .deposit-preview > h6 + .deposit-thumb,
    .deposit-preview .deposit-thumb{
        margin-top:-8px !important;
    }
}


/* ===== VIEW CARD DETAILS — COMPACT SPACING ===== */

.deposit-preview{
    padding-top:8px !important;
    padding-bottom:12px !important;
}

.deposit-preview > h6{
    margin:0 0 2px 0 !important;
    padding:0 !important;
    line-height:1.15 !important;
}

.deposit-preview .deposit-thumb{
    margin:0 auto 4px auto !important;
    padding:0 !important;
    line-height:0 !important;
}

.deposit-preview .deposit-thumb img{
    display:block !important;
    margin:0 auto !important;
    padding:0 !important;
}

.deposit-preview .deposit-content{
    margin-top:4px !important;
    padding-top:0 !important;
}

.deposit-preview .deposit-content form{
    margin-top:0 !important;
}

.deposit-preview .deposit-content ul{
    margin-top:4px !important;
    margin-bottom:8px !important;
}


/* ===== VIEW CARD: MAIN TITLE ONLY ===== */

.deposit-preview > h6{
    margin:0 !important;
    padding:0 !important;
    line-height:1.15 !important;
}

/* Main title ke foran baad image */
.deposit-preview > h6 + .deposit-thumb{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* Image ko title ke qareeb rakho */
.deposit-preview > .deposit-thumb{
    margin-top:0 !important;
}

/* DETAILS BOX — DO NOT ALTER */
.deposit-preview .deposit-content{
    margin-top:12px !important;
    padding-top:0 !important;
}

.deposit-preview .deposit-content ul{
    margin-top:0 !important;
}


/* ===== VIEW CARD — CLEAN VIP SPACING ===== */

/* Main card name */
.deposit-preview > h6{
    margin:0 0 7px 0 !important;
    padding:0 !important;
    line-height:1.2 !important;
    height:auto !important;
}

/* Image box */
.deposit-preview > .deposit-thumb{
    margin:0 auto 9px auto !important;
    padding:0 !important;
    line-height:0 !important;
    height:auto !important;
}

/* Image itself */
.deposit-preview > .deposit-thumb img{
    display:block !important;
    margin:0 auto !important;
    padding:0 !important;
}

/* Details box — restore comfortable spacing */
.deposit-preview > .deposit-content{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* IMPORTANT: don't change anything inside details */
.deposit-preview > .deposit-content ul{
    margin-top:0 !important;
}


/* ===== VIEW CARD: TIGHT BUT CLEAN SPACING ===== */

/* Main Card Name */
.deposit-preview > h6{
    margin:0 0 4px 0 !important;
    padding:0 !important;
    line-height:1.2 !important;
    height:auto !important;
}

/* Image box directly below main name */
.deposit-preview > .deposit-thumb{
    margin:0 0 6px 0 !important;
    padding:0 !important;
    line-height:0 !important;
}

/* Image itself */
.deposit-preview > .deposit-thumb img{
    display:block !important;
    margin:0 auto !important;
    padding:0 !important;
}

/* Image → details box: very small gap */
.deposit-preview > .deposit-thumb + .deposit-content{
    margin-top:0 !important;
    padding-top:0 !important;
}

/* DO NOT CHANGE spacing INSIDE details box */
.deposit-preview > .deposit-content ul{
    margin-top:0 !important;
}

/* Mobile same compact spacing */
@media(max-width:575px){
    .deposit-preview > h6{
        margin-bottom:4px !important;
    }

    .deposit-preview > .deposit-thumb{
        margin-bottom:5px !important;
    }
}


/* ===== VIP STORE — CLEAN 2D CARD SESSION ===== */

.vip-store-card{
    transform:none !important;
    perspective:none !important;
    box-shadow:0 0 0 1px rgba(0,255,120,.18) !important;
    border:1px solid rgba(0,255,120,.28) !important;
    border-radius:8px !important;
    background:#07100d !important;
}

.vip-store-card:hover{
    transform:none !important;
    box-shadow:0 0 0 1px rgba(0,255,120,.45) !important;
}

.vip-store-image{
    transform:none !important;
    perspective:none !important;
    border-radius:7px !important;
}

.vip-store-image img{
    transform:none !important;
    filter:none !important;
}

.vip-store-card-body{
    transform:none !important;
}

.vip-store-button{
    transform:none !important;
    box-shadow:none !important;
    border-radius:6px !important;
}


/* =====================================================
   VIP CYBER NAVIGATION
   ===================================================== */

.navbar-nav > li > a,
.nav-menu > li > a{
    font-weight:600 !important;
    letter-spacing:.3px !important;
    transition:all .2s ease !important;
}

.navbar-nav > li > a:hover,
.nav-menu > li > a:hover{
    color:#00ff66 !important;
    text-shadow:0 0 8px rgba(0,255,102,.35) !important;
}

/* VIP Sign In button */
.navbar .cmn--btn,
.header .cmn--btn,
.navbar-nav .cmn--btn{
    background:#07100d !important;
    color:#00ff66 !important;
    border:1px solid rgba(0,255,102,.55) !important;
    border-radius:6px !important;
    font-weight:700 !important;
    letter-spacing:.5px !important;
    box-shadow:0 0 10px rgba(0,255,102,.08) !important;
    transition:all .2s ease !important;
}

.navbar .cmn--btn:hover,
.header .cmn--btn:hover,
.navbar-nav .cmn--btn:hover{
    background:#00ff66 !important;
    color:#020704 !important;
    border-color:#00ff66 !important;
    box-shadow:0 0 14px rgba(0,255,102,.28) !important;
}

/* Mobile menu VIP panel */
@media(max-width:991px){

    .navbar-collapse,
    .menu-wrapper,
    .nav-menu{
        background:#030907 !important;
    }

    .navbar-nav > li{
        border-bottom:1px solid rgba(0,255,102,.10) !important;
    }

    .navbar-nav > li > a,
    .nav-menu > li > a{
        padding:13px 18px !important;
        color:#91a89c !important;
        font-weight:600 !important;
    }

    .navbar-nav > li > a:hover,
    .navbar-nav > li.active > a,
    .nav-menu > li > a:hover,
    .nav-menu > li.active > a{
        color:#00ff66 !important;
        background:rgba(0,255,102,.035) !important;
    }

    .navbar .cmn--btn,
    .header .cmn--btn,
    .navbar-nav .cmn--btn{
        margin:10px 8px !important;
        width:calc(100% - 16px) !important;
        min-height:46px !important;
        font-size:15px !important;
    }
}

/* Remove any remaining visible Blog navigation link */
a[href*="blog"],
li:has(a[href*="blog"]){
    display:none !important;
}


/* ===== HEADER BUTTONS — VIP ===== */

.header .right-area .cmn--btn,
.header .navbar-nav .cmn--btn,
header .right-area .cmn--btn,
header .navbar-nav .cmn--btn{
    background:#050b08 !important;
    color:#00ff66 !important;
    border:1px solid rgba(0,255,102,.55) !important;
    border-radius:6px !important;
    padding:8px 18px !important;
    min-height:40px !important;
    font-weight:700 !important;
    font-size:14px !important;
    letter-spacing:.5px !important;
    box-shadow:0 0 8px rgba(0,255,102,.08) !important;
    transition:all .2s ease !important;
}

.header .right-area .cmn--btn:hover,
.header .navbar-nav .cmn--btn:hover,
header .right-area .cmn--btn:hover,
header .navbar-nav .cmn--btn:hover{
    background:#00ff66 !important;
    color:#020604 !important;
    border-color:#00ff66 !important;
    box-shadow:0 0 15px rgba(0,255,102,.25) !important;
}

/* VIP navigation links */
.header .navbar-nav > li > a,
header .navbar-nav > li > a{
    font-weight:600 !important;
    letter-spacing:.3px !important;
    transition:.2s ease !important;
}

.header .navbar-nav > li > a:hover,
header .navbar-nav > li > a:hover{
    color:#00ff66 !important;
    text-shadow:0 0 7px rgba(0,255,102,.3) !important;
}


/* ===== SIGN IN / CREATE ACCOUNT — VIP GREEN ===== */

.header .right-area .cmn--btn,
.header .navbar-nav .cmn--btn,
header .right-area .cmn--btn,
header .navbar-nav .cmn--btn{
    background:#00ff66 !important;
    color:#000000 !important;
    border:1px solid #00ff66 !important;
    font-weight:800 !important;
    text-shadow:none !important;
    box-shadow:0 0 12px rgba(0,255,102,.18) !important;
}

.header .right-area .cmn--btn:hover,
.header .navbar-nav .cmn--btn:hover,
header .right-area .cmn--btn:hover,
header .navbar-nav .cmn--btn:hover{
    background:#00ff66 !important;
    color:#000000 !important;
    box-shadow:0 0 18px rgba(0,255,102,.32) !important;
}


/* =====================================================
   FINAL VIP HEADER ACTION BUTTON
   ===================================================== */

.header .right-area .cmn--btn,
.header .navbar-nav .cmn--btn,
header .right-area .cmn--btn,
header .navbar-nav .cmn--btn{
    min-height:42px !important;
    padding:9px 20px !important;
    border-radius:7px !important;
    background:#00ff66 !important;
    color:#000 !important;
    border:1px solid #00ff66 !important;
    font-size:13px !important;
    font-weight:800 !important;
    letter-spacing:.35px !important;
    line-height:1.2 !important;
    text-transform:none !important;
    text-shadow:none !important;
    box-shadow:0 2px 10px rgba(0,255,102,.16) !important;
    transition:all .2s ease !important;
}

.header .right-area .cmn--btn:hover,
.header .navbar-nav .cmn--btn:hover,
header .right-area .cmn--btn:hover,
header .navbar-nav .cmn--btn:hover{
    background:#00ff66 !important;
    color:#000 !important;
    border-color:#00ff66 !important;
    transform:translateY(-1px) !important;
    box-shadow:0 4px 16px rgba(0,255,102,.25) !important;
}


/* =========================================================
   FINAL VIP BLACK / GREEN CONTRAST LAYER
   Dark surface = GREEN text
   Green surface = BLACK text
   Stable on hover / focus / active / click
   ========================================================= */

/* ---------- DARK / BLACK SURFACES ---------- */

body,
.bg--section,
.custom--card,
.card,
.modal-content,
.dropdown-menu,
.offcanvas,
.table,
.table-responsive,
.form-control,
.form-select,
.input-group-text{
    color:#39ff88;
}

/* Common text on dark surfaces */
.bg--section *,
.custom--card *,
.card *,
.modal-content *,
.dropdown-menu *,
.offcanvas *,
.table *,
.vip-store-card *,
.vip-dash-card *,
.vip-card-item *{
    text-shadow:none;
}

/* Headings / labels that were becoming invisible */
.bg--section h1,
.bg--section h2,
.bg--section h3,
.bg--section h4,
.bg--section h5,
.bg--section h6,
.custom--card h1,
.custom--card h2,
.custom--card h3,
.custom--card h4,
.custom--card h5,
.custom--card h6,
.vip-store-card h1,
.vip-store-card h2,
.vip-store-card h3,
.vip-store-card h4,
.vip-store-card h5,
.vip-store-card h6{
    color:#39ff88 !important;
}

/* Paragraph / normal text on dark areas */
.bg--section p,
.bg--section span,
.bg--section label,
.custom--card p,
.custom--card span,
.custom--card label{
    color:#dfffea;
}

/* Main dark-page links */
.bg--section a:not(.btn):not(.cmn--btn),
.custom--card a:not(.btn):not(.cmn--btn){
    color:#39ff88;
}

/* ---------- ENTER THE DARK WEB / HERO TEXT ---------- */

.hero-section h1,
.hero-section h2,
.banner-section h1,
.banner-section h2,
.banner-content h1,
.banner-content h2,
.section-title h1,
.section-title h2,
.section-title h3{
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
}

/* ---------- GREEN SURFACES = BLACK TEXT ---------- */

/* Main green buttons */
.btn--base,
.cmn--btn,
.btn--success,
.bg--base,
.badge--base,
.bg--success{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    font-weight:800 !important;
}

/* Their text/icons must also stay black */
.btn--base *,
.cmn--btn *,
.btn--success *,
.bg--base *,
.badge--base *,
.bg--success *{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
}

/* ---------- BUTTON STATE LOCK ---------- */

.btn--base:hover,
.btn--base:focus,
.btn--base:active,
.btn--base:focus-visible,
.cmn--btn:hover,
.cmn--btn:focus,
.cmn--btn:active,
.cmn--btn:focus-visible,
.btn--success:hover,
.btn--success:focus,
.btn--success:active,
.btn--success:focus-visible{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    font-weight:800 !important;
}

/* Green button states remain green */
.btn--base,
.btn--base:hover,
.btn--base:focus,
.btn--base:active,
.btn--base:focus-visible{
    background:#39ff88 !important;
    background-color:#39ff88 !important;
    border-color:#39ff88 !important;
}

.cmn--btn:hover,
.cmn--btn:focus,
.cmn--btn:active,
.cmn--btn:focus-visible{
    background:#39ff88 !important;
    background-color:#39ff88 !important;
    border-color:#39ff88 !important;
}

/* ---------- NAVIGATION ---------- */

.header .navbar-nav > li > a,
.header .menu > li > a,
.auth-header .navbar-nav > li > a,
.auth-header .menu > li > a{
    color:#39ff88 !important;
}

.header .navbar-nav > li > a:hover,
.header .navbar-nav > li > a:focus,
.header .navbar-nav > li > a:active,
.header .menu > li > a:hover,
.header .menu > li > a:focus,
.header .menu > li > a:active,
.auth-header .navbar-nav > li > a:hover,
.auth-header .navbar-nav > li > a:focus,
.auth-header .navbar-nav > li > a:active,
.auth-header .menu > li > a:hover,
.auth-header .menu > li > a:focus,
.auth-header .menu > li > a:active{
    color:#39ff88 !important;
}

/* ---------- INPUTS ---------- */

.form-control,
.form-select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"]{
    background:#050b07 !important;
    color:#eafff0 !important;
    border-color:rgba(57,255,136,.25) !important;
}

.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus{
    background:#050b07 !important;
    color:#ffffff !important;
    border-color:#39ff88 !important;
    box-shadow:0 0 0 2px rgba(57,255,136,.10) !important;
}

/* ---------- SUCCESS / BASE TEXT ---------- */

.text--base,
.text--success{
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
}

/* ---------- LINKS: NEVER TURN DARK AFTER CLICK ---------- */

a,
a:visited{
    color:inherit;
}

.bg--section a:not(.btn):not(.cmn--btn),
.custom--card a:not(.btn):not(.cmn--btn),
.vip-store-card a:not(.btn):not(.cmn--btn),
.vip-dash-card a:not(.btn):not(.cmn--btn){
    color:#39ff88 !important;
}

/* ---------- TABLES ---------- */

.table thead th{
    color:#39ff88 !important;
}

.table tbody td{
    color:#dfffea !important;
}

.table tbody tr:hover td{
    color:#39ff88 !important;
}

/* ---------- ICONS ON DARK BACKGROUND ---------- */

.bg--section i,
.custom--card i,
.vip-store-card i,
.vip-dash-card i,
.vip-card-item i{
    color:#39ff88 !important;
}

/* ---------- GREEN BADGES / STATUS ---------- */

.vip-active-badge,
.vip-store-status,
.vip-active-badge *,
.vip-store-status *{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
}

/* ---------- MOBILE TAP / CLICK ---------- */

a,
button,
.btn,
.cmn--btn{
    -webkit-tap-highlight-color:transparent !important;
}

/* ---------- REMOVE OLD ORANGE VISUAL OVERRIDES ---------- */

.btn--base,
.badge--base,
.bg--base,
.text--base{
    --bs-primary:#39ff88 !important;
    --bs-success:#39ff88 !important;
}

/* ---------- SCROLL TOP ---------- */

.scrollToTop,
.scrollToTop:hover,
.scrollToTop:focus,
.scrollToTop:active{
    background:#39ff88 !important;
    color:#000000 !important;
    border-color:#39ff88 !important;
}

.scrollToTop i,
.scrollToTop:hover i,
.scrollToTop:focus i,
.scrollToTop:active i{
    color:#000000 !important;
}

/* ---------- FINAL CONTRAST FOR VIP STORE ---------- */

.vip-store-card{
    color:#dfffea !important;
}

.vip-store-card h5,
.vip-store-card h5 a{
    color:#39ff88 !important;
}

.vip-store-label{
    color:#39ff88 !important;
}

.vip-store-card .vip-store-button{
    background:#39ff88 !important;
    color:#000000 !important;
    font-weight:800 !important;
}

.vip-store-card .vip-store-button *{
    color:#000000 !important;
}

/* ---------- FINAL CONTRAST FOR DASHBOARD ---------- */

.vip-dash-card{
    color:#dfffea !important;
}

.vip-dash-card strong{
    color:#f1fff5 !important;
}

.vip-dash-card .vip-card-icon{
    color:#39ff88 !important;
}

.vip-online-bar{
    color:#55ff91 !important;
}

/* ---------- AUTH PAGES ---------- */

body:has(form.verify-gcaptcha) .auth-home-brand a,
body:has(form.verify-gcaptcha) .vip-auth-status,
body:has(form.verify-gcaptcha) .vip-auth-status *{
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
}

body:has(form.verify-gcaptcha) .vip-create-button,
body:has(form.verify-gcaptcha) .cmn--btn{
    background:#39ff88 !important;
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    font-weight:800 !important;
}

body:has(form.verify-gcaptcha) .vip-create-button *,
body:has(form.verify-gcaptcha) .cmn--btn *{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
}

/* =========================================================
   END FINAL VIP CONTRAST LAYER
   ========================================================= */


/* HOME — ENTER THE DARK WEB */
a[href*="darkweb"],
.enter-dark-web,
.enter-dark-web a,
.hero-section a,
.banner-section a{
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
}

a[href*="darkweb"]:hover,
.enter-dark-web:hover,
.enter-dark-web a:hover,
.hero-section a:hover,
.banner-section a:hover{
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
}


/* HOME — EXACT ENTER THE DARK WEB BUTTON */
.dw-enter,
.dw-enter:visited,
.dw-enter:hover,
.dw-enter:focus,
.dw-enter:active,
.dw-enter:focus-visible{
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
    background:transparent !important;
    border-color:#39ff88 !important;
    text-shadow:none !important;
}

.dw-enter span,
.dw-enter:hover span,
.dw-enter:focus span,
.dw-enter:active span{
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
}


/* SIGN IN / CREATE ACCOUNT — BLACK ONLY */
.header .right-area a[href*="user.login"],
.header .right-area a[href*="user.register"],
.header a[href*="user.login"],
.header a[href*="user.register"],
.auth-header a[href*="user.login"],
.auth-header a[href*="user.register"]{
    background:#000000 !important;
    background-color:#000000 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#000000 !important;
    font-weight:800 !important;
}

/* Keep it BLACK after hover / click / focus */
.header .right-area a[href*="user.login"]:hover,
.header .right-area a[href*="user.login"]:focus,
.header .right-area a[href*="user.login"]:active,
.header .right-area a[href*="user.login"]:focus-visible,
.header a[href*="user.login"]:hover,
.header a[href*="user.login"]:focus,
.header a[href*="user.login"]:active,
.header a[href*="user.login"]:focus-visible{
    background:#000000 !important;
    background-color:#000000 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#000000 !important;
    box-shadow:none !important;
}


/* NORMAL ACTION BUTTONS — BLACK IN EVERY STATE */
.vip-store-button,
.vip-store-button:hover,
.vip-store-button:focus,
.vip-store-button:active,
.vip-store-button:focus-visible,
.vip-card-view,
.vip-card-view:hover,
.vip-card-view:focus,
.vip-card-view:active,
.vip-card-view:focus-visible{
    background:#000000 !important;
    background-color:#000000 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#000000 !important;
    box-shadow:none !important;
    text-shadow:none !important;
}

/* Button icons/text stay white */
.vip-store-button *,
.vip-card-view *{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

/* Other normal .btn buttons — black */
.cmn--btn:not(.vip-create-button),
.btn:not(.btn--base),
.vip-deposit-card .vip-card-content a,
.vip-dashboard a.vip-dash-card{
    background:#000000 !important;
    background-color:#000000 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#000000 !important;
}

/* Keep black on click/hover */
.cmn--btn:not(.vip-create-button):hover,
.cmn--btn:not(.vip-create-button):focus,
.cmn--btn:not(.vip-create-button):active,
.btn:not(.btn--base):hover,
.btn:not(.btn--base):focus,
.btn:not(.btn--base):active{
    background:#000000 !important;
    background-color:#000000 !important;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    border-color:#000000 !important;
}


/* SIGN IN / CREATE ACCOUNT — GREEN BG + BLACK TEXT */
.header .right-area a[href*="user.login"],
.header a[href*="user.login"],
.auth-header a[href*="user.login"]{
    background:#39ff88 !important;
    background-color:#39ff88 !important;
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    border-color:#39ff88 !important;
    font-weight:800 !important;
}

.header .right-area a[href*="user.login"]:hover,
.header .right-area a[href*="user.login"]:focus,
.header .right-area a[href*="user.login"]:active,
.header a[href*="user.login"]:hover,
.header a[href*="user.login"]:focus,
.header a[href*="user.login"]:active{
    background:#39ff88 !important;
    background-color:#39ff88 !important;
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    border-color:#39ff88 !important;
}

/* VIEW CARD — GREEN BG + BLACK TEXT */
.vip-card-view,
.vip-card-view:hover,
.vip-card-view:focus,
.vip-card-view:active,
.vip-card-view:focus-visible,
.vip-store-button,
.vip-store-button:hover,
.vip-store-button:focus,
.vip-store-button:active,
.vip-store-button:focus-visible{
    background:#39ff88 !important;
    background-color:#39ff88 !important;
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    border-color:#39ff88 !important;
    font-weight:800 !important;
}

.vip-card-view *,
.vip-store-button *{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
}


/* =========================================================
   FINAL BLACK / GREEN CONTRAST
   DARK BACKGROUND = GREEN TEXT
   GREEN BACKGROUND = BLACK TEXT
   ========================================================= */

/* DARK / BLACK PANELS */
body,
.bg--section,
.custom--card,
.vip-store-card,
.vip-card-item,
.vip-dash-card,
.vip-transactions,
.vip-online-bar,
.deposit-preview,
.modal-content,
.dropdown-menu{
    color:#39ff88 !important;
}

/* TEXT ON DARK PANELS */
.bg--section h1,
.bg--section h2,
.bg--section h3,
.bg--section h4,
.bg--section h5,
.bg--section h6,
.custom--card h1,
.custom--card h2,
.custom--card h3,
.custom--card h4,
.custom--card h5,
.custom--card h6,
.vip-store-card h1,
.vip-store-card h2,
.vip-store-card h3,
.vip-store-card h4,
.vip-store-card h5,
.vip-store-card h6,
.vip-card-item h1,
.vip-card-item h2,
.vip-card-item h3,
.vip-card-item h4,
.vip-card-item h5,
.vip-card-item h6{
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
}

/* DARK PANEL NORMAL TEXT */
.bg--section p,
.bg--section label,
.custom--card p,
.custom--card label,
.vip-store-card p,
.vip-card-item p{
    color:#dfffea !important;
}

/* DARK PANEL LINKS */
.bg--section a:not(.btn):not(.cmn--btn),
.custom--card a:not(.btn):not(.cmn--btn),
.vip-store-card a:not(.btn):not(.cmn--btn),
.vip-card-item a:not(.btn):not(.cmn--btn){
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
}

/* GREEN SURFACE = BLACK TEXT */
[style*="background:#39ff88"],
[style*="background: #39ff88"],
[style*="background-color:#39ff88"],
[style*="background-color: #39ff88"],
.bg--base,
.btn--base,
.vip-store-button,
.vip-card-view,
.vip-create-button{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
}

/* GREEN BUTTON TEXT + ICONS */
.btn--base *,
.cmn--btn *,
.vip-store-button *,
.vip-card-view *,
.vip-create-button *{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
}

/* GREEN BUTTONS NEVER CHANGE ON CLICK */
.btn--base:hover,
.btn--base:focus,
.btn--base:active,
.btn--base:focus-visible,
.vip-store-button:hover,
.vip-store-button:focus,
.vip-store-button:active,
.vip-store-button:focus-visible,
.vip-card-view:hover,
.vip-card-view:focus,
.vip-card-view:active,
.vip-card-view:focus-visible,
.vip-create-button:hover,
.vip-create-button:focus,
.vip-create-button:active,
.vip-create-button:focus-visible{
    background:#39ff88 !important;
    background-color:#39ff88 !important;
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
    border-color:#39ff88 !important;
}

/* HOME ENTER THE DARK WEB */
.dw-enter,
.dw-enter:hover,
.dw-enter:focus,
.dw-enter:active,
.dw-enter:focus-visible{
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
}

/* GREEN STATUS/BADGES = BLACK TEXT */
.vip-active-badge,
.vip-active-badge *,
.vip-store-status,
.vip-store-status *{
    color:#000000 !important;
    -webkit-text-fill-color:#000000 !important;
}

/* DARK FORM FIELDS */
.form-control,
.form-select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"]{
    background:#050b07 !important;
    color:#39ff88 !important;
}

/* FOCUS DOES NOT TURN TEXT BLACK */
.form-control:focus,
.form-select:focus,
textarea:focus,
input:focus{
    background:#050b07 !important;
    color:#39ff88 !important;
    border-color:#39ff88 !important;
}

/* GREEN TEXT UTILITY */
.text--base,
.text--success{
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
}


/* SIGN IN / CREATE ACCOUNT — SAME STYLE AS NORMAL HEADER MENU */
.header .right-area a[href*="user.login"],
.header a[href*="user.login"]{
    background:transparent !important;
    background-color:transparent !important;
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
    border:0 !important;
    box-shadow:none !important;
    font-weight:700 !important;
    text-shadow:none !important;
}

.header .right-area a[href*="user.login"]:hover,
.header .right-area a[href*="user.login"]:focus,
.header .right-area a[href*="user.login"]:active,
.header .right-area a[href*="user.login"]:focus-visible,
.header a[href*="user.login"]:hover,
.header a[href*="user.login"]:focus,
.header a[href*="user.login"]:active,
.header a[href*="user.login"]:focus-visible{
    background:transparent !important;
    background-color:transparent !important;
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
    border:0 !important;
    box-shadow:none !important;
}

/* MOBILE HEADER TOO */
.header .navbar-nav a[href*="user.login"]{
    background:transparent !important;
    background-color:transparent !important;
    color:#39ff88 !important;
    -webkit-text-fill-color:#39ff88 !important;
    border:0 !important;
}


/* VIEW CARD — green button + fully black content */
.vip-card-view,
.vip-card-view *,
.vip-store-button,
.vip-store-button * {
    color: #000 !important;
    text-shadow: none !important;
}

.vip-card-view:hover,
.vip-card-view:focus,
.vip-card-view:active,
.vip-store-button:hover,
.vip-store-button:focus,
.vip-store-button:active {
    color: #000 !important;
}


/* FORCE VIEW CARD TEXT + ICON BLACK */
a.vip-card-view,
a.vip-card-view span,
a.vip-card-view i,
a.vip-card-view strong,
a.vip-card-view b,
a.vip-card-view::before,
a.vip-card-view::after {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
}


/* STORE VIEW CARD - FORCE BLACK TEXT */
.vip-store-button,
.vip-store-button *,
a.vip-store-button,
a.vip-store-button *,
.vip-store-button span,
.vip-store-button i {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    text-shadow: none !important;
}

.vip-store-button:hover,
.vip-store-button:hover *,
.vip-store-button:focus,
.vip-store-button:focus *,
.vip-store-button:active,
.vip-store-button:active * {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}


/* FINAL: /cards VIEW CARD BUTTON */
html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button,
html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button:link,
html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button:visited,
html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button:hover,
html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button:focus,
html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button:active {
    background: #00ff66 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
}

html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button i,
html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button span {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
}


/* MOBILE MENU — Sign In / Create Account same as normal menu links */
@media (max-width: 767.98px) {
    .header-wrapper .menu li.d-md-none a.cmn--btn {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        color: inherit !important;
        padding: 0 !important;
        margin: 0 !important;
        min-height: auto !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        letter-spacing: normal !important;
        line-height: inherit !important;
        text-shadow: none !important;
        text-transform: none !important;
    }

    .header-wrapper .menu li.d-md-none a.cmn--btn:hover,
    .header-wrapper .menu li.d-md-none a.cmn--btn:focus,
    .header-wrapper .menu li.d-md-none a.cmn--btn:active {
        background: transparent !important;
        color: inherit !important;
        box-shadow: none !important;
    }
}


/* MOBILE MENU — Sign In / Create Account green like other menu links */
@media (max-width: 767.98px) {
    .header-wrapper .menu li.d-md-none a.cmn--btn {
        color: #00ff66 !important;
        -webkit-text-fill-color: #00ff66 !important;
    }

    .header-wrapper .menu li.d-md-none a.cmn--btn:hover,
    .header-wrapper .menu li.d-md-none a.cmn--btn:focus,
    .header-wrapper .menu li.d-md-none a.cmn--btn:active {
        color: #00ff66 !important;
        -webkit-text-fill-color: #00ff66 !important;
    }
}


/* DASHBOARD — visibility/contrast fix */
body .minimal-dark-terminal .terminal-title,
body .minimal-dark-terminal .terminal-body p,
body .minimal-dark-terminal .demo-card-number,
body .minimal-dark-terminal .demo-card-bottom {
    color: #00ff78 !important;
    -webkit-text-fill-color: #00ff78 !important;
}

body .minimal-dark-terminal .terminal-status,
body .minimal-dark-terminal .terminal-body h1,
body .minimal-dark-terminal .products-heading,
body .minimal-dark-terminal .demo-card,
body .minimal-dark-terminal .product-arrow {
    color: #00ff78 !important;
    -webkit-text-fill-color: #00ff78 !important;
}

body .minimal-dark-terminal .enter-dark-button,
body .minimal-dark-terminal .enter-dark-button i {
    color: #00ff78 !important;
    -webkit-text-fill-color: #00ff78 !important;
}


/* =========================================================
   VIP USER DASHBOARD — PREMIUM BLACK / GREEN TERMINAL
   ========================================================= */

body:has(.dashboard__item) {
    background: #020504 !important;
}

.dashboard__item {
    position: relative !important;
    background: linear-gradient(145deg, #07100b 0%, #030806 100%) !important;
    border: 1px solid rgba(0,255,102,.20) !important;
    border-radius: 12px !important;
    padding: 22px 20px !important;
    min-height: 145px !important;
    overflow: hidden !important;
    box-shadow:
        0 8px 30px rgba(0,0,0,.35),
        inset 0 1px 0 rgba(0,255,102,.05) !important;
    transition: .25s ease !important;
}

.dashboard__item::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 3px !important;
    height: 100% !important;
    background: #00ff66 !important;
    opacity: .8 !important;
}

.dashboard__item:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(0,255,102,.48) !important;
    box-shadow:
        0 12px 35px rgba(0,0,0,.45),
        0 0 22px rgba(0,255,102,.08) !important;
}

.dashboard__icon {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    border-radius: 9px !important;
    background: rgba(0,255,102,.09) !important;
    border: 1px solid rgba(0,255,102,.22) !important;
    color: #00ff66 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.dashboard__icon i {
    color: #00ff66 !important;
    font-size: 24px !important;
}

.dashboard__item .cont {
    position: relative !important;
    z-index: 2 !important;
}

.dashboard__header {
    margin-bottom: 3px !important;
}

.dashboard__header .title,
.dashboard__item .title {
    color: #00ff66 !important;
    font-weight: 800 !important;
}

.dashboard__header h3.title {
    font-size: 25px !important;
    line-height: 1.15 !important;
    letter-spacing: .2px !important;
}

.dashboard__header h6.title {
    color: rgba(255,255,255,.48) !important;
    font-size: 12px !important;
    letter-spacing: 1.5px !important;
}

.dashboard__item a {
    color: #00ff66 !important;
}

.dashboard__item a:hover {
    color: #ffffff !important;
}

.dashboard__item a:last-child {
    color: rgba(255,255,255,.62) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .7px !important;
    text-transform: uppercase !important;
}

.dashboard__item a:last-child:hover {
    color: #00ff66 !important;
}

/* Latest Transactions */
body:has(.cmn--table) .title.mb-3 {
    color: #00ff66 !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    letter-spacing: .5px !important;
}

.cmn--table {
    background: #030806 !important;
    border: 1px solid rgba(0,255,102,.18) !important;
    border-radius: 10px !important;
    overflow: hidden !important;
}

.cmn--table thead {
    background: rgba(0,255,102,.055) !important;
}

.cmn--table thead th {
    color: #00ff66 !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(0,255,102,.18) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
}

.cmn--table tbody td {
    color: rgba(255,255,255,.68) !important;
    background: #030806 !important;
    border-color: rgba(0,255,102,.08) !important;
    font-size: 12px !important;
}

.cmn--table tbody tr:hover td {
    background: rgba(0,255,102,.035) !important;
    color: #ffffff !important;
}

.cmn--table strong {
    color: #00ff66 !important;
}

/* Dashboard section spacing */
.dashboard__item.bg--section {
    margin-bottom: 0 !important;
}

/* Mobile */
@media (max-width: 575.98px) {
    .dashboard__item {
        min-height: 125px !important;
        padding: 18px 16px !important;
    }

    .dashboard__icon {
        width: 45px !important;
        height: 45px !important;
        min-width: 45px !important;
    }

    .dashboard__icon i {
        font-size: 20px !important;
    }

    .dashboard__header h3.title {
        font-size: 21px !important;
    }

    .dashboard__header h6.title {
        font-size: 10px !important;
    }

    .cmn--table {
        font-size: 11px !important;
    }
}


/* =========================================================
   FINAL VIP DASHBOARD CONTRAST + MOBILE MENU GREEN
   ========================================================= */

/* Dashboard cards — clearer premium separation */
html body .dashboard__item {
    background: linear-gradient(135deg,#08130d 0%,#030806 100%) !important;
    border: 1px solid rgba(0,255,102,.38) !important;
    border-top: 2px solid rgba(0,255,102,.65) !important;
    box-shadow:
        0 8px 28px rgba(0,0,0,.55),
        inset 0 0 25px rgba(0,255,102,.035),
        0 0 12px rgba(0,255,102,.045) !important;
}

/* Card labels */
html body .dashboard__item .dashboard__header h6,
html body .dashboard__item .dashboard__header h6.title {
    color: #00ff66 !important;
    opacity: 1 !important;
    font-weight: 800 !important;
    letter-spacing: 1.4px !important;
}

/* Main numbers */
html body .dashboard__item .dashboard__header h3,
html body .dashboard__item .dashboard__header h3.title {
    color: #ffffff !important;
    font-weight: 900 !important;
    text-shadow: 0 0 10px rgba(0,255,102,.16) !important;
}

/* Icons */
html body .dashboard__item .dashboard__icon {
    background: #061b10 !important;
    border: 1px solid rgba(0,255,102,.45) !important;
    box-shadow: inset 0 0 15px rgba(0,255,102,.08) !important;
}

html body .dashboard__item .dashboard__icon i {
    color: #00ff66 !important;
}

/* Bottom links */
html body .dashboard__item .cont a {
    color: #00ff66 !important;
    font-weight: 800 !important;
}

html body .dashboard__item .cont a:hover {
    color: #ffffff !important;
}

/* Latest Transactions heading */
html body .cmn--table + * {
    color: #00ff66 !important;
}

/* Table itself */
html body .cmn--table {
    background: #030806 !important;
    border: 1px solid rgba(0,255,102,.30) !important;
}

html body .cmn--table thead th {
    color: #00ff66 !important;
    background: #07140c !important;
    font-weight: 900 !important;
}

html body .cmn--table tbody td {
    color: #d7e9df !important;
}

html body .cmn--table tbody tr:hover td {
    color: #ffffff !important;
    background: rgba(0,255,102,.045) !important;
}

/* =========================================================
   MOBILE 3-LINE MENU — ALL OPTIONS GREEN
   ========================================================= */

@media (max-width: 767.98px) {

    html body .header-wrapper .menu li a,
    html body .header-wrapper .menu li a.cmn--btn,
    html body .header-wrapper .menu li.d-md-none a,
    html body .header-wrapper .menu li.d-md-none a.cmn--btn {
        color: #00ff66 !important;
        -webkit-text-fill-color: #00ff66 !important;
        font-weight: 700 !important;
    }

    html body .header-wrapper .menu li a:hover,
    html body .header-wrapper .menu li a:focus,
    html body .header-wrapper .menu li a:active,
    html body .header-wrapper .menu li a.cmn--btn:hover,
    html body .header-wrapper .menu li a.cmn--btn:focus,
    html body .header-wrapper .menu li a.cmn--btn:active {
        color: #00ff66 !important;
        -webkit-text-fill-color: #00ff66 !important;
    }

    /* Remove button-style background from mobile Sign In/Create Account */
    html body .header-wrapper .menu li.d-md-none a.cmn--btn {
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* Active menu */
    html body .header-wrapper .menu li.active > a,
    html body .header-wrapper .menu li.menuActive > a {
        color: #00ff66 !important;
        -webkit-text-fill-color: #00ff66 !important;
    }
}


/* ===== FINAL DASHBOARD LAYOUT ===== */

html body .minimal-dark-terminal {
    min-height: auto !important;
    padding: 0 15px 40px !important;
    align-items: flex-start !important;
}

html body .minimal-dark-terminal::before {
    content: "DASHBOARD";
    display: block;
    position: absolute;
    top: 88px;
    left: 50%;
    transform: translateX(-50%);
    color: #00ff66;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 2px;
}

html body .minimal-dark-terminal .terminal-window {
    margin-top: 48px !important;
}

/* Original functional dashboard heading */
html body .dashboard__item {
    margin-top: 0 !important;
}

html body .dashboard__item .dashboard__icon {
    border-color: rgba(0,255,102,.55) !important;
}

@media (max-width: 767.98px) {
    html body .minimal-dark-terminal::before {
        top: 78px;
        font-size: 19px;
    }

    html body .minimal-dark-terminal .terminal-window {
        margin-top: 42px !important;
    }
}


/* =========================================================
   FINAL VIP DASHBOARD — CLEAN / COMPACT / VISIBLE
   ========================================================= */

html body .dashboard__item {
    background: linear-gradient(145deg,#09150f 0%,#030806 100%) !important;
    border: 1px solid rgba(0,255,102,.32) !important;
    border-left: 3px solid #00ff66 !important;
    border-radius: 10px !important;
    padding: 18px 17px !important;
    min-height: 128px !important;
    box-shadow:
        0 7px 22px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.025) !important;
    transition: transform .2s ease, border-color .2s ease !important;
}

html body .dashboard__item:hover {
    transform: translateY(-2px) !important;
    border-color: rgba(0,255,102,.65) !important;
}

/* Icon — clean square instead of excessive glow */
html body .dashboard__item .dashboard__icon {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    border-radius: 8px !important;
    background: rgba(0,255,102,.08) !important;
    border: 1px solid rgba(0,255,102,.35) !important;
    box-shadow: none !important;
}

html body .dashboard__item .dashboard__icon i {
    color: #00ff66 !important;
    font-size: 21px !important;
}

/* Labels */
html body .dashboard__item .dashboard__header h6.title {
    color: #00ff66 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 1.2px !important;
    margin-bottom: 4px !important;
}

/* Main values */
html body .dashboard__item .dashboard__header h3.title {
    color: #f2fff7 !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    margin-bottom: 4px !important;
}

/* Bottom navigation text */
html body .dashboard__item .cont > a:last-child {
    color: rgba(255,255,255,.60) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
}

html body .dashboard__item .cont > a:last-child:hover {
    color: #00ff66 !important;
}

/* Reduce the 4-box gap */
html body .dashboard__item {
    margin-bottom: 0 !important;
}

html body .row.justify-content-center.g-4 {
    --bs-gutter-x: 12px !important;
    --bs-gutter-y: 12px !important;
    row-gap: 12px !important;
    column-gap: 0 !important;
}

/* Latest Transactions */
html body h5.title.mb-3 {
    color: #00ff66 !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    margin-top: 22px !important;
    margin-bottom: 10px !important;
    text-transform: uppercase !important;
}

html body .cmn--table {
    background: #030806 !important;
    border: 1px solid rgba(0,255,102,.25) !important;
    border-radius: 9px !important;
    overflow: hidden !important;
}

html body .cmn--table thead {
    background: #08150e !important;
}

html body .cmn--table thead th {
    color: #00ff66 !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(0,255,102,.20) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .7px !important;
    text-transform: uppercase !important;
}

html body .cmn--table tbody td {
    color: #cfe1d6 !important;
    background: #030806 !important;
    border-color: rgba(0,255,102,.08) !important;
    font-size: 11px !important;
}

html body .cmn--table tbody tr:hover td {
    background: rgba(0,255,102,.035) !important;
    color: #ffffff !important;
}

html body .cmn--table strong {
    color: #00ff66 !important;
}

/* Mobile */
@media (max-width: 575.98px) {

    html body .dashboard__item {
        min-height: 112px !important;
        padding: 15px 13px !important;
    }

    html body .dashboard__item .dashboard__icon {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
    }

    html body .dashboard__item .dashboard__icon i {
        font-size: 18px !important;
    }

    html body .dashboard__item .dashboard__header h3.title {
        font-size: 19px !important;
    }

    html body .dashboard__item .dashboard__header h6.title {
        font-size: 9px !important;
    }

    html body .row.justify-content-center.g-4 {
        --bs-gutter-x: 8px !important;
        --bs-gutter-y: 8px !important;
    }

    html body h5.title.mb-3 {
        margin-top: 18px !important;
    }
}


/* ===== VIP DASHBOARD ICONS — WHITE / BLACK ===== */

html body .dashboard__item .dashboard__icon {
    background: #ffffff !important;
    border: 1px solid rgba(255,255,255,.85) !important;
    color: #000000 !important;
    box-shadow: 0 3px 12px rgba(0,0,0,.25) !important;
}

html body .dashboard__item .dashboard__icon i {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
    text-shadow: none !important;
}

html body .dashboard__item:hover .dashboard__icon {
    background: #ffffff !important;
    border-color: #00ff66 !important;
}



/* ===== DASHBOARD VIP TOP ALIGNMENT ===== */

html body .dashboard__item {
    margin-top: 0 !important;
}

/* Dashboard section — remove unnecessary top space */
html body .pb-80 {
    padding-top: 0 !important;
}

/* 4 dashboard boxes */
html body .pb-80 .row.justify-content-center.g-4 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    --bs-gutter-x: 10px !important;
    --bs-gutter-y: 10px !important;
}

/* Put heading at the very top */
html body .pb-80::before {
    content: "DASHBOARD";
    display: block;
    width: 100%;
    text-align: center;
    color: #00ff66;
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 2px;
    line-height: 1;
    margin: 0 0 14px 0;
    padding: 0;
}

/* Keep boxes immediately below heading */
html body .pb-80 .row {
    margin-top: 0 !important;
}

/* Latest transactions */
html body .pb-80 > h5.title.mb-3 {
    margin-top: 20px !important;
}

/* Mobile */
@media (max-width: 575.98px) {
    html body .pb-80::before {
        font-size: 19px;
        margin-bottom: 11px;
    }

    html body .pb-80 .row.justify-content-center.g-4 {
        --bs-gutter-x: 8px !important;
        --bs-gutter-y: 8px !important;
    }
}


/* ===== REMOVE DUPLICATE DASHBOARD HEADINGS ===== */

/* Hide all CSS-generated dashboard headings */
html body .pb-80::before {
    content: none !important;
    display: none !important;
}

/* Keep only the actual existing Dashboard heading */
html body .pb-80 > h4:first-child,
html body .pb-80 > h3:first-child,
html body .pb-80 > h2:first-child,
html body .pb-80 > h5:first-child {
    color: #00ff66 !important;
    font-weight: 900 !important;
    letter-spacing: 1.5px !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

/* Bring the boxes closer to the heading */
html body .pb-80 .row.justify-content-center.g-4 {
    margin-top: 0 !important;
    padding-top: 0 !important;
    --bs-gutter-y: 8px !important;
    --bs-gutter-x: 8px !important;
}

/* Remove unwanted top spacing around dashboard area */
html body .pb-80 {
    padding-top: 0 !important;
}

/* Mobile */
@media (max-width: 575.98px) {
    html body .pb-80 .row.justify-content-center.g-4 {
        --bs-gutter-y: 6px !important;
        --bs-gutter-x: 6px !important;
    }

    html body .pb-80 > h4:first-child,
    html body .pb-80 > h3:first-child,
    html body .pb-80 > h2:first-child,
    html body .pb-80 > h5:first-child {
        margin-bottom: 6px !important;
    }
}


/* ===== VIP LATEST TRANSACTIONS ===== */
html body .container > .title.mb-3{
    color:#fff!important;
    font-weight:800!important;
    letter-spacing:.4px!important;
    margin-bottom:12px!important;
}

html body .cmn--table{
    width:100%!important;
    margin:0!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    overflow:hidden!important;
    border:1px solid rgba(0,255,102,.22)!important;
    border-radius:10px!important;
    background:rgba(0,0,0,.35)!important;
}

html body .cmn--table thead th{
    background:rgba(0,255,102,.08)!important;
    color:#00ff66!important;
    font-size:11px!important;
    font-weight:800!important;
    letter-spacing:.5px!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
    padding:11px 12px!important;
    border-bottom:1px solid rgba(0,255,102,.22)!important;
}

html body .cmn--table tbody td{
    color:#e8e8e8!important;
    font-size:12px!important;
    padding:10px 12px!important;
    vertical-align:middle!important;
    border-bottom:1px solid rgba(255,255,255,.06)!important;
}

html body .cmn--table tbody tr:last-child td{
    border-bottom:0!important;
}

html body .cmn--table tbody tr:hover{
    background:rgba(0,255,102,.045)!important;
}

html body .cmn--table tbody td strong{
    color:#00ff66!important;
    font-weight:800!important;
}

html body .cmn--table tbody td:nth-child(2){
    color:#00ff66!important;
    font-weight:700!important;
    white-space:nowrap!important;
}

html body .cmn--table tbody td:nth-child(5){
    color:#cfcfcf!important;
}

/* Mobile: keep table usable without breaking layout */
@media (max-width:767.98px){
    html body .cmn--table{
        display:block!important;
        overflow-x:auto!important;
        -webkit-overflow-scrolling:touch!important;
    }

    html body .cmn--table thead,
    html body .cmn--table tbody{
        width:max-content!important;
        min-width:700px!important;
    }

    html body .cmn--table th,
    html body .cmn--table td{
        padding:9px 10px!important;
        font-size:11px!important;
    }
}

/* ===== VIP DASHBOARD BOX LINKS ===== */
html body .dashboard-box-link{
    display:block!important;
    height:100%!important;
    text-decoration:none!important;
    color:inherit!important;
}

html body .dashboard-box-link .dashboard__item{
    height:100%!important;
    cursor:pointer!important;
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease!important;
    border:1px solid rgba(0,255,102,.16)!important;
}

html body .dashboard-box-link:hover .dashboard__item{
    transform:translateY(-2px)!important;
    border-color:rgba(0,255,102,.55)!important;
    box-shadow:0 8px 24px rgba(0,255,102,.10)!important;
}

/* ===== VIP LATEST TRANSACTIONS BOX ===== */
html body .vip-latest-transactions{
    width:100%!important;
    margin-top:18px!important;
    padding:14px!important;
    border:1px solid rgba(0,255,102,.24)!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.28)!important;
    box-shadow:0 6px 22px rgba(0,0,0,.18)!important;
    overflow:hidden!important;
}

html body .vip-latest-title{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin:0 0 12px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    letter-spacing:.5px!important;
}

html body .vip-live-dot{
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
    border-radius:50%!important;
    background:#00ff66!important;
    box-shadow:0 0 8px rgba(0,255,102,.8)!important;
}

html body .vip-latest-transactions .cmn--table{
    margin:0!important;
    border:1px solid rgba(0,255,102,.14)!important;
    border-radius:8px!important;
}

html body .vip-latest-transactions .cmn--table th{
    padding:10px 11px!important;
    font-size:10px!important;
    white-space:nowrap!important;
}

html body .vip-latest-transactions .cmn--table td{
    padding:9px 11px!important;
    font-size:11px!important;
    vertical-align:middle!important;
}

@media(max-width:767.98px){
    html body .vip-latest-transactions{
        padding:10px!important;
        margin-top:14px!important;
    }

    html body .vip-latest-transactions .cmn--table{
        min-width:650px!important;
    }
}

/* ===== DASHBOARD CLICKABLE BOXES ===== */
html body .dashboard__item{
    cursor:pointer!important;
}

html body .dashboard__item .cont{
    position:relative!important;
    z-index:2!important;
}

/* ===== LATEST TRANSACTIONS - FIT INSIDE DASHBOARD ===== */
html body .cmn--table{
    width:100%!important;
    table-layout:fixed!important;
    margin:0!important;
}

html body .cmn--table th,
html body .cmn--table td{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
}

html body .cmn--table th:nth-child(1),
html body .cmn--table td:nth-child(1){
    width:18%!important;
}

html body .cmn--table th:nth-child(2),
html body .cmn--table td:nth-child(2){
    width:18%!important;
}

html body .cmn--table th:nth-child(3),
html body .cmn--table td:nth-child(3){
    width:17%!important;
}

html body .cmn--table th:nth-child(4),
html body .cmn--table td:nth-child(4){
    width:20%!important;
}

html body .cmn--table th:nth-child(5),
html body .cmn--table td:nth-child(5){
    width:27%!important;
}

@media(max-width:767.98px){
    html body .cmn--table{
        font-size:9px!important;
    }

    html body .cmn--table th,
    html body .cmn--table td{
        padding:7px 5px!important;
        font-size:9px!important;
        line-height:1.25!important;
    }

    html body .cmn--table th:nth-child(1),
    html body .cmn--table td:nth-child(1){
        width:18%!important;
    }

    html body .cmn--table th:nth-child(2),
    html body .cmn--table td:nth-child(2){
        width:17%!important;
    }

    html body .cmn--table th:nth-child(3),
    html body .cmn--table td:nth-child(3){
        width:17%!important;
    }

    html body .cmn--table th:nth-child(4),
    html body .cmn--table td:nth-child(4){
        width:20%!important;
    }

    html body .cmn--table th:nth-child(5),
    html body .cmn--table td:nth-child(5){
        width:28%!important;
    }
}

/* ===== LATEST TRANSACTIONS - SHOW FULL TEXT ===== */
html body .cmn--table{
    table-layout:auto!important;
}

html body .cmn--table th,
html body .cmn--table td{
    overflow:visible!important;
    text-overflow:clip!important;
    white-space:normal!important;
    word-break:break-word!important;
}

html body .cmn--table th:nth-child(1),
html body .cmn--table td:nth-child(1){
    width:15%!important;
    white-space:nowrap!important;
}

html body .cmn--table th:nth-child(2),
html body .cmn--table td:nth-child(2){
    width:18%!important;
    word-break:break-all!important;
}

html body .cmn--table th:nth-child(3),
html body .cmn--table td:nth-child(3){
    width:15%!important;
    white-space:nowrap!important;
}

html body .cmn--table th:nth-child(4),
html body .cmn--table td:nth-child(4){
    width:18%!important;
    white-space:nowrap!important;
}

html body .cmn--table th:nth-child(5),
html body .cmn--table td:nth-child(5){
    width:34%!important;
    white-space:normal!important;
    word-break:break-word!important;
}

@media(max-width:767.98px){
    html body .cmn--table th,
    html body .cmn--table td{
        padding:8px 5px!important;
        font-size:10px!important;
        line-height:1.35!important;
    }

    html body .cmn--table th:nth-child(1),
    html body .cmn--table td:nth-child(1){
        width:17%!important;
    }

    html body .cmn--table th:nth-child(2),
    html body .cmn--table td:nth-child(2){
        width:18%!important;
    }

    html body .cmn--table th:nth-child(3),
    html body .cmn--table td:nth-child(3){
        width:16%!important;
    }

    html body .cmn--table th:nth-child(4),
    html body .cmn--table td:nth-child(4){
        width:19%!important;
    }

    html body .cmn--table th:nth-child(5),
    html body .cmn--table td:nth-child(5){
        width:30%!important;
    }
}

/* ===== FINAL LATEST TRANSACTIONS FIT ===== */
html body .cmn--table{
    width:100%!important;
    table-layout:fixed!important;
    margin:0!important;
}

html body .cmn--table th,
html body .cmn--table td{
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    word-break:normal!important;
    vertical-align:middle!important;
}

html body .cmn--table th:nth-child(1),
html body .cmn--table td:nth-child(1){width:16%!important;}

html body .cmn--table th:nth-child(2),
html body .cmn--table td:nth-child(2){width:19%!important;}

html body .cmn--table th:nth-child(3),
html body .cmn--table td:nth-child(3){width:16%!important;}

html body .cmn--table th:nth-child(4),
html body .cmn--table td:nth-child(4){width:21%!important;}

html body .cmn--table th:nth-child(5),
html body .cmn--table td:nth-child(5){
    width:28%!important;
    white-space:normal!important;
    line-height:1.25!important;
}

/* Mobile: same box, readable text */
@media(max-width:767.98px){
    html body .cmn--table{
        width:100%!important;
        table-layout:fixed!important;
    }

    html body .cmn--table th,
    html body .cmn--table td{
        padding:7px 4px!important;
        font-size:9px!important;
    }

    html body .cmn--table th:nth-child(1),
    html body .cmn--table td:nth-child(1){width:17%!important;}

    html body .cmn--table th:nth-child(2),
    html body .cmn--table td:nth-child(2){width:18%!important;}

    html body .cmn--table th:nth-child(3),
    html body .cmn--table td:nth-child(3){width:16%!important;}

    html body .cmn--table th:nth-child(4),
    html body .cmn--table td:nth-child(4){width:21%!important;}

    html body .cmn--table th:nth-child(5),
    html body .cmn--table td:nth-child(5){
        width:28%!important;
        white-space:normal!important;
    }
}

/* ===== VIP TRANSACTION CARDS ===== */
html body .vip-transactions-section{
    width:100%!important;
    margin-top:18px!important;
    padding:14px!important;
    border:1px solid rgba(0,255,102,.25)!important;
    border-radius:12px!important;
    background:rgba(0,0,0,.30)!important;
    box-sizing:border-box!important;
}

html body .vip-transactions-heading{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    margin-bottom:12px!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
}

html body .vip-transactions-heading a{
    margin-left:auto!important;
    padding:5px 9px!important;
    border:1px solid rgba(0,255,102,.4)!important;
    border-radius:5px!important;
    color:#00ff66!important;
    font-size:9px!important;
    font-weight:800!important;
    text-decoration:none!important;
}

html body .vip-live-dot{
    width:7px!important;
    height:7px!important;
    flex:0 0 7px!important;
    border-radius:50%!important;
    background:#00ff66!important;
    box-shadow:0 0 8px rgba(0,255,102,.8)!important;
}

html body .vip-transaction-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
}

html body .vip-transaction-card{
    min-width:0!important;
    padding:11px!important;
    border:1px solid rgba(0,255,102,.18)!important;
    border-radius:9px!important;
    background:rgba(0,255,102,.035)!important;
    box-sizing:border-box!important;
}

html body .vip-trx-top{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding-bottom:8px!important;
    margin-bottom:7px!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
}

html body .vip-trx-label{
    color:#00ff66!important;
    font-size:9px!important;
    font-weight:900!important;
    letter-spacing:.7px!important;
}

html body .vip-trx-date{
    color:#aaa!important;
    font-size:8px!important;
    text-align:right!important;
}

html body .vip-trx-row{
    display:flex!important;
    justify-content:space-between!important;
    align-items:flex-start!important;
    gap:8px!important;
    margin:5px 0!important;
}

html body .vip-trx-row span,
html body .vip-trx-details > span{
    color:#888!important;
    font-size:8px!important;
    font-weight:700!important;
    flex-shrink:0!important;
}

html body .vip-trx-row strong{
    color:#eee!important;
    font-size:9px!important;
    font-weight:800!important;
    text-align:right!important;
    overflow-wrap:anywhere!important;
}

html body .vip-trx-row strong.vip-trx-green{
    color:#00ff66!important;
}

html body .vip-trx-details{
    margin-top:7px!important;
    padding-top:7px!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
}

html body .vip-trx-details p{
    margin:3px 0 0!important;
    color:#ccc!important;
    font-size:9px!important;
    line-height:1.35!important;
    overflow-wrap:anywhere!important;
}

@media(max-width:767.98px){
    html body .vip-transactions-section{
        padding:10px!important;
        margin-top:14px!important;
    }

    html body .vip-transaction-grid{
        grid-template-columns:1fr!important;
        gap:8px!important;
    }

    html body .vip-transaction-card{
        padding:10px!important;
    }

    html body .vip-transactions-heading{
        font-size:12px!important;
    }
}

/* ===== VIP FULL TRANSACTIONS PAGE ===== */
html body .vip-full-transactions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
}

html body .vip-full-transaction-card{
    min-width:0!important;
    padding:13px!important;
    border:1px solid rgba(0,255,102,.22)!important;
    border-radius:11px!important;
    background:rgba(0,0,0,.30)!important;
    box-shadow:0 5px 18px rgba(0,0,0,.16)!important;
    transition:.18s ease!important;
}

html body .vip-full-transaction-card:hover{
    border-color:rgba(0,255,102,.55)!important;
    transform:translateY(-1px)!important;
}

html body .vip-full-trx-head{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding-bottom:9px!important;
    margin-bottom:9px!important;
    border-bottom:1px solid rgba(255,255,255,.07)!important;
}

html body .vip-full-trx-head > div{
    min-width:0!important;
}

html body .vip-full-label{
    display:block!important;
    margin-bottom:3px!important;
    color:#00ff66!important;
    font-size:8px!important;
    font-weight:900!important;
    letter-spacing:1px!important;
}

html body .vip-full-trx-head strong{
    display:block!important;
    color:#eee!important;
    font-size:10px!important;
    font-weight:800!important;
    overflow-wrap:anywhere!important;
}

html body .vip-full-type{
    flex-shrink:0!important;
    padding:5px 8px!important;
    border-radius:6px!important;
    font-size:9px!important;
    font-weight:900!important;
}

html body .vip-full-type.vip-plus{
    color:#00ff66!important;
    background:rgba(0,255,102,.09)!important;
    border:1px solid rgba(0,255,102,.28)!important;
}

html body .vip-full-type.vip-minus{
    color:#ff6262!important;
    background:rgba(255,70,70,.08)!important;
    border:1px solid rgba(255,70,70,.25)!important;
}

html body .vip-full-trx-grid{
    display:grid!important;
    grid-template-columns:1.35fr 1fr!important;
    gap:9px!important;
}

html body .vip-full-trx-item{
    min-width:0!important;
    padding:8px!important;
    border-radius:7px!important;
    background:rgba(255,255,255,.025)!important;
}

html body .vip-full-trx-item span,
html body .vip-full-trx-detail > span{
    display:block!important;
    color:#888!important;
    font-size:8px!important;
    font-weight:800!important;
    letter-spacing:.5px!important;
    margin-bottom:3px!important;
}

html body .vip-full-trx-item strong{
    display:block!important;
    color:#ddd!important;
    font-size:9px!important;
    font-weight:700!important;
}

html body .vip-full-trx-item small{
    display:block!important;
    margin-top:2px!important;
    color:#00ff66!important;
    font-size:8px!important;
}

html body .vip-full-trx-detail{
    margin-top:9px!important;
    padding-top:8px!important;
    border-top:1px solid rgba(255,255,255,.06)!important;
}

html body .vip-full-trx-detail p{
    margin:0!important;
    color:#ccc!important;
    font-size:9px!important;
    line-height:1.4!important;
    overflow-wrap:anywhere!important;
}

html body .vip-no-transactions{
    grid-column:1/-1!important;
    padding:20px!important;
    text-align:center!important;
    border:1px solid rgba(0,255,102,.18)!important;
    border-radius:10px!important;
    color:#aaa!important;
}

@media(max-width:767.98px){
    html body .vip-full-transactions{
        grid-template-columns:1fr!important;
        gap:9px!important;
    }

    html body .vip-full-transaction-card{
        padding:11px!important;
    }

    html body .vip-full-trx-grid{
        grid-template-columns:1fr 1fr!important;
    }
}

/* Transactions page: tighten heading-to-box spacing */
html body .vip-transactions-section{
    margin-top:8px!important;
    padding-top:8px!important;
}

html body .vip-transactions-heading{
    margin-bottom:5px!important;
    padding-bottom:3px!important;
}

html body .vip-transaction-grid{
    margin-top:0!important;
    gap:10px!important;
}


/* Deposit History — hide small DETAILS label */
html body .vip-deposit-history .vip-deposit-details > span{
    display:none!important;
}

/* Keep VIEW DETAILS button directly in its place */
html body .vip-deposit-history .vip-deposit-details{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:0!important;
    margin-top:0!important;
    padding-top:0!important;
}

html body .vip-deposit-history .vip-deposit-detail-btn{
    margin-top:0!important;
}


/* MY CARDS — VIEW DETAILS button */
html body .vip-card-view a,
html body .vip-card-view a:link,
html body .vip-card-view a:visited,
html body .vip-card-view a:hover,
html body .vip-card-view a:focus,
html body .vip-card-view a:active{
    background:#00ff66!important;
    color:#000!important;
    -webkit-text-fill-color:#000!important;
    font-weight:900!important;
    text-shadow:none!important;
    border-color:#00ff66!important;
}

html body .vip-card-view a i,
html body .vip-card-view a span{
    color:#000!important;
    -webkit-text-fill-color:#000!important;
    font-weight:900!important;
}


/* MY CARDS - FORCE VIEW DETAILS BLACK + BOLD */
html body a.vip-card-view,
html body a.vip-card-view:link,
html body a.vip-card-view:visited,
html body a.vip-card-view:hover,
html body a.vip-card-view:focus,
html body a.vip-card-view:active {
    background:#00ff66!important;
    color:#000!important;
    -webkit-text-fill-color:#000!important;
    font-weight:900!important;
    text-shadow:none!important;
}

html body a.vip-card-view span {
    color:#000!important;
    -webkit-text-fill-color:#000!important;
    font-weight:900!important;
    text-shadow:none!important;
}

html body a.vip-card-view i {
    color:#000!important;
    -webkit-text-fill-color:#000!important;
}


/* VIP CYBER AUTO DETAIL BOXES */
html body .vip-auto-detail-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
    width:100%!important;
    margin-top:18px!important;
}

html body .vip-auto-detail-box{
    min-width:0!important;
    padding:10px!important;
    border:1px solid rgba(0,255,102,.28)!important;
    border-radius:9px!important;
    background:linear-gradient(145deg,rgba(0,255,102,.045),rgba(0,0,0,.42))!important;
    box-shadow:inset 0 0 18px rgba(0,255,102,.025)!important;
}

html body .vip-auto-detail-label{
    display:flex!important;
    align-items:center!important;
    gap:6px!important;
    margin-bottom:7px!important;
    color:#00ff66!important;
    font-size:10px!important;
    font-weight:900!important;
    letter-spacing:.8px!important;
    text-transform:uppercase!important;
}

html body .vip-auto-detail-label .vip-live-dot{
    width:6px!important;
    height:6px!important;
    min-width:6px!important;
    border-radius:50%!important;
    background:#00ff66!important;
    box-shadow:0 0 7px #00ff66!important;
}

html body .vip-auto-detail-value{
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    padding:7px 8px!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:6px!important;
    background:rgba(255,255,255,.035)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.4!important;
    overflow-wrap:anywhere!important;
}

html body .vip-auto-detail-value > span{
    min-width:0!important;
    word-break:break-word!important;
}

html body .vip-auto-copy{
    flex:0 0 auto!important;
    border:1px solid #00ff66!important;
    border-radius:5px!important;
    background:#00ff66!important;
    color:#000!important;
    padding:6px 9px!important;
    font-size:9px!important;
    font-weight:900!important;
    cursor:pointer!important;
}

html body .vip-auto-copy:hover{
    background:#fff!important;
    border-color:#fff!important;
}

html body .vip-auto-empty{
    margin-top:18px!important;
    padding:16px!important;
    text-align:center!important;
    border:1px dashed rgba(0,255,102,.3)!important;
    border-radius:8px!important;
    color:#00ff66!important;
    font-size:11px!important;
    font-weight:800!important;
}

@media(max-width:767.98px){
    html body .vip-auto-detail-grid{
        grid-template-columns:1fr!important;
        gap:9px!important;
        margin-top:14px!important;
    }
}


/* ===== DEPOSIT PAYMENT ITEM — LOGO RIGHT / NAME OFFSET ===== */
body:has(.deposit-form) .payment-item {
    position: relative !important;
}

body:has(.deposit-form) .payment-item__info {
    padding-left: 22px !important;
    padding-right: 70px !important;
}

body:has(.deposit-form) .payment-item__name {
    margin-left: 8px !important;
}

body:has(.deposit-form) .payment-item__thumb {
    position: absolute !important;
    right: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
}

body:has(.deposit-form) .payment-item__thumb-img {
    display: block !important;
    margin: 0 !important;
}

/* ===== BINANCE PAYMENT ITEM — FINAL ALIGNMENT ===== */
body:has(.deposit-form) .payment-item {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 58px !important;
    padding: 10px 70px 10px 16px !important;
    box-sizing: border-box !important;
}

body:has(.deposit-form) .payment-item__info {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    padding: 0 !important;
    margin: 0 !important;
}

body:has(.deposit-form) .payment-item__check {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

body:has(.deposit-form) .payment-item__name {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

body:has(.deposit-form) .payment-item__thumb {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 42px !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
}

body:has(.deposit-form) .payment-item__thumb-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    margin: 0 !important;
}

/* Binance Smart Chain — slightly bold */
body:has(.deposit-form) .payment-item__name {
    font-weight: 600 !important;
}

/* Deposit Confirm — black text */
body:has(.deposit-form) .deposit-form button[type="submit"] {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

body:has(.deposit-form) .deposit-form button[type="submit"]:hover,
body:has(.deposit-form) .deposit-form button[type="submit"]:focus {
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

/* =========================================================
   DEPOSIT - COMPACT SECURE ONLINE STATUS
   ========================================================= */

body:has(.deposit-form) .gateway-card:before {
    content:"SECURE ONLINE" !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:max-content !important;
    height:26px !important;
    margin:0 0 18px !important;
    padding:0 12px !important;
    border:1px solid rgba(57,255,136,.30) !important;
    border-radius:6px !important;
    background:rgba(57,255,136,.055) !important;
    color:#39ff88 !important;
    font-family:monospace !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:1.5px !important;
    box-sizing:border-box !important;
    box-shadow:0 0 12px rgba(57,255,136,.06) !important;
}

body:has(.deposit-form) .gateway-card:after {
    content:"" !important;
    position:absolute !important;
    top:50px !important;
    left:10px !important;
    right:auto !important;
    width:6px !important;
    height:6px !important;
    border-radius:50% !important;
    background:#39ff88 !important;
    box-shadow:0 0 5px #39ff88, 0 0 12px rgba(57,255,136,.8) !important;
    animation:depositOnline 1.2s ease-in-out infinite !important;
}

@keyframes depositOnline {
    0%,100% {
        opacity:.25;
        transform:scale(.75);
        box-shadow:0 0 3px #39ff88;
    }
    50% {
        opacity:1;
        transform:scale(1.15);
        box-shadow:0 0 6px #39ff88, 0 0 14px rgba(57,255,136,.9);
    }
}


/* SECURE ONLINE - BOLD BLINKING LIGHT INSIDE BOX */
body:has(.deposit-form) .gateway-card:after {
    content:"" !important;
    position:absolute !important;
    top:41px !important;
    left:37px !important;
    right:auto !important;

    width:9px !important;
    height:9px !important;
    min-width:9px !important;
    min-height:9px !important;

    border-radius:50% !important;
    background:#39ff88 !important;
    opacity:1 !important;

    box-shadow:
        0 0 4px #39ff88,
        0 0 10px #39ff88,
        0 0 18px rgba(57,255,136,.95) !important;

    animation:secureOnlineBlink 1s ease-in-out infinite !important;
}

@keyframes secureOnlineBlink {
    0%,100% {
        opacity:.35;
        transform:scale(.85);
        box-shadow:
            0 0 3px #39ff88,
            0 0 7px rgba(57,255,136,.7);
    }

    50% {
        opacity:1;
        transform:scale(1.2);
        box-shadow:
            0 0 5px #39ff88,
            0 0 12px #39ff88,
            0 0 22px rgba(57,255,136,1);
    }
}


/* =========================================================
   SECURE ONLINE BOX - LARGER + LIGHT INSIDE TOP LEFT
   ========================================================= */

body:has(.deposit-form) .gateway-card:before {
    content:"SECURE ONLINE" !important;

    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:145px !important;
    height:32px !important;

    margin:0 0 18px !important;
    padding:0 12px 0 22px !important;

    border:1px solid rgba(57,255,136,.35) !important;
    border-radius:7px !important;

    background:rgba(57,255,136,.06) !important;

    color:#39ff88 !important;
    font-family:monospace !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:1.5px !important;

    box-sizing:border-box !important;
    box-shadow:0 0 14px rgba(57,255,136,.07) !important;
}

/* Bold green light INSIDE the box - top left */
body:has(.deposit-form) .gateway-card:after {
    content:"" !important;

    position:absolute !important;
    top:37px !important;
    left:34px !important;

    width:9px !important;
    height:9px !important;

    border-radius:50% !important;
    background:#39ff88 !important;

    box-shadow:
        0 0 4px #39ff88,
        0 0 10px #39ff88,
        0 0 18px rgba(57,255,136,.9) !important;

    animation:secureOnlineBlink 1s ease-in-out infinite !important;
}

@keyframes secureOnlineBlink {
    0%,100% {
        opacity:.35;
        transform:scale(.8);
    }

    50% {
        opacity:1;
        transform:scale(1.25);
    }
}


/* Disable old pseudo-element SECURE ONLINE */
body:has(.deposit-form) .gateway-card:before,
body:has(.deposit-form) .gateway-card:after {
    content:none !important;
    display:none !important;
}

/* Real SECURE ONLINE box */
body:has(.deposit-form) .deposit-secure-status {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:150px !important;
    height:34px !important;
    margin:0 0 20px !important;
    padding:0 10px 0 26px !important;
    box-sizing:border-box !important;
    border:1px solid rgba(57,255,136,.35) !important;
    border-radius:7px !important;
    background:rgba(57,255,136,.06) !important;
    color:#39ff88 !important;
    font-family:monospace !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:1.5px !important;
    box-shadow:0 0 14px rgba(57,255,136,.07) !important;
}

body:has(.deposit-form) .deposit-secure-status::before {
    content:"" !important;
    position:absolute !important;
    top:6px !important;
    left:6px !important;
    width:9px !important;
    height:9px !important;
    border-radius:50% !important;
    background:#39ff88 !important;
    box-shadow:0 0 5px #39ff88, 0 0 14px #39ff88 !important;
    animation:depositSecureBlink 1s ease-in-out infinite !important;
}

@keyframes depositSecureBlink {
    0%,100% {
        opacity:.35;
        transform:scale(.8);
    }
    50% {
        opacity:1;
        transform:scale(1.25);
    }
}


/* SECURE ONLINE - FINAL SIZE */
body:has(.deposit-form) .deposit-secure-status {
    width:175px !important;
    height:40px !important;
    padding:0 12px 0 30px !important;
    margin:0 0 20px !important;

    font-size:11px !important;
    font-weight:900 !important;
    letter-spacing:1.8px !important;
    line-height:1 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid rgba(57,255,136,.40) !important;
    border-radius:8px !important;
    background:rgba(57,255,136,.07) !important;

    box-shadow:
        0 0 14px rgba(57,255,136,.08),
        inset 0 0 10px rgba(57,255,136,.025) !important;
}

/* Bright blinking light - inside top-left */
body:has(.deposit-form) .deposit-secure-status::before {
    top:7px !important;
    left:7px !important;
    width:10px !important;
    height:10px !important;

    background:#39ff88 !important;
    box-shadow:
        0 0 5px #39ff88,
        0 0 12px #39ff88,
        0 0 20px rgba(57,255,136,.9) !important;

    animation:depositSecureBlink 1s ease-in-out infinite !important;
}


/* SECURE ONLINE - COMPACT INLINE STATUS */
body:has(.deposit-form) .deposit-secure-status {
    width:155px !important;
    height:34px !important;
    padding:0 10px !important;
    margin:0 0 18px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    border:1px solid rgba(57,255,136,.35) !important;
    border-radius:7px !important;
    background:rgba(57,255,136,.06) !important;

    color:#39ff88 !important;
    font-family:monospace !important;
    font-size:10px !important;
    font-weight:900 !important;
    letter-spacing:1.5px !important;
    line-height:1 !important;
    box-sizing:border-box !important;
}

/* Green light directly before text */
body:has(.deposit-form) .deposit-secure-status::before {
    content:"" !important;
    position:static !important;
    flex:0 0 9px !important;
    width:9px !important;
    height:9px !important;

    border-radius:50% !important;
    background:#39ff88 !important;

    box-shadow:
        0 0 5px #39ff88,
        0 0 12px #39ff88,
        0 0 18px rgba(57,255,136,.9) !important;

    animation:depositSecureBlink 1s ease-in-out infinite !important;
}


/* =========================================================
   MANUAL DEPOSIT - PAYMENT NOTICE
   ========================================================= */

body:has(.disableSubmission) .alert.alert-primary {
    background:#39ff88 !important;
    color:#000 !important;
    border:1px solid #39ff88 !important;
    border-radius:10px !important;
    padding:16px 18px !important;
    margin-bottom:20px !important;
    box-shadow:0 0 18px rgba(57,255,136,.12) !important;
}

body:has(.disableSubmission) .alert.alert-primary p {
    color:#000 !important;
    font-size:16px !important;
    font-weight:600 !important;
    line-height:1.7 !important;
    margin:0 !important;
}

body:has(.disableSubmission) .alert.alert-primary b {
    color:#000 !important;
    font-weight:900 !important;
}

body:has(.disableSubmission) .alert.alert-primary i {
    color:#000 !important;
}


/* =========================================================
   BSC / BEP20 WALLET ADDRESS COPY BOX
   ========================================================= */

body:has(.disableSubmission) .wallet-address-copy {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:10px 12px !important;
    margin:8px 0 !important;
    border:1px solid rgba(57,255,136,.25) !important;
    border-radius:8px !important;
    background:rgba(0,0,0,.35) !important;
}

body:has(.disableSubmission) .wallet-address-text {
    flex:1 !important;
    min-width:0 !important;
    overflow:hidden !important;
    word-break:break-all !important;
    color:#39ff88 !important;
    font-family:monospace !important;
    font-size:13px !important;
    font-weight:700 !important;
}

body:has(.disableSubmission) .wallet-copy-btn {
    flex:0 0 auto !important;
    border:1px solid #39ff88 !important;
    border-radius:6px !important;
    background:#39ff88 !important;
    color:#000 !important;
    padding:7px 11px !important;
    font-size:11px !important;
    font-weight:800 !important;
    cursor:pointer !important;
}

body:has(.disableSubmission) .wallet-copy-btn:hover {
    background:#000 !important;
    color:#39ff88 !important;
}


/* =========================================================
   VIP WALLET ADDRESS + COMPACT COPY BUTTON
   ========================================================= */

body:has(.disableSubmission) .wallet-address-copy {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    min-height:48px !important;
    padding:7px 8px 7px 12px !important;
    margin:8px 0 !important;
    box-sizing:border-box !important;

    border:1px solid rgba(57,255,136,.28) !important;
    border-radius:8px !important;
    background:
        linear-gradient(135deg,rgba(4,14,9,.96),rgba(1,7,4,.98)) !important;

    box-shadow:
        inset 0 0 18px rgba(57,255,136,.025),
        0 0 12px rgba(0,0,0,.25) !important;
}

body:has(.disableSubmission) .wallet-address-text {
    flex:1 !important;
    min-width:0 !important;
    overflow:hidden !important;
    word-break:break-all !important;

    color:#39ff88 !important;
    font-family:monospace !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:.3px !important;
    text-shadow:0 0 6px rgba(57,255,136,.25) !important;
}

body:has(.disableSubmission) .wallet-copy-btn {
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;

    width:54px !important;
    height:27px !important;
    padding:0 !important;

    border:1px solid rgba(57,255,136,.45) !important;
    border-radius:5px !important;
    background:rgba(57,255,136,.08) !important;
    color:#39ff88 !important;

    font-family:monospace !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:.5px !important;

    cursor:pointer !important;
    box-shadow:0 0 8px rgba(57,255,136,.05) !important;
}

body:has(.disableSubmission) .wallet-copy-btn:hover {
    background:#39ff88 !important;
    color:#000 !important;
    box-shadow:0 0 12px rgba(57,255,136,.35) !important;
}

body:has(.disableSubmission) .wallet-copy-btn i {
    font-size:11px !important;
}


/* =========================================================
   VIP BSC WALLET ADDRESS
   ========================================================= */

body:has(.disableSubmission) .wallet-address-copy {
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    min-height:54px !important;
    padding:8px 9px 8px 15px !important;
    margin:10px 0 !important;
    gap:10px !important;
    box-sizing:border-box !important;

    background:
        linear-gradient(90deg,
            rgba(0,255,65,.075),
            rgba(0,12,7,.96) 22%,
            rgba(0,5,3,.98)
        ) !important;

    border:1px solid rgba(57,255,136,.32) !important;
    border-left:3px solid #39ff88 !important;
    border-radius:6px !important;

    box-shadow:
        inset 0 0 25px rgba(57,255,136,.035),
        0 0 15px rgba(0,0,0,.45) !important;

    overflow:hidden !important;
}

/* VIP scan/glow line */
body:has(.disableSubmission) .wallet-address-copy::before {
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    width:100% !important;
    height:1px !important;
    background:rgba(57,255,136,.35) !important;
    box-shadow:0 0 8px rgba(57,255,136,.5) !important;
    opacity:.6 !important;
}

/* Address */
body:has(.disableSubmission) .wallet-address-text {
    position:relative !important;
    flex:1 !important;
    min-width:0 !important;

    color:#39ff88 !important;
    font-family:"Courier New",monospace !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:.7px !important;
    line-height:1.5 !important;

    overflow:hidden !important;
    word-break:break-all !important;
    text-shadow:
        0 0 5px rgba(57,255,136,.45),
        0 0 12px rgba(57,255,136,.12) !important;
}

/* Tiny VIP copy button */
body:has(.disableSubmission) .wallet-copy-btn {
    flex:0 0 28px !important;
    width:28px !important;
    height:28px !important;
    min-width:28px !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid rgba(57,255,136,.40) !important;
    border-radius:5px !important;
    background:rgba(57,255,136,.07) !important;
    color:#39ff88 !important;

    font-size:0 !important;
    cursor:pointer !important;

    box-shadow:0 0 8px rgba(57,255,136,.06) !important;
}

body:has(.disableSubmission) .wallet-copy-btn i {
    margin:0 !important;
    font-size:13px !important;
    color:#39ff88 !important;
}

body:has(.disableSubmission) .wallet-copy-btn:hover {
    background:rgba(57,255,136,.16) !important;
    border-color:#39ff88 !important;
    box-shadow:0 0 12px rgba(57,255,136,.25) !important;
}

body:has(.disableSubmission) .wallet-copy-btn:hover i {
    color:#39ff88 !important;
}

/* Copied state */
body:has(.disableSubmission) .wallet-copy-btn:has(i.la-check) {
    border-color:#39ff88 !important;
    background:rgba(57,255,136,.12) !important;
}


/* RESTORE ORIGINAL VIP ADDRESS LOOK + SMALL COPY BUTTON */

body:has(.disableSubmission) .wallet-address-copy {
    display:flex !important;
    align-items:center !important;
    width:100% !important;
    gap:8px !important;
    padding:10px 8px 10px 12px !important;
    margin:8px 0 !important;
    box-sizing:border-box !important;

    border:1px solid rgba(57,255,136,.28) !important;
    border-radius:7px !important;
    background:rgba(3,9,6,.75) !important;

    box-shadow:inset 0 0 15px rgba(57,255,136,.025) !important;
}

body:has(.disableSubmission) .wallet-address-text {
    flex:1 !important;
    min-width:0 !important;

    color:#39ff88 !important;
    font-family:monospace !important;
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:.4px !important;
    line-height:1.7 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;

    text-shadow:0 0 7px rgba(57,255,136,.25) !important;
}

/* Small copy button only */
body:has(.disableSubmission) .wallet-copy-btn {
    flex:0 0 30px !important;
    width:30px !important;
    height:30px !important;
    min-width:30px !important;

    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid rgba(57,255,136,.4) !important;
    border-radius:5px !important;
    background:rgba(57,255,136,.07) !important;
    color:#39ff88 !important;

    font-size:0 !important;
}

body:has(.disableSubmission) .wallet-copy-btn i {
    font-size:13px !important;
    margin:0 !important;
}

body:has(.disableSubmission) .wallet-copy-btn:hover {
    background:rgba(57,255,136,.15) !important;
    border-color:#39ff88 !important;
}


/* FINAL VIP ADDRESS + SMALL COPY TEXT BUTTON */

body:has(.disableSubmission) .wallet-address-copy {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    padding:8px 8px 8px 12px !important;
    margin:8px 0 !important;
    box-sizing:border-box !important;

    border:1px solid rgba(57,255,136,.25) !important;
    border-radius:7px !important;
    background:rgba(3,9,6,.75) !important;
}

body:has(.disableSubmission) .wallet-address-text {
    flex:1 !important;
    min-width:0 !important;

    color:#39ff88 !important;
    font-family:monospace !important;
    font-size:13px !important;
    font-weight:700 !important;
    letter-spacing:.5px !important;
    line-height:1.7 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;

    text-shadow:0 0 7px rgba(57,255,136,.3) !important;
}

/* Small COPY button */
body:has(.disableSubmission) .wallet-copy-btn {
    flex:0 0 auto !important;
    width:45px !important;
    height:25px !important;

    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:1px solid rgba(57,255,136,.4) !important;
    border-radius:4px !important;
    background:rgba(57,255,136,.06) !important;

    color:#39ff88 !important;
    font-family:monospace !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:.4px !important;
}

body:has(.disableSubmission) .wallet-copy-btn i {
    font-size:10px !important;
    margin-right:3px !important;
}

body:has(.disableSubmission) .wallet-copy-btn:hover {
    background:#39ff88 !important;
    color:#000 !important;
}


/* =========================================================
   BSC / BEP20 WALLET ADDRESS COPY BOX
   ========================================================= */

body:has(.disableSubmission) .wallet-address-copy {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:10px 12px !important;
    margin:8px 0 !important;
    border:1px solid rgba(57,255,136,.25) !important;
    border-radius:8px !important;
    background:rgba(0,0,0,.35) !important;
}

body:has(.disableSubmission) .wallet-address-text {
    flex:1 !important;
    min-width:0 !important;
    overflow:hidden !important;
    word-break:break-all !important;
    color:#39ff88 !important;
    font-family:monospace !important;
    font-size:13px !important;
    font-weight:700 !important;
}

body:has(.disableSubmission) .wallet-copy-btn {
    flex:0 0 auto !important;
    border:1px solid #39ff88 !important;
    border-radius:6px !important;
    background:#39ff88 !important;
    color:#000 !important;
    padding:7px 11px !important;
    font-size:11px !important;
    font-weight:800 !important;
    cursor:pointer !important;
}

body:has(.disableSubmission) .wallet-copy-btn:hover {
    background:#000 !important;
    color:#39ff88 !important;
}


/* =========================================================
   VIP WALLET ADDRESS + COMPACT COPY BUTTON
   ========================================================= */

body:has(.disableSubmission) .wallet-address-copy {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    min-height:48px !important;
    padding:7px 8px 7px 12px !important;
    margin:8px 0 !important;
    box-sizing:border-box !important;

    border:1px solid rgba(57,255,136,.28) !important;
    border-radius:8px !important;
    background:
        linear-gradient(135deg,rgba(4,14,9,.96),rgba(1,7,4,.98)) !important;

    box-shadow:
        inset 0 0 18px rgba(57,255,136,.025),
        0 0 12px rgba(0,0,0,.25) !important;
}

body:has(.disableSubmission) .wallet-address-text {
    flex:1 !important;
    min-width:0 !important;
    overflow:hidden !important;
    word-break:break-all !important;

    color:#39ff88 !important;
    font-family:monospace !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:.3px !important;
    text-shadow:0 0 6px rgba(57,255,136,.25) !important;
}

body:has(.disableSubmission) .wallet-copy-btn {
    flex:0 0 auto !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;

    width:54px !important;
    height:27px !important;
    padding:0 !important;

    border:1px solid rgba(57,255,136,.45) !important;
    border-radius:5px !important;
    background:rgba(57,255,136,.08) !important;
    color:#39ff88 !important;

    font-family:monospace !important;
    font-size:9px !important;
    font-weight:800 !important;
    letter-spacing:.5px !important;

    cursor:pointer !important;
    box-shadow:0 0 8px rgba(57,255,136,.05) !important;
}

body:has(.disableSubmission) .wallet-copy-btn:hover {
    background:#39ff88 !important;
    color:#000 !important;
    box-shadow:0 0 12px rgba(57,255,136,.35) !important;
}

body:has(.disableSubmission) .wallet-copy-btn i {
    font-size:11px !important;
}


/* FINAL ADDRESS STYLE - WHITE TEXT + SMALL GREEN COPY */

body:has(.disableSubmission) .wallet-address-copy {
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    width:100% !important;
    padding:9px 8px 9px 12px !important;
    margin:8px 0 !important;
    box-sizing:border-box !important;

    border:1px solid rgba(255,255,255,.10) !important;
    border-radius:7px !important;
    background:rgba(3,9,6,.75) !important;
}

body:has(.disableSubmission) .wallet-address-text {
    flex:1 !important;
    min-width:0 !important;

    color:#fff !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:500 !important;
    letter-spacing:0 !important;
    line-height:1.6 !important;

    white-space:normal !important;
    overflow-wrap:anywhere !important;
    word-break:normal !important;

    text-shadow:none !important;
}

/* Small green COPY button */
body:has(.disableSubmission) .wallet-copy-btn {
    flex:0 0 auto !important;
    width:48px !important;
    height:26px !important;

    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    border:0 !important;
    border-radius:5px !important;
    background:#39ff88 !important;
    color:#000 !important;

    font-family:inherit !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:0 !important;
}

body:has(.disableSubmission) .wallet-copy-btn i {
    font-size:10px !important;
    margin-right:3px !important;
    color:#000 !important;
}

body:has(.disableSubmission) .wallet-copy-btn:hover {
    background:#2ee878 !important;
    color:#000 !important;
}


/* DEPOSIT HISTORY - WHITE STATUS TEXT */
body:has(.deposit-history) .badge,
body:has(.deposit-history) .status-badge,
body:has(.deposit-history) .pending,
body:has(.deposit-history) .rejected {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* DEPOSIT HISTORY - STATUS TEXT WHITE */
.vip-trx-row strong .badge,
.vip-trx-row strong .badge *,
.vip-trx-row strong [class*="badge"],
.vip-trx-row strong [class*="status"] {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* ===== VIP CONTENT BOXES ===== */

.vip-content-box,
.choose-content,
.about-content,
.frontend-content-box {
    position: relative !important;
    background: linear-gradient(145deg, rgba(5,14,9,.98), rgba(1,5,3,.99)) !important;
    border: 1px solid rgba(57,255,136,.22) !important;
    border-radius: 14px !important;
    padding: 24px !important;
    margin: 18px 0 !important;
    box-shadow:
        0 18px 45px rgba(0,0,0,.45),
        inset 0 1px rgba(255,255,255,.025),
        0 0 25px rgba(57,255,136,.035) !important;
}

.vip-content-box h1,
.vip-content-box h2,
.vip-content-box h3,
.vip-content-box h4,
.choose-content h1,
.choose-content h2,
.choose-content h3,
.choose-content h4,
.about-content h1,
.about-content h2,
.about-content h3,
.about-content h4,
.frontend-content-box h1,
.frontend-content-box h2,
.frontend-content-box h3,
.frontend-content-box h4 {
    color: #39ff88 !important;
    -webkit-text-fill-color: #39ff88 !important;
    font-weight: 800 !important;
    letter-spacing: .5px !important;
    text-transform: capitalize !important;
}

.vip-content-box p,
.choose-content p,
.about-content p,
.frontend-content-box p {
    color: #e8f5ed !important;
    -webkit-text-fill-color: #e8f5ed !important;
    line-height: 1.8 !important;
    font-weight: 500 !important;
}

.vip-content-box::before,
.choose-content::before,
.about-content::before,
.frontend-content-box::before {
    content: "● VIP SECURE SECTION" !important;
    display: block !important;
    color: #39ff88 !important;
    font-family: monospace !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    margin-bottom: 14px !important;
    opacity: .85 !important;
}

@media(max-width:575px) {
    .vip-content-box,
    .choose-content,
    .about-content,
    .frontend-content-box {
        padding: 18px !important;
        margin: 14px 0 !important;
    }
}


/* =========================================================
   VIP WHY CHOOSE / CONTENT TERMINAL
   ========================================================= */

.vip-choose-section {
    position: relative !important;
}

.vip-choose-intro {
    position: relative !important;
    padding: 28px !important;
    border: 1px solid rgba(57,255,136,.18) !important;
    border-radius: 15px !important;
    background:
        linear-gradient(145deg,rgba(6,15,10,.98),rgba(1,5,3,.99)) !important;
    box-shadow:
        0 25px 60px rgba(0,0,0,.55),
        inset 0 1px rgba(255,255,255,.025) !important;
}

.vip-terminal-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 11px !important;
    margin-bottom: 20px !important;
    border: 1px solid rgba(57,255,136,.30) !important;
    border-radius: 6px !important;
    background: rgba(57,255,136,.05) !important;
    color: #39ff88 !important;
    font-family: monospace !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
}

.vip-pulse {
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #39ff88 !important;
    box-shadow:
        0 0 5px #39ff88,
        0 0 12px #39ff88 !important;
    animation: vipChoosePulse 1.2s ease-in-out infinite !important;
}

@keyframes vipChoosePulse {
    0%,100% { opacity: 1; transform: scale(1); }
    50% { opacity: .35; transform: scale(.75); }
}

.vip-choose-intro .section__category {
    color: #39ff88 !important;
    -webkit-text-fill-color: #39ff88 !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: capitalize !important;
}

.vip-choose-intro .section__title {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-transform: capitalize !important;
}

.vip-get-started {
    display: inline-flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin-top: 12px !important;
    border: 1px solid rgba(57,255,136,.45) !important;
    background: #39ff88 !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
    font-weight: 800 !important;
    box-shadow: 0 0 18px rgba(57,255,136,.10) !important;
}

.vip-get-started:hover {
    background: #fff !important;
    color: #000 !important;
    -webkit-text-fill-color: #000 !important;
}

.vip-arrow {
    font-size: 17px !important;
    line-height: 1 !important;
}

.vip-choose-card {
    position: relative !important;
    height: 100% !important;
    min-height: 255px !important;
    padding: 20px !important;
    overflow: hidden !important;
    border: 1px solid rgba(57,255,136,.15) !important;
    border-radius: 12px !important;
    background:
        linear-gradient(145deg,rgba(5,13,9,.98),rgba(1,5,3,.99)) !important;
    box-shadow:
        0 15px 40px rgba(0,0,0,.40),
        inset 0 1px rgba(255,255,255,.02) !important;
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease !important;
}

.vip-choose-card::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 3px !important;
    height: 100% !important;
    background: #39ff88 !important;
    opacity: .55 !important;
}

.vip-choose-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(57,255,136,.45) !important;
    box-shadow:
        0 20px 45px rgba(0,0,0,.55),
        0 0 22px rgba(57,255,136,.07) !important;
}

.vip-card-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 18px !important;
}

.vip-card-status {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: rgba(57,255,136,.85) !important;
    font-family: monospace !important;
    font-size: 8px !important;
    font-weight: 800 !important;
    letter-spacing: 1.3px !important;
}

.vip-card-status > span {
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #39ff88 !important;
    box-shadow: 0 0 8px rgba(57,255,136,.75) !important;
}

.vip-card-number {
    color: rgba(57,255,136,.35) !important;
    font-family: monospace !important;
    font-size: 11px !important;
    font-weight: 800 !important;
}

.vip-choose-icon {
    width: 48px !important;
    height: 48px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 16px !important;
    border: 1px solid rgba(57,255,136,.20) !important;
    border-radius: 9px !important;
    background: rgba(57,255,136,.06) !important;
    color: #39ff88 !important;
    box-shadow: inset 0 0 15px rgba(57,255,136,.035) !important;
}

.vip-choose-icon i {
    color: #39ff88 !important;
    -webkit-text-fill-color: #39ff88 !important;
    font-size: 21px !important;
}

.vip-choose-content .choose__title {
    margin-bottom: 10px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-transform: capitalize !important;
}

.vip-choose-content p {
    margin: 0 !important;
    color: rgba(232,245,237,.78) !important;
    -webkit-text-fill-color: rgba(232,245,237,.78) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.75 !important;
}

@media(max-width:575px) {

    .vip-choose-intro {
        padding: 20px !important;
    }

    .vip-choose-card {
        min-height: auto !important;
        padding: 18px !important;
    }

    .vip-choose-content p {
        font-size: 12.5px !important;
    }

}


/* ===== VIP ABOUT PAGE ===== */

.vip-about-section {
    padding: 35px 0 80px !important;
}

.vip-about-image {
    width: 100% !important;
    max-width: 1100px !important;
    margin: 0 auto 35px !important;
    border: 1px solid rgba(255,40,40,.35) !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    background: #050505 !important;
    box-shadow:
        0 25px 70px rgba(0,0,0,.65),
        0 0 30px rgba(255,0,0,.08) !important;
}

.vip-about-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 520px !important;
    object-fit: cover !important;
}

.vip-about-section .why-choose-section {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}.vip-about-intro {
    position: relative !important;
    max-width: 900px !important;
    margin: 0 auto 30px !important;
    padding: 27px 26px 25px !important;
    border: 1px solid rgba(57,255,136,.25) !important;
    border-radius: 14px !important;
    background: linear-gradient(145deg,rgba(5,14,9,.98),rgba(1,5,3,.99)) !important;
    box-shadow:
        0 20px 55px rgba(0,0,0,.5),
        0 0 25px rgba(57,255,136,.04),
        inset 0 1px rgba(255,255,255,.025) !important;
    text-align: center !important;
}

.vip-about-intro .vip-terminal-label {
    margin-bottom: 12px !important;
}

.vip-about-intro h2 {
    margin: 0 auto 19px !important;
    max-width: 780px !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    text-transform: capitalize !important;
}

@media(max-width:575px) {.vip-about-intro {
        padding: 23px 15px 21px !important;
    }

    .vip-about-intro h2 {
        font-size: 19px !important;
        line-height: 1.5 !important;
    }
}


/* ===== VIP ABOUT BOX SPACING + SIZE FIX ===== */

.vip-about-boxes .vip-choose-card {
    min-height: 285px !important;
    padding: 24px 23px !important;
    box-sizing: border-box !important;
}

.vip-about-boxes .vip-choose-icon {
    width: 62px !important;
    height: 62px !important;
    margin: 8px auto 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.vip-about-boxes .vip-choose-icon i {
    font-size: 27px !important;
}

.vip-about-boxes .vip-choose-card h5 {
    margin: 0 0 13px !important;
    padding: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-transform: capitalize !important;
    position: relative !important;
    z-index: 2 !important;
}

.vip-about-boxes .vip-choose-card p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(232,245,237,.82) !important;
    -webkit-text-fill-color: rgba(232,245,237,.82) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    position: relative !important;
    z-index: 1 !important;
}

.vip-about-boxes .vip-card-top {
    margin-bottom: 2px !important;
}

@media(max-width:575px) {
    .vip-about-boxes .vip-choose-card {
        min-height: 260px !important;
        padding: 21px 18px !important;
    }

    .vip-about-boxes .vip-choose-icon {
        margin-bottom: 15px !important;
    }

    .vip-about-boxes .vip-choose-card h5 {
        font-size: 18px !important;
        margin-bottom: 11px !important;
    }

    .vip-about-boxes .vip-choose-card p {
        font-size: 13.5px !important;
        line-height: 1.75 !important;
    }
}


/* ===== VIP ABOUT BOXES — TOP LEFT ICON + HEADING ===== */

.vip-about-boxes .vip-choose-card {
    min-height: 285px !important;
    padding: 20px 22px !important;
    text-align: left !important;
    position: relative !important;
    box-sizing: border-box !important;
}

.vip-about-boxes .vip-card-top {
    width: 100% !important;
    margin: 0 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.vip-about-boxes .vip-choose-icon {
    width: 55px !important;
    height: 55px !important;
    margin: 0 0 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.vip-about-boxes .vip-choose-icon i {
    font-size: 25px !important;
}

.vip-about-boxes .vip-choose-card h5 {
    margin: 0 0 12px !important;
    padding: 0 !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font-size: 19px !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    text-transform: capitalize !important;
    position: relative !important;
    z-index: 2 !important;
}

.vip-about-boxes .vip-choose-card p {
    margin: 0 !important;
    padding: 0 !important;
    color: rgba(232,245,237,.82) !important;
    -webkit-text-fill-color: rgba(232,245,237,.82) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.8 !important;
    text-align: left !important;
}

@media(max-width:575px) {
    .vip-about-boxes .vip-choose-card {
        min-height: 260px !important;
        padding: 18px !important;
    }

    .vip-about-boxes .vip-choose-icon {
        margin-bottom: 12px !important;
    }

    .vip-about-boxes .vip-choose-card h5 {
        font-size: 18px !important;
        margin-bottom: 10px !important;
    }

    .vip-about-boxes .vip-choose-card p {
        font-size: 13.5px !important;
        line-height: 1.75 !important;
    }
}html body .vip-about-section .vip-about-intro {
    max-width: 900px !important;
    margin: 0 auto 35px !important;
    padding: 32px 35px 30px !important;
    text-align: center !important;
    box-sizing: border-box !important;
    background: linear-gradient(145deg,rgba(5,14,9,.98),rgba(1,5,3,.99)) !important;
    border: 1px solid rgba(57,255,136,.28) !important;
    border-radius: 14px !important;
}

html body .vip-about-section .vip-about-intro .vip-terminal-label {
    margin: 0 auto 16px !important;
    text-align: center !important;
}

html body .vip-about-section .vip-about-intro h2 {
    display: block !important;
    max-width: 760px !important;
    margin: 0 auto 22px !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    text-align: center !important;
    text-transform: none !important;
}

html body .vip-about-section .vip-about-intro .vip-get-started {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

@media(max-width:575px) {
    html body .vip-about-section .vip-about-intro {
        padding: 27px 18px 25px !important;
    }

    html body .vip-about-section .vip-about-intro h2 {
        font-size: 19px !important;
        line-height: 1.55 !important;
    }
}/* Pull VIP intro into correct position */
html body .vip-about-section .vip-about-intro {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}

/* Keep intro text properly inside the box */
html body .vip-about-section .vip-about-intro h2 {
    margin: 0 auto 20px !important;
    padding: 0 10px !important;
    line-height: 1.45 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}


/* FINAL: REMOVE GREEN LABEL + GREEN POINT COMPLETELY */
.vip-about-section .vip-terminal-label,
.vip-about-section .vip-terminal-label *,
.vip-about-section .vip-terminal-label::before,
.vip-about-section .vip-terminal-label::after,
.vip-about-section .vip-pulse,
.vip-about-section .vip-pulse::before,
.vip-about-section .vip-pulse::after {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    content: none !important;
}

/* Remove any remaining label spacing */
.vip-about-section .vip-about-intro {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* REMOVE THE GREEN LINE + ORANGE TRIANGLE BELOW VIP ACCESS */
.vip-about-section .vip-about-intro::before,
.vip-about-section .vip-about-intro::after,
.vip-about-section .vip-about-intro h2::before,
.vip-about-section .vip-about-intro h2::after {
    display: none !important;
    content: none !important;
    background: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* FIX MAIN HEADING INSIDE VIP BOX */
.vip-about-section .vip-about-intro h2 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 18px auto 24px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    line-height: 1.35 !important;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}

/* KEEP GET STARTED INSIDE THE BOX */
.vip-about-section .vip-get-started {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 8px !important;
    position: relative !important;
    z-index: 5 !important;
}

/* keep button clickable */
.vip-about-section .vip-get-started {
    pointer-events: auto !important;
}

/* GET STARTED = LOGIN BUTTON STYLE */
html body .vip-about-section .vip-get-started {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 12px 24px !important;
    min-height: 46px !important;
    border-radius: 6px !important;
    background: #00ff66 !important;
    color: #000 !important;
    border: 1px solid #00ff66 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: all .25s ease !important;
}

html body .vip-about-section .vip-get-started:hover {
    background: transparent !important;
    color: #00ff66 !important;
    border-color: #00ff66 !important;
    box-shadow: 0 0 15px rgba(0,255,102,.35) !important;
}

html body .vip-about-section .vip-get-started .vip-arrow {
    color: inherit !important;
    font-size: 18px !important;
    line-height: 1 !important;
}


/* =========================================================
   GET STARTED = EXACT HEADER LOGIN BUTTON STYLE
   ========================================================= */

html body .vip-about-section a.vip-get-started {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;

    margin: 0 !important;
    padding: 0 !important;

    min-width: auto !important;
    width: auto !important;
    height: auto !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;

    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    text-decoration: none !important;

    box-shadow: none !important;
    transform: none !important;
}

html body .vip-about-section a.vip-get-started:hover,
html body .vip-about-section a.vip-get-started:focus,
html body .vip-about-section a.vip-get-started:active {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: none !important;
}

html body .vip-about-section a.vip-get-started .vip-arrow {
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove old VIP button styling */
html body .vip-about-section .vip-get-started::before,
html body .vip-about-section .vip-get-started::after {
    display: none !important;
    content: none !important;
}


/* =========================================================
   ABOUT GET STARTED — SAME AS VIP LOGIN BUTTON
   ========================================================= */

html body .vip-about-section a.vip-get-started {
    position: relative !important;
    overflow: hidden !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 54px !important;
    padding: 0 28px !important;

    border: 1px solid #39ff88 !important;
    border-radius: 8px !important;

    background: #39ff88 !important;
    color: #020604 !important;

    font-family: Rajdhani, Inter, sans-serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;

    box-shadow: 0 8px 30px rgba(57,255,136,.08) !important;
    transition: .22s ease !important;

    text-decoration: none !important;
}

html body .vip-about-section a.vip-get-started:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 35px rgba(57,255,136,.18) !important;
    background: #39ff88 !important;
    color: #020604 !important;
}

html body .vip-about-section a.vip-get-started::before {
    display: none !important;
}

html body .vip-about-section a.vip-get-started::after {
    display: none !important;
    content: none !important;
}

html body .vip-about-section a.vip-get-started .vip-arrow {
    color: inherit !important;
    font-size: inherit !important;
    line-height: 1 !important;
    margin-left: 8px !important;
}


/* =========================================================
   COMPACT VIP CYBER TERMINAL — HOME PAGE
   ========================================================= */

html body .vip-cyber-terminal-wrap {
    width: min(680px, calc(100% - 24px)) !important;
    margin: 18px auto 28px !important;
}

html body .vip-cyber-terminal {
    border-radius: 12px !important;
}

html body .vip-terminal-head {
    min-height: 48px !important;
    padding: 0 14px !important;
}

html body .vip-terminal-light {
    width: 10px !important;
    height: 10px !important;
}

html body .vip-terminal-lights {
    gap: 7px !important;
}

html body .vip-terminal-title {
    font-size: 10px !important;
    letter-spacing: 2px !important;
    margin-right: 35px !important;
}

html body .vip-terminal-vip {
    top: 14px !important;
    right: 12px !important;
    font-size: 8px !important;
    padding: 2px 7px !important;
}

html body .vip-terminal-screen {
    min-height: 225px !important;
    padding: 17px 20px 20px !important;
    font-size: 11px !important;
    line-height: 1.75 !important;
}

html body .vip-terminal-line {
    min-height: 22px !important;
}

html body .vip-terminal-footer {
    padding: 9px 12px !important;
    font-size: 8px !important;
    letter-spacing: 2px !important;
}

html body .vip-terminal-badge {
    margin-bottom: 10px !important;
    padding: 5px 14px !important;
    font-size: 9px !important;
    letter-spacing: 2px !important;
}

html body .vip-3d-type {
    margin-top: 13px !important;
    font-size: clamp(22px, 4vw, 38px) !important;
}

@media (max-width: 575px) {

    html body .vip-cyber-terminal-wrap {
        width: calc(100% - 18px) !important;
        margin: 12px auto 22px !important;
    }

    html body .vip-terminal-head {
        min-height: 45px !important;
    }

    html body .vip-terminal-screen {
        min-height: 205px !important;
        padding: 14px 13px 17px !important;
        font-size: 10px !important;
    }

    html body .vip-terminal-title {
        font-size: 8px !important;
    }

    html body .vip-terminal-footer {
        font-size: 7px !important;
    }

    html body .vip-3d-type {
        font-size: 23px !important;
    }
}


/* =========================================================
   DESKTOP SITE / TABLET WIDTH HEADER FIX
   Mobile (<768px) remains untouched
   ========================================================= */
@media (min-width:768px) {

    html body .header-section,
    html body .header-bottom {
        width:100% !important;
        overflow:visible !important;
    }

    html body .header-bottom .container {
        width:100% !important;
        max-width:1400px !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }

    html body .header-wrapper {
        width:100% !important;
        min-width:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:14px !important;
        flex-wrap:nowrap !important;
    }

    html body .header-wrapper .logo {
        flex:0 0 auto !important;
        width:auto !important;
        min-width:110px !important;
        max-width:190px !important;
        margin-right:8px !important;
    }

    html body .header-wrapper .logo img {
        max-width:180px !important;
        width:auto !important;
        height:auto !important;
    }

    html body .header-wrapper .menu {
        flex:1 1 auto !important;
        min-width:0 !important;
        width:auto !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:5px !important;
        margin:0 !important;
        padding:0 !important;
        white-space:nowrap !important;
    }

    html body .header-wrapper .menu > li {
        flex:0 0 auto !important;
        margin:0 !important;
        padding:0 !important;
    }

    html body .header-wrapper .menu > li > a {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        white-space:nowrap !important;
        font-size:10px !important;
        line-height:1 !important;
        padding:9px 11px !important;
        margin:0 !important;
        min-width:auto !important;
    }

    html body .header-wrapper .right-area {
        flex:0 0 auto !important;
        width:auto !important;
        min-width:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:6px !important;
        margin-left:auto !important;
        white-space:nowrap !important;
    }

    html body .header-wrapper .right-area > a.cmn--btn {
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        white-space:nowrap !important;
        width:auto !important;
        min-width:0 !important;
        max-width:190px !important;
        padding:9px 12px !important;
        margin:0 !important;
        font-size:9px !important;
        line-height:1.1 !important;
    }

    html body .header-wrapper .header-bar {
        flex:0 0 auto !important;
        width:38px !important;
        min-width:38px !important;
        margin-left:4px !important;
    }

    html body .header-wrapper .header-bar span {
        display:block !important;
    }

    /* Desktop-site mode on phone/tablet: make everything tighter */
    @media (max-width:1050px) {
        html body .header-bottom .container {
            padding-left:12px !important;
            padding-right:12px !important;
        }

        html body .header-wrapper {
            gap:8px !important;
        }

        html body .header-wrapper .logo {
            min-width:100px !important;
            max-width:145px !important;
        }

        html body .header-wrapper .logo img {
            max-width:140px !important;
        }

        html body .header-wrapper .menu {
            gap:3px !important;
        }

        html body .header-wrapper .menu > li > a {
            font-size:8px !important;
            padding:8px 8px !important;
        }

        html body .header-wrapper .right-area > a.cmn--btn {
            font-size:8px !important;
            padding:8px 9px !important;
            max-width:160px !important;
        }

        html body .header-wrapper .header-bar {
            width:32px !important;
            min-width:32px !important;
        }
    }

    /* Never let header children overlap each other */
    html body .header-wrapper > * {
        min-width:0 !important;
    }
}

/* =========================================================
   DESKTOP CARD GRID
   ========================================================= */
@media (min-width:768px) {
    html body .vip-store-grid {
        width:100% !important;
        display:grid !important;
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:14px !important;
    }

    html body .vip-store-grid .vip-store-card {
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
    }
}

/* =========================================================
   DESKTOP-SITE ON PHONE/TABLET
   768px - 1100px: use the same compact VIP hamburger header
   Normal mobile <768px remains untouched
   ========================================================= */
@media (min-width:768px) and (max-width:1100px) {

    html body .header-wrapper {
        position:relative !important;
        min-height:58px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        gap:10px !important;
    }

    /* Logo stays on the left */
    html body .header-wrapper .logo {
        flex:0 0 auto !important;
        margin:0 !important;
        max-width:150px !important;
    }

    html body .header-wrapper .logo img {
        max-width:145px !important;
        height:auto !important;
    }

    /* Hide desktop navigation and desktop auth button */
    html body .header-wrapper > .menu,
    html body .header-wrapper .menu {
        display:none !important;
    }

    html body .header-wrapper .right-area {
        display:none !important;
    }

    /* SHOW THREE-LINE VIP MENU */
    html body .header-wrapper .header-bar {
        display:flex !important;
        flex:0 0 42px !important;
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        margin:0 2px 0 auto !important;
        padding:0 !important;
        align-items:center !important;
        justify-content:center !important;
        cursor:pointer !important;
        position:relative !important;
        z-index:10001 !important;
    }

    html body .header-wrapper .header-bar span {
        display:block !important;
        width:24px !important;
        height:2px !important;
        margin:4px 0 !important;
    }
}

/* =========================================================
   VIP CARDS — BUTTONS ALWAYS ALIGN IN ONE ROW
   ========================================================= */
@media (min-width:768px) {

    html body .vip-store-grid .vip-store-card {
        display:flex !important;
        flex-direction:column !important;
        height:100% !important;
    }

    html body .vip-store-grid .vip-store-card .vip-store-card-body {
        display:flex !important;
        flex-direction:column !important;
        flex:1 1 auto !important;
        min-height:0 !important;
    }

    /* Give titles a consistent area */
    html body .vip-store-grid .vip-store-card .vip-store-card-body h5 {
        min-height:52px !important;
        max-height:none !important;
        margin-bottom:10px !important;
        display:block !important;
    }

    /* Availability stays above button */
    html body .vip-store-grid .vip-store-card .vip-store-card-body .available,
    html body .vip-store-grid .vip-store-card .vip-store-card-body .availability {
        min-height:24px !important;
    }

    /* Push every VIEW CARD button to the same bottom line */
    html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button {
        margin-top:auto !important;
        flex:0 0 auto !important;
        width:100% !important;
        min-height:40px !important;
        height:40px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:space-between !important;
        box-sizing:border-box !important;
        white-space:nowrap !important;
    }

    html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button span,
    html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button i {
        flex:0 0 auto !important;
        white-space:nowrap !important;
    }
}

/* Same alignment specifically for desktop-site tablet width */
@media (min-width:768px) and (max-width:1100px) {

    html body .vip-store-grid {
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
        gap:12px !important;
    }

    html body .vip-store-grid .vip-store-card .vip-store-card-body h5 {
        min-height:58px !important;
        font-size:14px !important;
        line-height:1.35 !important;
    }

    html body .vip-store-grid .vip-store-card .vip-store-card-body a.vip-store-button {
        min-height:38px !important;
        height:38px !important;
        padding:0 10px !important;
        font-size:11px !important;
    }
}


/* HAMBURGER — ALIGN EXACTLY WITH LOGIN + CARDS */
@media (min-width:768px) and (max-width:1100px) {
    html body .header-wrapper {
        align-items:center !important;
    }

    html body .header-wrapper .header-bar {
        position:relative !important;
        top:0 !important;
        bottom:auto !important;
        transform:none !important;
        align-self:center !important;
        margin-top:0 !important;
        margin-bottom:0 !important;
        height:42px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    html body .header-wrapper .header-bar span {
        position:relative !important;
        top:0 !important;
        margin:3px 0 !important;
    }
}

/* =========================================================
   DESKTOP-SITE TABLET MENU — FINAL VIP FIX
   768px–1100px only
   ========================================================= */
@media (min-width:768px) and (max-width:1100px) {

    /* Keep hamburger beside the other header controls */
    html body .header-wrapper .header-bar {
        position:relative !important;
        top:0 !important;
        bottom:auto !important;
        transform:none !important;
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        margin:0 0 0 6px !important;
        padding:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:0 !important;
        z-index:10020 !important;
        box-sizing:border-box !important;
    }

    /* Perfectly straight 3 lines */
    html body .header-wrapper .header-bar span,
    html body .header-wrapper .header-bar span:first-child,
    html body .header-wrapper .header-bar span:nth-child(2),
    html body .header-wrapper .header-bar span:last-child {
        position:relative !important;
        top:auto !important;
        bottom:auto !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;
        width:24px !important;
        height:3px !important;
        min-height:3px !important;
        max-height:3px !important;
        margin:3px 0 !important;
        display:block !important;
        opacity:1 !important;
        background:#00ff66 !important;
        border-radius:2px !important;
    }

    /* When clicked: clean X */
    html body .header-wrapper .header-bar.active span:first-child {
        transform:translateY(6px) rotate(45deg) !important;
    }

    html body .header-wrapper .header-bar.active span:nth-child(2) {
        opacity:0 !important;
    }

    html body .header-wrapper .header-bar.active span:last-child {
        transform:translateY(-6px) rotate(-45deg) !important;
    }

    /*
       IMPORTANT:
       Do not use display:none on .menu.
       main.js needs .menu.active to open it.
    */
    html body .header-wrapper .menu {
        display:flex !important;
        position:absolute !important;
        top:calc(100% + 8px) !important;
        right:0 !important;
        left:auto !important;
        width:270px !important;
        max-width:calc(100vw - 24px) !important;
        height:auto !important;
        max-height:calc(100vh - 90px) !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:0 !important;
        padding:10px !important;
        margin:0 !important;
        background:#030806 !important;
        border:1px solid rgba(0,255,102,.45) !important;
        border-radius:10px !important;
        box-shadow:0 12px 35px rgba(0,0,0,.75),0 0 25px rgba(0,255,102,.12) !important;
        z-index:10010 !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transform:translateY(-8px) !important;
        transition:opacity .18s ease,transform .18s ease,visibility .18s ease !important;
    }

    /* Open state used by main.js */
    html body .header-wrapper .menu.active {
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        transform:translateY(0) !important;
    }

    html body .header-wrapper .menu > li {
        width:100% !important;
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
    }

    html body .header-wrapper .menu > li > a {
        width:100% !important;
        min-height:42px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        box-sizing:border-box !important;
        padding:10px 14px !important;
        margin:2px 0 !important;
        background:transparent !important;
        color:#00ff66 !important;
        -webkit-text-fill-color:#00ff66 !important;
        border:1px solid transparent !important;
        border-radius:7px !important;
        font-size:13px !important;
        font-weight:700 !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
    }

    html body .header-wrapper .menu > li > a:hover,
    html body .header-wrapper .menu > li.active > a,
    html body .header-wrapper .menu > li.open > a {
        background:rgba(0,255,102,.08) !important;
        color:#00ff66 !important;
        -webkit-text-fill-color:#00ff66 !important;
        border-color:rgba(0,255,102,.25) !important;
    }

    /* Remove desktop button styling from Sign In/Create Account */
    html body .header-wrapper .menu li.d-md-none a.cmn--btn {
        background:transparent !important;
        color:#00ff66 !important;
        -webkit-text-fill-color:#00ff66 !important;
        border:1px solid transparent !important;
        box-shadow:none !important;
        width:100% !important;
        min-height:42px !important;
        padding:10px 14px !important;
        margin:2px 0 !important;
        font-size:13px !important;
        font-weight:700 !important;
    }

    /* Overlay must sit behind the menu, not over it */
    html body .overlay {
        z-index:10000 !important;
    }

    /* Header/menu must stay above overlay */
    html body .header-section,
    html body .header-bottom,
    html body .header-wrapper {
        position:relative !important;
        z-index:10001 !important;
    }
}

/* =========================================================
   DESKTOP-SITE TABLET MENU — FINAL VIP FIX
   768px–1100px only
   ========================================================= */
@media (min-width:768px) and (max-width:1100px) {

    /* Keep hamburger beside the other header controls */
    html body .header-wrapper .header-bar {
        position:relative !important;
        top:0 !important;
        bottom:auto !important;
        transform:none !important;
        width:38px !important;
        height:38px !important;
        min-width:38px !important;
        margin:0 0 0 6px !important;
        padding:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
        gap:0 !important;
        z-index:10020 !important;
        box-sizing:border-box !important;
    }

    /* Perfectly straight 3 lines */
    html body .header-wrapper .header-bar span,
    html body .header-wrapper .header-bar span:first-child,
    html body .header-wrapper .header-bar span:nth-child(2),
    html body .header-wrapper .header-bar span:last-child {
        position:relative !important;
        top:auto !important;
        bottom:auto !important;
        left:auto !important;
        right:auto !important;
        transform:none !important;
        width:24px !important;
        height:3px !important;
        min-height:3px !important;
        max-height:3px !important;
        margin:3px 0 !important;
        display:block !important;
        opacity:1 !important;
        background:#00ff66 !important;
        border-radius:2px !important;
    }

    /* When clicked: clean X */
    html body .header-wrapper .header-bar.active span:first-child {
        transform:translateY(6px) rotate(45deg) !important;
    }

    html body .header-wrapper .header-bar.active span:nth-child(2) {
        opacity:0 !important;
    }

    html body .header-wrapper .header-bar.active span:last-child {
        transform:translateY(-6px) rotate(-45deg) !important;
    }

    /*
       IMPORTANT:
       Do not use display:none on .menu.
       main.js needs .menu.active to open it.
    */
    html body .header-wrapper .menu {
        display:flex !important;
        position:absolute !important;
        top:calc(100% + 8px) !important;
        right:0 !important;
        left:auto !important;
        width:270px !important;
        max-width:calc(100vw - 24px) !important;
        height:auto !important;
        max-height:calc(100vh - 90px) !important;
        overflow-y:auto !important;
        overflow-x:hidden !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:0 !important;
        padding:10px !important;
        margin:0 !important;
        background:#030806 !important;
        border:1px solid rgba(0,255,102,.45) !important;
        border-radius:10px !important;
        box-shadow:0 12px 35px rgba(0,0,0,.75),0 0 25px rgba(0,255,102,.12) !important;
        z-index:10010 !important;
        opacity:0 !important;
        visibility:hidden !important;
        pointer-events:none !important;
        transform:translateY(-8px) !important;
        transition:opacity .18s ease,transform .18s ease,visibility .18s ease !important;
    }

    /* Open state used by main.js */
    html body .header-wrapper .menu.active {
        opacity:1 !important;
        visibility:visible !important;
        pointer-events:auto !important;
        transform:translateY(0) !important;
    }

    html body .header-wrapper .menu > li {
        width:100% !important;
        display:block !important;
        margin:0 !important;
        padding:0 !important;
        border:0 !important;
    }

    html body .header-wrapper .menu > li > a {
        width:100% !important;
        min-height:42px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-start !important;
        box-sizing:border-box !important;
        padding:10px 14px !important;
        margin:2px 0 !important;
        background:transparent !important;
        color:#00ff66 !important;
        -webkit-text-fill-color:#00ff66 !important;
        border:1px solid transparent !important;
        border-radius:7px !important;
        font-size:13px !important;
        font-weight:700 !important;
        line-height:1.2 !important;
        white-space:nowrap !important;
    }

    html body .header-wrapper .menu > li > a:hover,
    html body .header-wrapper .menu > li.active > a,
    html body .header-wrapper .menu > li.open > a {
        background:rgba(0,255,102,.08) !important;
        color:#00ff66 !important;
        -webkit-text-fill-color:#00ff66 !important;
        border-color:rgba(0,255,102,.25) !important;
    }

    /* Remove desktop button styling from Sign In/Create Account */
    html body .header-wrapper .menu li.d-md-none a.cmn--btn {
        background:transparent !important;
        color:#00ff66 !important;
        -webkit-text-fill-color:#00ff66 !important;
        border:1px solid transparent !important;
        box-shadow:none !important;
        width:100% !important;
        min-height:42px !important;
        padding:10px 14px !important;
        margin:2px 0 !important;
        font-size:13px !important;
        font-weight:700 !important;
    }

    /* Overlay must sit behind the menu, not over it */
    html body .overlay {
        z-index:10000 !important;
    }

    /* Header/menu must stay above overlay */
    html body .header-section,
    html body .header-bottom,
    html body .header-wrapper {
        position:relative !important;
        z-index:10001 !important;
    }
}

/* ===== DESKTOP/TABLET HAMBURGER FINAL FIX ===== */
@media (min-width:768px) and (max-width:1100px){

    /* Header must stay above overlay */
    html body .header-section,
    html body .header-bottom,
    html body .header-wrapper{
        position:relative!important;
        overflow:visible!important;
        z-index:10060!important;
    }

    /* Proper hamburger box */
    html body .header-wrapper .header-bar{
        position:relative!important;
        width:42px!important;
        height:42px!important;
        min-width:42px!important;
        max-width:42px!important;
        padding:0!important;
        margin:0 0 0 8px!important;
        display:flex!important;
        flex-direction:column!important;
        align-items:center!important;
        justify-content:center!important;
        gap:5px!important;
        top:auto!important;
        bottom:auto!important;
        left:auto!important;
        right:auto!important;
        transform:none!important;
        z-index:10080!important;
        cursor:pointer!important;
        box-sizing:border-box!important;
        border:1px solid rgba(0,255,102,.45)!important;
        border-radius:7px!important;
        background:#020604!important;
        box-shadow:0 0 12px rgba(0,255,102,.12)!important;
    }

    /* Three perfectly straight lines */
    html body .header-wrapper .header-bar span,
    html body .header-wrapper .header-bar span:first-child,
    html body .header-wrapper .header-bar span:nth-child(2),
    html body .header-wrapper .header-bar span:last-child{
        position:relative!important;
        display:block!important;
        width:24px!important;
        height:3px!important;
        min-width:24px!important;
        max-width:24px!important;
        min-height:3px!important;
        max-height:3px!important;
        margin:0!important;
        padding:0!important;
        top:auto!important;
        bottom:auto!important;
        left:auto!important;
        right:auto!important;
        transform:none!important;
        background:#00ff66!important;
        border-radius:3px!important;
        opacity:1!important;
        box-sizing:border-box!important;
    }

    /* Clean X when opened */
    html body .header-wrapper .header-bar.active{
        gap:0!important;
    }

    html body .header-wrapper .header-bar.active span:first-child{
        transform:rotate(45deg)!important;
    }

    html body .header-wrapper .header-bar.active span:nth-child(2){
        opacity:0!important;
        transform:scaleX(0)!important;
    }

    html body .header-wrapper .header-bar.active span:last-child{
        transform:rotate(-45deg)!important;
    }

    /* Menu above overlay and fully clickable */
    html body .header-wrapper .menu{
        position:fixed!important;
        top:76px!important;
        right:14px!important;
        left:auto!important;
        width:280px!important;
        max-width:calc(100vw - 28px)!important;
        height:auto!important;
        max-height:calc(100vh - 95px)!important;
        overflow-y:auto!important;
        overflow-x:hidden!important;

        display:flex!important;
        flex-direction:column!important;
        align-items:stretch!important;
        justify-content:flex-start!important;

        padding:10px!important;
        margin:0!important;

        background:#020604!important;
        border:1px solid rgba(0,255,102,.55)!important;
        border-radius:10px!important;
        box-shadow:0 15px 40px rgba(0,0,0,.85),0 0 25px rgba(0,255,102,.18)!important;

        opacity:0!important;
        visibility:hidden!important;
        pointer-events:none!important;
        transform:translateY(-10px)!important;

        z-index:10100!important;
        transition:opacity .18s ease,transform .18s ease,visibility .18s ease!important;
    }

    html body .header-wrapper .menu.active{
        opacity:1!important;
        visibility:visible!important;
        pointer-events:auto!important;
        transform:translateY(0)!important;
        z-index:10100!important;
    }

    /* Every menu option clickable */
    html body .header-wrapper .menu > li{
        width:100%!important;
        display:block!important;
        margin:0!important;
        padding:0!important;
        position:relative!important;
        z-index:10110!important;
    }

    html body .header-wrapper .menu > li > a{
        position:relative!important;
        z-index:10120!important;
        display:flex!important;
        align-items:center!important;
        width:100%!important;
        min-height:44px!important;
        padding:10px 14px!important;
        margin:2px 0!important;
        box-sizing:border-box!important;

        color:#00ff66!important;
        -webkit-text-fill-color:#00ff66!important;
        background:transparent!important;

        border:1px solid transparent!important;
        border-radius:7px!important;

        font-size:13px!important;
        font-weight:700!important;
        line-height:1.2!important;

        pointer-events:auto!important;
        cursor:pointer!important;
    }

    html body .header-wrapper .menu > li > a:hover,
    html body .header-wrapper .menu > li.active > a{
        background:rgba(0,255,102,.10)!important;
        border-color:rgba(0,255,102,.30)!important;
        color:#00ff66!important;
        -webkit-text-fill-color:#00ff66!important;
    }

    /* Overlay BELOW menu, not above it */
    html body .overlay{
        position:fixed!important;
        inset:0!important;
        z-index:10000!important;
    }

    html body .overlay.active{
        z-index:10000!important;
    }

    /* Sign in/create account item */
    html body .header-wrapper .menu li.d-md-none a.cmn--btn{
        width:100%!important;
        min-height:44px!important;
        margin:2px 0!important;
        padding:10px 14px!important;
        background:transparent!important;
        color:#00ff66!important;
        -webkit-text-fill-color:#00ff66!important;
        border:1px solid transparent!important;
        box-shadow:none!important;
        pointer-events:auto!important;
        cursor:pointer!important;
    }
}

/* =========================================================
   DESKTOP/TABLET FINAL UI FIX
   Mobile below 768px remains untouched
   ========================================================= */
@media (min-width:768px) and (max-width:1100px){

/* ---------- HEADER / HAMBURGER ---------- */

html body .header-section,
html body .header-bottom,
html body .header-wrapper{
    position:relative!important;
    overflow:visible!important;
    z-index:100000!important;
}

html body .header-wrapper .header-bar{
    position:relative!important;
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    max-width:44px!important;
    margin:0 0 0 8px!important;
    padding:0!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;

    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;

    box-sizing:border-box!important;
    border:1px solid #00ff66!important;
    border-radius:7px!important;
    background:#020604!important;
    z-index:100005!important;
    cursor:pointer!important;
}

html body .header-wrapper .header-bar span,
html body .header-wrapper .header-bar span:first-child,
html body .header-wrapper .header-bar span:nth-child(2),
html body .header-wrapper .header-bar span:last-child{
    position:relative!important;
    display:block!important;

    width:24px!important;
    min-width:24px!important;
    max-width:24px!important;

    height:3px!important;
    min-height:3px!important;
    max-height:3px!important;

    margin:0!important;
    padding:0!important;

    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;

    transform:none!important;
    flex:none!important;

    background:#00ff66!important;
    border-radius:3px!important;
    opacity:1!important;
}

/* ---------- MENU ---------- */

html body .header-wrapper .menu{
    position:fixed!important;
    top:78px!important;
    right:14px!important;
    left:auto!important;

    width:285px!important;
    max-width:calc(100vw - 28px)!important;
    height:auto!important;
    max-height:calc(100vh - 95px)!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;

    padding:10px!important;
    margin:0!important;

    background:#020604!important;
    border:1px solid #00ff66!important;
    border-radius:10px!important;

    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;

    transform:translateY(-10px)!important;

    z-index:100010!important;

    overflow-y:auto!important;
    overflow-x:hidden!important;
}

html body .header-wrapper .menu.active{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
}

html body .header-wrapper .menu > li{
    width:100%!important;
    position:relative!important;
    display:block!important;
    margin:0!important;
    padding:0!important;
    z-index:100011!important;
}

html body .header-wrapper .menu > li > a{
    position:relative!important;
    z-index:100012!important;

    display:flex!important;
    align-items:center!important;

    width:100%!important;
    min-height:44px!important;
    padding:10px 14px!important;
    margin:2px 0!important;

    box-sizing:border-box!important;

    color:#00ff66!important;
    -webkit-text-fill-color:#00ff66!important;

    pointer-events:auto!important;
    cursor:pointer!important;
}

/* Overlay always BELOW menu */
html body .overlay,
html body .overlay.active{
    position:fixed!important;
    inset:0!important;
    z-index:99990!important;
}

/* ---------- POPULAR / HOME SLIDER CARDS ---------- */

/* Give slider cards more breathing room */
html body .slick-slide{
    padding:6px!important;
    box-sizing:border-box!important;
}

/* Stop slider images from being cropped */
html body .slick-slide img,
html body .swiper-slide img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
}

/* Common card/image containers */
html body .popular-card,
html body .popular-item,
html body .popular-single,
html body .popular-product,
html body .popular-slider .item,
html body .popular-section .item{
    min-height:260px!important;
    height:auto!important;
    padding:10px!important;
    box-sizing:border-box!important;
    overflow:visible!important;
}

/* Image wrappers */
html body .popular-card .thumb,
html body .popular-card .image,
html body .popular-card .card-image,
html body .popular-item .thumb,
html body .popular-item .image,
html body .popular-single .thumb,
html body .popular-product .thumb{
    height:auto!important;
    min-height:200px!important;
    max-height:none!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
}

/* Make actual image fully visible */
html body .popular-card .thumb img,
html body .popular-card .image img,
html body .popular-card .card-image img,
html body .popular-item .thumb img,
html body .popular-item .image img,
html body .popular-single .thumb img,
html body .popular-product .thumb img{
    width:100%!important;
    height:auto!important;
    max-width:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    object-position:center!important;
    display:block!important;
}

/* Generic homepage slider image safety */
html body .slick-slider .slick-slide img{
    object-fit:contain!important;
}

/* Prevent slider/card clipping */
html body .slick-list,
html body .slick-track{
    overflow:visible!important;
}

/* ---------- CARD SIZING ---------- */

html body .popular-section .container,
html body .popular-section .container-fluid{
    overflow:visible!important;
}

}

/* =========================================================
   HAMBURGER CLICK HANDLER - DESKTOP/TABLET ONLY
   ========================================================= */

/* =========================================================
   FINAL DESKTOP/TABLET FIX
   Actual Home classes: .dw-card / .dw-image
   Mobile below 768px untouched
   ========================================================= */

@media (min-width:768px) and (max-width:1100px){

/* ================= HEADER ================= */

html body .header-wrapper{
    position:relative!important;
    overflow:visible!important;
    z-index:200000!important;
}

html body .header-wrapper .header-bar{
    position:relative!important;
    width:42px!important;
    height:42px!important;
    min-width:42px!important;
    max-width:42px!important;
    margin:0 0 0 8px!important;
    padding:0!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;

    gap:5px!important;
    box-sizing:border-box!important;

    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;

    border:1px solid #00ff66!important;
    border-radius:7px!important;
    background:#020604!important;

    z-index:200010!important;
    cursor:pointer!important;
}

/* PERFECTLY STRAIGHT 3 LINES */
html body .header-wrapper .header-bar > span{
    position:static!important;
    display:block!important;

    width:24px!important;
    height:3px!important;
    min-width:24px!important;
    max-width:24px!important;
    min-height:3px!important;
    max-height:3px!important;

    margin:0!important;
    padding:0!important;

    background:#00ff66!important;
    border:0!important;
    border-radius:3px!important;

    transform:none!important;
    opacity:1!important;
    flex:0 0 3px!important;
}

/* OPEN = CLEAN X */
html body .header-wrapper .header-bar.active{
    gap:0!important;
}

html body .header-wrapper .header-bar.active > span:first-child{
    transform:translateY(4px) rotate(45deg)!important;
}

html body .header-wrapper .header-bar.active > span:nth-child(2){
    opacity:0!important;
}

html body .header-wrapper .header-bar.active > span:last-child{
    transform:translateY(-4px) rotate(-45deg)!important;
}


/* ================= MENU ================= */

html body .header-wrapper > .menu,
html body .header-wrapper .menu{
    position:fixed!important;

    top:78px!important;
    right:14px!important;
    left:auto!important;

    width:285px!important;
    max-width:calc(100vw - 28px)!important;
    max-height:calc(100vh - 95px)!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;

    padding:10px!important;
    margin:0!important;

    background:#020604!important;
    border:1px solid #00ff66!important;
    border-radius:10px!important;

    opacity:0!important;
    visibility:hidden!important;

    pointer-events:none!important;

    transform:translateY(-10px)!important;

    z-index:200100!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;
}

html body .header-wrapper .menu.active{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
}


/* MENU ITEMS DEFINITELY CLICKABLE */
html body .header-wrapper .menu > li{
    position:relative!important;
    display:block!important;
    width:100%!important;

    margin:0!important;
    padding:0!important;

    z-index:200110!important;
    pointer-events:auto!important;
}

html body .header-wrapper .menu > li > a{
    position:relative!important;
    display:flex!important;

    width:100%!important;
    min-height:44px!important;

    align-items:center!important;

    padding:10px 14px!important;
    margin:2px 0!important;

    box-sizing:border-box!important;

    color:#00ff66!important;
    -webkit-text-fill-color:#00ff66!important;

    pointer-events:auto!important;
    cursor:pointer!important;

    z-index:200120!important;
}

html body .header-wrapper .menu > li > a:hover{
    background:rgba(0,255,102,.10)!important;
    border-color:rgba(0,255,102,.30)!important;
}


/* ================= OVERLAY ================= */

/* IMPORTANT:
   Overlay must NEVER block menu clicks */
html body .overlay{
    position:fixed!important;
    inset:0!important;
    z-index:199000!important;
}

html body .overlay.active{
    pointer-events:none!important;
}


/* ================= REAL HOME POPULAR CARDS ================= */

/* Bigger actual product box */
html body .dw-card{
    box-sizing:border-box!important;
    padding:8px!important;
    overflow:visible!important;
    min-width:0!important;
}

/* Actual image container:
   no fixed tiny height */
html body .dw-card .dw-image{
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;

    padding:0!important;
    margin:0!important;

    display:block!important;
    overflow:hidden!important;

    box-sizing:border-box!important;
    aspect-ratio:auto!important;
}

/* Link must follow image naturally */
html body .dw-card .dw-image a{
    display:block!important;
    width:100%!important;
    height:auto!important;

    padding:0!important;
    margin:0!important;

    line-height:0!important;
}

/* SHOW COMPLETE CARD IMAGE */
html body .dw-card .dw-image img{
    display:block!important;

    width:100%!important;
    height:auto!important;

    min-width:0!important;
    min-height:0!important;

    max-width:100%!important;
    max-height:none!important;

    object-fit:contain!important;
    object-position:center!important;

    padding:0!important;
    margin:0!important;

    border-radius:7px!important;
}

/* Give product cards enough vertical room */
html body .dw-products .dw-card{
    height:auto!important;
    min-height:0!important;
}

/* Don't let slider hide the complete image */
html body .dw-products,
html body .dw-products *{
    box-sizing:border-box;
}

html body .dw-products{
    overflow:visible!important;
}

}

/* =========================================================
   DESKTOP MENU CLICK FIX
   ========================================================= */

/* =========================================================
   GLOBAL COPYRIGHT — ALWAYS BOTTOM CENTER
   ========================================================= */

html body footer,
html body .footer-section,
html body .footer-bottom,
html body .copyright,
html body .copyright-area,
html body [class*="copyright"]{
    text-align:center!important;
}

html body footer .container,
html body .footer-section .container,
html body .footer-bottom .container,
html body .copyright-area .container{
    width:100%!important;
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
}

html body footer p,
html body .footer-section p,
html body .footer-bottom p,
html body .copyright,
html body .copyright-area{
    width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    float:none!important;
    left:auto!important;
    right:auto!important;
}

@media (max-width:767px){
    html body footer,
    html body .footer-section,
    html body .footer-bottom,
    html body .copyright,
    html body .copyright-area{
        text-align:center!important;
    }
}

@media (min-width:768px){
    html body footer,
    html body .footer-section,
    html body .footer-bottom,
    html body .copyright,
    html body .copyright-area{
        text-align:center!important;
    }
}