:root {
  --dv-glass-strong: rgba(12, 14, 19, .6);
  --dv-glass-soft: rgba(8, 10, 14, .34);
  --dv-glass-field: rgba(5, 6, 9, .48);
  --dv-glass-line: rgba(255, 255, 255, .18);
}

.auth-card,
.product-card,
.news-card,
.purchase-item,
.ledger-item,
.support-card,
.profile-card,
.balance-card {
  border-color: var(--dv-glass-line);
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .075), transparent 34%),
    linear-gradient(145deg, rgba(18, 20, 27, .48), var(--dv-glass-soft));
  -webkit-backdrop-filter: blur(28px) saturate(1.3) brightness(.92);
  backdrop-filter: blur(28px) saturate(1.3) brightness(.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .12),
    inset 0 -1px 0 rgba(255, 23, 69, .045),
    0 22px 64px rgba(0, 0, 0, .3),
    0 0 28px rgba(255, 23, 69, .035);
}

.auth-tabs,
.account-button,
.notice,
.empty,
.purchase-item code,
#keyDialog code {
  background-color: rgba(5, 6, 9, .42);
  -webkit-backdrop-filter: blur(18px) saturate(1.16);
  backdrop-filter: blur(18px) saturate(1.16);
}

.auth-card input,
.custom-amount input,
.dialog-form input {
  background: var(--dv-glass-field);
  border-color: rgba(255, 255, 255, .17);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .045);
}

dialog {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, .08), transparent 32%),
    linear-gradient(145deg, rgba(17, 19, 26, .62), rgba(7, 8, 12, .46));
  border-color: rgba(255, 255, 255, .2);
  -webkit-backdrop-filter: blur(34px) saturate(1.3) brightness(.9);
  backdrop-filter: blur(34px) saturate(1.3) brightness(.9);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .13),
    0 35px 120px rgba(0, 0, 0, .58),
    0 0 38px rgba(255, 23, 69, .05);
}

.site-footer {
  background: rgba(6, 7, 9, .3);
  -webkit-backdrop-filter: blur(22px) saturate(1.18);
  backdrop-filter: blur(22px) saturate(1.18);
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .auth-card,
  .product-card,
  .news-card,
  .purchase-item,
  .ledger-item,
  .support-card,
  .profile-card,
  .balance-card {
    background: var(--dv-glass-strong);
  }
}