/* AlexSol miniapp visual refresh — 2026-09-07.
 * CSS only. Scoped to the existing StealthLayout root; classic cabinet and
 * admin pages are unaffected. No controls, content or interaction are removed.
 */
div.min-h-screen.w-full.text-white.relative.overflow-x-hidden {
  --as-surface: #111c2e;
  --as-border: rgba(155, 184, 229, .14);
  --as-muted: #a1afc5;
  --as-blue: #639aff;
  color: #f2f6ff;
  color-scheme: dark;
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  min-height: 100svh;
  isolation: isolate;
}

/* Quiet background, preserving the brand's network motif. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > div.fixed.inset-0.-z-30 {
  background: radial-gradient(ellipse at 50% 0%, #132b4a 0%, #091321 48%, #080f1a 100%);
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > svg.fixed {
  opacity: .2;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > div.fixed.-z-10 {
  opacity: .3;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > header {
  max-width: 448px;
  margin-inline: auto;
  padding-bottom: 16px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > header h1 {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .24em;
  color: #edf4ff;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > main {
  padding-bottom: calc(112px + env(safe-area-inset-bottom, 0px));
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > main > div {
  padding-inline: 20px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) :is(h2, h3) {
  letter-spacing: -.025em;
  line-height: 1.35;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .text-zinc-500,
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .text-zinc-400 {
  color: var(--as-muted);
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .text-zinc-600 {
  color: #8999b1;
}

/* Main dashboard: compact shield, readable balance, clearer subscription. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > div.relative.h-36 {
  height: 126px;
  margin-bottom: 22px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.relative.h-36 > div.relative.rounded-full {
  width: 100px;
  height: 100px;
  border-radius: 32px;
  border-color: rgba(121, 170, 255, .25);
  background: linear-gradient(145deg, #1b3656, #0e1b2d);
  box-shadow: 0 12px 32px #02091266, inset 0 1px 0 #c2dcff14;
  margin-right: 60px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.relative.h-36 > div.relative.rounded-full > svg {
  width: 52px;
  height: 60px;
  filter: drop-shadow(0 3px 9px #478cff4d);
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.relative.h-36 > div.absolute.rounded-full {
  width: 120px;
  height: 120px;
  border-color: rgba(111, 165, 255, .1);
  margin-right: 60px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.relative.h-36 > div.absolute.z-10 {
  top: 4px;
  right: 0;
  gap: 7px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button[aria-label="Пополнить баланс"] {
  min-width: 36px;
  min-height: 36px;
  background: #2868da;
  border-color: #75a6ff66;
  box-shadow: 0 3px 10px #0003;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button[aria-label="Пополнить баланс"] + div {
  min-height: 36px;
  background: #122239;
  border-color: var(--as-border);
  box-shadow: none;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > :is(div, button).border.rounded-3xl,
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > :is(div, button).border.rounded-2xl {
  background: linear-gradient(155deg, #152238, #101a2a 70%);
  border-color: var(--as-border);
  border-radius: 24px;
  box-shadow: 0 10px 28px #02060e33, inset 0 1px 0 #d4e5ff08;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > div.rounded-3xl.p-5 {
  padding: 20px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > div.rounded-3xl.p-5::before {
  background: linear-gradient(90deg, transparent, #7cafff55, transparent);
  inset: 0 24px auto;
  height: 1px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl {
  padding: 16px;
  border-radius: 18px;
  background: #0c1727;
  border-color: #a2c0ed20;
  box-shadow: none;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button[title="Скопировать ID"] {
  min-height: 42px;
  background: #15253b;
  border-color: #86ade622;
  border-radius: 10px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button[title="Скопировать ID"] > span:first-child {
  color: #a8bcda;
  letter-spacing: .07em;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl .text-\[11px\] {
  font-size: 12px;
}

/* Buttons: unified radii and restrained shadows. Keep danger states elsewhere. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button.inline-flex.rounded-full:not([aria-label="Пополнить баланс"]) {
  border-radius: 14px;
  min-height: 46px;
  letter-spacing: -.01em;
  transition-duration: 160ms;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button.from-blue-500 {
  background: linear-gradient(135deg, #377bee, #235fd1);
  border-color: #80adff55;
  box-shadow: 0 6px 16px #0b3e9238, inset 0 1px 0 #ffffff1a;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl button.from-emerald-500,
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl button.from-green-500 {
  background: linear-gradient(135deg, #377bee, #235fd1);
  border-color: #80adff55;
  box-shadow: 0 5px 12px #153b7333;
  border-radius: 12px;
  min-height: 44px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl button.from-red-500 {
  background: #192a43;
  border: 1px solid #779dd544;
  color: #c5dcff;
  box-shadow: none;
  border-radius: 12px;
  min-height: 44px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl button.inline-flex {
  padding-inline: 8px;
  gap: 5px;
  font-size: 13px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.space-y-2\.5.pt-1 > button {
  justify-content: flex-start;
  min-height: 48px;
  padding-inline: 15px;
  background: #1b2a3f66;
  border-color: var(--as-border);
  box-shadow: none;
  font-size: 13px;
  font-weight: 500;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.space-y-2\.5.pt-1 > button::after {
  content: "";
  width: 6px;
  height: 6px;
  margin-left: auto;
  border-top: 1.5px solid #7d95b8;
  border-right: 1.5px solid #7d95b8;
  transform: rotate(45deg);
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button:focus-visible,
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) a:focus-visible,
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) input:focus-visible {
  outline: 2px solid #8db9ff;
  outline-offset: 3px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) textarea,
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) select {
  background-color: #0c1727;
  border-color: #8eadde33;
  border-radius: 12px;
  min-height: 44px;
}

/* Profile, support and modal surfaces share the same visual language. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .divide-y > div.py-1 {
  padding-block: 6px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .divide-y > div > button {
  min-height: 54px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .divide-y .tracking-\[0\.18em\] {
  font-size: 11px;
  color: #91a6c6;
  letter-spacing: .12em;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .fixed > div.relative.w-full.rounded-3xl {
  background: #111e31;
  border-color: #8eadde33;
  border-radius: 24px;
  box-shadow: 0 24px 64px #0009;
  overflow-x: hidden;
}

/* Floating navigation retains its existing routes and safe-area positioning. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > nav {
  padding-inline: 16px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > nav > div {
  background: #111e31f2;
  border-color: #8da9d22e;
  border-radius: 22px;
  box-shadow: 0 8px 28px #0006, inset 0 1px 0 #ffffff08;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav a {
  min-height: 52px;
  gap: 5px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav a > span.relative {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .06em;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav a[aria-current="page"] > span.absolute.inset-0 {
  background: #2f6bd324;
  border-color: #75a5f52b;
  box-shadow: none;
  border-radius: 14px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav a[aria-current="page"] :is(svg, span.relative) {
  color: #91baff;
  filter: none;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav a > span.absolute:not(.inset-0) {
  box-shadow: none;
  height: 2px;
  background: #78a6fa;
}

@media (hover: hover) {
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button:not(:disabled):hover {
    border-color: #8bb4ee70;
  }
}
@media (max-width: 359px) {
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > main > div { padding-inline: 12px; }
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > div.rounded-3xl.p-5 { padding: 14px; }
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl { padding: 12px; }
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl .grid.grid-cols-2 { grid-template-columns: 1fr; }
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.relative.h-36 > div.absolute.z-10 { top: -5px; }
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.relative.h-36 > div.relative.rounded-full { width: 88px; height: 88px; margin-top: 22px; }
}
@media (prefers-reduced-motion: reduce) {
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) *,
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) *::before,
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) *::after {
    animation: none !important;
    transition-duration: .01ms !important;
  }
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.relative.h-36 > div:not(.z-10) {
    transform: none !important;
    opacity: 1 !important;
  }
}

/* Requested revision: original dark theme, no shield, green/red subscription actions. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.relative.h-36 > div:not(.z-10) { display: none; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > div.relative.h-36 { height: 48px; margin-bottom: 16px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl button.from-emerald-500,
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl button.from-green-500 {
  background: linear-gradient(135deg, #13a778, #07875e);
  border-color: #3bcb9b66;
  color: #fff;
  box-shadow: 0 5px 14px #07875e33;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl button.from-red-500 {
  background: linear-gradient(135deg, #ee4655, #cd293e);
  border-color: #fb748066;
  color: #fff;
  box-shadow: 0 5px 14px #cd293e33;
}

/* Reference direction: cyan contours, black surfaces, large rounded controls. */
div.min-h-screen.w-full.text-white.relative.overflow-x-hidden {
  --as-surface: #080b0d;
  --as-border: #3d778a70;
  --as-muted: #96a6ad;
  --as-blue: #65c6ec;
  color: #f5f7f8;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > svg.fixed,
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > div.fixed.-z-10 { display: none; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > header { padding-bottom: 23px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > header h1 { font-size: 16px; letter-spacing: .17em; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > main > div { padding-inline: 18px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > main { padding-bottom: calc(130px + env(safe-area-inset-bottom, 0px)); }

/* One clear balance panel; existing top-up handler and amount are preserved. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > div.relative.h-36 { height: auto; min-height: 106px; margin-bottom: 22px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.relative.h-36 > div.absolute.z-10 {
  position: relative;
  inset: auto;
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
  gap: 14px;
  padding: 19px 20px;
  min-height: 106px;
  border-radius: 27px;
  background: #050708;
  border: 1px solid #1d566860;
  box-shadow: 0 14px 30px #00172226;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button[aria-label="Пополнить баланс"] {
  flex-shrink: 0;
  width: auto;
  height: 45px;
  min-height: 45px;
  padding: 0 14px;
  gap: 6px;
  border-radius: 14px;
  background: #0696ce;
  border-color: #34b3e1;
  box-shadow: none;
  color: #fff;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .as-topup-label { font-size: 14px; font-weight: 700; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button[aria-label="Пополнить баланс"] + div {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 5px;
  padding: 0;
  background: none;
  border: 0;
  box-shadow: none;
  backdrop-filter: none;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button[aria-label="Пополнить баланс"] + div > svg { display: none; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .as-balance-label { color: #7fb4c9; font-size: 12px; font-weight: 500; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button[aria-label="Пополнить баланс"] + div > span:not(.as-balance-label) {
  font-size: 29px;
  font-weight: 750;
  line-height: 1.15;
  color: #fff;
  letter-spacing: -.03em;
  overflow-wrap: anywhere;
  max-width: 100%;
}

/* Black cards with a fine cyan edge, like the reference. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > :is(div,button).border.rounded-3xl,
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > :is(div,button).border.rounded-2xl {
  background: #07090b;
  border-color: #50849470;
  border-radius: 28px;
  box-shadow: 0 12px 26px #00141e24;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > div.rounded-3xl.p-5::before { display: none; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main h2 { font-size: 22px; font-weight: 700; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl {
  background: #08141a;
  border-color: #154352;
  border-radius: 21px;
  padding: 16px;
  box-shadow: none;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl .text-sm.font-bold { font-size: 15px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button[title="Скопировать ID"] { background: #002a3b; border-color: #1c5b71; color: #a6d7e9; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.space-y-2\.5.pt-1 > button {
  min-height: 55px;
  background: linear-gradient(110deg, #00212f, #073f53);
  border-color: #176889;
  border-radius: 17px;
  font-size: 14px;
  font-weight: 600;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.space-y-2\.5.pt-1 > button > svg { color: #61c5ed; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .space-y-2\.5 > div.relative.border.rounded-2xl button.inline-flex { min-height: 49px; border-radius: 14px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) :is(.text-blue-400,.text-blue-300,.text-cyan-400) { color: #67c6e9; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button.from-blue-500 { background: #0793c9; border-color: #2eafd9; box-shadow: 0 5px 14px #009ace22; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) :is(button,a,input):focus-visible { outline-color: #76d8ff; }

/* Profile: separate black menu rows instead of a single grey list. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > div.border.divide-y {
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .divide-y > div.py-1 { padding: 0; border: 0; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .divide-y > div > button {
  min-height: 59px;
  margin: 0 0 11px;
  padding: 13px 15px;
  width: 100%;
  border-radius: 20px;
  background: #040709;
  box-shadow: none;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .divide-y > div > button > span.flex-1 { font-size: 16px; font-weight: 500; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .divide-y > div > button > div.border {
  width: 33px;
  height: 33px;
  border-radius: 11px;
  background: #002535;
  border: 0;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .divide-y > div > button > div.border > svg { width: 21px; height: 21px; color: #15a4d9; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .divide-y .tracking-\[0\.18em\] { color: #82b5c5; font-size: 11px; padding: 7px 4px 12px; letter-spacing: .11em; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > button.rounded-2xl { padding: 22px; min-height: 106px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > button.rounded-2xl > .from-violet-500 { background: linear-gradient(145deg, #005875, #0b151d); border: 1px solid #2285a6; box-shadow: none; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > button.rounded-2xl .font-semibold.text-sm { font-size: 17px; font-weight: 500; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .fixed > div.relative.w-full.rounded-3xl { background: #060b0f; border-color: #39748b; }

/* Black dock in a softly lit cyan frame, keeping the same three routes. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > nav { padding-inline: 8px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > nav > div.border {
  background: #030607;
  border: 0;
  padding: 9px;
  border-radius: 36px;
  box-shadow: inset 0 0 0 9px #134355, 0 0 28px #39b3da26, 0 10px 28px #0008;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav .grid.grid-cols-3 { padding: 4px 5px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav a { min-height: 55px; gap: 5px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav a > span.relative { font-size: 11px; letter-spacing: .035em; font-weight: 500; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav a > svg { height: 23px; width: 23px; stroke-width: 2.5px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav a:not([aria-current]) :is(svg,span.relative) { color: #657782; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav a[aria-current="page"] :is(svg,span.relative) { color: #62c9ed; filter: none; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav a > span.absolute,
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) nav > div > div.pointer-events-none { display: none; }
@media (max-width: 359px) {
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > main > div { padding-inline: 12px; }
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) div.relative.h-36 > div.absolute.z-10 { padding: 17px 15px; gap: 9px; }
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .as-topup-label { font-size: 12px; }
  :where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) .divide-y > div > button > span.flex-1 { font-size: 14px; }
}

/* Support uses the same cyan action and black rows. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-4.pb-2 > button.inline-flex.w-full {
  background: #078ec0;
  border-color: #38b3dc;
  border-radius: 17px;
  color: #fff;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main .divide-y > button.w-full {
  background: #05090b;
  border: 1px solid #296274;
  border-radius: 19px;
  min-height: 78px;
  margin-bottom: 10px;
}

:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) > div.fixed.inset-0.-z-30 { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22600%22%20height%3D%22680%22%20viewBox%3D%220%200%20600%20680%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2362c8e9%22%20stroke-opacity%3D%22.13%22%20stroke-width%3D%221.5%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M391.8%2C340.0%20L391.5%2C343.0%20L390.3%2C345.9%20L388.5%2C348.7%20L386.2%2C351.3%20L383.4%2C353.8%20L380.4%2C356.0%20L377.4%2C358.0%20L374.5%2C359.9%20L371.8%2C361.8%20L369.6%2C363.6%20L367.8%2C365.5%20L366.7%2C367.6%20L366.0%2C369.9%20L365.9%2C372.5%20L366.2%2C375.4%20L366.8%2C378.5%20L367.5%2C382.0%20L368.2%2C385.6%20L368.7%2C389.2%20L369.0%2C392.9%20L368.8%2C396.4%20L368.1%2C399.7%20L366.8%2C402.6%20L364.9%2C404.9%20L362.6%2C406.8%20L359.7%2C408.1%20L356.4%2C408.8%20L352.9%2C409.0%20L349.2%2C408.7%20L345.6%2C408.2%20L342.0%2C407.5%20L338.5%2C406.8%20L335.4%2C406.2%20L332.5%2C405.9%20L329.9%2C406.0%20L327.6%2C406.7%20L325.5%2C407.8%20L323.6%2C409.6%20L321.8%2C411.8%20L319.9%2C414.5%20L318.0%2C417.4%20L316.0%2C420.4%20L313.8%2C423.4%20L311.3%2C426.2%20L308.7%2C428.5%20L305.9%2C430.3%20L303.0%2C431.5%20L300.0%2C431.8%20L297.0%2C431.5%20L294.1%2C430.3%20L291.3%2C428.5%20L288.7%2C426.2%20L286.2%2C423.4%20L284.0%2C420.4%20L282.0%2C417.4%20L280.1%2C414.5%20L278.2%2C411.8%20L276.4%2C409.6%20L274.5%2C407.8%20L272.4%2C406.7%20L270.1%2C406.0%20L267.5%2C405.9%20L264.6%2C406.2%20L261.5%2C406.8%20L258.0%2C407.5%20L254.4%2C408.2%20L250.8%2C408.7%20L247.1%2C409.0%20L243.6%2C408.8%20L240.3%2C408.1%20L237.4%2C406.8%20L235.1%2C404.9%20L233.2%2C402.6%20L231.9%2C399.7%20L231.2%2C396.4%20L231.0%2C392.9%20L231.3%2C389.2%20L231.8%2C385.6%20L232.5%2C382.0%20L233.2%2C378.5%20L233.8%2C375.4%20L234.1%2C372.5%20L234.0%2C369.9%20L233.3%2C367.6%20L232.2%2C365.5%20L230.4%2C363.6%20L228.2%2C361.8%20L225.5%2C359.9%20L222.6%2C358.0%20L219.6%2C356.0%20L216.6%2C353.8%20L213.8%2C351.3%20L211.5%2C348.7%20L209.7%2C345.9%20L208.5%2C343.0%20L208.2%2C340.0%20L208.5%2C337.0%20L209.7%2C334.1%20L211.5%2C331.3%20L213.8%2C328.7%20L216.6%2C326.2%20L219.6%2C324.0%20L222.6%2C322.0%20L225.5%2C320.1%20L228.2%2C318.2%20L230.4%2C316.4%20L232.2%2C314.5%20L233.3%2C312.4%20L234.0%2C310.1%20L234.1%2C307.5%20L233.8%2C304.6%20L233.2%2C301.5%20L232.5%2C298.0%20L231.8%2C294.4%20L231.3%2C290.8%20L231.0%2C287.1%20L231.2%2C283.6%20L231.9%2C280.3%20L233.2%2C277.4%20L235.1%2C275.1%20L237.4%2C273.2%20L240.3%2C271.9%20L243.6%2C271.2%20L247.1%2C271.0%20L250.8%2C271.3%20L254.4%2C271.8%20L258.0%2C272.5%20L261.5%2C273.2%20L264.6%2C273.8%20L267.5%2C274.1%20L270.1%2C274.0%20L272.4%2C273.3%20L274.5%2C272.2%20L276.4%2C270.4%20L278.2%2C268.2%20L280.1%2C265.5%20L282.0%2C262.6%20L284.0%2C259.6%20L286.2%2C256.6%20L288.7%2C253.8%20L291.3%2C251.5%20L294.1%2C249.7%20L297.0%2C248.5%20L300.0%2C248.2%20L303.0%2C248.5%20L305.9%2C249.7%20L308.7%2C251.5%20L311.3%2C253.8%20L313.8%2C256.6%20L316.0%2C259.6%20L318.0%2C262.6%20L319.9%2C265.5%20L321.8%2C268.2%20L323.6%2C270.4%20L325.5%2C272.2%20L327.6%2C273.3%20L329.9%2C274.0%20L332.5%2C274.1%20L335.4%2C273.8%20L338.5%2C273.2%20L342.0%2C272.5%20L345.6%2C271.8%20L349.2%2C271.3%20L352.9%2C271.0%20L356.4%2C271.2%20L359.7%2C271.9%20L362.6%2C273.2%20L364.9%2C275.1%20L366.8%2C277.4%20L368.1%2C280.3%20L368.8%2C283.6%20L369.0%2C287.1%20L368.7%2C290.8%20L368.2%2C294.4%20L367.5%2C298.0%20L366.8%2C301.5%20L366.2%2C304.6%20L365.9%2C307.5%20L366.0%2C310.1%20L366.7%2C312.4%20L367.8%2C314.5%20L369.6%2C316.4%20L371.8%2C318.2%20L374.5%2C320.1%20L377.4%2C322.0%20L380.4%2C324.0%20L383.4%2C326.2%20L386.2%2C328.7%20L388.5%2C331.3%20L390.3%2C334.1%20L391.5%2C337.0%20L391.8%2C340.0%20Z%22%2F%3E%3Cpath%20d%3D%22M459.0%2C340.0%20L458.4%2C345.2%20L456.4%2C350.3%20L453.3%2C355.1%20L449.2%2C359.6%20L444.5%2C363.8%20L439.3%2C367.7%20L434.0%2C371.2%20L428.9%2C374.5%20L424.4%2C377.7%20L420.5%2C380.9%20L417.5%2C384.2%20L415.4%2C387.8%20L414.4%2C391.8%20L414.1%2C396.3%20L414.6%2C401.3%20L415.6%2C406.7%20L416.8%2C412.7%20L418.1%2C418.9%20L419.0%2C425.3%20L419.4%2C431.6%20L419.1%2C437.7%20L417.9%2C443.4%20L415.7%2C448.3%20L412.5%2C452.5%20L408.3%2C455.7%20L403.4%2C457.9%20L397.7%2C459.1%20L391.6%2C459.4%20L385.3%2C459.0%20L378.9%2C458.1%20L372.7%2C456.8%20L366.7%2C455.6%20L361.3%2C454.6%20L356.3%2C454.1%20L351.8%2C454.4%20L347.8%2C455.4%20L344.2%2C457.5%20L340.9%2C460.5%20L337.7%2C464.4%20L334.5%2C468.9%20L331.2%2C474.0%20L327.7%2C479.3%20L323.8%2C484.5%20L319.6%2C489.2%20L315.1%2C493.3%20L310.3%2C496.4%20L305.2%2C498.4%20L300.0%2C499.0%20L294.8%2C498.4%20L289.7%2C496.4%20L284.9%2C493.3%20L280.4%2C489.2%20L276.2%2C484.5%20L272.3%2C479.3%20L268.8%2C474.0%20L265.5%2C468.9%20L262.3%2C464.4%20L259.1%2C460.5%20L255.8%2C457.5%20L252.2%2C455.4%20L248.2%2C454.4%20L243.7%2C454.1%20L238.7%2C454.6%20L233.3%2C455.6%20L227.3%2C456.8%20L221.1%2C458.1%20L214.7%2C459.0%20L208.4%2C459.4%20L202.3%2C459.1%20L196.6%2C457.9%20L191.7%2C455.7%20L187.5%2C452.5%20L184.3%2C448.3%20L182.1%2C443.4%20L180.9%2C437.7%20L180.6%2C431.6%20L181.0%2C425.3%20L181.9%2C418.9%20L183.2%2C412.7%20L184.4%2C406.7%20L185.4%2C401.3%20L185.9%2C396.3%20L185.6%2C391.8%20L184.6%2C387.8%20L182.5%2C384.2%20L179.5%2C380.9%20L175.6%2C377.7%20L171.1%2C374.5%20L166.0%2C371.2%20L160.7%2C367.7%20L155.5%2C363.8%20L150.8%2C359.6%20L146.7%2C355.1%20L143.6%2C350.3%20L141.6%2C345.2%20L141.0%2C340.0%20L141.6%2C334.8%20L143.6%2C329.7%20L146.7%2C324.9%20L150.8%2C320.4%20L155.5%2C316.2%20L160.7%2C312.3%20L166.0%2C308.8%20L171.1%2C305.5%20L175.6%2C302.3%20L179.5%2C299.1%20L182.5%2C295.8%20L184.6%2C292.2%20L185.6%2C288.2%20L185.9%2C283.7%20L185.4%2C278.7%20L184.4%2C273.3%20L183.2%2C267.3%20L181.9%2C261.1%20L181.0%2C254.7%20L180.6%2C248.4%20L180.9%2C242.3%20L182.1%2C236.6%20L184.3%2C231.7%20L187.5%2C227.5%20L191.7%2C224.3%20L196.6%2C222.1%20L202.3%2C220.9%20L208.4%2C220.6%20L214.7%2C221.0%20L221.1%2C221.9%20L227.3%2C223.2%20L233.3%2C224.4%20L238.7%2C225.4%20L243.7%2C225.9%20L248.2%2C225.6%20L252.2%2C224.6%20L255.8%2C222.5%20L259.1%2C219.5%20L262.3%2C215.6%20L265.5%2C211.1%20L268.8%2C206.0%20L272.3%2C200.7%20L276.2%2C195.5%20L280.4%2C190.8%20L284.9%2C186.7%20L289.7%2C183.6%20L294.8%2C181.6%20L300.0%2C181.0%20L305.2%2C181.6%20L310.3%2C183.6%20L315.1%2C186.7%20L319.6%2C190.8%20L323.8%2C195.5%20L327.7%2C200.7%20L331.2%2C206.0%20L334.5%2C211.1%20L337.7%2C215.6%20L340.9%2C219.5%20L344.2%2C222.5%20L347.8%2C224.6%20L351.8%2C225.6%20L356.3%2C225.9%20L361.3%2C225.4%20L366.7%2C224.4%20L372.7%2C223.2%20L378.9%2C221.9%20L385.3%2C221.0%20L391.6%2C220.6%20L397.7%2C220.9%20L403.4%2C222.1%20L408.3%2C224.3%20L412.5%2C227.5%20L415.7%2C231.7%20L417.9%2C236.6%20L419.1%2C242.3%20L419.4%2C248.4%20L419.0%2C254.7%20L418.1%2C261.1%20L416.8%2C267.3%20L415.6%2C273.3%20L414.6%2C278.7%20L414.1%2C283.7%20L414.4%2C288.2%20L415.4%2C292.2%20L417.5%2C295.8%20L420.5%2C299.1%20L424.4%2C302.3%20L428.9%2C305.5%20L434.0%2C308.8%20L439.3%2C312.3%20L444.5%2C316.2%20L449.2%2C320.4%20L453.3%2C324.9%20L456.4%2C329.7%20L458.4%2C334.8%20L459.0%2C340.0%20Z%22%2F%3E%3Cpath%20d%3D%22M529.6%2C340.0%20L528.6%2C347.5%20L525.8%2C354.8%20L521.3%2C361.8%20L515.4%2C368.4%20L508.5%2C374.4%20L501.1%2C380.0%20L493.4%2C385.1%20L486.1%2C389.9%20L479.5%2C394.5%20L473.9%2C399.0%20L469.6%2C403.8%20L466.7%2C409.0%20L465.1%2C414.8%20L464.8%2C421.2%20L465.5%2C428.4%20L466.9%2C436.3%20L468.7%2C444.9%20L470.5%2C453.9%20L471.8%2C463.1%20L472.4%2C472.3%20L471.9%2C481.1%20L470.1%2C489.2%20L467.0%2C496.4%20L462.4%2C502.4%20L456.4%2C507.0%20L449.2%2C510.1%20L441.1%2C511.9%20L432.3%2C512.4%20L423.1%2C511.8%20L413.9%2C510.5%20L404.9%2C508.7%20L396.4%2C506.9%20L388.4%2C505.5%20L381.2%2C504.8%20L374.8%2C505.1%20L369.0%2C506.7%20L363.8%2C509.6%20L359.0%2C513.9%20L354.5%2C519.5%20L349.9%2C526.1%20L345.1%2C533.4%20L340.0%2C541.1%20L334.4%2C548.5%20L328.4%2C555.4%20L321.8%2C561.3%20L314.8%2C565.8%20L307.5%2C568.6%20L300.0%2C569.6%20L292.5%2C568.6%20L285.2%2C565.8%20L278.2%2C561.3%20L271.6%2C555.4%20L265.6%2C548.5%20L260.0%2C541.1%20L254.9%2C533.4%20L250.1%2C526.1%20L245.5%2C519.5%20L241.0%2C513.9%20L236.2%2C509.6%20L231.0%2C506.7%20L225.2%2C505.1%20L218.8%2C504.8%20L211.6%2C505.5%20L203.7%2C506.9%20L195.1%2C508.7%20L186.1%2C510.5%20L176.9%2C511.8%20L167.7%2C512.4%20L158.9%2C511.9%20L150.8%2C510.1%20L143.6%2C507.0%20L137.6%2C502.4%20L133.0%2C496.4%20L129.9%2C489.2%20L128.1%2C481.1%20L127.6%2C472.3%20L128.2%2C463.1%20L129.5%2C453.9%20L131.3%2C444.9%20L133.1%2C436.3%20L134.5%2C428.4%20L135.2%2C421.2%20L134.9%2C414.8%20L133.3%2C409.0%20L130.4%2C403.8%20L126.1%2C399.0%20L120.5%2C394.5%20L113.9%2C389.9%20L106.6%2C385.1%20L98.9%2C380.0%20L91.5%2C374.4%20L84.6%2C368.4%20L78.7%2C361.8%20L74.2%2C354.8%20L71.4%2C347.5%20L70.4%2C340.0%20L71.4%2C332.5%20L74.2%2C325.2%20L78.7%2C318.2%20L84.6%2C311.6%20L91.5%2C305.6%20L98.9%2C300.0%20L106.6%2C294.9%20L113.9%2C290.1%20L120.5%2C285.5%20L126.1%2C281.0%20L130.4%2C276.2%20L133.3%2C271.0%20L134.9%2C265.2%20L135.2%2C258.8%20L134.5%2C251.6%20L133.1%2C243.7%20L131.3%2C235.1%20L129.5%2C226.1%20L128.2%2C216.9%20L127.6%2C207.7%20L128.1%2C198.9%20L129.9%2C190.8%20L133.0%2C183.6%20L137.6%2C177.6%20L143.6%2C173.0%20L150.8%2C169.9%20L158.9%2C168.1%20L167.7%2C167.6%20L176.9%2C168.2%20L186.1%2C169.5%20L195.1%2C171.3%20L203.6%2C173.1%20L211.6%2C174.5%20L218.8%2C175.2%20L225.2%2C174.9%20L231.0%2C173.3%20L236.2%2C170.4%20L241.0%2C166.1%20L245.5%2C160.5%20L250.1%2C153.9%20L254.9%2C146.6%20L260.0%2C138.9%20L265.6%2C131.5%20L271.6%2C124.6%20L278.2%2C118.7%20L285.2%2C114.2%20L292.5%2C111.4%20L300.0%2C110.4%20L307.5%2C111.4%20L314.8%2C114.2%20L321.8%2C118.7%20L328.4%2C124.6%20L334.4%2C131.5%20L340.0%2C138.9%20L345.1%2C146.6%20L349.9%2C153.9%20L354.5%2C160.5%20L359.0%2C166.1%20L363.8%2C170.4%20L369.0%2C173.3%20L374.8%2C174.9%20L381.2%2C175.2%20L388.4%2C174.5%20L396.4%2C173.1%20L404.9%2C171.3%20L413.9%2C169.5%20L423.1%2C168.2%20L432.3%2C167.6%20L441.1%2C168.1%20L449.2%2C169.9%20L456.4%2C173.0%20L462.4%2C177.6%20L467.0%2C183.6%20L470.1%2C190.8%20L471.9%2C198.9%20L472.4%2C207.7%20L471.8%2C216.9%20L470.5%2C226.1%20L468.7%2C235.1%20L466.9%2C243.6%20L465.5%2C251.6%20L464.8%2C258.8%20L465.1%2C265.2%20L466.7%2C271.0%20L469.6%2C276.2%20L473.9%2C281.0%20L479.5%2C285.5%20L486.1%2C290.1%20L493.4%2C294.9%20L501.1%2C300.0%20L508.5%2C305.6%20L515.4%2C311.6%20L521.3%2C318.2%20L525.8%2C325.2%20L528.6%2C332.5%20L529.6%2C340.0%20Z%22%2F%3E%3Cpath%20d%3D%22M611.4%2C340.0%20L610.1%2C350.2%20L606.2%2C360.1%20L600.1%2C369.6%20L592.2%2C378.5%20L582.8%2C386.7%20L572.7%2C394.2%20L562.3%2C401.2%20L552.4%2C407.6%20L543.5%2C413.9%20L535.9%2C420.1%20L530.0%2C426.6%20L526.0%2C433.6%20L523.9%2C441.4%20L523.4%2C450.2%20L524.4%2C459.9%20L526.3%2C470.7%20L528.7%2C482.2%20L531.1%2C494.4%20L533.0%2C507.0%20L533.8%2C519.4%20L533.1%2C531.3%20L530.7%2C542.3%20L526.4%2C552.1%20L520.2%2C560.2%20L512.1%2C566.4%20L502.3%2C570.7%20L491.3%2C573.1%20L479.4%2C573.8%20L467.0%2C573.0%20L454.4%2C571.1%20L442.2%2C568.7%20L430.7%2C566.3%20L419.9%2C564.4%20L410.2%2C563.4%20L401.4%2C563.9%20L393.6%2C566.0%20L386.6%2C570.0%20L380.1%2C575.9%20L373.9%2C583.5%20L367.6%2C592.4%20L361.2%2C602.3%20L354.2%2C612.7%20L346.7%2C622.8%20L338.5%2C632.2%20L329.6%2C640.1%20L320.1%2C646.2%20L310.2%2C650.1%20L300.0%2C651.4%20L289.8%2C650.1%20L279.9%2C646.2%20L270.4%2C640.1%20L261.5%2C632.2%20L253.3%2C622.8%20L245.8%2C612.7%20L238.8%2C602.3%20L232.4%2C592.4%20L226.1%2C583.5%20L219.9%2C575.9%20L213.4%2C570.0%20L206.4%2C566.0%20L198.6%2C563.9%20L189.8%2C563.4%20L180.1%2C564.4%20L169.3%2C566.3%20L157.8%2C568.7%20L145.6%2C571.1%20L133.0%2C573.0%20L120.6%2C573.8%20L108.7%2C573.1%20L97.7%2C570.7%20L87.9%2C566.4%20L79.8%2C560.2%20L73.6%2C552.1%20L69.3%2C542.3%20L66.9%2C531.3%20L66.2%2C519.4%20L67.0%2C507.0%20L68.9%2C494.4%20L71.3%2C482.2%20L73.7%2C470.7%20L75.6%2C459.9%20L76.6%2C450.2%20L76.1%2C441.4%20L74.0%2C433.6%20L70.0%2C426.6%20L64.1%2C420.1%20L56.5%2C413.9%20L47.6%2C407.6%20L37.7%2C401.2%20L27.3%2C394.2%20L17.2%2C386.7%20L7.8%2C378.5%20L-0.1%2C369.6%20L-6.2%2C360.1%20L-10.1%2C350.2%20L-11.4%2C340.0%20L-10.1%2C329.8%20L-6.2%2C319.9%20L-0.1%2C310.4%20L7.8%2C301.5%20L17.2%2C293.3%20L27.3%2C285.8%20L37.7%2C278.8%20L47.6%2C272.4%20L56.5%2C266.1%20L64.1%2C259.9%20L70.0%2C253.4%20L74.0%2C246.4%20L76.1%2C238.6%20L76.6%2C229.8%20L75.6%2C220.1%20L73.7%2C209.3%20L71.3%2C197.8%20L68.9%2C185.6%20L67.0%2C173.0%20L66.2%2C160.6%20L66.9%2C148.7%20L69.3%2C137.7%20L73.6%2C127.9%20L79.8%2C119.8%20L87.9%2C113.6%20L97.7%2C109.3%20L108.7%2C106.9%20L120.6%2C106.2%20L133.0%2C107.0%20L145.6%2C108.9%20L157.8%2C111.3%20L169.3%2C113.7%20L180.1%2C115.6%20L189.8%2C116.6%20L198.6%2C116.1%20L206.4%2C114.0%20L213.4%2C110.0%20L219.9%2C104.1%20L226.1%2C96.5%20L232.4%2C87.6%20L238.8%2C77.7%20L245.8%2C67.3%20L253.3%2C57.2%20L261.5%2C47.8%20L270.4%2C39.9%20L279.9%2C33.8%20L289.8%2C29.9%20L300.0%2C28.6%20L310.2%2C29.9%20L320.1%2C33.8%20L329.6%2C39.9%20L338.5%2C47.8%20L346.7%2C57.2%20L354.2%2C67.3%20L361.2%2C77.7%20L367.6%2C87.6%20L373.9%2C96.5%20L380.1%2C104.1%20L386.6%2C110.0%20L393.6%2C114.0%20L401.4%2C116.1%20L410.2%2C116.6%20L419.9%2C115.6%20L430.7%2C113.7%20L442.2%2C111.3%20L454.4%2C108.9%20L467.0%2C107.0%20L479.4%2C106.2%20L491.3%2C106.9%20L502.3%2C109.3%20L512.1%2C113.6%20L520.2%2C119.8%20L526.4%2C127.9%20L530.7%2C137.7%20L533.1%2C148.7%20L533.8%2C160.6%20L533.0%2C173.0%20L531.1%2C185.6%20L528.7%2C197.8%20L526.3%2C209.3%20L524.4%2C220.1%20L523.4%2C229.8%20L523.9%2C238.6%20L526.0%2C246.4%20L530.0%2C253.4%20L535.9%2C259.9%20L543.5%2C266.1%20L552.4%2C272.4%20L562.3%2C278.8%20L572.7%2C285.8%20L582.8%2C293.3%20L592.2%2C301.5%20L600.1%2C310.4%20L606.2%2C319.9%20L610.1%2C329.8%20L611.4%2C340.0%20Z%22%2F%3E%3Cpath%20d%3D%22M692.0%2C340.0%20L690.4%2C352.8%20L685.5%2C365.3%20L677.9%2C377.2%20L667.8%2C388.4%20L656.1%2C398.8%20L643.3%2C408.3%20L630.3%2C417.0%20L617.8%2C425.2%20L606.5%2C433.0%20L597.0%2C440.8%20L589.6%2C449.0%20L584.6%2C457.9%20L581.8%2C467.7%20L581.3%2C478.7%20L582.5%2C491.0%20L584.9%2C504.5%20L588.0%2C519.1%20L591.0%2C534.4%20L593.3%2C550.2%20L594.3%2C565.9%20L593.5%2C580.9%20L590.5%2C594.8%20L585.1%2C607.0%20L577.2%2C617.2%20L567.0%2C625.1%20L554.8%2C630.5%20L540.9%2C633.5%20L525.9%2C634.3%20L510.2%2C633.3%20L494.4%2C631.0%20L479.1%2C628.0%20L464.5%2C624.9%20L451.0%2C622.5%20L438.7%2C621.3%20L427.7%2C621.8%20L417.9%2C624.6%20L409.0%2C629.6%20L400.8%2C637.0%20L393.0%2C646.5%20L385.2%2C657.8%20L377.0%2C670.3%20L368.3%2C683.3%20L358.8%2C696.1%20L348.4%2C707.8%20L337.2%2C717.9%20L325.3%2C725.5%20L312.8%2C730.4%20L300.0%2C732.0%20L287.2%2C730.4%20L274.7%2C725.5%20L262.8%2C717.9%20L251.6%2C707.8%20L241.2%2C696.1%20L231.7%2C683.3%20L223.0%2C670.3%20L214.8%2C657.8%20L207.0%2C646.5%20L199.2%2C637.0%20L191.0%2C629.6%20L182.1%2C624.6%20L172.3%2C621.8%20L161.3%2C621.3%20L149.0%2C622.5%20L135.5%2C624.9%20L120.9%2C628.0%20L105.6%2C631.0%20L89.8%2C633.3%20L74.1%2C634.3%20L59.1%2C633.5%20L45.2%2C630.5%20L33.0%2C625.1%20L22.8%2C617.2%20L14.9%2C607.0%20L9.5%2C594.8%20L6.5%2C580.9%20L5.7%2C565.9%20L6.7%2C550.2%20L9.0%2C534.4%20L12.0%2C519.1%20L15.1%2C504.5%20L17.5%2C491.0%20L18.7%2C478.7%20L18.2%2C467.7%20L15.4%2C457.9%20L10.4%2C449.0%20L3.0%2C440.8%20L-6.5%2C433.0%20L-17.8%2C425.2%20L-30.3%2C417.0%20L-43.3%2C408.3%20L-56.1%2C398.8%20L-67.8%2C388.4%20L-77.9%2C377.2%20L-85.5%2C365.3%20L-90.4%2C352.8%20L-92.0%2C340.0%20L-90.4%2C327.2%20L-85.5%2C314.7%20L-77.9%2C302.8%20L-67.8%2C291.6%20L-56.1%2C281.2%20L-43.3%2C271.7%20L-30.3%2C263.0%20L-17.8%2C254.8%20L-6.5%2C247.0%20L3.0%2C239.2%20L10.4%2C231.0%20L15.4%2C222.1%20L18.2%2C212.3%20L18.7%2C201.3%20L17.5%2C189.0%20L15.1%2C175.5%20L12.0%2C160.9%20L9.0%2C145.6%20L6.7%2C129.8%20L5.7%2C114.1%20L6.5%2C99.1%20L9.5%2C85.2%20L14.9%2C73.0%20L22.8%2C62.8%20L33.0%2C54.9%20L45.2%2C49.5%20L59.1%2C46.5%20L74.1%2C45.7%20L89.8%2C46.7%20L105.6%2C49.0%20L120.9%2C52.0%20L135.5%2C55.1%20L149.0%2C57.5%20L161.3%2C58.7%20L172.3%2C58.2%20L182.1%2C55.4%20L191.0%2C50.4%20L199.2%2C43.0%20L207.0%2C33.5%20L214.8%2C22.2%20L223.0%2C9.7%20L231.7%2C-3.3%20L241.2%2C-16.1%20L251.6%2C-27.8%20L262.8%2C-37.9%20L274.7%2C-45.5%20L287.2%2C-50.4%20L300.0%2C-52.0%20L312.8%2C-50.4%20L325.3%2C-45.5%20L337.2%2C-37.9%20L348.4%2C-27.8%20L358.8%2C-16.1%20L368.3%2C-3.3%20L377.0%2C9.7%20L385.2%2C22.2%20L393.0%2C33.5%20L400.8%2C43.0%20L409.0%2C50.4%20L417.9%2C55.4%20L427.7%2C58.2%20L438.7%2C58.7%20L451.0%2C57.5%20L464.5%2C55.1%20L479.1%2C52.0%20L494.4%2C49.0%20L510.2%2C46.7%20L525.9%2C45.7%20L540.9%2C46.5%20L554.8%2C49.5%20L567.0%2C54.9%20L577.2%2C62.8%20L585.1%2C73.0%20L590.5%2C85.2%20L593.5%2C99.1%20L594.3%2C114.1%20L593.3%2C129.8%20L591.0%2C145.6%20L588.0%2C160.9%20L584.9%2C175.5%20L582.5%2C189.0%20L581.3%2C201.3%20L581.8%2C212.3%20L584.6%2C222.1%20L589.6%2C231.0%20L597.0%2C239.2%20L606.5%2C247.0%20L617.8%2C254.8%20L630.3%2C263.0%20L643.3%2C271.7%20L656.1%2C281.2%20L667.8%2C291.6%20L677.9%2C302.8%20L685.5%2C314.7%20L690.4%2C327.2%20L692.0%2C340.0%20Z%22%2F%3E%3Cpath%20d%3D%22M774.9%2C340.0%20L772.9%2C355.5%20L767.1%2C370.6%20L757.8%2C385.1%20L745.6%2C398.7%20L731.3%2C411.2%20L715.9%2C422.7%20L700.1%2C433.3%20L685.0%2C443.2%20L671.3%2C452.6%20L659.8%2C462.1%20L650.8%2C472.0%20L644.7%2C482.8%20L641.4%2C494.7%20L640.8%2C508.0%20L642.2%2C522.9%20L645.2%2C539.3%20L648.9%2C556.9%20L652.5%2C575.6%20L655.4%2C594.6%20L656.6%2C613.6%20L655.6%2C631.8%20L651.9%2C648.6%20L645.3%2C663.4%20L635.8%2C675.8%20L623.4%2C685.3%20L608.6%2C691.9%20L591.8%2C695.6%20L573.6%2C696.6%20L554.6%2C695.4%20L535.6%2C692.5%20L516.9%2C688.9%20L499.3%2C685.2%20L482.9%2C682.2%20L468.0%2C680.8%20L454.7%2C681.4%20L442.8%2C684.7%20L432.0%2C690.8%20L422.1%2C699.8%20L412.6%2C711.3%20L403.2%2C725.0%20L393.3%2C740.1%20L382.7%2C755.9%20L371.2%2C771.3%20L358.7%2C785.6%20L345.1%2C797.8%20L330.6%2C807.1%20L315.5%2C812.9%20L300.0%2C814.9%20L284.5%2C812.9%20L269.4%2C807.1%20L254.9%2C797.8%20L241.3%2C785.6%20L228.8%2C771.3%20L217.3%2C755.9%20L206.7%2C740.1%20L196.8%2C725.0%20L187.4%2C711.3%20L177.9%2C699.8%20L168.0%2C690.8%20L157.2%2C684.7%20L145.3%2C681.4%20L132.0%2C680.8%20L117.1%2C682.2%20L100.7%2C685.2%20L83.1%2C688.9%20L64.4%2C692.5%20L45.4%2C695.4%20L26.4%2C696.6%20L8.2%2C695.6%20L-8.6%2C691.9%20L-23.4%2C685.3%20L-35.8%2C675.8%20L-45.3%2C663.4%20L-51.9%2C648.6%20L-55.6%2C631.8%20L-56.6%2C613.6%20L-55.4%2C594.6%20L-52.5%2C575.6%20L-48.9%2C556.9%20L-45.2%2C539.3%20L-42.2%2C522.9%20L-40.8%2C508.0%20L-41.4%2C494.7%20L-44.7%2C482.8%20L-50.8%2C472.0%20L-59.8%2C462.1%20L-71.3%2C452.6%20L-85.0%2C443.2%20L-100.1%2C433.3%20L-115.9%2C422.7%20L-131.3%2C411.2%20L-145.6%2C398.7%20L-157.8%2C385.1%20L-167.1%2C370.6%20L-172.9%2C355.5%20L-174.9%2C340.0%20L-172.9%2C324.5%20L-167.1%2C309.4%20L-157.8%2C294.9%20L-145.6%2C281.3%20L-131.3%2C268.8%20L-115.9%2C257.3%20L-100.1%2C246.7%20L-85.0%2C236.8%20L-71.3%2C227.4%20L-59.8%2C217.9%20L-50.8%2C208.0%20L-44.7%2C197.2%20L-41.4%2C185.3%20L-40.8%2C172.0%20L-42.2%2C157.1%20L-45.2%2C140.7%20L-48.9%2C123.1%20L-52.5%2C104.4%20L-55.4%2C85.4%20L-56.6%2C66.4%20L-55.6%2C48.2%20L-51.9%2C31.4%20L-45.3%2C16.6%20L-35.8%2C4.2%20L-23.4%2C-5.3%20L-8.6%2C-11.9%20L8.2%2C-15.6%20L26.4%2C-16.6%20L45.4%2C-15.4%20L64.4%2C-12.5%20L83.1%2C-8.9%20L100.7%2C-5.2%20L117.1%2C-2.2%20L132.0%2C-0.8%20L145.3%2C-1.4%20L157.2%2C-4.7%20L168.0%2C-10.8%20L177.9%2C-19.8%20L187.4%2C-31.3%20L196.8%2C-45.0%20L206.7%2C-60.1%20L217.3%2C-75.9%20L228.8%2C-91.3%20L241.3%2C-105.6%20L254.9%2C-117.8%20L269.4%2C-127.1%20L284.5%2C-132.9%20L300.0%2C-134.9%20L315.5%2C-132.9%20L330.6%2C-127.1%20L345.1%2C-117.8%20L358.7%2C-105.6%20L371.2%2C-91.3%20L382.7%2C-75.9%20L393.3%2C-60.1%20L403.2%2C-45.0%20L412.6%2C-31.3%20L422.1%2C-19.8%20L432.0%2C-10.8%20L442.8%2C-4.7%20L454.7%2C-1.4%20L468.0%2C-0.8%20L482.9%2C-2.2%20L499.3%2C-5.2%20L516.9%2C-8.9%20L535.6%2C-12.5%20L554.6%2C-15.4%20L573.6%2C-16.6%20L591.8%2C-15.6%20L608.6%2C-11.9%20L623.4%2C-5.3%20L635.8%2C4.2%20L645.3%2C16.6%20L651.9%2C31.4%20L655.6%2C48.2%20L656.6%2C66.4%20L655.4%2C85.4%20L652.5%2C104.4%20L648.9%2C123.1%20L645.2%2C140.7%20L642.2%2C157.1%20L640.8%2C172.0%20L641.4%2C185.3%20L644.7%2C197.2%20L650.8%2C208.0%20L659.8%2C217.9%20L671.3%2C227.4%20L685.0%2C236.8%20L700.1%2C246.7%20L715.9%2C257.3%20L731.3%2C268.8%20L745.6%2C281.3%20L757.8%2C294.9%20L767.1%2C309.4%20L772.9%2C324.5%20L774.9%2C340.0%20Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"), linear-gradient(150deg, #087da9 0%, #00415c 38%, #05334a 66%, #03141f 100%); background-size: 640px auto, cover; background-position: center 20px, center; background-repeat: repeat-y, no-repeat; }

/* Subscription detail: compact actions, preserving the original green/red intent. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-4.pb-6 > button.inline-flex.rounded-2xl {
  min-height: 48px;
  height: auto;
  padding: 12px 16px;
  border-radius: 15px;
  font-size: 15px;
  line-height: 22px;
  box-shadow: none;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-4.pb-6 > button.from-emerald-500 {
  background: linear-gradient(135deg, #0b9872, #087959);
  color: #fff;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-4.pb-6 > button.from-red-500 {
  background: linear-gradient(135deg, #e53c55, #be233e);
  color: #fff;
}

/* Renewal wizard: opaque black cards with clear cyan selection. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-5 :is(div,button).rounded-2xl.border {
  background: #060a0d;
  border-radius: 20px;
  box-shadow: inset 0 0 0 1px #254450;
  backdrop-filter: none;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-5 button.rounded-full.border {
  min-height: 40px;
  background: #060a0d;
  box-shadow: inset 0 0 0 1px #254450;
  color: #b6c5cc;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-5 button.border:is([class~="border-blue-500/45"],[class~="border-blue-500/50"],[class~="border-emerald-500/35"]) {
  background: #09232e;
  box-shadow: inset 0 0 0 2px #31b6dd;
  color: #fff;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-5 button.rounded-2xl.text-left {
  min-height: 70px;
  padding: 14px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-5 button.rounded-2xl.flex-col { min-height: 98px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-5 :is(.text-zinc-400,.text-zinc-500) { color: #a4b6bf; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-5 button.h-8.w-8 {
  min-height: 36px;
  min-width: 36px;
  background: #123440;
  border-radius: 11px;
  color: #a4e4fa;
}

/* Top-up page: the same opaque surfaces and cyan selection as renewal. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-4 > div.rounded-xl.border,
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-4 button.rounded-2xl.border {
  background: #060a0d;
  border-radius: 20px;
  box-shadow: inset 0 0 0 1px #254450;
  backdrop-filter: none;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-4 > div.rounded-xl.border { padding: 17px 16px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-4 input[type="number"] {
  min-height: 58px;
  background: #060a0d;
  border-radius: 17px;
  color: #f5faff;
  font-size: 24px;
  box-shadow: inset 0 0 0 1px #335763;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-4 input[type="number"]:focus {
  outline: 2px solid #54cbed;
  outline-offset: 2px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-4 .mt-2 > button.flex-1 {
  min-height: 40px;
  background: #0b2935;
  color: #a5e6fb;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px #22637b;
  font-size: 13px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-4 button.rounded-2xl.flex-col { min-height: 96px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-4 button.border[class~="border-blue-500/45"] {
  background: #09232e;
  color: #fff;
  box-shadow: inset 0 0 0 2px #31b6dd;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-4 > div.pt-1 > button.inline-flex {
  min-height: 50px;
  height: auto;
  padding: 13px 16px;
  border-radius: 16px;
  background: #0793c9;
  color: #fff;
  box-shadow: none;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-4 > div.pt-1 > button:disabled {
  background: #123340;
  color: #8da8b4;
  opacity: .7;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div.space-y-5.pb-4 > div.space-y-4 .text-zinc-400 { color: #a4b6bf; }

/* App-owned back/close controls. Telegram's native header is unchanged. */
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button[aria-label="Назад"],
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > button.inline-flex:has(> svg.lucide-arrow-left) {
  background: #078fbe;
  color: #fff;
  box-shadow: inset 0 0 0 1px #55c9e9, 0 4px 12px #002a3d38;
  border-radius: 13px;
  min-height: 42px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) main > div > button.inline-flex:has(> svg.lucide-arrow-left) {
  padding: 9px 14px;
  gap: 7px;
  font-weight: 600;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button[aria-label="Закрыть"] {
  background: #cb304b;
  color: #fff;
  box-shadow: inset 0 0 0 1px #f37589, 0 4px 12px #3f091b30;
  border-radius: 13px;
  min-height: 42px;
  min-width: 42px;
}
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button:is([aria-label="Назад"],[aria-label="Закрыть"]) > svg { color: #fff; stroke-width: 2.5px; }
:where(div.min-h-screen.w-full.text-white.relative.overflow-x-hidden) button:is([aria-label="Назад"],[aria-label="Закрыть"]):disabled {
  background: #174655;
  color: #86a5b1;
  box-shadow: inset 0 0 0 1px #467282;
  opacity: .5;
}