:root {
  --fw-paper:#f6f4ef;
  --fw-surface:#fffefa;
  --fw-ink:#1b2b22;
  --fw-muted:#5b695e;
  --fw-line:#dddcd2;
  --fw-forest:#164b36;
  --fw-moss:#cce989;
  --fw-rail:230px;
  --fw-display:Fraunces, Georgia, serif;
  --fw-body:Manrope, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}

html:has(.asx > main.app) { background:var(--fw-paper); color-scheme:light; }
.asx:has(> main.app) {
  --bg:var(--fw-paper); --s1:var(--fw-surface); --s2:#f1f1e8; --s3:#eaece1;
  --fg:var(--fw-ink); --fg2:#405347; --fg3:var(--fw-muted);
  --line:var(--fw-line); --line2:#e6e5dc; --gold:#315a3f; --lime:#b8da72; --red:#a63432;
  --ser:var(--fw-display); --san:var(--fw-body); --r-card:18px; --r-btn:10px;
  background:var(--fw-paper); color:var(--fw-ink); font-family:var(--fw-body);
  font-size:15px; line-height:1.52; color-scheme:light;
}
.asx > main.app, .asx > main.app.plain {
  max-width:1200px; min-width:0; width:100%; min-height:100dvh; margin:0 auto;
  padding:26px 22px calc(94px + env(safe-area-inset-bottom)); background:transparent;
  border:0; box-shadow:none;
}
.asx:has(.fw-mobile-brand) > main.app { padding-top:85px; }
.asx .fw-rail { position:fixed; z-index:15; box-sizing:border-box; }
.asx .fw-brand { display:inline-flex; gap:10px; align-items:center; width:fit-content; color:inherit; text-decoration:none; }
.asx .fw-brand img { display:block; border-radius:11px; width:37px; height:37px; }
.asx .fw-brand span { font-family:var(--fw-display); font-size:25px; font-weight:600; letter-spacing:-.045em; }
.asx .fw-rail .fw-nav-link { display:flex; align-items:center; text-decoration:none; font-weight:700; gap:12px; }
.asx .fw-nav-link .ic, .asx .fw-mobile-help .ic { width:20px; height:20px; flex:0 0 auto; stroke-width:1.65; }
.asx .fw-mobile-brand {
  position:absolute; z-index:10; inset:0 0 auto; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); align-items:center;
  padding:10px 20px; height:62px; border-bottom:1px solid var(--fw-line); background:var(--fw-surface);
}
.asx .fw-mobile-brand > .fw-brand { grid-column:1; grid-row:1; min-width:0; max-width:100%; }
.asx .fw-mobile-brand > .fw-brand img { flex:none; }
.asx .fw-mobile-brand > .fw-brand span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.asx .fw-header-domain { grid-column:2; grid-row:1; max-width:min(48vw, 440px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--fw-ink); font-size:clamp(13px,2.2vw,17px); font-weight:750; text-align:center; }
.asx .fw-mobile-brand > .fw-mobile-help { grid-column:3; grid-row:1; justify-self:end; }
@media(max-width:480px) { .asx .fw-mobile-brand > .fw-brand span { display:none; } }
.asx .fw-mobile-help { display:grid; place-items:center; width:42px; height:42px; border:1px solid var(--fw-line); border-radius:12px; color:var(--fw-forest); }
.asx .fw-rail { inset:auto 0 0; background:var(--fw-surface); border-top:1px solid var(--fw-line); padding-bottom:env(safe-area-inset-bottom); }
.asx .fw-rail-brand, .asx .fw-rail-kicker, .asx .fw-rail-bottom { display:none; }
.asx .fw-rail-links { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); max-width:630px; margin-inline:auto; padding:5px 5px 6px; }
.asx .fw-rail-links .fw-nav-link { flex-direction:column; justify-content:center; min-height:54px; gap:4px; text-align:center; color:var(--fw-muted); line-height:1.1; border-radius:10px; padding:4px 2px; font-size:clamp(9px,2.6vw,12px); }
.asx .fw-rail-links .fw-nav-link.is-active { color:#244b2e; background:#e7efda; }
.asx :is(.fw-rail,.fw-mobile-brand,.fw-home-campaign) a:focus-visible,
.asx .app :is(button,a,input,select,textarea):focus-visible {
  outline:2px solid #527f46; outline-offset:3px;
}
@media(min-width:900px) {
  .asx:has(> main.app) { padding-inline-start:var(--fw-rail); }
  .asx > main.app, .asx:has(.fw-mobile-brand) > main.app {
    width:100%; padding:86px clamp(26px,3.3vw,57px) 60px;
  }
  .asx > .fw-mobile-brand { inset-inline-start:var(--fw-rail); }
  .asx > .fw-mobile-brand > :is(.fw-brand,.fw-mobile-help) { display:none; }
  .asx > .fw-rail {
    inset:0 auto 0 0; width:var(--fw-rail); display:flex; flex-direction:column;
    background:#153e2e; color:#f7f8ed; border:0; padding:30px 16px 20px; box-shadow:1px 0 0 #102d22; overflow-y:auto;
  }
  [dir=rtl] .asx > .fw-rail { inset:0 0 0 auto; }
  .asx .fw-rail-brand { display:inline-flex; margin:0 10px 47px; }
  .asx .fw-rail-kicker { display:block; margin:0 13px 9px; color:#b5c9bb; font-size:10px; letter-spacing:.16em; text-transform:uppercase; font-weight:800; }
  .asx .fw-rail-links { display:grid; grid-template-columns:1fr; gap:4px; padding:0; max-width:none; margin:0; }
  .asx .fw-rail-links .fw-nav-link, .asx .fw-rail-help {
    flex-direction:row; justify-content:flex-start; gap:11px; text-align:start; color:#e1e9df;
    padding:11px 13px; min-height:47px; font-size:14px; border-radius:9px;
  }
  .asx .fw-rail-links .fw-nav-link:hover, .asx .fw-rail-help:hover { background:#25533e; color:white; }
  .asx .fw-rail-links .fw-nav-link.is-active { color:#dff4ad; background:#315740; }
  .asx .fw-rail-help[aria-current=page] { color:#dff4ad; background:#315740; }
  .asx .fw-rail-links .fw-nav-link.is-active::after {
    content:""; width:7px; height:7px; margin-inline-start:auto; flex:none; border-radius:50%; background:var(--fw-moss);
  }
  .asx .fw-rail-bottom { display:flex; flex-direction:column; gap:14px; margin-top:auto; padding-top:38px; }
  .asx .fw-rail-caption { color:#c0d1c3; border-top:1px solid #ffffff2b; display:flex; align-items:center; gap:9px; font-size:11px; padding:15px 12px 0; }
  .asx .fw-rail-caption .fw-dot { width:6px; height:6px; border-radius:50%; background:var(--fw-moss); }
}
@media(min-width:620px) and (max-width:899px) {
  .asx > main.app, .asx:has(.fw-mobile-brand) > main.app { padding-inline:32px; }
}
@media(max-width:360px) { .asx > main.app, .asx > main.app.plain { padding-inline:15px; } }

.asx .app .top { margin-bottom:20px; }
.asx .app .top h1 {
  color:var(--fw-ink); font:500 clamp(33px,5.1vw,51px)/1.04 var(--fw-display);
  text-transform:none; letter-spacing:-.045em; overflow-wrap:anywhere;
}
.asx .app .sectiontitle { margin-top:24px; }
.asx .app .sectiontitle h2, .asx .app .sectiontitle b { color:var(--fw-ink); text-transform:none; letter-spacing:-.022em; }
.asx .app :is(.lang,.iconbtn,.linkrow,.tile,.strip,.today,.stats,.list,.menu,.sec,.amtbox,.me,.balrow,.empty,.card) {
  background:var(--fw-surface); border-color:var(--fw-line); color:var(--fw-ink); box-shadow:none;
}
.asx .app :is(.strip,.today,.stats,.empty,.card) { border-radius:15px; }
.asx .app :is(.list,.menu) { border:1px solid var(--fw-line); border-radius:15px; padding:0 16px; }
.asx .app .list .row, .asx .app .menu .row { border-color:var(--fw-line); }
.asx .app .row.red { color:var(--red); }
.asx .app .list a.row:hover, .asx .app .menu button.row:hover { color:var(--fw-forest); }
.asx .app .ri { background:#edf0e5; color:var(--fw-forest); border-color:#dce3d6; border-radius:9px; }
.asx .app .ri.g { background:#e3edce; color:var(--fw-forest); border-color:#dce7cd; }
.asx .app .chip.g { color:#2d5231; background:#e6efd7; border-color:#d5e2c8; }
.asx .app .lang { border-radius:9px; }
.asx .app .lang select { color:var(--fw-ink); max-width:9rem; min-height:41px; letter-spacing:.02em; text-transform:none; }
.asx .app .lang select option { background:var(--fw-surface); color:var(--fw-ink); }
.asx .app .btn, .asx .app .btn.sm {
  font-family:var(--fw-body); font-weight:800; color:#fff; background:var(--fw-forest);
  border:1px solid transparent; box-shadow:none; border-radius:9px; text-transform:none;
}
.asx .app .btn:not(:disabled):hover { background:#215d44; }
.asx .app .btn.dark, .asx .app .btn.done { color:var(--fw-forest); background:#edf0e6; border-color:#d6dfd2; box-shadow:none; }
.asx .app .btn.dark:not(:disabled):hover { background:#e3e9dc; }
.asx .app .btn.acc { color:#23432c; background:var(--fw-moss); box-shadow:none; }
.asx .app .btn.acc:not(:disabled):hover { background:#dbf3ab; }
.asx .app .btn:active { transform:none; box-shadow:none; }
.asx .app .btn:disabled { opacity:.6; }
.asx .app .skel { background:linear-gradient(90deg,#e5e6de,#f1f1e9,#e5e6de); }
.asx .app .strip.streak .stdots i { background:#e7e9df; }
.asx .app .strip.streak .stdots i.on { background:#6e9859; }
.asx .app .strip.streak .stdots i.cur { background:#cce3ab; box-shadow:inset 0 0 0 1px #739b60; }
.asx .app .today { border:1px solid var(--fw-line); padding:15px 18px; }
.asx .app .refer, .asx .app .storyc { background:#edf0e5; border:1px solid #d9e1d3; color:var(--fw-ink); border-radius:16px; box-shadow:none; }
.asx .app .refer::before, .asx .app .storyc::before { display:none; }
.asx .app .refer .rstats { background:var(--fw-surface); border-color:var(--fw-line); }
.asx .app .refer .rstats div+div { border-color:var(--fw-line); }
.asx .app .refer .rb, .asx .app .storyc .sci { background:var(--fw-moss); color:#23432c; box-shadow:none; }
.asx .app .notice { background:#fff3d9; border-color:#e3c992 !important; color:#634618 !important; }
.asx .app .notice p { color:#634618; }
.asx .app .me { border:1px solid var(--fw-line); padding:20px; }
.asx .app .me .av { background:#dbe7cf; color:#244b34; }
.asx .app .empty b { text-transform:none; }
.asx .app .sheet { background:var(--fw-surface); color:var(--fw-ink); border-color:var(--fw-line); }
.asx .app .sheet .grab { background:var(--fw-line); }
.asx:has(> main.app) .astoast { background:var(--fw-forest); color:#fff; border-color:var(--fw-forest); }
.asx .app .payout-page { max-width:740px; margin-inline:auto; }
.asx .app :is(.payout-card,.payout-countdown,.payout-history-item,.payout-tabs) { background:var(--fw-surface); border-color:var(--fw-line); color:var(--fw-ink); box-shadow:none; }
.asx .app .payout-tabs { padding:4px; border:1px solid var(--fw-line); border-radius:12px; }
.asx .app .payout-tabs button { border-radius:8px; color:var(--fw-muted); }
.asx .app .payout-tabs button[aria-selected=true], .asx .app .payout-tabs button.active {
  background:#e7efda; border-color:#d6e2c9; color:#284831; font-weight:800;
}
.asx .app :is(.payout-card,.payout-page,.payout-countdown) :is(input,select,textarea) { background:var(--fw-surface); border-color:#d0d7c9; color:var(--fw-ink); }
.asx .app .payout-action:not(.secondary) { background:var(--fw-forest); color:white; border-color:var(--fw-forest); }
.asx .app .payout-action.secondary { background:#e8eddf; color:var(--fw-forest); border-color:var(--fw-line); }
.asx .app .payout-countdown b { color:var(--fw-ink); }
.asx .app :is(.payout-countdown-hint,.payout-countdown-date,.payout-fx-note,.payout-label,.payout-field small,.payout-card > p,.payout-money-pair small) { color:var(--fw-muted); }
.asx .app .payout-countdown-label { color:#6a552b; font-weight:800; }

.asx .app .fw-activity-heading h1,
.asx .app .fw-activity-feed-heading h2 { text-transform:capitalize; }
.asx .app .fw-wallet-balance {
  border:1px solid var(--fw-line); border-radius:16px; padding:clamp(16px,3vw,24px);
  background:var(--fw-surface);
}
.asx .app .fw-wallet-balance .balrow {
  align-items:start; border:0; padding:0; gap:10px 16px; flex-wrap:wrap;
}
.asx .app .fw-wallet-balance .balrow .v { min-width:0; overflow-wrap:anywhere; }
.asx .app .fw-wallet-actions,
.asx .app .fw-activity-filters { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.asx .app .fw-wallet-actions .btn { flex:0 1 auto; min-height:44px; padding:8px 16px; }
.asx .app .fw-activity-filters button {
  min-height:42px; border:1px solid var(--fw-line); border-radius:9px; padding:8px 13px;
  background:var(--fw-surface); color:var(--fw-ink); font:700 13px/1.3 var(--fw-body); cursor:pointer;
}
.asx .app .fw-activity-filters button[aria-pressed=true] {
  border-color:#b7c9a7; background:#e7efda; color:#244b2e;
}
.asx .app .fw-activity-feed { margin-top:22px; }
.asx .app .fw-activity-feed-heading,
.asx .app .fw-activity-feedback {
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 14px; margin-bottom:12px;
}
.asx .app .fw-activity-feed-heading h2 { font:600 25px/1.2 var(--fw-display); }
.asx .app .fw-activity-feed-heading a { color:var(--fw-forest); font-weight:800; text-decoration:underline; }
.asx .app .fw-activity-list { list-style:none; margin:0; }
.asx .app .fw-activity-list .row .ra {
  display:flex; flex-direction:column; align-items:flex-end; min-width:0; max-width:52%;
}
.asx .app .fw-activity-list .row .amt { white-space:normal; overflow-wrap:anywhere; }
.asx .app .fw-activity-list .row .t { overflow-wrap:anywhere; }
.asx .app .fw-activity-load-more { margin-top:16px; }
.asx .app .st.d, .asx .app .alert.ok {
  border-color:#cbdcc7; background:#e8f2e6; color:#2d5837;
}
.asx .app .st.w { border-color:#e3d3b3; background:#fbf4e2; color:#6b511f; }
.asx .app .inp:focus-within { border-color:#527f46; }
.asx .app .inp select option,
.asx .app .payout-field select option { color:var(--fw-ink); background:var(--fw-surface); }
.asx .app .sheet h2 { padding-inline-end:42px; overflow-wrap:anywhere; }
.asx .app .sheet .x { inset-inline-end:14px; inset-inline-start:auto; }
.asx .app .fw-menu-button {
  width:100%; border:0; border-bottom:1px solid var(--fw-line); background:none; color:inherit;
  padding:14px 2px; text-align:start; cursor:pointer;
}
.asx .app .fw-menu-button.red { color:var(--red); }
.asx .app .fw-menu-button:last-child { border-bottom:0; }
.asx .app .fw-account-heading { margin-bottom:17px; }
.asx .app .fw-tree-branch { margin-inline-start:14px; padding-inline-start:9px; border-inline-start:1px solid var(--fw-line); }
.asx .app .fw-tree-user { max-width:100%; padding:2px; color:var(--fw-forest); font:inherit; text-align:start; text-decoration:underline; overflow-wrap:anywhere; white-space:normal; cursor:pointer; }
.asx .app .fw-tree-list,
.asx .app .fw-tree-branch { list-style:none; }
.asx .app .fw-team-tree .lbl { margin-bottom:8px; }
.asx .app .fw-tree-row { gap:8px; }
.asx .app .fw-tree-row :is(.iconbtn,.fw-tree-leaf) {
  display:grid; place-items:center; flex:none; width:36px; height:36px; margin:0;
}
.asx .app .fw-tree-row .t { overflow-wrap:anywhere; }
.asx .app .fw-team-today { color:var(--fw-forest); }
.asx .app .payout-method {
  border-color:var(--fw-line); background:var(--fw-surface); text-align:start;
}
.asx .app .payout-method[aria-checked=true] { border-color:#9bb488; background:#eff4e9; }
.asx .app :is(.payout-logo,.payout-method small,.payout-inline,.payout-fx-note a,.payout-fx-stale) { color:var(--fw-forest); }
.asx .app .payout-logo { background:#e5efdb; }
.asx .app .payout-alert.error, .asx .app .payout-error { color:var(--red); }
.asx .app .payout-alert.success,
.asx .app :is(.payout-status.paid,.payout-status.approved) { color:#2d5837; }
.asx .app :is(.payout-status.rejected,.payout-status.failed) { color:var(--red); }
.asx .app :is(.payout-status.pending,.payout-status.processing) { color:#6b511f; }
.asx .app :is(.payout-details > div,.payout-record) { border-color:var(--fw-line); }
.asx .app :is(.payout-copy,.payout-details dt,.payout-record small,.payout-country-note,.payout-summary small) { color:var(--fw-muted); }
.asx .app .fw-payout-guide { max-width:740px; margin-inline:auto; }
.asx .app .fw-payout-guide .top { flex-wrap:wrap; }
.asx .app .fw-payout-guide .top h1 { flex:1; min-width:90px; }
.asx .app .fw-payout-guide-section { padding:18px; margin-top:14px; border:1px solid var(--fw-line); border-radius:14px; background:var(--fw-surface); }
.asx .app .fw-payout-guide-section h2 { font-size:17px; margin-bottom:8px; }
.asx .app .fw-payout-guide-section p { margin-bottom:12px; }
.asx .app .fw-payout-guide-section .btn { min-height:44px; }
.asx .app .fw-p2p-guide { max-width:740px; margin-inline:auto; }
.asx .app .fw-p2p-guide .top { flex-wrap:wrap; }
.asx .app .fw-p2p-guide .top .chip { max-width:100%; margin-inline-start:auto; }
.asx .app .fw-p2p-video { width:100%; aspect-ratio:16/9; border:0; border-radius:10px; background:var(--fw-ink); }
.asx .app .fw-p2p-guide section > ul { list-style:disc; padding-inline-start:20px; margin-bottom:12px; }
.asx .app .fw-p2p-question { border:0; min-width:0; padding:0; margin:0 0 18px; }
.asx .app .fw-p2p-question legend { font-weight:800; margin-bottom:6px; }
.asx .app .fw-p2p-question label {
  display:flex; align-items:center; gap:10px; min-height:44px;
  margin:5px 0; padding:8px 12px; border:1px solid var(--fw-line); border-radius:8px;
  font-size:14px; cursor:pointer;
}
.asx .app .fw-p2p-question label:has(:checked) { background:#e9f2dc; border-color:#a9bf9a; }
.asx .app .fw-p2p-question input { accent-color:var(--fw-forest); flex:none; }

@media (max-width:420px) {
  .asx .app .fw-tree-branch { margin-inline-start:4px; padding-inline-start:5px; }
  .asx .app .fw-activity-list .row { gap:8px; }
  .asx .app .fw-activity-list .row .amt { font-size:15px; }
  .asx .app .fw-activity-list .row .ri { width:30px; height:30px; }
}

.asx .fw-home-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:15px; margin-bottom:26px; }
.asx .fw-home-heading h1 { margin:4px 0 5px; font:500 clamp(37px,5vw,64px)/1.03 var(--fw-display); letter-spacing:-.045em; text-transform:none; }
.asx .fw-greeting { color:var(--fw-muted); font-size:14px; margin:9px 0 0; }
.asx .fw-eyebrow { color:#486452; font-size:10px; font-weight:800; letter-spacing:.16em; }
.asx .fw-home-primary { display:grid; gap:16px; margin-bottom:18px; }
.asx .fw-home-balance {
  display:flex; flex-direction:column; justify-content:space-between; min-width:0; padding:19px 21px;
  background:var(--fw-surface); border:1px solid var(--fw-line); border-radius:16px;
}
.asx .fw-home-balance .metal {
  padding:0; border:0; border-radius:0; color:var(--fw-ink); box-shadow:none; background:none;
}
.asx .fw-home-balance .metal::before, .asx .fw-home-balance .metal::after, .asx .fw-home-balance .chipv { display:none; }
.asx .fw-home-balance .metal .wm { color:var(--fw-forest); text-shadow:none; font-size:13px; letter-spacing:.01em; text-transform:none; }
.asx .fw-home-balance .metal .bal { margin-top:10px; color:var(--fw-ink); font-size:clamp(32px,3.4vw,45px); }
.asx .fw-home-balance .metal .sub { margin-top:10px; }
.asx .fw-home-balance .metal :is(.uname,.funds) { color:var(--fw-muted); }
.asx .fw-home-balance .pair { padding:0; margin:19px 0 0; }
.asx .fw-home-campaign {
  isolation:isolate; position:relative; min-height:242px; overflow:hidden; display:flex; align-items:center; margin:0;
  border:1px solid #204e38; border-radius:16px; background:#174433; color:#f8fbeb; padding:23px 25px;
}
.asx .fw-home-campaign .fw-eyebrow { color:#cde8a0; }
.asx .fw-home-campaign h2 { color:inherit; font:500 clamp(29px,3.3vw,42px)/1.08 var(--fw-display); letter-spacing:-.035em; text-transform:none; margin:7px 0 10px; max-width:14ch; }
.asx .fw-campaign-copy { color:#e0e9dc; line-height:1.48; font-size:14px; max-width:34ch; margin:0 0 17px; }
.asx .fw-campaign-link { background:var(--fw-moss); border-radius:9px; color:#203f2b; display:inline-flex; align-items:center; gap:10px; min-height:42px; padding:0 14px; font-size:13px; font-weight:800; text-decoration:none; }
.asx .fw-campaign-link:hover { background:#dcf4a9; }
.asx .fw-campaign-link .ic { width:17px; height:17px; }
.asx .fw-campaign-graphic { position:absolute; z-index:-1; inset:auto -30px -65px auto; width:min(54%,300px); stroke:#a2ce8e; stroke-width:1; opacity:.38; }
.asx .fw-campaign-node { fill:#d1e99e; }
@media(min-width:700px) {
  .asx .fw-home-primary { grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); }
  .asx .fw-home-campaign { grid-column:1; grid-row:1; }
  .asx .fw-home-balance { grid-column:2; grid-row:1; padding:24px; }
}
@media (prefers-reduced-motion:reduce) { .asx .app .rv { animation:none; } }