/* Compatible visual skin for existing account and product pages. */
.gx-legacy * {
  font-family: var(--gx-font) !important;
}
.gx-legacy
  :is(
    .welcome-card > div > div:first-child,
    .card-name,
    .price-main,
    .price-sale,
    .modal-name,
    .hero-title,
    .section-title
  ) {
  font-family: "Sora", var(--gx-font) !important;
  letter-spacing: -0.4px !important;
}
.gx-legacy .welcome-card {
  background:
    radial-gradient(ellipse at 100% 0, #b698ec19, transparent 60%),
    linear-gradient(115deg, #57272a80, #251924b3) !important;
  border: 1px solid #f6c8c321 !important;
  border-radius: 22px !important;
  box-shadow: inset 0 1px 0 #ffe7dc18 !important;
}
.gx-legacy .welcome-card::before,
.gx-legacy .welcome-card::after {
  display: none !important;
}
.gx-legacy .welcome-card > div > div:first-child {
  font-size: 24px !important;
  font-weight: 500 !important;
}
.gx-legacy .card-name {
  font-size: 17px !important;
  font-weight: 500 !important;
}
.gx-legacy .card-body {
  padding: 22px !important;
}
.gx-legacy .card-price-bar {
  background: #ffd5c306 !important;
  border-color: #ffd5c313 !important;
  padding: 15px 22px !important;
}
.gx-legacy .price-main {
  font-size: 24px !important;
  font-weight: 500 !important;
}
.gx-legacy .card-desc {
  font-size: 12px !important;
  line-height: 1.85 !important;
}
.gx-legacy .products-grid {
  gap: 23px !important;
}
.gx-legacy .site-header {
  background: #261922e8 !important;
  border-color: #ffd5c31a !important;
}
.gx-legacy .logo-link {
  background: none !important;
  color: #ffe4d5 !important;
  -webkit-text-fill-color: currentColor !important;
  display: flex;
  align-items: center;
  gap: 9px;
  font-size: 14px !important;
}
.gx-legacy .logo-link:before {
  content: "";
  width: 35px;
  height: 35px;
  background: url("/gx-assets/gamma-mark.png") center/cover;
  border-radius: 50%;
  border: 1px solid #ffd8bf33;
}
.gx-legacy .support-fab {
  background: linear-gradient(135deg, #e9364f, #f17d4e) !important;
  box-shadow: 0 8px 25px #f854433b !important;
}
.gx-legacy .support-fab svg {
  color: white !important;
}
.gx-legacy:has(.support-fab) .gx-account-brand {
  display: none !important;
}
.gx-legacy {
  --bg: #100d10;
  --bg2: #19121b;
  --bg3: #241820;
  --gold: #ef7964;
  --gold2: #ffb69b;
  --gold3: #d34e54;
  --cream: #fff3ed;
  --cream2: #e0c7d3;
  --cream3: #b89aa9;
  --cream4: #a58698;
  --border: rgba(255, 213, 202, 0.13);
  --text: #fff3ed;
  --muted: #b89aa9;
  font-family: var(--gx-font) !important;
  background: #100d10 !important;
  color: #fff3ed !important;
}
.gx-legacy
  :is(
    h1,
    h2,
    h3,
    h4,
    .page-title,
    .topbar-title,
    .brand-logo,
    .product-name,
    .section-title,
    .sidebar-logo-name,
    .bal-amount,
    .stat-value
  ) {
  font-family: "Sora", var(--gx-font) !important;
  letter-spacing: -0.45px !important;
}
.gx-legacy
  :is(
    button,
    input,
    select,
    textarea,
    .nav-item,
    .section-label,
    .form-label,
    .page-sub,
    .product-desc,
    .sidebar-user
  ) {
  font-family: var(--gx-font) !important;
}
.gx-legacy
  :is(
    .sidebar,
    .topbar,
    .card,
    .panel,
    .product-card,
    .stat-card,
    .wallet-card,
    .profile-card,
    .buy-card,
    .auth-card,
    .modal,
    .modal-box,
    .modal-card,
    .support-chat,
    .product-modal,
    .payment-card
  ) {
  background: linear-gradient(140deg, #402b358a, #211520ed) !important;
  border-color: #ffdac320 !important;
  backdrop-filter: blur(25px);
  box-shadow:
    inset 0 1px 0 #ffe4d612,
    0 15px 50px -25px #0009;
  border-radius: 19px;
}
.gx-legacy .sidebar {
  border-radius: 0;
  background: linear-gradient(170deg, #2b1b28f5, #140d16f5) !important;
}
.gx-legacy .topbar {
  border-radius: 0;
  border-bottom: 1px solid #ffe3d319;
}
.gx-legacy :is(.nav-item.active, .tab-btn.active, .filter-btn.active) {
  background: linear-gradient(100deg, #ff624324, #d38dc717) !important;
  color: #ffbca1 !important;
  border-color: #ff967535 !important;
}
.gx-legacy
  :is(
    .btn-primary,
    .btn-submit,
    .buy-btn,
    .btn-buy,
    .btn-deposit,
    .gx-pay-primary
  ) {
  background: linear-gradient(120deg, #dc344a, #ee7149) !important;
  color: white !important;
  border: 1px solid #ffb99245 !important;
  border-radius: 12px !important;
  letter-spacing: 0 !important;
}
.gx-legacy
  :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  background-color: #160e194d !important;
  color: #fff0e7 !important;
  border-color: #edc4d124 !important;
  border-radius: 10px !important;
}
.gx-legacy input:focus,
.gx-legacy select:focus,
.gx-legacy textarea:focus {
  border-color: #ffac8799 !important;
}
.gx-legacy select option {
  background: #261a27;
  color: #fff1eb;
}
.gx-legacy :is(.sidebar-logo-name, .auth-logo, .header-logo, .logo-text) {
  color: #ffdfcb !important;
}
.gx-legacy .sidebar-logo-name {
  font-size: 17px !important;
}
.gx-legacy .sidebar-logo-name:before {
  content: "";
  display: block;
  width: 59px;
  height: 59px;
  background: url("/gx-assets/gamma-mark.png") center/cover;
  margin: 0 auto 12px;
  border-radius: 50%;
  border: 1px solid #ffc4b539;
  box-shadow: 0 0 35px #d8343424;
}
.gx-legacy .sidebar-logo-sub {
  color: #bc98ab !important;
  letter-spacing: 1px !important;
  font-size: 9px !important;
}
.gx-legacy
  :is(.particles, .bg-orbs, .bg-effects, .stars-canvas, #stars-canvas) {
  display: none !important;
}
.gx-legacy .page-title,
.gx-legacy .topbar-title {
  color: #fff1e9 !important;
}
.gx-legacy .page-sub {
  color: #c1a4b5 !important;
}
.gx-legacy .gx-account-brand {
  position: fixed;
  right: 20px;
  bottom: 18px;
  z-index: 40;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #351f2de3;
  border: 1px solid #ffcebd22;
  border-radius: 40px;
  padding: 8px 13px;
  font-size: 9px;
  backdrop-filter: blur(20px);
  color: #dfbbca;
}
.gx-legacy .gx-account-brand img {
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
.gx-legacy :is(.product-logo img, .broker-logo) {
  border-radius: 17px;
}
.gx-legacy .main {
  background: radial-gradient(ellipse at 100% 0, #ee494518, transparent 45%);
}
.gx-legacy .hero {
  background: radial-gradient(ellipse at 70% 30%, #ff633820, transparent 60%);
}
.gx-legacy .body-overlay {
  background: #130d19b5 !important;
  backdrop-filter: blur(10px);
}
@media (max-width: 600px) {
  .gx-legacy .gx-account-brand {
    right: 12px;
    bottom: 12px;
    padding: 7px 11px;
    font-size: 8px;
  }
  .gx-legacy :is(.page-title, .hero-title) {
    font-size: 30px !important;
  }
  .gx-legacy input:not([type="checkbox"]):not([type="radio"]),
  .gx-legacy textarea {
    font-size: 16px !important;
  }
}