:root{
  --alvex-pink:#cf58db;--alvex-violet:#9278eb;--alvex-blue:#36bfe9;
  --alvex-ink:#f4f8ff;--alvex-muted:#b9ccea;--alvex-surface:rgba(5,28,71,.88);
  --alvex-panel:rgba(10,48,104,.86);--alvex-line:rgba(93,190,255,.34);
  --primary-blue:#cf58db!important;--primary-blue-dark:#755fcf!important;--primary-blue-light:#9278eb!important;
  --accent-blue:#36bfe9!important;--accent-blue-light:#70d3ee!important;
  --soft-blue:#dceaf8!important;--soft-blue-2:#d9dff4!important;
  --success-blue:#755fcf!important;--success-light:#dceaf8!important;
  --glass-bg:rgba(5,28,71,.88)!important;--light-gray:rgba(7,38,88,.88)!important;
  --blue:#697ee8!important;--blue-2:#755fcf!important;--blue-3:#39bae6!important;
  --blue-soft:#d7e7f7!important;--blue-softer:#e6f0fa!important;
  --ink:#f4f8ff!important;--ink-2:#dceaff!important;--muted:#bfd0eb!important;--muted-2:#9eb6da!important;
  --line:rgba(93,190,255,.34)!important;--bg:#061d49!important;--card:rgba(5,28,71,.88)!important;
  --primary-green:#755fcf!important;--primary-green-light:#cf58db!important;--accent-green:#39bae6!important;
  --soft-green:rgba(12,57,112,.9)!important;--white:#fff!important;--off-white:rgba(7,38,88,.88)!important;
  --text-dark:#f4f8ff!important;--text-medium:#d4e2f6!important;--text-light:#b7cae7!important;
  --sidebar-bg:#253d68!important;--sidebar-hover:rgba(207,88,219,.18)!important;--sidebar-active:rgba(54,191,233,.24)!important;
  --gradient-primary:linear-gradient(135deg,#cf58db 0%,#9278eb 48%,#36bfe9 100%)!important;
  --gradient-soft:linear-gradient(135deg,#dce9f6 0%,#decff0 100%)!important;
  --gradient-hero:linear-gradient(135deg,#cf58db 0%,#9278eb 48%,#36bfe9 100%)!important;
}
html{background:#061d49!important}
body{
  background-image:linear-gradient(rgba(1,15,47,.30),rgba(1,19,59,.58)),url("./alvex-stage-background.jpg")!important;
  background-position:center top!important;background-size:cover!important;background-repeat:no-repeat!important;background-attachment:fixed!important;
  color:#f4f8ff!important;
}
.balance,.balance-hero,.page-strip,.plan-header,.claim-ready,.sum-card,.owned-chip,.quick-action-primary,
.sidebar-brand-icon,.admin-mini-avatar,.vip-badge-pill,.save-btn,.btn-primary,.qa-ic{
  background:linear-gradient(135deg,#cf58db 0%,#9278eb 50%,#36bfe9 100%)!important;
}
.sidebar{background:linear-gradient(180deg,#243c68 0%,#334f7d 100%)!important}
.top-header,.stat-card,.content-card,.form-card,.vip-card,.plan-card,.invite,.net-card,.card,.panel,
input,select,textarea,.url-input,.auth-card,.form-container,.login-card,.register-card,.profile-card,
.bal-card,.menu-card,.invite-card,.withdrawal-card,.wallet-card,.table-card,.settings-card,.action-card,
.quick-action-card,.modal-content,.content-wrapper,.main-card{background:rgba(5,28,71,.88)!important;border-color:rgba(93,190,255,.34)!important;color:#f4f8ff!important;backdrop-filter:blur(10px)}
.logo-wrapper,.auth-button,.login-btn,.register-btn,.submit-btn,.form-submit,.primary-btn,
.btn-submit,.action-button,.action-btn,.withdraw-btn,.fund-btn{background:linear-gradient(135deg,#cf58db 0%,#9278eb 50%,#36bfe9 100%)!important;color:#fff!important}
.brand-name span,.brand-tagline,.forgot-link,.auth-link,a.highlight,.text-primary{color:#70d3ee!important}
.form-input:focus,input:focus,select:focus,textarea:focus{border-color:#9278eb!important;box-shadow:0 0 0 3px rgba(146,120,235,.16)!important}
.wave-decoration::before,.wave-decoration::after{background:linear-gradient(135deg,rgba(207,88,219,.12),rgba(54,191,233,.09))!important}
.botnav-wrap{background:linear-gradient(180deg,rgba(5,28,71,.96),rgba(8,42,91,.96))!important;border-color:rgba(93,190,255,.34)!important}
/* White is reserved for words, icons, and monetary values on saturated surfaces. */
.balance,.balance *,.balance-hero,.balance-hero *,.page-strip,.page-strip *,.plan-header,.plan-header *,
.claim-ready,.claim-ready *,.sum-card,.sum-card *,.owned-chip,.owned-chip *,.qa-ic,.sidebar-brand-icon,
.admin-mini-avatar,.vip-badge-pill,.save-btn,.btn-primary{color:#fff!important}
.amount-cell,.stat-value,.stat-value-sm,.b-amount,.b-sub-val,.sum-value,.bh-value{font-variant-numeric:tabular-nums}
.sidebar-brand-text,.admin-mini-name{color:#fff!important}
.nav-link{color:#dce9f6!important}.nav-link.active,.nav-link:hover{color:#fff!important}
.sec-title,.card-title,.form-title,.page-title,h1,h2,h3,h4,label,th,td,p,.stat-label,.menu-label,.action-label{color:#f4f8ff!important}
.subtitle,.helper,.hint,.muted,.stat-subtitle,.form-subtitle,.section-subtitle{color:#bfd0eb!important}
.welcome-bonus-card{background:linear-gradient(145deg,#06152f 0%,#0a2b5e 55%,#073b70 100%)!important;border:1px solid rgba(93,190,255,.42)!important;border-radius:14px;padding:16px 18px;color:#fff!important;box-shadow:0 12px 28px rgba(0,8,30,.34)}
.welcome-bonus-card--unlocked{background:linear-gradient(145deg,#081b3b 0%,#113568 58%,#08719a 100%)!important}
.welcome-bonus-card *{color:#fff!important}
.welcome-bonus-card__accent{color:#70d3ee!important}
.welcome-bonus-card__muted{color:#b9ccea!important}
.welcome-bonus-progress{background:rgba(1,13,40,.72)!important}
/* High-contrast task details and purchase confirmation panels. */
.plan-body{background:rgba(4,25,66,.96)!important;color:#f4f8ff!important}
.date-box,.stat-box,.last-payout-info{
  background:rgba(14,55,112,.96)!important;
  border-color:rgba(112,211,238,.48)!important;
  color:#f4f8ff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.date-label,.stat-label,.last-payout-text{color:#c9daf2!important}
.date-value,.stat-value,.last-payout-text strong{color:#fff!important}
.claim-countdown{border:1px solid rgba(112,211,238,.35)!important}
.countdown-label,.countdown-unit-label,.claim-already{color:#d5e4f7!important}
.modal-overlay{background:rgba(1,10,32,.82)!important}
.modal-card{
  background:linear-gradient(155deg,rgba(8,37,88,.99),rgba(12,59,119,.99))!important;
  border:1px solid rgba(112,211,238,.48)!important;
  color:#f4f8ff!important;
  box-shadow:0 24px 64px rgba(0,5,24,.62)!important;
}
.modal-title,.modal-price{color:#fff!important}
.modal-text,.wallet-select-label{color:#c9daf2!important}
.wallet-option{
  background:rgba(3,24,64,.9)!important;
  border-color:rgba(112,211,238,.36)!important;
}
.wallet-option:has(input:checked),.wallet-option.selected{
  background:rgba(22,85,148,.92)!important;
  border-color:#70d3ee!important;
  box-shadow:0 0 0 2px rgba(112,211,238,.14)!important;
}
.wallet-option-name,.wallet-option-amount{color:#fff!important}
.modal-btn-cancel{background:rgba(185,204,234,.16)!important;color:#f4f8ff!important;border:1px solid rgba(185,204,234,.3)!important}
.modal-btn-confirm{color:#fff!important}
@media(max-width:560px){.shell{padding-left:14px!important;padding-right:14px!important}}

/* Alvex Capital Network contrast repair
   The shared background image needs dark, opaque reading surfaces. */
.bank-card,.wallet-source-option,.amount-chip,.input-wrap,.summary-card,
.alert,.claim-no-link,.progress-bar-bg,.empty-icon-wrap,.sec-badge,
.vip-robot-box,.vip-image-box,.bank-select-card,.account-card,.history-card,
.transaction-item,.task-card,.setting-row,.info-box,.notice-box,.ref-box,
.profile-banner,.bottom-nav,.modal-icon,.form-control,.form-group input,
.form-group select,.form-group textarea{
  background-color:rgba(7,38,88,.96)!important;
  border-color:rgba(112,211,238,.44)!important;
  color:#f4f8ff!important;
}

/* Inputs and native option menus must remain readable on every browser. */
input,select,textarea,option{
  background-color:#071f4d!important;
  color:#f4f8ff!important;
}
input::placeholder,textarea::placeholder{color:#a9bfdf!important;opacity:1!important}
select option{background:#071f4d!important;color:#f4f8ff!important}

/* Preserve strong contrast inside pale semantic alerts by darkening them. */
.alert-warn,.warning,.warning-box,.notice-warning{
  background:rgba(92,55,5,.96)!important;
  border-color:rgba(251,191,36,.58)!important;
}
.alert-error,.error,.error-box,.notice-error{
  background:rgba(100,20,30,.96)!important;
  border-color:rgba(248,113,113,.58)!important;
}
.alert-success,.success,.success-box,.notice-success{
  background:rgba(5,78,62,.96)!important;
  border-color:rgba(52,211,153,.58)!important;
}
.alert-info,.info,.info-box,.notice-info{
  background:rgba(8,55,105,.96)!important;
  border-color:rgba(96,165,250,.58)!important;
}
.alert-title,.alert-text,.claim-no-link-text,.warning-box *,.error-box *,
.success-box *,.info-box *,.notice-box *{color:#f4f8ff!important}

/* Explicitly repair the withdrawal, task and investment detail surfaces. */
.bank-name,.bank-meta,.wallet-source-option span,.amount-chip span,
.input-wrap input,.sum-label,.sum-value,.vip-stat-label,.vip-stat-value,
.progress-label,.progress-value,.empty-title,.empty-text,.wallet-option-name,
.wallet-option-amount,.modal-text,.wallet-select-label,.card-title{
  color:#f4f8ff!important;
}
.bank-card.selected,.wallet-source-option:has(input:checked),.amount-chip.active,
.wallet-option:has(input:checked),.wallet-option.selected,.bank-select-card.selected{
  background:rgba(21,83,145,.98)!important;
  border-color:#70d3ee!important;
}

/* Bottom navigation and fixed controls stay legible over the photograph. */
.bottom-nav,.botnav-wrap{
  background:rgba(4,24,62,.98)!important;
  border-color:rgba(112,211,238,.4)!important;
}
.nav-i,.bottom-nav-item{color:#c9daf2!important}
.nav-i.active,.nav-i:hover,.bottom-nav-item.active{color:#70d3ee!important}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
