:root {--wallet-frame-color: #cde2f5;}

html:has(.wallet-launch[open]),
html:has(.wallet-launch[open]) body {background: var(--wallet-frame-color);}

.wallet-launch {
  position: fixed;
  inset: 0;
  display: none;
  place-items: center;
  width: 100%;
  height: 100%;
  height: 100dvh;
  max-width: none;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--wallet-frame-color);
  color: #124391;
  touch-action: none;
  -webkit-touch-callout: none;
  user-select: none;
  transition: opacity 380ms ease;
}
.wallet-launch[open] {display: grid;}
.wallet-launch::backdrop {background: transparent;}
.wallet-launch-inner {
  position: relative;
  isolation: isolate;
  container-type: size;
  overflow: hidden;
  width: min(100%, 60svh);
  height: 100%;
}
@media (max-width: 600px) {
  .wallet-launch-inner {width: 100%;}
}
.wallet-launch-brand {
  position: absolute;
  inset-block-start: max(4%, env(safe-area-inset-top));
  inset-inline-start: 6%;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #0c2c6c;
  font-size: clamp(16px, 4.8cqw, 26px);
  letter-spacing: -.035em;
}
.wallet-launch-brand span {color: #1454aa;}
.wallet-launch-brand img {width: clamp(28px, 9.5cqw, 49px); height: auto; object-fit: contain;}
.wallet-launch-art {
  --wallet-edge-blend: linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
  position: absolute;
  z-index: -1;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 25% 56%;
  -webkit-mask-image: var(--wallet-edge-blend);
  mask-image: var(--wallet-edge-blend);
  transition: transform 380ms ease;
}
.wallet-launch h1 {
  position: absolute;
  inset-block-start: 15%;
  inset-inline: 5%;
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  font-size: clamp(32px, min(16cqw, 9.5cqh), 94px);
  line-height: 1;
  text-align: center;
  color: #124ab2;
}
.wallet-launch-arc {display: inline-flex; direction: ltr; letter-spacing: -.065em;}
.wallet-launch-arc > span {display: block;}
.wallet-launch-arc > span:first-child {transform: translateY(.12em) rotate(-13deg);}
.wallet-launch-arc > span:nth-child(2) {transform: translateY(.035em) rotate(-8deg);}
.wallet-launch-arc > span:nth-child(3) {transform: translateY(-.025em) rotate(-4deg);}
.wallet-launch-arc > span:nth-child(5) {transform: translateY(.025em) rotate(4deg);}
.wallet-launch-arc > span:nth-child(6) {transform: translateY(.065em) rotate(7deg);}
.wallet-launch-arc > span:last-child {transform: translateY(.12em) rotate(12deg);}
.wallet-launch-heading em {
  display: block;
  margin-top: .22em;
  color: #244999;
  font: italic 500 .47em/1.1 Georgia, serif;
}
.wallet-launch-title-text {position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%);}
[lang="ru"] .wallet-launch-heading {display: none;}
[lang="ru"] .wallet-launch-title-text {
  position: static;
  display: block;
  width: auto;
  height: auto;
  clip-path: none;
  font: italic 600 clamp(24px, min(7.5cqw, 5.5cqh), 43px)/1.1 Georgia, serif;
  text-wrap: balance;
}
.wallet-launch-controls {
  position: absolute;
  inset-inline: 6%;
  inset-block-end: max(2%, env(safe-area-inset-bottom));
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.wallet-launch-skip {
  min-height: 44px;
  padding: 6px 10px;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: #124391;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
}
.wallet-launch-hint {
  margin: 0;
  color: #395e7d;
  font-size: 12px;
}
.wallet-launch-fade {opacity: 0;}
.wallet-launch-fade .wallet-launch-art {transform: translateY(-6px) scale(.965);}
@media (prefers-reduced-motion: reduce) {
  .wallet-launch, .wallet-launch-art {transition: none;}
  .wallet-launch-fade .wallet-launch-art {transform: none;}
}

.home-balance-bottom {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  column-gap: 10px;
  margin-block: -6px;
}

.home-wallet-link {
  min-height: 44px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #ecf7ff;
  font: inherit;
  font-size: 12px;
  font-weight: 750;
}

.asset-wallet-balance {
  padding: 12px 16px 16px;
  border-radius: 22px;
  background: radial-gradient(ellipse at 100% 0%, #3d78ab, transparent 70%), linear-gradient(115deg, #103458, #245f92);
  color: white;
  box-shadow: 0 10px 22px #163e6229;
}

.asset-wallet-balance-top, .asset-wallet-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.asset-wallet-balance-top > span, .asset-wallet-balance > small {color: #dceeff;}
.asset-wallet-balance > strong {
  display: block;
  margin-top: 3px;
  font-size: clamp(28px, 8vw, 44px);
  line-height: 1.1;
}
.asset-wallet-balance > small {display: block; margin-top: 7px;}
.asset-wallet-eye {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid #dbefff45;
  border-radius: 12px;
  background: #ffffff16;
  color: #e3f2ff;
}
.asset-wallet-eye svg {width: 20px; height: 20px;}

.asset-wallet-actions {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  margin-top: 10px;
}
.asset-wallet-actions .tile {min-height: 54px; overflow-wrap: anywhere;}
.asset-wallet-actions svg {width: 20px; height: 20px;}
.asset-wallet-section {margin: 17px 0;}
.asset-wallet-heading h2 {margin: 0; color: #12294e; font-size: 17px;}
.asset-wallet-heading .linkbtn {min-height: 44px;}
.asset-wallet-note {margin: 3px 0 8px; color: #3c5c7b; font-size: 12px;}

.asset-wallet-list {
  overflow: hidden;
  margin: 7px 0 0;
  padding: 0;
  border: 1px solid #d4e5f7;
  border-radius: 17px;
  background: #f7fbff;
  list-style: none;
}
.asset-wallet-list > li + li {border-top: 1px solid #e0edf8;}
.asset-wallet-item {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 56px;
  padding: 8px 10px;
}
.asset-wallet-link {
  grid-template-columns: 32px minmax(0, 1fr) auto 9px;
  width: 100%;
  border: 0;
  background: transparent;
  color: #12294e;
  font: inherit;
  text-align: start;
}
.asset-wallet-link:focus-visible {outline: 2px solid #0876ba; outline-offset: -2px;}
.asset-wallet-mark {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 19px;
  font-weight: 700;
}
.asset-wallet-btc {background: #fff1db; color: #925014;}
.asset-wallet-eth {background: #e7ebff; color: #3e50a0;}
.asset-wallet-usdt {background: #daf3ec; color: #106b5b;}
.asset-wallet-mark svg {width: 16px; height: 16px;}
.asset-wallet-copy > *, .asset-wallet-values > * {display: block;}
.asset-wallet-copy strong, .asset-wallet-values strong, .asset-wallet-transaction {font-size: 13px;}
.asset-wallet-copy small, .asset-wallet-values small, .asset-wallet-code {color: #3c5c7b; font-size: 11px;}
.asset-wallet-copy small, .asset-wallet-values small {margin-top: 3px;}
.asset-wallet-values {text-align: end;}
.asset-wallet-transaction {text-align: end;}
.asset-wallet-transaction.is-credit {color: #176447;}
.asset-wallet-chevron {color: #365f83;}

.cashback-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.cashback-summary .panel {margin: 0;}
.cashback-status {background: linear-gradient(135deg, #fff5db, #f3e0b5); border-color: #f7e4b8;}
.cashback-points {min-width: 0; color: #15395d; font: inherit; text-align: start;}
.cashback-points strong {display: block; margin: 5px 0; font-size: 19px;}
.cashback-points span {color: #32628c; font-size: 12px;}