body[data-screen=topup] .topbar { display: none !important; }
body[data-screen=topup] #view {
  --ast56-view-top: clamp(10px, 2.6vw, 19px);
  padding-top: var(--ast56-view-top);
  padding-bottom: calc(var(--ast48-dock-height) + var(--ast48-dock-bottom) + 8px) !important;
}
.ast57-topup.ast44-home { gap: clamp(16px, 4cqw, 25px); }
.ast57-topup .h37-profile { margin-inline: 0; }
.ast57-topup h2 { margin-bottom: 3cqw; font-size: clamp(13px, 3.8cqw, 25px); font-weight: 850; }
.ast57-method-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2.8cqw; }
.ast57-topup .ast57-method, .ast57-topup .ast57-amount {
  position: relative;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 1.2cqw;
  min-width: 0;
  aspect-ratio: 1;
  border: 1px solid #ffffff1a;
  border-radius: 3.2cqw;
  background: var(--ast57-tile) padding-box;
  color: #fff;
  text-align: center;
  font-size: clamp(9px, 3.05cqw, 20px);
  box-shadow: inset 0 1px #fff2;
}
.ast57-topup .ast57-method:disabled { opacity: .56; cursor: default; filter: none; }
.ast57-method small { font-size: clamp(7px, 1.7cqw, 10px); letter-spacing: .06em; }
.ast57-method .ic { width: 13cqw; height: 13cqw; filter: drop-shadow(0 4px 6px #14101656); }
.ast57-method--stars { --ast57-tile: linear-gradient(145deg,#d4810a,#ffaa16 65%,#bb6611); }
.ast57-method--stars > .ic { fill: #ffed88; color: #ffed88; }
.ast57-method--gram { --ast57-tile: linear-gradient(145deg,#61b9ff,#0e68cb); }
.ast57-method--nft { --ast57-tile: radial-gradient(circle at 50% 35%,#53309e,#211335 67%); }
.ast57-method--nft > .ic { color: #f1cbff; }
.ast57-method--crypto { --ast57-tile: linear-gradient(145deg,#11b1d2,#0a639e); }
.ast57-method--rocket { --ast57-tile: linear-gradient(145deg,#64c3ff,#1d76d0); }
.ast57-method--sbp { --ast57-tile: linear-gradient(145deg,#5647a7,#231544); }
.ast57-topup .ast57-amount { --ast57-tile: radial-gradient(circle at 45% 30%,#332409,#15100c 79%); font-size: clamp(13px, 4cqw, 25px); }
.ast57-amount > .ic { width: 9.5cqw; height: 9.5cqw; color: #ffc73e; fill: currentColor; filter: drop-shadow(0 4px 6px #e99f263b); }
.ast57-topup [aria-pressed="true"]:is(.ast57-method,.ast57-amount) {
  border-color: transparent;
  background: var(--ast57-tile) padding-box, linear-gradient(150deg,#bc67ff,#24aaf1) border-box;
}
.ast57-checked {
  display: none;
  position: absolute;
  inset: 7% 7% auto auto;
  place-items: center;
  width: clamp(15px,4cqw,24px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: linear-gradient(135deg,#4cccf5,#af5bff);
}
.ast57-checked .ic { width: 73%; height: 73%; filter: none; }
[aria-pressed="true"] .ast57-checked { display: grid; }
.ast57-topup-input {
  display: flex;
  align-items: center;
  gap: .5em;
  min-width: 0;
  min-height: clamp(43px,11cqw,65px);
  padding-inline: 1em;
  border: 1px solid #9180ad70;
  border-radius: 999px;
  background: #090811;
}
.ast57-topup-section .ast57-method-grid + .ast57-topup-input { margin-top: 2.4cqw; }
.ast57-topup-input input {
  width: 100%;
  min-width: 0;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  font-size: max(16px,3.5cqw);
  font-weight: 700;
}
.ast57-topup-input input:focus { outline: none; }
.ast57-topup-input:focus-within { outline: 2px solid #9877ed; }
.ast57-promo { display: grid; grid-template-columns: 1.25fr 1fr; gap: 2cqw; }
.ast57-topup .ast57-cta {
  display: grid;
  place-items: center;
  min-height: clamp(43px,11.6cqw,68px);
  padding: .65em 1em;
  border-radius: 999px;
  background: linear-gradient(100deg,#a34df2,#008ff5);
  color: white;
  font-weight: 850;
  font-size: clamp(12px,3.2cqw,20px);
  text-align: center;
}
.ast57-topup .ast57-cta--quiet { background: #27173d; }
.ast57-topup .ast57-cta:disabled { cursor: default; }
.ast57-summary {
  position: sticky;
  bottom: calc(var(--ast48-dock-height) + var(--ast48-dock-bottom) + 7px);
  z-index: 10;
  display: grid;
  gap: 2cqw;
  padding-block: 1.8cqw 0;
  background: #0a0811f7;
  border-radius: 3.2cqw;
}
.ast57-conversion { display: grid; grid-template-columns: 1fr auto 1fr; gap: 2.5cqw; align-items: center; }
.ast57-conversion > span {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5em;
  min-height: clamp(39px,10.9cqw,62px);
  border: 1px solid transparent;
  border-radius: 999px;
  background: linear-gradient(#130c1e,#130c1e) padding-box,linear-gradient(150deg,#a767ee,#3ba5fb) border-box;
  font-size: clamp(17px,5.1cqw,29px);
}
.ast57-conversion > strong { color: #8279f3; font-size: 1.55em; }
.ast57-conversion img { width: 1em; height: 1em; }
.ast57-conversion .ic, .ast57-topup-input .ic { color: #ffc73e; fill: currentColor; }
.ast57-support { text-align: center; color: #a99ab9; font-size: clamp(12px,3cqw,17px); }
.ast57-topup .ast57-support button { color: #c284fb; font-weight: 800; }
.ast57-nft-steps { display: grid; gap: 2.2cqw; border: 1px solid #633593; border-radius: 3.5cqw; padding: 4.5cqw; background: #171024; }
.ast57-nft-steps h2, .ast57-nft-steps ol { margin: 0; }
.ast57-nft-steps ol { display: grid; gap: 1.5cqw; padding-inline-start: 1.3em; color: #e0d2ef; }