:root {
  --bg: #05070a;
  --ink: #0d1117;
  --panel: #10151d;
  --line: #1f2937;
  --line-hot: rgba(124, 196, 0, 0.28);
  --lime: #7cc400;
  --lime-bright: #32cd32;
  --lime-ink: #0c1a27;
  --text: #e8edf2;
  --muted: #9aa4b2;
  --soft: #cfd8dc;
  --danger: #ff4d4d;
  --orange: #ff9100;
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius: 12px;
  --header: 88px;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scrollbar-color: var(--lime) #0c1a27; scroll-behavior: smooth; }
html, body { margin: 0; min-height: 100%; }
body {
  font-family: Outfit, system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; border: 0; }
a { color: var(--lime); text-decoration: none; }
a:hover { color: var(--lime-bright); }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; border: 0; background: none; }
.skip {
  position: absolute; left: -999px; top: 8px;
}
.skip:focus { left: 8px; z-index: 80; background: var(--lime); color: #08110a; padding: 8px 12px; border-radius: 6px; }
.wrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; }
.page, .header, .footer { isolation: isolate; }
.page { padding-top: calc(var(--header) + 24px); position: relative; z-index: 1; }

/* rain */
#rain {
  position: fixed; inset: 0; z-index: -1; pointer-events: none; opacity: 0.16;
}

/* header */
.header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 40;
  min-height: var(--header);
  background: rgba(5, 7, 10, 0.92);
  border-bottom: 1px solid #111820;
  backdrop-filter: blur(14px);
}
.header__in {
  width: min(1180px, calc(100% - 24px));
  margin: 0 auto;
  min-height: var(--header);
  display: flex;
  align-items: center;
  gap: 18px;
}
.logo {
  display: flex; align-items: center; flex: 0 0 auto;
}
.logo-img {
  display: block; height: 40px; width: auto;
  max-width: min(220px, 56vw); object-fit: contain;
}
@media (max-width: 480px) {
  .logo-img { height: 34px; max-width: min(190px, 58vw); }
}
.nav { display: flex; align-items: center; gap: 6px; margin-left: auto; list-style: none; }
.nav > li { list-style: none; position: relative; }
.nav, .nav ul { margin: 0; padding: 0; }
.nav-link {
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--text); padding: 10px 12px; border-radius: 8px;
  text-transform: uppercase; font-size: 13px; font-weight: 600; letter-spacing: 0.4px;
  white-space: nowrap;
}
.nav-link:hover, .nav-link.is-open { color: var(--lime); background: rgba(124, 196, 0, 0.06); }
.nav-link img { width: 22px; height: 22px; }
.mega {
  display: none; position: absolute; top: calc(100% + 8px); left: 50%;
  transform: translateX(-50%);
  min-width: 520px; padding: 16px;
  background: #0b1016; border: 1px solid var(--line); border-radius: 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,.45);
}
.nav > li:hover > .mega, .nav > li:focus-within > .mega, .mega.is-open { display: grid; }
.mega--menu { grid-template-columns: 1fr 1fr; gap: 6px; min-width: 380px; }
.mega--coins { grid-template-columns: 1fr 1fr; gap: 4px 18px; min-width: 640px; left: auto; right: 0; transform: none; }
.mega a {
  display: flex; align-items: center; gap: 10px;
  color: var(--soft); padding: 8px 6px; border-radius: 8px; font-size: 14px;
}
.mega a:hover { background: #141b24; color: #fff; }
.mega img { width: 22px; height: 22px; }
.hot {
  display: inline-flex; align-items: center; height: 18px; padding: 0 7px;
  margin-left: auto; border-radius: 999px; font-size: 10px; font-weight: 800;
  letter-spacing: 0.6px; color: #fff;
  background: linear-gradient(180deg, #ff6a00, #ff2d00);
  animation: pulse 1.6s ease-in-out infinite alternate;
}
@keyframes pulse {
  from { box-shadow: 0 0 6px rgba(255,106,0,.45); }
  to { box-shadow: 0 0 14px rgba(255,45,0,.55); }
}
.lang-switch {
  display: inline-flex; align-items: center; gap: 4px;
  margin-left: 8px; padding: 3px; border: 1px solid var(--line); border-radius: 999px;
}
.lang-switch button {
  min-width: 40px; height: 32px; border-radius: 999px;
  color: var(--muted); font-size: 12px; font-weight: 800; letter-spacing: 0.4px;
}
.lang-switch button.is-on { background: var(--lime); color: #08110a; }
.lang-switch button:hover:not(.is-on) { color: var(--text); }
.burger {
  display: none; width: 44px; height: 44px; margin-left: auto; flex: 0 0 44px;
  border: 1px solid var(--lime); border-radius: 10px; position: relative; background: #10151d;
  z-index: 50;
}
.burger span, .burger::before, .burger::after {
  content: ""; position: absolute; left: 12px; right: 12px; height: 2px; background: var(--lime);
}
.burger::before { top: 15px; }
.burger span { top: 21px; }
.burger::after { top: 27px; }

/* hero */
.hero { padding: 28px 0 12px; }
.kicker {
  color: #b6ff7a; font-size: 13px; font-weight: 700;
  letter-spacing: 1.2px; text-transform: uppercase; margin: 0 0 8px;
}
.hero h1, .page-head h1 {
  margin: 0; font-size: clamp(2rem, 5vw, 3.4rem);
  line-height: 1.08; letter-spacing: 0.5px; word-spacing: 0.12em;
  text-transform: uppercase; font-weight: 700;
}
.lede { color: var(--muted); max-width: 62ch; font-size: 1.05rem; margin: 12px 0 0; }

/* ticker */
.ticker { position: relative; overflow: hidden; padding: 28px 0 8px; }
.ticker-tag {
  position: absolute; top: 0; left: 0; z-index: 2;
  background: #0f0; color: var(--lime-ink);
  font-size: 11px; font-weight: 800; letter-spacing: 0.5px;
  padding: 3px 8px; border-radius: 4px 0 4px 0;
  box-shadow: 0 0 8px rgba(0,255,0,.45);
}
.ticker-track { display: flex; width: max-content; animation: slide 90s linear infinite; }
.ticker:hover .ticker-track { animation-play-state: paused; }
@keyframes slide { to { transform: translateX(-50%); } }
.tick {
  display: flex; align-items: center; gap: 10px; min-width: 188px;
  margin: 0 10px; padding: 8px 14px; border-radius: 10px;
  background: rgba(255,255,255,.05);
}
.tick img { width: 28px; height: 28px; background: #fff; border-radius: 50%; padding: 3px; }
.tick b { display: block; color: #0f0; font-size: 12px; }
.tick span { color: #ccc; font-size: 12px; }

.section { padding: 40px 0; }
.section-head { text-align: center; margin-bottom: 28px; }
.section-head .kicker { text-align: center; color: var(--lime); }
.section-head h2 {
  margin: 0; font-size: clamp(1.6rem, 3vw, 2rem);
  text-transform: uppercase; letter-spacing: 0.6px;
}

/* coins */
.picker { display: none; margin: 18px 0; }
.picker label { display: block; font-size: 13px; color: var(--muted); margin-bottom: 8px; font-weight: 600; }
.picker-btn, .field, .select {
  width: 100%; background: var(--panel); border: 1px solid #2f3b4a;
  border-radius: 8px; padding: 12px 14px; color: var(--text);
}
.picker-btn { display: flex; align-items: center; gap: 10px; text-align: left; }
.picker-btn img { width: 28px; height: 28px; }
.picker-btn em { margin-left: auto; color: var(--lime); font-style: normal; font-weight: 700; }
.picker-list {
  display: none; margin-top: 6px; background: #0b1016;
  border: 1px solid var(--lime-bright); border-radius: 0 0 8px 8px; max-height: 280px; overflow: auto;
}
.picker-list.is-open { display: block; }
.picker-list button {
  display: flex; width: 100%; align-items: center; gap: 10px;
  padding: 10px 12px; color: var(--soft);
}
.picker-list button:hover { background: #1a1f25; color: var(--lime); }
.picker-list img { width: 22px; height: 22px; }

.cards {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px;
}
.card {
  position: relative; background: var(--ink); border: 1px solid var(--line-hot);
  border-radius: var(--radius); padding: 22px 16px 20px; text-align: center;
  min-height: 234px; overflow: hidden; transition: border-color .25s var(--ease), transform .25s var(--ease), box-shadow .25s var(--ease);
}
.card:hover {
  border-color: var(--lime-bright);
  box-shadow: 0 8px 20px rgba(50,205,50,.18);
  transform: translateY(-3px);
}
.card img { width: 72px; height: 72px; }
.card h3 { margin: 12px 0 14px; font-size: 15px; text-transform: uppercase; }
.mix-btn {
  display: inline-flex; align-items: center; justify-content: center;
  width: 80%; min-height: 42px; border-radius: 999px;
  background: var(--lime-bright); color: var(--lime-ink); font-weight: 800;
  letter-spacing: 0.4px; text-transform: uppercase;
}
.mix-btn:hover { background: #7cfc00; color: var(--lime-ink); transform: scale(1.04); }
.info {
  position: absolute; top: 8px; right: 10px; width: 32px; height: 32px;
  color: var(--lime); font-size: 22px; font-weight: 700; line-height: 1;
}
.ribbon {
  position: absolute; top: 14px; left: -28px; width: 110px;
  transform: rotate(-45deg); background: #0f0; color: var(--lime-ink);
  font-size: 10px; font-weight: 800; letter-spacing: 0.4px;
  padding: 3px 0; text-align: center;
}

/* features / steps */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.box {
  background: var(--ink); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 32px 28px;
}
.feat { display: flex; gap: 16px; margin-bottom: 26px; }
.feat:last-child { margin-bottom: 0; }
.feat i {
  flex: 0 0 42px; height: 42px; border-radius: 10px;
  background: rgba(124,196,0,.12); color: var(--lime);
  display: grid; place-items: center; font-style: normal; font-weight: 800;
}
.feat h3 { margin: 0 0 6px; font-size: 16px; text-transform: uppercase; }
.feat p, .step p, .prose p { margin: 0; color: var(--muted); }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.step {
  background: var(--ink); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 28px 20px; text-align: center; min-height: 280px;
  transition: border-color .25s var(--ease), transform .25s var(--ease);
}
.step:hover { border-color: var(--lime-bright); transform: translateY(-4px); }
.step .n {
  width: 56px; height: 56px; margin: 0 auto 16px; border-radius: 50%;
  display: grid; place-items: center; background: rgba(124,196,0,.12);
  color: var(--lime); font-weight: 800; font-size: 20px;
}
.step h3 { margin: 0 0 10px; text-transform: uppercase; font-size: 16px; }

.cta-band, .api-band {
  background: var(--ink); border: 1px solid var(--line); border-radius: var(--radius);
  padding: 36px; display: grid; grid-template-columns: 1.3fr .7fr; gap: 24px; align-items: center;
}
.cta-band ul, .api-band ul { margin: 12px 0 0; padding-left: 18px; color: var(--muted); }
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px; padding: 0 22px; border-radius: 8px; font-weight: 800;
  text-transform: uppercase; letter-spacing: 0.3px;
}
.btn-lime {
  background: var(--lime); color: #08110a; border: 2px solid #0f0;
  box-shadow: 0 0 12px rgba(124,196,0,.28);
}
.btn-lime:hover { background: #8fe01a; color: #08110a; }
.btn-ghost {
  border: 2px solid var(--lime); color: var(--lime);
}
.btn-ghost:hover { background: var(--lime); color: #08110a; }
.btn-row { display: flex; flex-wrap: wrap; gap: 12px; }

.prose { max-width: 78ch; }
.prose h3 { margin: 28px 0 8px; }
.grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }

/* faq */
.faq { display: grid; gap: 12px; }
.faq details {
  background: var(--ink); border: 1px solid var(--line); border-radius: 10px;
}
.faq summary {
  cursor: pointer; padding: 18px 20px; font-weight: 700;
  text-transform: uppercase; list-style: none; position: relative;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: "▾"; position: absolute; right: 18px; color: #7cfc00;
}
.faq details[open] summary::after { transform: rotate(180deg); }
.faq p { margin: 0; padding: 0 20px 18px; color: var(--muted); }

/* forms */
.form {
  background: var(--ink); border: 1px solid var(--line); border-radius: 16px;
  padding: 28px; max-width: 820px;
}
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.full { grid-column: 1 / -1; }
label { display: block; font-size: 12px; font-weight: 700; letter-spacing: 0.4px; color: var(--muted); margin-bottom: 8px; text-transform: uppercase; }
.field:focus, .select:focus { outline: 2px solid rgba(50,205,50,.45); border-color: var(--lime-bright); }
.add-row { display: flex; gap: 10px; }
.add-row .field { flex: 1; }
.mini {
  min-width: 46px; border: 1px solid #2e3c4c; border-radius: 8px;
  background: #1a1f25; color: var(--lime); font-weight: 700;
}
.hint { color: #aaa; font-size: 13px; text-align: center; margin: 16px 0 8px; }
.hint b { color: var(--lime-bright); }
.range { width: 100%; accent-color: var(--lime-bright); }
.addr { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--line); }

.order {
  display: none; margin-top: 22px; padding: 22px;
  border: 1px solid var(--lime-bright); border-radius: 14px; background: #0b1210;
}
.order.is-on { display: block; }
.order code, .mono {
  font-family: "IBM Plex Mono", ui-monospace, monospace;
  word-break: break-all; color: #c6ffa1;
}
.qr { width: 168px; height: 168px; background: #fff; border-radius: 10px; padding: 8px; }
.demo {
  margin: 0 0 16px; padding: 10px 12px; border: 1px dashed var(--lime);
  border-radius: 8px; color: #b6ff7a; font-size: 13px; background: rgba(124,196,0,.06);
}

/* help / downloads / api */
.tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.tile, .dl, .ep {
  background: var(--ink); border: 1px solid var(--line); border-radius: var(--radius); padding: 22px;
}
.tile:hover, .dl:hover { border-color: var(--lime); }
.os { font-size: 12px; color: var(--lime); font-weight: 700; letter-spacing: 0.8px; text-transform: uppercase; }
.ep { margin-bottom: 12px; }
.ep b { color: var(--lime); font-family: "IBM Plex Mono", monospace; }

.filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.chip {
  border: 1px solid var(--line); border-radius: 999px; padding: 8px 14px;
  color: var(--soft); font-size: 13px; font-weight: 600;
}
.chip.is-on, .chip:hover { border-color: var(--lime); color: var(--lime); }

/* footer */
.footer { margin-top: 40px; padding: 28px 0 16px; background: #000; border-top: 1px solid #151b22; position: relative; z-index: 1; }
.footer h3 { margin: 0 0 12px; font-size: 16px; font-weight: 500; position: relative; padding-bottom: 8px; }
.footer h3::after { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 2px; background: var(--lime); }
.foot-bar { display: flex; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.quick { display: flex; gap: 22px; list-style: none; margin: 0; padding: 0; flex-wrap: wrap; }
.quick a { color: #ccc; }
.quick a:hover { color: var(--lime); }
.copy { display: flex; justify-content: space-between; gap: 16px; padding: 16px 0 8px; color: #ccc; font-size: 14px; flex-wrap: wrap; }
.copy a { color: #ccc; margin-left: 14px; }
.copy a:hover { color: var(--lime); }

.top {
  position: fixed; right: 18px; bottom: 18px; width: 48px; height: 48px;
  border-radius: 50%; background: var(--lime); color: #08110a; font-size: 20px;
  display: grid; place-items: center; opacity: 0; pointer-events: none; z-index: 30;
}
.top.is-on { opacity: 1; pointer-events: auto; }

@media (max-width: 1100px) {
  .cards { grid-template-columns: repeat(3, 1fr); }
  .mega--coins { min-width: 480px; }
}
@media (max-width: 900px) {
  .header { backdrop-filter: none; }
  .burger { display: inline-block; }
  .nav { display: none; }
  .lang-switch { position: relative; z-index: 2; }
  .burger { z-index: 2; }
  body.nav-open { overflow: hidden; }
  body.nav-open .header { z-index: 50; }
  body.nav-open::before {
    content: ""; position: fixed; inset: var(--header) 0 0; z-index: 35;
    background: rgba(0, 0, 0, 0.55); pointer-events: auto;
  }
  body.nav-open .nav {
    display: flex; flex-direction: column; align-items: stretch;
    position: fixed; inset: var(--header) 0 0; z-index: 1;
    background: #070b10; border-top: 1px solid #111820;
    padding: 16px; overflow: auto; margin: 0; pointer-events: auto;
  }
  body.nav-open .nav > li { width: 100%; }
  body.nav-open .nav-link {
    width: 100%; min-height: 48px; padding: 14px 12px;
    -webkit-tap-highlight-color: transparent;
  }
  body.nav-open .mega a {
    min-height: 44px; padding: 12px 10px;
    -webkit-tap-highlight-color: transparent;
  }
  body.nav-open .burger::before { transform: translateY(6px) rotate(45deg); }
  body.nav-open .burger span { opacity: 0; }
  body.nav-open .burger::after { transform: translateY(-6px) rotate(-45deg); }
  .burger::before, .burger span, .burger::after { transition: transform 0.2s ease, opacity 0.2s ease; }
  .mega, .nav > li:hover > .mega { position: static; display: none; transform: none; min-width: 0; box-shadow: none; }
  .nav > li.is-open > .mega { display: grid; min-width: 0; }
  .mega--coins, .mega--menu { grid-template-columns: 1fr; }
  .cards, .split, .steps, .tiles, .form-grid, .cta-band, .api-band, .grid-2 { grid-template-columns: 1fr; }
  .wc-bar { flex-direction: column; align-items: stretch; }
  .wc-bar .btn { width: 100%; }
  .picker { display: block; }
  .cards { display: none; }
  .cards.is-one { display: grid; grid-template-columns: 1fr; }
  .hero h1 { text-align: center; }
  .kicker, .lede { text-align: center; margin-left: auto; margin-right: auto; }
}

.admin-bar { display: grid; gap: 14px; margin-bottom: 18px; }
.admin-count { margin: 0; color: var(--lime); font-weight: 700; }
.admin-search { max-width: 320px; }
.wallet-list { display: grid; gap: 12px; }
.wallet-card {
  background: var(--ink); border: 1px solid var(--line); border-radius: 12px; padding: 16px;
}
.wallet-card__head {
  display: flex; align-items: center; gap: 12px; margin-bottom: 10px;
}
.wallet-card__head img { width: 28px; height: 28px; }
.wallet-card__head b { display: block; font-size: 14px; }
.wallet-card__head span { color: var(--muted); font-size: 12px; }
.wallet-card__head em {
  margin-left: auto; font-style: normal; font-size: 11px; font-weight: 800;
  letter-spacing: 0.5px; text-transform: uppercase; color: var(--muted);
}
.wallet-card__head em.is-on { color: var(--lime); }
.wallet-net { display: grid; gap: 6px; margin-top: 12px; }
.wallet-net span { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; color: var(--soft); }
.wallet-net em { font-style: normal; font-size: 11px; font-weight: 800; letter-spacing: 0.5px; text-transform: uppercase; color: var(--muted); }
.wallet-net em.is-on { color: var(--lime); }
.deposit-box {
  margin-top: 16px; padding: 14px; border: 1px solid var(--lime-bright);
  border-radius: 10px; background: #08110c;
}
.deposit-box label { margin-bottom: 8px; }
.deposit-box .mono { font-size: 15px; color: #c6ffa1; }

.wc-qr-panel {
  display: grid; grid-template-columns: 1fr auto; gap: 16px 20px; align-items: start;
  margin: 0 0 20px; padding: 16px 18px;
  border: 1px solid var(--line-hot); border-radius: 12px; background: #08110c;
}
.wc-qr-panel.is-wc { grid-template-columns: 1fr; }
.wc-qr-panel.is-wc .wc-qr-panel__copy { grid-column: 1 / -1; }
.wc-qr-panel.is-wc .wc-qr-panel__wc-land { grid-column: 1 / -1; }
.wc-qr-panel[hidden] { display: none; }
.wc-qr-panel__copy p { margin: 0; }
.wc-qr-panel__copy .kicker { margin-bottom: 6px; }
.wc-qr-tabs { display: flex; gap: 8px; margin: 10px 0 12px; flex-wrap: wrap; }
.wc-qr-tab {
  border: 1px solid var(--line); background: #10151d; color: var(--text);
  border-radius: 999px; padding: 8px 14px; font-size: 12px; font-weight: 800;
  letter-spacing: 0.4px; text-transform: uppercase;
}
.wc-qr-tab.is-on { border-color: var(--lime); color: var(--lime); background: rgba(124, 196, 0, 0.08); }
.wc-qr-panel__code {
  grid-row: span 2; display: grid; justify-items: center; gap: 8px;
  padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: #fff;
}
.wc-qr-panel__code img { display: block; width: 220px; height: 220px; object-fit: contain; }
.wc-qr-panel__net {
  margin: 0; font-size: 11px; font-weight: 800; letter-spacing: 0.5px;
  text-transform: uppercase; color: #08110a;
}
.wc-qr-panel__actions { display: grid; gap: 10px; align-content: start; }
.wc-qr-panel__wc-land { display: grid; gap: 12px; align-content: start; }
.wc-land-wallets { display: grid; gap: 8px; }
.wc-land-row {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 12px 14px; border-radius: 12px; border: 1px solid var(--line);
  background: rgba(255,255,255,.02); text-align: left; transition: border-color .2s var(--ease), background .2s var(--ease);
}
.wc-land-row:hover { border-color: var(--line-hot); background: rgba(124,196,0,.06); }
.wc-land-name { font-size: 15px; font-weight: 700; }
.wc-land-status { margin: 0; }
.wc-land-ico {
  width: 40px; height: 40px; border-radius: 50%; flex: 0 0 40px;
  background: center/24px no-repeat;
}
.wc-land-ico--wc { background-color: #e7eefc; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='75' cy='75' r='75' fill='%23E7EEFC'/%3E%3Cpath d='M42.065 54.1332C60.2408 36.3376 89.7096 36.3376 107.885 54.1332L110.073 56.2749C110.982 57.1647 110.982 58.6073 110.073 59.4971L102.59 66.8236C102.136 67.2685 101.399 67.2685 100.944 66.8236L97.9342 63.8763C85.2543 51.4616 64.6961 51.4616 52.0163 63.8763L48.7925 67.0326C48.3381 67.4775 47.6014 67.4775 47.147 67.0326L39.6641 59.7061C38.7553 58.8164 38.7553 57.3737 39.6641 56.484L42.065 54.1332ZM123.361 69.2851L130.021 75.8056C130.929 76.6954 130.929 78.138 130.021 79.0278L99.991 108.43C99.0822 109.32 97.6088 109.32 96.7 108.43L75.3868 87.5624C75.1596 87.3399 74.7912 87.3399 74.564 87.5624L53.2512 108.43C52.3424 109.32 50.869 109.32 49.9602 108.43L19.9296 79.0274C19.0208 78.1376 19.0208 76.695 19.9296 75.8052L26.5895 69.2847C27.4983 68.3949 28.9717 68.3949 29.8805 69.2847L51.1941 90.1524C51.4213 90.3749 51.7896 90.3749 52.0168 90.1524L73.3293 69.2847C74.2381 68.3949 75.7115 68.3948 76.6203 69.2846L97.9339 90.1524C98.1611 90.3749 98.5295 90.3749 98.7567 90.1524L120.07 69.2851C120.979 68.3953 122.452 68.3953 123.361 69.2851Z' fill='%233B99FC'/%3E%3C/svg%3E"); }
.wc-land-ico--tron { background-color: #3365f9; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 40 41' fill='none'%3E%3Cpath d='M30.166 29.268L43.294 26.823 28.235 45.689 30.166 29.268ZM28.471 28.522 26.447 45.689 15.529 17.513 28.471 28.522ZM29.322 26.088 16.941 15.798 37.176 19.529 29.322 26.088ZM39.228 20.453 43.529 24.641 31.765 26.823 39.228 20.453ZM39.785 18.169 11.765 12.857 26.512 51.08 47.059 25.292 39.785 18.169Z' fill='white'/%3E%3C/svg%3E"); }
.wc-land-ico--ledger { background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='21' viewBox='0 0 147 128' fill='none'%3E%3Cpath d='M0 91.655V128H55.293V119.94H8.056V91.655H0ZM138.944 91.655V119.94H91.707V127.998H147V91.655H138.944ZM55.373 36.345V91.653H91.707V84.384H63.43V36.345H55.373ZM0 0V36.345H8.056V8.058H55.293V0H0ZM91.707 0V8.058H138.944V36.345H147V0H91.707Z' fill='black'/%3E%3C/svg%3E"); }
#tronweb3walletconnect-status { min-height: 0; }
@media (max-width: 720px) {
  .wc-qr-panel { grid-template-columns: 1fr; }
  .wc-qr-panel__code { grid-row: auto; }
}

.wc-bar {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  margin: 0 0 20px; padding: 14px 16px;
  border: 1px solid var(--line-hot); border-radius: 12px; background: #08110c;
}
.wc-bar p { margin: 0; }
.wc-bar .kicker { margin-bottom: 4px; }
.wc-bar__meta { min-width: 0; }
.wc-bar__actions { display: flex; flex-wrap: wrap; gap: 8px; flex: 0 0 auto; }
.wc-bar [data-wc-btn].is-on {
  background: transparent; color: var(--lime); border: 2px solid var(--lime);
  font-family: "IBM Plex Mono", ui-monospace, monospace; text-transform: none;
}
.wc-dest { display: flex; gap: 8px; align-items: stretch; }
.wc-dest .field { flex: 1; }
body.wc-open { overflow: hidden; }
.wc-modal { position: fixed; inset: 0; z-index: 80; display: grid; place-items: end center; }
.wc-modal[hidden] { display: none; }
.wc-modal__dim { position: absolute; inset: 0; background: rgba(0,0,0,.72); }
.wc-modal__panel {
  position: relative; width: min(440px, calc(100% - 24px));
  margin-bottom: max(16px, env(safe-area-inset-bottom));
  background: #0d1117; border: 1px solid var(--line-hot); border-radius: 16px 16px 12px 12px;
  padding: 22px 20px 18px; box-shadow: 0 -18px 50px rgba(0,0,0,.45);
}
.wc-modal__head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.wc-modal__head h2 { margin: 0; font-size: 22px; text-transform: uppercase; }
.wc-modal__lede { color: var(--muted); margin: 8px 0 16px; }
.wc-list { display: grid; gap: 8px; }
.wc-row {
  display: flex; align-items: center; gap: 12px; width: 100%;
  padding: 12px; border: 1px solid var(--line); border-radius: 12px;
  background: #10151d; text-align: left; color: var(--text);
}
.wc-row:hover { border-color: var(--lime); }
.wc-row b { display: block; font-size: 15px; }
.wc-row em { font-style: normal; font-size: 12px; color: var(--muted); }
.wc-ico {
  width: 36px; height: 36px; border-radius: 10px; flex: 0 0 36px;
  display: grid; place-items: center; color: #08110a; font-weight: 800;
}
.wc-install {
  margin-left: auto; font-size: 11px; font-weight: 800; letter-spacing: 0.4px;
  text-transform: uppercase; color: var(--lime);
}
@media (min-width: 720px) {
  .wc-modal { place-items: center; }
  .wc-modal__panel { margin-bottom: 0; border-radius: 16px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  #rain { display: none; }
}