@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");
:root {
  --g: #b7ff00;
  --w: #fff;
  --muted: #8e8e93;
  --card: #1b1b1e;
}
.telegram-check main,
.telegram-check .bottom-nav,
.telegram-blocked main,
.telegram-blocked .bottom-nav { display:none !important; }
.telegram-gate {
  position:fixed;
  inset:0;
  z-index:10000;
  display:none;
  box-sizing:border-box;
  place-content:center;
  justify-items:center;
  padding:28px;
  background:#000;
  color:#fff;
  text-align:center;
}
.telegram-check .telegram-gate,
.telegram-blocked .telegram-gate { display:grid; }
.telegram-ready .telegram-gate { display:none; }
.telegram-gate__mark {
  display:grid;
  width:74px;
  height:74px;
  margin-bottom:26px;
  place-items:center;
  border:1px solid rgba(183,255,0,.55);
  border-radius:18px;
  background:#151619;
  color:var(--g);
  font:800 38px/1 Arial,Helvetica,sans-serif;
  box-shadow:0 0 30px rgba(183,255,0,.12);
}
.telegram-gate h1 {
  max-width:360px;
  margin:0;
  font:800 24px/1.12 Arial,Helvetica,sans-serif;
}
.telegram-gate p {
  max-width:340px;
  margin:14px 0 24px;
  color:rgba(255,255,255,.62);
  font:600 13px/1.45 Arial,Helvetica,sans-serif;
}
.telegram-gate__button {
  display:inline-flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
  padding:0 22px;
  border-radius:8px;
  background:var(--g);
  color:#050505;
  font:800 13px/1 Arial,Helvetica,sans-serif;
  text-decoration:none;
}
.profile-panel {
  width:calc(100% - 28px);
  margin:18px auto 120px;
  padding:32px 18px 18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  background:#111214;
  text-align:center;
}
.profile-avatar {
  display:grid;
  width:86px;
  height:86px;
  margin:0 auto 20px;
  place-items:center;
  border:1px solid rgba(183,255,0,.5);
  border-radius:50%;
  background:#202126 center/cover no-repeat;
  color:var(--g);
  font:800 34px/1 Arial,Helvetica,sans-serif;
}
.profile-panel > small { color:var(--g); font:800 8px/1 Arial,Helvetica,sans-serif; letter-spacing:.14em; }
.profile-panel h1 { margin:10px 0 6px; font:800 22px/1.1 Arial,Helvetica,sans-serif; }
.profile-panel > p { margin:0; color:#8e8e93; font:600 11px/1.3 Arial,Helvetica,sans-serif; }
.profile-details { margin:28px 0 0; text-align:left; }
.profile-details div { display:flex; justify-content:space-between; gap:16px; padding:15px 0; border-top:1px solid rgba(255,255,255,.09); }
.profile-details dt { color:#777; font:600 10px/1.2 Arial,Helvetica,sans-serif; }
.profile-details dd { min-width:0; margin:0; overflow-wrap:anywhere; color:#fff; font:700 10px/1.2 Arial,Helvetica,sans-serif; text-align:right; }
.profile-setting {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:4px;
  padding:17px 0 2px;
  border-top:1px solid rgba(255,255,255,.09);
  text-align:left;
}
.profile-setting strong { display:block; font:700 12px/1.2 Arial,Helvetica,sans-serif; }
.profile-setting span { display:block; margin-top:4px; color:#777; font:600 9px/1.3 Arial,Helvetica,sans-serif; }
.switch { position:relative; flex:0 0 46px; width:46px; height:26px; }
.switch input { position:absolute; opacity:0; pointer-events:none; }
.switch > span { position:absolute; inset:0; margin:0; border-radius:13px; background:#303035; transition:background .2s ease; }
.switch > span::after { content:""; position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; transition:transform .2s ease; }
.switch input:checked + span { background:var(--g); }
.switch input:checked + span::after { transform:translateX(20px); background:#090909; }
.admin-panel {
  width:calc(100% - 28px);
  margin:0 auto 130px;
  padding:20px 16px;
  border:1px solid rgba(183,255,0,.28);
  border-radius:18px;
  background:#111214;
}
.admin-header small { color:var(--g); font:800 8px/1 Arial,Helvetica,sans-serif; letter-spacing:.14em; }
.admin-header h2 { margin:8px 0 5px; font:800 20px/1.1 Arial,Helvetica,sans-serif; }
.admin-header p { margin:0 0 20px; color:#777; font:600 10px/1.35 Arial,Helvetica,sans-serif; }
.admin-fields { display:grid; gap:12px; }
.admin-fields label { display:grid; gap:7px; color:#aaa; font:700 9px/1.2 Arial,Helvetica,sans-serif; }
.admin-fields input,.admin-fields select {
  width:100%;
  min-height:44px;
  padding:0 12px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:7px;
  outline:none;
  background:#090a0b;
  color:#fff;
  font:600 12px/1 Arial,Helvetica,sans-serif;
}
.admin-fields input:focus,.admin-fields select:focus { border-color:rgba(183,255,0,.65); }
.admin-fields button,.deposit-primary {
  min-height:46px;
  border:0;
  border-radius:7px;
  background:var(--g);
  color:#050505;
  font:800 13px/1 Arial,Helvetica,sans-serif;
}
.admin-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-bottom:18px; padding:4px; border-radius:9px; background:#08090a; }
.admin-tabs button { min-height:36px; border:0; border-radius:6px; background:transparent; color:#777; font:700 10px/1 Arial,Helvetica,sans-serif; }
.admin-tabs button.is-active { background:#202226; color:var(--g); }
.admin-tab { display:none; }
.admin-tab.is-active { display:block; }
.admin-list { display:grid; gap:8px; margin-top:16px; }
.admin-list-item { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:#090a0b; }
.admin-list-item strong,.admin-list-item small { display:block; }
.admin-list-item strong { font:700 11px/1.2 Arial,Helvetica,sans-serif; }
.admin-list-item small { margin-top:4px; color:#777; font:600 9px/1.2 Arial,Helvetica,sans-serif; }
.admin-list-item button,.admin-danger { min-height:34px; padding:0 10px; border:1px solid rgba(255,83,100,.3); border-radius:6px; background:rgba(255,83,100,.08); color:#ff6675; font:700 9px/1 Arial,Helvetica,sans-serif; }
.admin-link-card { margin-bottom:10px; padding:12px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:#090a0b; }
.admin-link-card small { display:block; margin-bottom:8px; color:#999; font:700 9px/1 Arial,Helvetica,sans-serif; }
.admin-link-card div,.worker-panel div { display:grid; grid-template-columns:1fr auto; gap:7px; }
.admin-link-card input,.worker-panel input { min-width:0; height:38px; padding:0 10px; border:1px solid rgba(255,255,255,.1); border-radius:6px; background:#030303; color:#ddd; font:600 9px/1 Arial,Helvetica,sans-serif; }
.admin-link-card button,.worker-panel button,#admin-refresh-links { min-height:38px; padding:0 12px; border:0; border-radius:6px; background:var(--g); color:#050505; font:800 9px/1 Arial,Helvetica,sans-serif; }
#admin-refresh-links { width:100%; }
.admin-list-title { margin:22px 0 0; color:#fff; font:800 13px/1.1 Arial,Helvetica,sans-serif; }
.worker-panel { width:calc(100% - 28px); margin:0 auto 130px; padding:18px; border:1px solid rgba(183,255,0,.28); border-radius:18px; background:#111214; }
.worker-panel > small { color:var(--g); font:800 8px/1 Arial,Helvetica,sans-serif; letter-spacing:.14em; }
.worker-panel h2 { margin:8px 0 6px; font:800 19px/1.1 Arial,Helvetica,sans-serif; }
.worker-panel p { margin:0 0 15px; color:#777; font:600 10px/1.4 Arial,Helvetica,sans-serif; }
.form-status { min-height:14px; margin:0; color:#999; font:600 9px/1.3 Arial,Helvetica,sans-serif; }
.form-status.is-error { color:#ff5364; }
.deposit-method-empty { padding:26px 8px; text-align:center; }
.screen-exchange { min-height:calc(100dvh - 24px); padding:6px 0 30px; background:#000; }
.exchange-page { position:relative; width:calc(100% - 28px); min-height:calc(100dvh - 54px); margin:0 auto; padding-bottom:78px; }
.exchange-header { display:flex !important; height:auto; align-items:center; gap:13px; padding:12px 0 18px; }
.exchange-header button { width:38px; height:38px; flex:none; border:1px solid rgba(255,255,255,.12); border-radius:50%; background:#151619; color:#fff; font:22px/1 Arial,sans-serif; }
.exchange-header small { color:var(--g); font:800 8px/1 Arial,sans-serif; letter-spacing:.12em; }
.exchange-header h2 { margin:4px 0 0; font:800 21px/1 Arial,sans-serif; }
.exchange-card { position:relative; min-height:142px; padding:18px 16px; border:1px solid rgba(255,255,255,.14); border-radius:14px; background:#101113; }
.exchange-card--receive { margin-top:8px; }
.exchange-label { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#8b9099; font:600 11px/1 Arial,sans-serif; }
.exchange-label small { font:600 10px/1 Arial,sans-serif; }
.exchange-row { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:12px; margin-top:23px; }
.exchange-row > input,.exchange-row > strong { width:100%; min-width:0; border:0; outline:0; background:transparent; color:#fff; font:800 36px/1 Arial,sans-serif; }
.exchange-row > input::placeholder { color:#fff; }
.exchange-asset { display:flex; height:40px; align-items:center; gap:7px; padding:0 9px; border:1px solid rgba(255,255,255,.14); border-radius:20px; background:#08090a; }
.exchange-asset img { width:22px; height:22px; object-fit:contain; animation:exchangeCoinFloat 2.8s ease-in-out infinite; }
.exchange-asset select { max-width:84px; border:0; outline:0; background:#08090a; color:#fff; font:700 12px/1 Arial,sans-serif; }
.exchange-max { position:absolute; left:16px; bottom:14px; min-height:27px; padding:0 10px; border:1px solid rgba(183,255,0,.32); border-radius:14px; background:transparent; color:var(--g); font:800 9px/1 Arial,sans-serif; }
.exchange-swap { position:relative; z-index:2; display:flex; width:48px; height:48px; margin:-20px auto -20px; align-items:center; justify-content:center; gap:0; border:5px solid #000; border-radius:50%; background:#17181b; color:#fff; font:19px/1 Arial,sans-serif; }
.exchange-swap span { display:block; width:10px; }
.exchange-swap.is-spinning { animation:exchangeSwap .45s cubic-bezier(.2,.8,.3,1); }
.exchange-rate { display:flex; min-height:50px; align-items:center; justify-content:space-between; gap:10px; margin-top:10px; padding:0 14px; border:1px solid rgba(255,255,255,.13); border-radius:11px; background:#101113; }
.exchange-rate span { color:#858a93; font:600 10px/1 Arial,sans-serif; }
.exchange-rate strong { overflow:hidden; font:700 10px/1.3 Arial,sans-serif; text-align:right; text-overflow:ellipsis; }
.exchange-status { margin:12px 5px 0; text-align:center; }
.exchange-submit { position:absolute; left:0; right:0; bottom:0; width:100%; min-height:54px; border:0; border-radius:10px; background:var(--g); color:#070707; font:800 14px/1 Arial,sans-serif; }
.exchange-submit:disabled { opacity:.35; }
body.exchange-open .bottom-nav { display:none !important; }
@keyframes exchangeCoinFloat { 0%,100%{transform:translateY(0) rotate(0)} 50%{transform:translateY(-3px) rotate(7deg)} }
@keyframes exchangeSwap { to{transform:rotate(180deg)} }
.screen-deposit { min-height:calc(100dvh - 24px); padding:22px 0 50px; background:#000; }
.deposit-page { width:calc(100% - 28px); margin:0 auto; }
.deposit-page-back { width:34px; height:34px; margin-bottom:22px; border:0; border-radius:50%; background:#18191c; color:#fff; font:20px/1 Arial,sans-serif; }
.deposit-step { display:none; }
.deposit-step.is-active { display:block; }
.deposit-step h2 { margin:0 44px 12px 0; font:800 24px/1.08 Arial,Helvetica,sans-serif; }
.deposit-step > p { margin:0 0 22px; color:#777; font:600 13px/1.45 Arial,Helvetica,sans-serif; }
.deposit-method {
  display:grid;
  width:100%;
  min-height:72px;
  grid-template-columns:46px 1fr 18px;
  align-items:center;
  gap:12px;
  padding:10px 13px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:#111214;
  color:#fff;
  text-align:left;
}
.deposit-method__icon { display:grid; width:42px; height:42px; margin:0; place-items:center; border-radius:50%; background:var(--g); color:#050505; font:800 18px/1 Arial,sans-serif; }
.deposit-method__icon img { width:25px; height:25px; object-fit:contain; filter:none; }
.deposit-method__icon img[src$="wallet.svg"] { filter:brightness(0); }
.deposit-method strong,.deposit-method small { display:block; }
.deposit-method strong { font:700 14px/1.2 Arial,Helvetica,sans-serif; }
.deposit-method small { margin-top:5px; color:#777; font:600 11px/1.2 Arial,Helvetica,sans-serif; }
.deposit-method b { color:#ddd; font:26px/1 Arial,sans-serif; }
.deposit-method.is-disabled { opacity:.42; cursor:default; }
.deposit-divider { display:flex; align-items:center; gap:12px; margin:14px 40px; color:#666; font:600 11px/1 Arial,sans-serif; }
.deposit-divider::before,.deposit-divider::after { content:""; height:1px; flex:1; background:#292a2d; }
.deposit-back { width:34px; height:34px; margin-bottom:16px; border:0; border-radius:50%; background:#18191c; color:#fff; font:20px/1 Arial,sans-serif; }
.deposit-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.deposit-option { display:flex; min-height:64px; align-items:center; gap:10px; padding:10px; border:1px solid rgba(255,255,255,.13); border-radius:10px; background:#111214; color:#fff; text-align:left; }
.deposit-option img { width:36px; height:36px; object-fit:contain; }
.deposit-option strong { display:block; font:800 13px/1.1 Arial,Helvetica,sans-serif; }
.deposit-option small { display:block; margin-top:4px; color:#777; font:600 9px/1.1 Arial,Helvetica,sans-serif; }
.deposit-amount { display:flex; height:64px; align-items:center; gap:9px; padding:0 16px; border:1px solid rgba(183,255,0,.35); border-radius:10px; background:#111214; color:var(--g); font:800 24px/1 Arial,sans-serif; }
.deposit-amount input { min-width:0; width:100%; border:0; outline:0; background:transparent; color:#fff; font:800 24px/1 Arial,sans-serif; }
.deposit-equivalent { min-height:20px; margin:10px 0 20px !important; color:#aaa !important; }
.deposit-primary { width:100%; }
.deposit-requisite { margin-bottom:10px; padding:13px; border:1px solid rgba(255,255,255,.11); border-radius:9px; background:#111214; }
.deposit-requisite small { display:block; margin-bottom:7px; color:#777; font:600 9px/1 Arial,Helvetica,sans-serif; }
.deposit-requisite strong { display:block; overflow-wrap:anywhere; color:#fff; font:700 12px/1.35 Arial,Helvetica,sans-serif; }
.deposit-result { padding:26px 0 4px; text-align:center; }
.deposit-result__icon { display:grid; width:64px; height:64px; margin:0 auto 20px; place-items:center; border-radius:50%; background:var(--g); color:#050505; font:800 28px/1 Arial,sans-serif; }
.deposit-result h2 { margin-right:0; }
body.deposit-open .bottom-nav { display:none !important; }
@keyframes depositPress {
  0% { transform:scale(1); }
  38% { transform:scale(.96); }
  100% { transform:scale(1); }
}
@keyframes depositWalletIcon {
  0%,100% { transform:translateY(0) rotate(0deg) scale(1); }
  38% { transform:translateY(-3px) rotate(-8deg) scale(1.08); }
  68% { transform:translateY(1px) rotate(5deg) scale(.98); }
}
@keyframes depositRubleIcon {
  0%,100% { transform:rotate(0deg) scale(1); }
  42% { transform:rotate(-18deg) scale(1.12); }
  72% { transform:rotate(9deg) scale(1.03); }
}
.screen-deposit button:not(:disabled) { cursor:pointer; -webkit-tap-highlight-color:transparent; }
.screen-deposit button.is-pressing { animation:depositPress .46s cubic-bezier(.2,.8,.3,1); }
.deposit-method.is-pressing .deposit-method__icon img[src$="wallet.svg"] { animation:depositWalletIcon .46s cubic-bezier(.2,.8,.3,1); }
.deposit-method.is-pressing .deposit-method__icon img[src$="ruble.svg"] { animation:depositRubleIcon .46s cubic-bezier(.2,.8,.3,1); }
.screen-deposit button:focus-visible { outline:2px solid var(--g); outline-offset:3px; }
@media (prefers-reduced-motion:reduce) {
  .screen-deposit button.is-pressing,
  .deposit-method.is-pressing .deposit-method__icon img { animation:none; }
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  overflow-x:hidden;
  background: #000 !important;
  color: var(--w);
  font-family: "Press Start 2P", monospace;
  font-size: 9px;`n  letter-spacing: -0.35px;
}
.hero{background:transparent!important}
.hero div {
  display: none !important;
}
main {
  max-width: 620px;
  margin: auto;
  padding: 18px 0 105px;
}
header {
  height: 52px;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 11px;
}
.logo {
  width: 34px;
  height: 34px;
  border: 1px solid var(--g);
  display: grid;
  place-items: center;
  color: var(--g);
  font-size: 16px;
}
.title {
  font-size: 15px;
  letter-spacing: 2px;
}
.title small {
  display: block;
  color: #707074;
  font-size: 6px;
  letter-spacing: 1px;
  margin-top: 7px;
}
.settings {
  margin-left: auto;
  color: var(--g);
  background: none;
  border: 0;
  font: 18px inherit;
}
.wallet {
  text-align: center;
  padding: 47px 15px 27px;
}
.wallet > span {
  color: var(--g);
  font-size: 9px;
  letter-spacing: 2px;
}
.balance {
  font-size: 39px;
  color: var(--g);
  margin: 20px 0 13px;
}
.balance span {
  color: #fff;
  font-size: 21px;
}
.wallet p {
  margin: 0;
  color: #707074;
  font-size: 8px;
}
.actions {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  padding: 0 12px 20px;
}
.actions button {
  height: 48px;
  background: var(--card);
  border: 1px solid #333;
  border-radius: 9px;
  color: #fff;
  font: 8px "Press Start 2P";
}
.actions button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  border-radius: 50%;
  width: 88px;
  height: 88px;
  margin: auto;
  background: transparent;
  border: 0;
  color: #fff;
}
.actions button:first-child {
  border-color: #4b4b50;
  color: #fff;
}
.actions i {
  font: 28px Arial;
  color: var(--g);
  font-style: normal;
  line-height: 1;
}
.actions b {
  font: 7px "Press Start 2P";
  white-space: nowrap;
}
.actions button:first-child {
  border-color: var(--g);
  color: var(--g);
}
.hero {
  position: relative;
  width: 100%;
  height: 205px;
  overflow: hidden;
}
.hero img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: brightness(0.58) saturate(0.85);
}
.hero:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #0009, #0002, #0009);
}
.hero div {
  position: absolute;
  z-index: 1;
  inset: 0;
  display: grid;
  place-items: center;
  color: var(--g);
  font-size: 13px;
  letter-spacing: 2px;
  text-shadow: 0 0 15px #000;
}
.ref {
  text-align: center;
  padding: 34px 14px;
}
.ref-icon {
  color: var(--g);
  font-size: 24px;
}
.ref h2 {
  font-size: 12px;
  line-height: 2;
  margin: 16px 0 10px;
}
.ref p {
  color: var(--muted);
  font-size: 8px;
  line-height: 2;
}
nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  height: 74px;
  background: #000;
  border-top: 1px solid #27272a;
  display: flex;
  justify-content: space-around;
  padding-top: 11px;
}
nav a {
  text-align: center;
  color: #777;
  font-size: 20px;
}
nav a.active {
  color: var(--g);
}
nav small {
  display: block;
  margin-top: 8px;
  font: 7px "Press Start 2P";
  color: inherit;
}
.grain {
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.08;
  background-image: radial-gradient(#fff 1px, transparent 1px);
  background-size: 5px 5px;
}

html, body { background: #000 !important; }
body { background-image: none !important; }
header, nav, .ref { display: none !important; }
main { padding-top: 22px; }
.hero { width: calc(100% - 28px); margin: 18px auto 0; height: 220px; border-radius: 28px; overflow: hidden; position: relative; }
.hero img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.hero > .hero-character { position:absolute; z-index:5; right:6%; bottom:2%; width:29%; max-width:165px; height:auto; aspect-ratio:1; object-fit:contain; filter:none !important; pointer-events:none; }
.actions button { width:58px !important; height:58px !important; background:transparent !important; border:0 !important; }
.actions b { display:none !important; }
.actions i { font-size:30px !important; color:var(--g) !important; }
.hero img { filter:none !important; }
.hero:after { display:none !important; }
.hero:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  opacity: .28;
  background:
    repeating-linear-gradient(0deg, transparent 0 34px, rgba(255,255,255,.16) 34px 35px),
    repeating-linear-gradient(90deg, transparent 0 34px, rgba(255,255,255,.16) 34px 35px),
    repeating-conic-gradient(from 45deg, rgba(255,255,255,.045) 0 25%, rgba(0,0,0,.045) 0 50%);
  background-size: auto, auto, 68px 68px;
  mix-blend-mode: screen;
  animation: tilePulse 9s ease-in-out infinite alternate;
}
@keyframes tilePulse {
  0%,100% { opacity: .18; filter: brightness(.94); }
  50% { opacity: .30; filter: brightness(1.06); }
}
.hero:before { display:none !important; }
.tile-grid { position:absolute; inset:-2px; z-index:4; display:grid; grid-template-columns:repeat(15,1fr); grid-template-rows:repeat(6,1fr); pointer-events:none; overflow:hidden; border-radius:inherit; mix-blend-mode:difference; gap:0; }
.tile-grid i { display:block; margin:-1px; border:1px solid rgba(255,255,255,.02); background:rgba(255,255,255,.0024); animation:tileGlow var(--duration) linear var(--delay) infinite alternate; }
.tile-grid i:nth-child(3n){background:rgba(255,255,255,.006)} .tile-grid i:nth-child(4n){background:rgba(255,255,255,.004)} .tile-grid i:nth-child(7n){background:rgba(255,255,255,.008)}
@keyframes tileGlow { 0%,100%{opacity:.008} 50%{opacity:.052} }
@media (prefers-reduced-motion:reduce){.tile-grid i{animation:none;opacity:.11}}

/* Action buttons: soft rounded icon buttons with clear labels. */
body { font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; letter-spacing: 0 !important; }
.wallet > span { font: 700 13px Arial, Helvetica, sans-serif; letter-spacing: 1.5px; color:#fff; }
.wallet p { font: 600 12px Arial, Helvetica, sans-serif; color:#fff; }
.actions { align-items: start; }
.actions { align-items: start; }
.action-item { display:flex; flex-direction:column; align-items:center; gap:10px; }
.actions button { width: 50px !important; height: 50px !important; border-radius: 50%; background: #25262a !important; background-image:none !important; border: 1px solid #3b3d43 !important; color: #fff !important; gap: 0; box-shadow: inset 0 1px 2px rgba(255,255,255,.08), 0 1px 3px rgba(0,0,0,.45); -webkit-font-smoothing: antialiased; display:grid !important; place-items:center !important; padding:0 !important; }
.actions button:first-child { border-color: #33353a !important; color: #fff !important; }
.actions i { font: 27px/1 Arial, Helvetica, sans-serif !important; color: #fff !important; font-weight: 300; display:flex; align-items:center; justify-content:center; width:100%; height:100%; letter-spacing:0 !important; transform:translateY(-1px); }
.actions i.swap-arrows { gap: 2px; font-size: 23px !important; letter-spacing:0 !important; transform:translateY(-1px); }
.actions i.swap-arrows span { display:block; width:10px; text-align:center; }
.actions b { display: block !important; color: #fff; font: 700 12px Arial, Helvetica, sans-serif !important; letter-spacing: 0; white-space:nowrap; }
.grain { display:none !important; }
.balance { font: 800 42px Arial, Helvetica, sans-serif; letter-spacing: -1px; color:var(--g); }
.balance .money,.balance .number { color:var(--g); }
.balance .punctuation { color:#fff; font-size:27px; }
.balance .cents { font-size:27px; }

/* Restore the previous typography scale. */
body { font-family: Arial, Helvetica, sans-serif !important; font-size: 14px !important; }
.wallet > span { font-size: 13px !important; }
.wallet p { font-size: 12px !important; }
.balance { font-size: 42px !important; }
.balance .punctuation, .balance .cents { font-size: 27px !important; }
.actions b { font-size: 12px !important; }
.wallet > span { font-size: 16px !important; font-weight: 700 !important; }
.balance { font-size: 52px !important; line-height: 1 !important; }
.balance .money, .balance .number { font-size: 52px !important; color: var(--g) !important; }
.balance .punctuation { font-size: 34px !important; color: #fff !important; }
.balance .cents { font-size: 34px !important; color: #fff !important; }
.wallet p { font-size: 14px !important; }

.assets-section { margin: 26px 14px 0; }
.assets-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.assets-heading h2 { margin:0; color:#fff; font:bold 16px Arial,sans-serif; }
.assets-heading span { color:var(--g); font:700 10px Arial,sans-serif; }
.asset-list { display:flex; flex-direction:column; gap:0; }
.asset-row { display:grid; width:100%; grid-template-columns:minmax(0,1.3fr) minmax(85px,1fr) minmax(82px,.8fr); align-items:center; min-height:67px; padding:0; border:0; border-bottom:1px solid rgba(255,255,255,.13); background:transparent; color:#fff; text-align:left; cursor:pointer; transition:background .18s ease; }
.asset-row:hover,.asset-row:focus-visible { outline:none; background:rgba(183,255,0,.055); }
.asset-left { display:flex; align-items:center; gap:10px; min-width:0; }
.asset-left img { width:38px; height:38px; border-radius:50%; object-fit:cover; background:#29303a; }
.asset-left img[src*="usdt.png"], .asset-left img[src*="xaut.png"] { background:transparent; }
.asset-left strong,.asset-price strong,.asset-balance strong { display:block; font:700 14px Arial,sans-serif; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.asset-left small,.asset-price small,.asset-balance small { display:block; margin-top:4px; color:#8f9aa8; font:12px Arial,sans-serif; }
.asset-price { text-align:right; }
.asset-price .rise { color:var(--g); }.asset-price .fall { color:#ff4d68; }
.asset-balance { text-align:right; }.asset-balance strong { font-size:13px; }

/* Withdrawal, history and market flows. */
.flow-header small { color:var(--g); font:800 8px/1 Arial,sans-serif; letter-spacing:.13em; }
.cult-flow { min-height:100dvh; background:#0b0d0f; }
.flow-page,.trade-page { min-height:100dvh; box-sizing:border-box; padding:16px 14px 26px; }
.flow-header { display:flex !important; align-items:center; gap:12px; min-height:54px; }
.flow-header button { display:grid; width:34px; height:34px; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:50%; background:#15181a; color:#fff; font:18px/1 Arial,sans-serif; }
.flow-header div { display:flex; flex-direction:column; gap:4px; }
.flow-header h2 { margin:0; color:#fff; font:800 20px/1 Arial,sans-serif; }
.flow-step { display:none; max-width:520px; margin:28px auto 0; }
.flow-step.is-active { display:block; }
.flow-step h3 { margin:0 0 8px; color:#fff; font:800 22px/1.1 Arial,sans-serif; }
.flow-step > p { margin:0 0 18px; color:#737b75; font:600 11px/1.4 Arial,sans-serif; }
.flow-assets { display:flex; flex-direction:column; gap:7px; }
.flow-assets button { display:grid; min-height:64px; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:10px; padding:8px 12px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:#131619; color:#fff; text-align:left; }
.flow-assets button:hover,.flow-assets button:focus-visible { border-color:rgba(183,255,0,.45); background:#171c18; }
.flow-assets img { width:34px; height:34px; object-fit:contain; }
.flow-assets span { display:flex; flex-direction:column; gap:4px; }
.flow-assets strong { font:800 12px/1 Arial,sans-serif; }.flow-assets small { color:#7b837c; font:600 9px/1 Arial,sans-serif; }.flow-assets b { color:var(--g); font:700 10px/1 Arial,sans-serif; }
.withdraw-destinations { display:flex; flex-direction:column; gap:9px; }
.withdraw-destinations > button { display:grid; min-height:76px; grid-template-columns:48px minmax(0,1fr) 18px; grid-template-rows:auto auto; align-items:center; column-gap:12px; padding:10px 13px; border:1px solid rgba(255,255,255,.11); border-radius:8px; background:#131619; color:#fff; text-align:left; cursor:pointer; transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.withdraw-destinations > button > span { display:grid; width:44px; height:44px; grid-row:1/3; place-items:center; border-radius:50%; background:var(--g); }
.withdraw-destinations img { width:25px; height:25px; object-fit:contain; }
.withdraw-destinations button[data-withdraw-payout="crypto"] img { filter:brightness(0); }
.withdraw-destinations strong { align-self:end; font:800 13px/1.15 Arial,sans-serif; }
.withdraw-destinations small { align-self:start; margin-top:5px; color:#7d867e; font:600 10px/1.2 Arial,sans-serif; }
.withdraw-destinations b { grid-column:3; grid-row:1/3; color:#fff; font:400 26px/1 Arial,sans-serif; }
.withdraw-destinations > button:hover,.withdraw-destinations > button:focus-visible { border-color:var(--g); background:#1a2118; transform:translateY(-2px); outline:none; }
.withdraw-destinations > button:hover img,.withdraw-destinations > button:focus-visible img { animation:depositWalletIcon .7s cubic-bezier(.2,.8,.3,1); }
.withdraw-destinations > button[data-withdraw-payout="rub"]:hover img,.withdraw-destinations > button[data-withdraw-payout="rub"]:focus-visible img { animation:depositRubleIcon .72s cubic-bezier(.2,.8,.3,1); }
.withdraw-networks button { transition:border-color .18s ease,background .18s ease,transform .18s ease; }
.withdraw-networks button:hover,.withdraw-networks button:focus-visible { transform:translateX(3px); }
.withdraw-networks button:hover img,.withdraw-networks button:focus-visible img { animation:exchangeCoinFloat .75s ease-in-out; }
.crypto-withdraw-heading { display:flex; align-items:center; gap:12px; margin:0 0 17px; padding:13px; border:1px solid rgba(183,255,0,.22); border-radius:8px; background:#141914; }
.crypto-withdraw-heading img { width:42px; height:42px; object-fit:contain; animation:exchangeCoinFloat 2.8s ease-in-out infinite; }
.crypto-withdraw-heading div { display:flex; flex-direction:column; gap:5px; }
.crypto-withdraw-heading strong { color:#fff; font:800 14px/1 Arial,sans-serif; }
.crypto-withdraw-heading small { color:var(--g); font:700 10px/1 Arial,sans-serif; }
.flow-back { margin-bottom:20px; padding:0; border:0; background:transparent; color:#899189; font:700 10px/1 Arial,sans-serif; }
.flow-balance,.flow-quote { margin:0 0 12px; color:#9da59d; font:700 10px/1.3 Arial,sans-serif; }
.flow-quote { color:var(--g); }.flow-field { display:block; margin:10px 0; }.flow-field span { display:block; margin:0 0 6px; color:#737b74; font:700 9px/1 Arial,sans-serif; }
.flow-field input,.flow-field textarea { width:100%; box-sizing:border-box; padding:13px 12px; border:1px solid rgba(255,255,255,.12); border-radius:8px; outline:0; background:#14181b; color:#fff; font:700 13px/1.2 Arial,sans-serif; }.flow-field input:focus,.flow-field textarea:focus { border-color:rgba(183,255,0,.55); }
.flow-field textarea { resize:vertical; }.flow-max { float:right; margin:-42px 10px 0 0; padding:7px; border:0; background:transparent; color:var(--g); font:800 9px/1 Arial,sans-serif; }
.flow-segment { display:flex; gap:6px; margin:14px 0; }.flow-segment button { flex:1; min-height:37px; border:1px solid rgba(255,255,255,.1); border-radius:7px; background:#15191c; color:#767e77; font:800 10px/1 Arial,sans-serif; }.flow-segment button.is-active { border-color:var(--g); background:rgba(183,255,0,.12); color:var(--g); }
.flow-primary { width:100%; min-height:48px; margin-top:10px; border:0; border-radius:8px; background:var(--g); color:#050505; font:800 11px/1 Arial,sans-serif; }.flow-primary:disabled { opacity:.42; }.flow-empty { padding:28px 12px; color:#707970; font:600 11px/1.4 Arial,sans-serif; text-align:center; }
.flow-result { padding-top:18vh; text-align:center; }.flow-result > span { display:grid; width:70px; height:70px; margin:0 auto 20px; place-items:center; border:1px solid var(--g); border-radius:50%; color:var(--g); font:800 32px/1 Arial,sans-serif; }.flow-result h2 { color:#fff; font:800 22px/1 Arial,sans-serif; }.flow-result p { color:#8c958d; font:600 11px/1.4 Arial,sans-serif; }
.history-page { max-width:640px; margin:auto; }
.history-overview { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:28px 0 15px; padding-bottom:13px; border-bottom:1px solid rgba(255,255,255,.1); }
.history-overview span { color:#788177; font:800 9px/1 Arial,sans-serif; letter-spacing:.08em; }
.history-overview strong { color:var(--g); font:800 11px/1 Arial,sans-serif; white-space:nowrap; }
.history-tabs { display:flex; gap:6px; margin:0 0 14px; overflow-x:auto; scrollbar-width:none; }.history-tabs::-webkit-scrollbar { display:none; }.history-tabs button { flex:none; min-height:36px; padding:0 12px; border:1px solid rgba(255,255,255,.1); border-radius:6px; background:#14181b; color:#a0a8a0; font:700 11px/1 Arial,sans-serif; }.history-tabs button.is-active { border-color:rgba(183,255,0,.5); background:rgba(183,255,0,.1); color:var(--g); }
.history-row { display:grid; min-height:78px; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:11px; border-bottom:1px solid rgba(255,255,255,.09); }
.history-row__icon { display:grid; width:40px; height:40px; place-items:center; border:1px solid rgba(183,255,0,.2); border-radius:50%; background:#171d17; }
.history-row__icon img { width:27px; height:27px; object-fit:contain; }
.history-row__details { display:flex; min-width:0; flex-direction:column; gap:5px; }
.history-row__details strong { color:#fff; font:800 13px/1.1 Arial,sans-serif; }
.history-row__details small { color:#899189; font:600 10px/1.2 Arial,sans-serif; }
.history-row__details small.history-state--approved { color:var(--g); }
.history-row__details small.history-state--pending,.history-row__details small.history-state--waiting_amount { color:#e8c66d; }
.history-row__details small.history-state--rejected,.history-row__details small.history-state--failed { color:#f07186; }
.history-row__amount { color:#cbd2c9; font:800 12px/1.2 Arial,sans-serif; text-align:right; }
.history-row__amount.done { color:var(--g); }
.history-empty { display:flex; min-height:calc(100dvh - 225px); flex-direction:column; align-items:center; justify-content:center; gap:16px; color:#969e96; font:700 13px/1.3 Arial,sans-serif; text-align:center; }
.history-empty__clock { position:relative; display:block; width:62px; height:62px; border:2px solid #65705f; border-radius:50%; background:rgba(183,255,0,.03); }
.history-empty__clock::before { content:""; position:absolute; left:29px; top:15px; width:2px; height:17px; border-radius:2px; background:var(--g); transform-origin:bottom center; transform:rotate(-3deg); }
.history-empty__clock::after { content:""; position:absolute; left:29px; top:30px; width:15px; height:2px; border-radius:2px; background:var(--g); transform-origin:left center; transform:rotate(35deg); }
.history-empty p { margin:0; }
.history-empty button { padding:9px 13px; border:1px solid rgba(183,255,0,.4); border-radius:6px; background:#151b15; color:var(--g); font:700 11px/1 Arial,sans-serif; }
.asset-page { max-width:640px; margin:auto; }
.asset-detail-hero { display:flex; flex-direction:column; align-items:center; padding:38px 12px 30px; text-align:center; }
.asset-detail-hero img { width:76px; height:76px; object-fit:contain; filter:drop-shadow(0 8px 18px rgba(183,255,0,.14)); }
.asset-detail-hero > span { margin-top:14px; color:#9ba59a; font:800 12px/1 Arial,sans-serif; }
.asset-detail-hero > strong { max-width:100%; margin-top:9px; color:#fff; font:800 42px/1 Arial,sans-serif; overflow-wrap:anywhere; }
.asset-detail-hero > small { margin-top:10px; color:#aab5aa; font:600 14px/1 Arial,sans-serif; }
.asset-detail-actions { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; padding-bottom:27px; border-bottom:1px solid rgba(255,255,255,.1); }
.asset-detail-actions button { display:flex; min-height:78px; flex-direction:column; align-items:center; justify-content:center; gap:8px; border:1px solid rgba(183,255,0,.25); border-radius:8px; background:#171c18; color:#fff; font:800 12px/1 Arial,sans-serif; cursor:pointer; transition:background .18s ease,border-color .18s ease,transform .18s ease; }
.asset-detail-actions button span { display:grid; width:30px; height:30px; place-items:center; border-radius:50%; background:var(--g); color:#121712; font:700 22px/1 Arial,sans-serif; }
.asset-detail-actions button:hover,.asset-detail-actions button:focus-visible { border-color:var(--g); background:#25311b; transform:translateY(-2px); outline:none; }
.asset-detail-actions button:disabled { opacity:.35; cursor:not-allowed; transform:none; }
.asset-detail-history { margin-top:26px; }
.asset-detail-history header { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding-bottom:11px; border-bottom:1px solid rgba(255,255,255,.1); }
.asset-detail-history h3 { margin:0; color:#fff; font:800 18px/1 Arial,sans-serif; }
.asset-detail-history header span { color:#9da89d; font:700 11px/1 Arial,sans-serif; }
.asset-detail-history .history-empty { min-height:160px; }
@media (max-width:520px) { .asset-detail-hero > strong { font-size:34px; } }
.profile-preferences { margin-top:18px; padding-top:18px; border-top:1px solid rgba(255,255,255,.1); text-align:left; }.profile-preferences h2 { margin:0 0 12px; color:#fff; font:800 17px/1 Arial,sans-serif; }.profile-preferences label { display:flex; align-items:center; justify-content:space-between; min-height:46px; border-bottom:1px solid rgba(255,255,255,.08); color:#fff; font:700 11px/1 Arial,sans-serif; }.profile-preferences select { min-width:145px; padding:7px 8px; border:1px solid rgba(255,255,255,.12); border-radius:6px; outline:0; background:#171a1d; color:#fff; font:700 10px/1 Arial,sans-serif; }
.profile-sync-retry { margin-top:9px; padding:9px 12px; border:1px solid rgba(183,255,0,.35); border-radius:7px; background:transparent; color:var(--g); font:700 10px/1 Arial,sans-serif; }
.trade-pair { position:relative; display:grid; grid-template-columns:minmax(130px,1.2fr) 1fr 1fr; align-items:center; gap:8px; margin-top:18px; padding:9px 0 13px; border-bottom:1px solid rgba(255,255,255,.1); }.trade-pair > button { display:flex; align-items:center; gap:7px; min-width:0; border:0; background:transparent; color:#fff; text-align:left; }.trade-pair > button img { width:25px; height:25px; object-fit:contain; }.trade-pair > button strong { font:800 12px/1 Arial,sans-serif; }.trade-pair > button span { color:#747c74; }.trade-pair > div { display:flex; flex-direction:column; gap:5px; }.trade-pair small { color:#737b75; font:600 8px/1 Arial,sans-serif; }.trade-pair div strong { color:#fff; font:800 10px/1 Arial,sans-serif; }.trade-pair div strong.positive { color:var(--g); }.trade-pair div strong.negative { color:#ff5570; }.trade-pair-menu { position:absolute; z-index:9; top:45px; left:0; width:175px; padding:6px; border:1px solid rgba(183,255,0,.3); border-radius:8px; background:#15191c; box-shadow:0 15px 40px #000; }.trade-pair-menu button { display:flex; width:100%; align-items:center; gap:8px; padding:9px; border:0; border-radius:5px; background:transparent; color:#fff; text-align:left; font:800 10px/1 Arial,sans-serif; }.trade-pair-menu button:hover { background:rgba(183,255,0,.1); color:var(--g); }.trade-pair-menu img { width:23px; height:23px; object-fit:contain; }.trade-workspace { display:grid; grid-template-columns:minmax(0,1fr) minmax(130px,.72fr); gap:12px; margin-top:15px; }.trade-ticket { min-width:0; }.trade-percent { display:flex; justify-content:space-between; margin:10px 0; }.trade-percent button { padding:5px 0; border:0; background:transparent; color:#687169; font:700 9px/1 Arial,sans-serif; }.trade-estimate { display:flex; justify-content:space-between; margin:16px 0 8px; color:#858d85; font:700 10px/1 Arial,sans-serif; }.trade-estimate strong { color:var(--g); }.trade-balance,.trade-execution-label { color:#788078; font:600 9px/1.35 Arial,sans-serif; }.trade-execution-label { color:#616a62; }.order-book { min-width:0; padding-top:12px; }.order-book header { display:flex; justify-content:space-between; color:#737b74; font:700 8px/1 Arial,sans-serif; }.book-row { display:flex; justify-content:space-between; padding:5px 0; font:700 9px/1 Arial,sans-serif; }.book-row.ask span { color:#ff5570; }.book-row.bid span { color:var(--g); }.book-row b { color:#969f96; font-weight:700; }.order-book__price { display:block; padding:8px 0; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); color:#fff; font:800 12px/1 Arial,sans-serif; }.order-book > p { margin-top:13px; color:#5f675f; font:600 8px/1.3 Arial,sans-serif; }
body.flow-open .bottom-nav { display:none !important; }
.order-book header { display:flex !important; }
.trade-pair-menu[hidden] { display:none !important; }
.profile-preferences { width:calc(100% - 28px); max-width:564px; margin:18px auto 0; padding:18px 0; }
.profile-preferences select { max-width:65%; min-width:0; }
.balance.is-long,.balance.is-long .money,.balance.is-long .number { font-size:32px !important; letter-spacing:0; }
.balance.is-long .punctuation,.balance.is-long .cents { font-size:22px !important; }
.history-row__amount { max-width:145px; overflow-wrap:anywhere; }
.history-row small { overflow-wrap:anywhere; }
.trade-estimate { flex-wrap:wrap; gap:6px; }
.book-row { gap:5px; }.book-row span,.book-row b { overflow-wrap:anywhere; min-width:0; }
.admin-panel[hidden] { display:none !important; }
@media (max-width:360px) { .trade-pair { grid-template-columns:1fr 1fr; }.trade-pair > button { grid-column:1 / -1; }.trade-workspace { grid-template-columns:minmax(0,1fr) 110px; } }
@media (max-width:520px) { .trade-workspace { grid-template-columns:minmax(0,1fr); gap:14px; }.trade-pair { grid-template-columns:minmax(125px,1.2fr) 1fr 1fr; }.order-book { width:100%; padding:12px 0 24px; }.order-book > div { display:grid; grid-template-columns:1fr 1fr; column-gap:18px; }.order-book header,.order-book__price { width:100%; }.book-row { min-height:22px; padding:5px 0; }.order-book > p { margin-bottom:0; } }
@media (max-width:360px) { .trade-pair { grid-template-columns:1fr 1fr; }.trade-pair > button { grid-column:1 / -1; } }

/* Bottom navigation */
nav.bottom-nav { display:flex !important; position:fixed; z-index:20; left:12px; right:12px; bottom:12px; height:72px; padding:10px 8px 8px; border:1px solid rgba(255,255,255,.16); border-radius:22px; background:rgba(22,23,27,.68); backdrop-filter:blur(18px); box-shadow:0 8px 30px rgba(0,0,0,.45), inset 0 1px rgba(255,255,255,.08); justify-content:space-around; align-items:stretch; }
nav.bottom-nav .nav-item { display:flex; flex:1; min-width:0; flex-direction:column; justify-content:center; align-items:center; gap:5px; color:#fff; text-decoration:none; font:600 11px Arial, Helvetica, sans-serif; opacity:.72; }
nav.bottom-nav .nav-item.active { color:var(--g); opacity:1; }
nav.bottom-nav .nav-item img { width:23px; height:23px; object-fit:contain; }
nav.bottom-nav .asset-home { animation:iconHome 2.8s ease-in-out infinite; }
nav.bottom-nav .asset-wallet { animation:iconHome 2.8s ease-in-out .2s infinite; transform-origin:center; transform-style:flat; }
nav.bottom-nav .asset-p2p { width:24px !important; height:24px !important; animation:iconP2P 3.6s cubic-bezier(.45,.05,.55,.95) infinite; transform-origin:center; }
nav.bottom-nav .asset-profile { animation:iconProfile 3s ease-in-out .4s infinite; }
nav.bottom-nav .nav-item span:last-child { line-height:1; }
.p2p-cycle { position:relative; width:34px; height:24px; display:block; }
.p2p-cycle img { position:absolute; top:0; width:22px !important; height:22px !important; }
.p2p-cycle img:first-child { left:0; animation:p2pSwapA 2.8s ease-in-out infinite; }
.p2p-cycle img:nth-child(2) { right:0; animation:p2pSwapB 2.8s ease-in-out infinite; }
@keyframes p2pSwapA { 0%,30%{transform:translateX(0) rotate(0);opacity:1} 40%{transform:translateX(8px) rotate(35deg);opacity:0} 60%{transform:translateX(12px) rotate(180deg);opacity:0} 70%,100%{transform:translateX(12px) rotate(360deg);opacity:1} }
@keyframes p2pSwapB { 0%,30%{transform:translateX(0) rotate(0);opacity:1} 40%{transform:translateX(-8px) rotate(-35deg);opacity:0} 60%{transform:translateX(-12px) rotate(-180deg);opacity:0} 70%,100%{transform:translateX(-12px) rotate(-360deg);opacity:1} }
@keyframes iconHome { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px) scale(1.08)} }
@keyframes iconWallet { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px) scale(1.08)} }
@keyframes iconProfile { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px)} }
@keyframes iconP2P { 0%,32%{transform:rotate(0deg) scale(1)} 48%,68%{transform:rotate(180deg) scale(1.04)} 84%,100%{transform:rotate(360deg) scale(1)} }

/* P2P: separated people with two independent rounded arrows. */
.p2p-cycle { display:none !important; }
.p2p-scene { position:relative; display:block; width:62px; height:25px; }
.p2p-people img { position:absolute; top:1px; width:21px !important; height:21px !important; }
.p2p-people img:first-child { left:0; animation:personLeft 2.4s ease-in-out infinite; }
.p2p-people img:last-child { right:0; animation:personRight 2.4s ease-in-out -.35s infinite; }
.p2p-arrows { position:absolute; left:50%; top:50%; width:26px; height:25px; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; gap:0; color:var(--g); font:18px/1 Arial,sans-serif; }
.p2p-arrows span { position:absolute; display:block; transform-origin:center; }
.p2p-arrows span:first-child { transform:translateX(-5px); animation:arrowCW 1.6s linear infinite; }
.p2p-arrows span:last-child { transform:translateX(5px); animation:arrowCCW 1.6s linear infinite; }
@keyframes arrowCW { from{transform:translateX(-5px) rotate(0deg)} to{transform:translateX(-5px) rotate(360deg)} }
@keyframes arrowCCW { from{transform:translateX(5px) rotate(0deg)} to{transform:translateX(5px) rotate(-360deg)} }
@keyframes personLeft { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px) rotate(-5deg)} }
@keyframes personRight { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-3px) rotate(5deg)} }

/* Final visibility/alignment overrides */
.hero > .hero-character { right:7% !important; bottom:11% !important; width:27% !important; max-width:155px !important; }
.tile-grid { inset:-2px !important; grid-template-columns:repeat(15,1fr) !important; grid-template-rows:repeat(6,1fr) !important; mix-blend-mode:normal !important; }
.tile-grid i { margin:-1px !important; border:1px solid rgba(255,255,255,.085) !important; background:rgba(0,0,0,.031) !important; }
.tile-grid i:nth-child(3n){background:rgba(0,0,0,.054) !important}.tile-grid i:nth-child(4n){background:rgba(255,255,255,.027) !important}.tile-grid i:nth-child(7n){background:rgba(0,0,0,.073) !important}
@keyframes tileGlow {0%,100%{opacity:.085}50%{opacity:.20}}

/* CULT floats gently; squares are darker and slightly more opaque. */
.hero::after { display:block !important; content:""; position:absolute; inset:0; z-index:3; background:rgba(0,0,0,.08); pointer-events:none; border-radius:inherit; }
.hero > .hero-character { animation:cultHover 6.4s ease-in-out infinite; transform-origin:center bottom; }
.hero-slogan { position:absolute; z-index:7; left:8%; top:50%; min-height:136px; transform:translateY(-50%); display:flex !important; flex-direction:column; justify-content:center; align-items:flex-start; gap:10px; margin:0; padding:10px 0; color:#fff; font-family:Arial,Helvetica,sans-serif; line-height:1; pointer-events:none; text-shadow:0 2px 10px rgba(0,0,0,.45); }
.hero-slogan strong { color:var(--g); font-size:clamp(27px,4vw,40px); font-weight:800; letter-spacing:.08em; }
.hero-slogan span { color:rgba(255,255,255,.95); font-size:clamp(19px,2.7vw,28px); font-weight:600; letter-spacing:.02em; }
.hero-slogan small { color:rgba(255,255,255,.55); font-size:clamp(8px,1.1vw,11px); font-weight:700; letter-spacing:.16em; }
@media (max-width:520px){ .hero-slogan { left:7%; min-height:128px; gap:9px; } .hero-slogan strong { font-size:28px; } .hero-slogan span { font-size:19px; } .hero-slogan small { font-size:8px; letter-spacing:.12em; } }
.hero > .character-grid { position:absolute; z-index:6; right:7% !important; bottom:11% !important; width:27% !important; max-width:155px !important; aspect-ratio:1; pointer-events:none; opacity:.29; background:linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.18) 1px,transparent 1px),repeating-conic-gradient(from 45deg,rgba(183,255,0,.07) 0 25%,transparent 0 50%); background-size:13px 13px,13px 13px,26px 26px; mix-blend-mode:screen; -webkit-mask:url('assets/marked-character.png?v=49') center/contain no-repeat; mask:url('assets/marked-character.png?v=49') center/contain no-repeat; animation:cultHover 6.4s ease-in-out infinite,characterGridPulse 1.6s ease-in-out infinite alternate; transform-origin:center bottom; }
@keyframes characterGridPulse { from{opacity:.23} to{opacity:.34} }
.hero > .character-shine { position:absolute; z-index:8; right:7% !important; bottom:11% !important; width:27% !important; max-width:155px !important; aspect-ratio:1; pointer-events:none; opacity:0; background:linear-gradient(112deg,transparent 39%,rgba(183,255,0,.14) 46%,rgba(255,255,255,.92) 50%,rgba(183,255,0,.16) 54%,transparent 61%); background-size:240% 100%; background-position:160% 0; mix-blend-mode:screen; -webkit-mask:url('assets/marked-character.png?v=49') center/contain no-repeat; mask:url('assets/marked-character.png?v=49') center/contain no-repeat; animation:characterShine 5.2s ease-in-out infinite; }
@keyframes characterShine { 0%,18%{background-position:160% 0;opacity:0} 30%{opacity:.15} 43%{background-position:25% 0;opacity:.95} 55%,100%{background-position:-80% 0;opacity:0} }
@keyframes cultHover {
  0%,100% { transform:translate3d(0,0,0) scale(1); filter:drop-shadow(0 0 0 rgba(183,255,0,0)); }
  25% { transform:translate3d(2px,-2px,0) scale(1.012); filter:drop-shadow(0 0 5px rgba(183,255,0,.16)); }
  50% { transform:translate3d(-1px,-3px,0) scale(1.018); filter:drop-shadow(0 0 7px rgba(183,255,0,.2)); }
  75% { transform:translate3d(-2px,-1px,0) scale(1.01); filter:drop-shadow(0 0 4px rgba(183,255,0,.12)); }
}
.tile-grid i { border-color:rgba(255,255,255,.102) !important; background:rgba(0,0,0,.037) !important; }
.tile-grid i:nth-child(3n){background:rgba(0,0,0,.065) !important}.tile-grid i:nth-child(4n){background:rgba(255,255,255,.032) !important}.tile-grid i:nth-child(7n){background:rgba(0,0,0,.088) !important}
@keyframes tileGlow {0%,100%{opacity:.102}50%{opacity:.24}}

/* Navigation animations run on hover or tap, not continuously. */
nav.bottom-nav .asset-home,
nav.bottom-nav .asset-wallet,
nav.bottom-nav .asset-p2p,
nav.bottom-nav .asset-profile { animation:none !important; }
nav.bottom-nav .nav-item:hover .asset-home,
nav.bottom-nav .nav-item:focus-visible .asset-home,
nav.bottom-nav .nav-item.is-animating .asset-home { animation:iconHome 1.2s ease-in-out !important; }
nav.bottom-nav .nav-item:hover .asset-wallet,
nav.bottom-nav .nav-item:focus-visible .asset-wallet,
nav.bottom-nav .nav-item.is-animating .asset-wallet { animation:iconWallet 1.2s ease-in-out !important; }
nav.bottom-nav .nav-item:hover .asset-p2p,
nav.bottom-nav .nav-item:focus-visible .asset-p2p,
nav.bottom-nav .nav-item.is-animating .asset-p2p { animation:iconP2P 1.8s cubic-bezier(.45,.05,.55,.95) !important; }
nav.bottom-nav .nav-item:hover .asset-profile,
nav.bottom-nav .nav-item:focus-visible .asset-profile,
nav.bottom-nav .nav-item.is-animating .asset-profile { animation:iconProfile 1.2s ease-in-out !important; }

/* Action arrows react immediately to hover, keyboard focus and touch. */
.actions button { cursor:pointer; }
.actions button .swap-arrows span { will-change:transform; }
.action-item:nth-child(1) button i,
.action-item:nth-child(2) button i { transform:none; }
.actions .action-arrow-svg { display:block; flex:none; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.actions .action-arrow-svg--down { transform:rotate(180deg); transform-origin:center; }

@keyframes actionArrowUp {
  0%,100% { transform:translateY(0); }
  42% { transform:translateY(-6px); }
}
@keyframes actionArrowDown {
  0%,100% { transform:translateY(0); }
  42% { transform:translateY(6px); }
}
@keyframes swapArrowUp {
  0%,100% { transform:translateY(0); }
  42% { transform:translateY(-6px); }
}
@keyframes swapArrowDown {
  0%,100% { transform:translateY(0); }
  42% { transform:translateY(6px); }
}

.action-item:nth-child(1) button.is-animating i { animation:actionArrowUp .38s cubic-bezier(.2,.8,.3,1) !important; }
.action-item:nth-child(2) button.is-animating i { animation:actionArrowDown .38s cubic-bezier(.2,.8,.3,1) !important; }
.action-item:nth-child(3) button.is-animating .swap-arrows span:first-child { animation:swapArrowUp .4s cubic-bezier(.2,.8,.3,1) !important; }
.action-item:nth-child(3) button.is-animating .swap-arrows span:last-child { animation:swapArrowDown .4s cubic-bezier(.2,.8,.3,1) !important; }

/* P2P navigation starts rotating at once instead of holding its first frame. */
@keyframes iconP2PInstant {
  0% { transform:rotate(0deg) scale(1); }
  44% { transform:rotate(180deg) scale(1.05); }
  56% { transform:rotate(180deg) scale(1.05); }
  100% { transform:rotate(360deg) scale(1); }
}
nav.bottom-nav .nav-item:hover .asset-p2p,
nav.bottom-nav .nav-item:focus-visible .asset-p2p,
nav.bottom-nav .nav-item.is-animating .asset-p2p { animation:iconP2PInstant 1.15s cubic-bezier(.42,0,.32,1) !important; }

/* Page sections switch through bottom navigation. */
.screen { display:none; }
.screen.is-active { display:block; }
.screen[hidden] { display:none !important; }
.screen-home { padding-top:1px; }
.screen-wallet { padding-bottom:1px; }
.wallet-hero { position:relative; isolation:isolate; width:calc(100% - 28px); min-height:300px; margin:18px auto 0; overflow:hidden; border-radius:28px; }
.wallet-hero::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; border-radius:inherit; background:rgba(0,0,0,.08); }
.wallet-hero-bg { position:absolute; inset:0; z-index:0; display:block; width:100%; height:100%; object-fit:cover; object-position:center; }
.wallet-hero .wallet,.wallet-hero .actions { position:relative; z-index:4; }
.wallet-history-button { position:absolute; top:19px; right:17px; display:grid; width:40px; height:40px; place-items:center; border:1px solid rgba(183,255,0,.5); border-radius:50%; background:rgba(13,18,13,.82); color:var(--g); cursor:pointer; transition:background .18s ease,transform .18s ease,border-color .18s ease; }
.wallet-history-button span { display:block; font:32px/1 Arial,sans-serif; transform:translateY(-1px); }
.wallet-history-button:hover,.wallet-history-button:focus-visible { border-color:var(--g); background:#243117; transform:rotate(-20deg); outline:none; }
.wallet-hero .wallet { padding-top:34px; padding-bottom:24px; }
.wallet-hero .actions { padding-bottom:25px; }
.wallet-hero .wallet > span,.wallet-hero .wallet p,.wallet-hero .actions b { text-shadow:0 2px 9px rgba(0,0,0,.85); }
.wallet-tile-grid { z-index:2 !important; grid-template-columns:repeat(15,1fr) !important; grid-template-rows:repeat(6,1fr) !important; }

/* Home news feed: mixed card sizes with a swipeable feature rail. */
.news-section {
  margin:30px 14px 0;
  padding-bottom:14px;
}
.news-heading {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  margin:0 2px 13px;
}
.news-heading { display:none; }
.news-heading h2 {
  margin:0;
  color:#fff;
  font:800 20px/1 Arial,Helvetica,sans-serif;
}
.news-heading span {
  color:var(--g);
  font:700 9px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.18em;
}
.news-pair,
.news-mosaic {
  display:grid;
  gap:10px;
  margin-bottom:10px;
}
.news-pair { grid-template-columns:repeat(2,minmax(0,1fr)); }
.news-pair--single { grid-template-columns:1fr; }
.news-mosaic { grid-template-columns:minmax(0,1.75fr) minmax(0,.85fr); }
.news-card {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border:1px solid rgba(255,255,255,.11);
  border-radius:18px;
  background:#151619;
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 9px 24px rgba(0,0,0,.24);
}
.news-card > img {
  position:absolute;
  inset:0;
  z-index:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:none;
  transform:none;
}
.news-card::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:rgba(0,0,0,.08);
}
.news-card--medium { height:205px; }
.news-pair--single .news-card--medium { height:185px; }
.news-card--large,
.news-card--small { height:250px; }
.news-copy {
  position:absolute;
  z-index:4;
  inset:0 auto 0 0;
  display:flex !important;
  width:56%;
  max-width:none;
  box-sizing:border-box;
  flex-direction:column;
  justify-content:space-between;
  padding:18px 14px;
  color:#fff;
}
.news-copy small {
  display:block;
  margin:0;
  color:var(--g);
  font:800 9px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.14em;
}
.news-copy h3 {
  margin:0;
  font:800 17px/1.08 Arial,Helvetica,sans-serif;
  letter-spacing:.01em;
}
.news-copy p {
  margin:0;
  color:rgba(255,255,255,.68);
  font:600 12px/1.25 Arial,Helvetica,sans-serif;
}
.news-pair--single .news-copy,
.news-rail .news-card:nth-child(1) .news-copy,
.news-rail .news-card:nth-child(3) .news-copy,
.news-mosaic .news-copy,
.news-card--strip .news-copy {
  justify-content:center;
  gap:8px;
}
.news-pair--single .news-copy small,
.news-rail .news-card:nth-child(1) .news-copy small,
.news-rail .news-card:nth-child(3) .news-copy small,
.news-mosaic .news-copy small,
.news-card--strip .news-copy small { margin-bottom:5px; }
.news-card--small .news-copy { inset:0 auto 0 0; padding:14px 12px; }
.news-card--small .news-copy h3 { font-size:14px; }
.news-rail {
  display:block;
  width:calc(100% + 28px);
  margin:0 -14px 14px 0;
  padding:0 28px 8px 0;
  overflow:hidden;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  touch-action:pan-y;
  cursor:grab;
}
.news-rail__track { display:flex; width:max-content; will-change:transform; }
.news-rail__group { display:flex; flex:none; gap:10px; padding-right:10px; }
.news-rail.is-dragging { cursor:grabbing; scroll-snap-type:none; user-select:none; }
.news-rail::-webkit-scrollbar { display:none; }
.news-card--wide {
  width:min(82vw,508px);
  flex:0 0 auto;
  height:218px;
}
.news-pair--last { grid-template-columns:1fr 1.22fr; }
.news-pair--last .news-card--last { grid-column:2; height:205px; }
.news-full-row { margin:10px 0 190px; }
.news-card--strip { width:100%; height:135px; }
.news-tile-grid {
  z-index:1 !important;
  grid-template-columns:repeat(15,1fr) !important;
  grid-template-rows:repeat(6,1fr) !important;
  opacity:.96;
}
.news-card--wide .news-tile-grid {
  grid-template-columns:repeat(15,1fr) !important;
}
.news-tile-grid i {
  border-color:rgba(255,255,255,.102) !important;
  background:rgba(0,0,0,.037) !important;
  animation-duration:calc(var(--duration) * 2.4) !important;
}
.news-copy { display:flex !important; }
.news-card > .news-bg { position:absolute; inset:0; z-index:0; width:100%; height:100%; object-fit:cover; filter:none; }
.news-card > .news-media { position:absolute; z-index:3; right:2%; bottom:auto; left:auto; top:8%; width:40%; height:84%; pointer-events:none; object-fit:contain; object-position:center; filter:drop-shadow(0 12px 18px rgba(0,0,0,.48)); }
.news-card > .news-media--user { right:3%; top:10%; width:36%; height:80%; }
.news-media--character { right:1%; top:5%; width:42%; height:90%; }
.news-media--coin { right:4%; top:10%; width:35%; height:80%; }
.news-card--wide .news-media--character { right:2%; top:6%; width:39%; height:88%; }
.news-card--ecosystem > .news-media--laptop,
.news-card--ecosystem > .news-media-shine { right:2%; top:6%; width:39%; height:88%; transform-origin:center bottom; }
.news-card--ecosystem > .news-media--laptop { animation:cultHover 6.4s ease-in-out infinite; }
.news-card--ecosystem > .news-media-shine {
  position:absolute;
  z-index:3;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 39%,rgba(183,255,0,.14) 46%,rgba(255,255,255,.92) 50%,rgba(183,255,0,.16) 54%,transparent 61%);
  background-size:240% 100%;
  mix-blend-mode:screen;
  -webkit-mask:url('assets/cards/ecosystem-laptop.png') center/contain no-repeat;
  mask:url('assets/cards/ecosystem-laptop.png') center/contain no-repeat;
  animation:cultHover 6.4s ease-in-out infinite,characterShine 5.2s ease-in-out infinite;
}
.news-card--wide .news-media--coin { right:5%; top:12%; width:32%; height:76%; }
.news-card--wide .news-media--user { right:5%; top:14%; width:29%; height:72%; }
.news-card--large .news-media--user { right:4%; top:10%; width:38%; height:80%; }
.news-card--strip .news-media--user { right:4%; top:8%; width:28%; height:84%; }
.news-copy { text-shadow:0 2px 10px rgba(0,0,0,.58); }
.news-card--wide .news-copy { width:56%; }
.news-card--strip .news-copy { width:64%; }
.news-card::after { background:rgba(0,0,0,.08); }
@media (max-width:520px) {
  .news-copy,.news-card--wide .news-copy { width:58%; }
  .news-card--strip .news-copy { width:66%; }
  .news-media--character { right:1%; width:39%; }
  .news-media--coin { right:3%; width:35%; }
  .news-card--wide .news-media--user { right:4%; top:15%; width:30%; height:70%; }
}
.tile-grid i { transform:scale(var(--tile-scale,1)); transform-origin:center; }
.news-card:hover > img { transform:none; }

@media (max-width:520px) {
  .news-section { margin-top:20px; }
  .news-heading h2 { font-size:18px; }
  .news-card--medium { height:185px; }
  .news-pair--single .news-card--medium { height:170px; }
  .news-card--large,.news-card--small { height:225px; }
  .news-pair--last { grid-template-columns:1fr 1.14fr; }
  .news-pair--last .news-card--last { height:190px; }
  .news-card--strip { height:118px; }
  .news-copy { inset:0 auto 0 0; padding:14px 11px; }
  .news-copy small { font-size:8px; }
  .news-copy h3 { font-size:14px; line-height:1.08; }
  .news-copy p { font-size:10px; line-height:1.2; }
  .news-card--small .news-copy h3 { font-size:12px; }
}

@media (prefers-reduced-motion:reduce) {
  .news-rail { scroll-behavior:auto; }
  .news-card:hover > img { transform:none; }
  .news-card--ecosystem > .news-media--laptop,
  .news-card--ecosystem > .news-media-shine { animation:none; }
  .news-card--ecosystem > .news-media-shine { opacity:0; }
}

/* Refined pickers, conversion result, and service information. */
input[type="number"] { appearance:textfield; -moz-appearance:textfield; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { margin:0; appearance:none; -webkit-appearance:none; }
.exchange-picker { position:relative; z-index:8; }
.exchange-picker__button { display:flex; min-width:112px; height:46px; align-items:center; gap:8px; padding:0 11px; border:1px solid rgba(255,255,255,.16); border-radius:23px; background:#08090a; color:#fff; }
.exchange-picker__button img { width:26px; height:26px; object-fit:contain; animation:exchangeCoinFloat 2.8s ease-in-out infinite; }
.exchange-picker__button strong { flex:1; font:800 12px/1 Arial,sans-serif; text-align:left; }
.exchange-picker__button span { color:#8f949b; font:16px/1 Arial,sans-serif; transition:transform .2s ease; }
.exchange-picker.is-open .exchange-picker__button span { transform:rotate(180deg); }
.exchange-picker__menu { position:absolute; top:52px; right:0; z-index:20; width:176px; max-height:260px; padding:7px; overflow-y:auto; border:1px solid rgba(183,255,0,.3); border-radius:12px; background:#0e0f11; box-shadow:0 18px 45px rgba(0,0,0,.72); }
.exchange-picker__option { display:grid; width:100%; min-height:48px; grid-template-columns:32px 1fr; align-items:center; gap:10px; padding:5px 8px; border:0; border-radius:8px; background:transparent; color:#fff; text-align:left; }
.exchange-picker__option:hover,.exchange-picker__option.is-selected { background:rgba(183,255,0,.1); color:var(--g); }
.exchange-picker__option img { width:30px; height:30px; object-fit:contain; }
.exchange-picker__option strong { display:block; font:800 12px/1 Arial,sans-serif; }
.exchange-picker__option small { display:block; margin-top:4px; color:#7d828a; font:600 9px/1 Arial,sans-serif; }
.exchange-success { position:fixed; inset:0; z-index:80; display:flex; min-height:100dvh; flex-direction:column; align-items:center; justify-content:center; padding:28px; overflow:hidden; background:rgba(0,0,0,.96); text-align:center; }
.exchange-success[hidden] { display:none !important; }
.exchange-success > small { margin-top:24px; color:var(--g); font:800 9px/1 Arial,sans-serif; letter-spacing:.14em; }
.exchange-success h2 { margin:10px 0 8px; font:800 26px/1.08 Arial,sans-serif; }
.exchange-success p { max-width:340px; margin:0 0 26px; color:#a2a6ad; font:600 13px/1.45 Arial,sans-serif; }
.exchange-success__primary,.exchange-success__secondary { position:relative; z-index:2; width:min(100%,360px); min-height:52px; border-radius:10px; font:800 13px/1 Arial,sans-serif; }
.exchange-success__primary { border:0; background:var(--g); color:#050505; }
.exchange-success__secondary { margin-top:9px; border:1px solid rgba(255,255,255,.16); background:#151619; color:#fff; }
.party-popper { position:relative; width:116px; height:116px; animation:popperBounce 1.25s cubic-bezier(.2,.8,.3,1) infinite; }
.party-popper i { position:absolute; left:29px; bottom:17px; width:46px; height:62px; border:3px solid var(--g); background:repeating-linear-gradient(135deg,#050505 0 9px,var(--g) 9px 18px); clip-path:polygon(0 0,100% 32%,58% 100%); transform:rotate(-29deg); }
.party-popper span,.party-popper::before,.party-popper::after { content:""; position:absolute; border-radius:50%; background:var(--g); box-shadow:24px -10px 0 #fff,-21px 13px 0 #55d8ff,39px 22px 0 #ff5470,-34px -18px 0 #fff; }
.party-popper span { top:15px; left:55px; width:9px; height:9px; }
.party-popper::before { top:35px; left:22px; width:7px; height:7px; }
.party-popper::after { top:20px; right:20px; width:8px; height:8px; }
.confetti { position:absolute; inset:0; pointer-events:none; }
.confetti i { position:absolute; top:-8%; width:8px; height:16px; background:var(--confetti-color); transform:rotate(var(--confetti-rotate)); animation:confettiFall var(--confetti-duration) linear var(--confetti-delay) infinite; }
@keyframes popperBounce { 0%,100%{transform:rotate(-3deg) scale(1)} 50%{transform:rotate(4deg) scale(1.08)} }
@keyframes confettiFall { to{transform:translate3d(var(--confetti-drift),112vh,0) rotate(720deg)} }
.deposit-method { transition:transform .22s ease,border-color .22s ease,background .22s ease; }
.deposit-method:hover,.deposit-method:focus-visible { transform:translateY(-3px); border-color:rgba(183,255,0,.55); background:#17191b; }
.deposit-method:hover .deposit-method__icon img[src$="wallet.svg"] { animation:depositWalletIcon .7s cubic-bezier(.2,.8,.3,1); }
.deposit-method:hover .deposit-method__icon img[src$="ruble.svg"] { animation:depositRubleIcon .7s cubic-bezier(.2,.8,.3,1); }
.news-full-row { margin-bottom:28px !important; }
.trust-footer { width:100%; margin:0 auto 94px; padding:28px 18px 16px; box-sizing:border-box; border-top:1px solid rgba(183,255,0,.17); background:#0a0d09; }
.trust-footer__top { display:grid; grid-template-columns:1fr 1fr; gap:24px 20px; }
.trust-footer__brand { display:block; margin:0; }
.trust-footer__brand strong { display:block; color:var(--g); font:900 23px/1 Arial,sans-serif; }
.trust-footer__brand span { display:block; margin-top:5px; color:#fff; font:800 9px/1 Arial,sans-serif; text-transform:uppercase; }
.trust-footer__brand p { max-width:210px; margin:16px 0 0; color:#71776f; font:600 10px/1.45 Arial,sans-serif; }
.trust-column { display:flex !important; position:static !important; width:auto !important; height:auto !important; flex-direction:column; align-items:flex-start; gap:10px; margin:0 !important; padding:0 !important; border:0 !important; border-radius:0 !important; background:transparent !important; box-shadow:none !important; backdrop-filter:none !important; }
.trust-column h3 { margin:0 0 2px; color:#fff; font:800 12px/1 Arial,sans-serif; }
.trust-column a,.trust-column button { min-height:0; padding:0; border:0; background:transparent; color:#7f857c; font:600 9px/1.3 Arial,sans-serif; text-align:left; text-decoration:none; transition:color .18s ease; }
.trust-column a:hover,.trust-column a:focus-visible,.trust-column button:hover,.trust-column button:focus-visible,.trust-column button:active,.trust-column button.is-active { color:var(--g); }
.trust-support { position:relative; display:block; min-height:114px; grid-column:1/-1; overflow:hidden; padding:17px 46% 15px 16px; box-sizing:border-box; border:1px solid rgba(183,255,0,.16); border-radius:8px; background:#050705; color:#fff; text-decoration:none; }
.trust-support span { position:relative; z-index:2; display:flex; min-height:80px; flex-direction:column; align-items:flex-start; }
.trust-support strong { font:800 12px/1 Arial,sans-serif; }
.trust-support small { margin-top:9px; color:#a7aca4; font:600 9px/1.35 Arial,sans-serif; }
.trust-support b { margin-top:auto; padding:7px 11px; border:1px solid rgba(183,255,0,.32); border-radius:5px; background:#19220d; color:var(--g); font:800 9px/1 Arial,sans-serif; }
.trust-support img { position:absolute; z-index:1; right:3%; bottom:-18%; width:47%; height:132%; object-fit:contain; object-position:center bottom; filter:drop-shadow(0 0 18px rgba(183,255,0,.18)); transition:transform .25s ease; }
.trust-support:hover img { transform:translateY(-3px) scale(1.03); }
.trust-assets { display:flex; align-items:center; justify-content:flex-start; gap:10px; margin-top:20px; padding:15px 0 12px; border-top:1px solid rgba(255,255,255,.07); }
.trust-assets img { width:22px; height:22px; flex:none; object-fit:contain; filter:drop-shadow(0 0 7px rgba(183,255,0,.14)); transition:transform .2s ease,filter .2s ease; }
.trust-assets img:hover { transform:translateY(-3px) scale(1.08); filter:drop-shadow(0 0 12px rgba(183,255,0,.48)); }
.trust-footer__bottom { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:12px; border-top:1px solid rgba(255,255,255,.07); }
.trust-footer__bottom p { margin:0; color:#555b53; font:600 8px/1.4 Arial,sans-serif; }
.policy-dialog { width:min(calc(100% - 28px),520px); max-height:80dvh; padding:24px 20px; overflow:auto; border:1px solid rgba(183,255,0,.3); border-radius:14px; background:#111214; color:#fff; }
.policy-dialog::backdrop { background:rgba(0,0,0,.82); backdrop-filter:blur(8px); }
.policy-dialog__close { position:absolute; top:12px; right:12px; width:32px; height:32px; border:0; border-radius:50%; background:#25272a; color:#fff; font:20px/1 Arial,sans-serif; }
.policy-dialog > small { color:var(--g); font:800 8px/1 Arial,sans-serif; letter-spacing:.14em; }
.policy-dialog h2 { margin:10px 40px 16px 0; font:800 21px/1.1 Arial,sans-serif; }
.policy-dialog div { color:#aaa; font:600 12px/1.6 Arial,sans-serif; }
.policy-dialog div h3 { margin:22px 0 8px; color:#fff; font:800 14px/1.25 Arial,sans-serif; }
.policy-dialog div p { margin:0 0 14px; }
@media (max-width:520px) {
  .exchange-picker__menu { position:fixed; top:auto; right:14px; bottom:20px; left:14px; width:auto; max-height:56dvh; padding:10px; border-radius:14px; }
  .exchange-picker__option { min-height:54px; grid-template-columns:38px 1fr; }
  .exchange-picker__option img { width:36px; height:36px; }
  .trust-footer__top { gap:22px 16px; }
  .trust-assets { gap:9px; }
  .trust-assets img { width:20px; height:20px; }
}