/* ═════════════════════════════════════════════════════════════
   DESIGN SYSTEM v1 ALIGNMENT — overrides earlier tokens
   Authoritative spec: GoldNest_DesignSystem_v1.html
   ═════════════════════════════════════════════════════════════ */

:root{
  /* Surfaces */
  --bg:#0D0B08;
  --surface:#14110C;
  --surface-2:#1C1812;
  --surface-3:#2A241B;
  --line:#2A241B;
  --line-2:#3A3225;

  /* Brand — gold spectrum */
  --gold:#D4A843;
  --gold-2:#E8B95C;
  --gold-3:#B58A2A;
  --gold-dim:#8B6F2D;
  --gold-glow:rgba(212,168,67,.18);
  --gold-glow-2:rgba(212,168,67,.08);

  /* Old aliases kept for backward-compat with existing markup */
  --gold-hi:var(--gold-2);
  --gold-lo:var(--gold-3);
  --card:var(--surface);
  --card-2:var(--surface-2);

  /* Text — WCAG AA verified on --bg */
  --text:#F5EFE0;
  --text-2:#BFB294;
  --text-3:#8A7F66;
  --text-on-gold:#0D0B08;
  --text-inv:#0D0B08;

  /* Borders */
  --border:rgba(212,168,67,.18);
  --border-2:#2A241B;

  /* Semantic */
  --success:#5FB47A;
  --success-bg:#142019;
  --danger:#E5664E;
  --danger-bg:#2A1612;
  --warning:#E8A23E;
  --warning-bg:#241A0E;
  --info:#6FA3D9;
  --info-bg:#11192A;

  /* Old aliases */
  --green:var(--success);
  --red:var(--danger);
  --blue:var(--info);

  /* Typography */
  --font-display:'Playfair Display',Georgia,serif;
  --font-body:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --font-mono:'JetBrains Mono','SF Mono',Consolas,monospace;
  --font-d:var(--font-display);
  --font-b:var(--font-body);

  --fs-xs:11px;--fs-sm:13px;--fs-base:15px;--fs-md:17px;--fs-lg:20px;
  --fs-xl:24px;--fs-2xl:32px;--fs-3xl:44px;--fs-4xl:60px;

  /* Spacing 4-px */
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;
  --s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--s-20:80px;

  /* Radii */
  --r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-full:999px;

  /* Shadows + ring */
  --sh-sm:0 1px 2px rgba(0,0,0,.4);
  --sh-md:0 4px 12px rgba(0,0,0,.5);
  --sh-lg:0 12px 32px rgba(0,0,0,.6);
  --sh-gold:0 0 0 1px rgba(212,168,67,.30),0 8px 24px rgba(212,168,67,.15);
  --shadow-gold:var(--sh-gold);
  --ring-focus:0 0 0 2px var(--bg),0 0 0 4px var(--gold);
  --focus-ring:var(--ring-focus);

  --dur-fast:120ms;--dur-base:200ms;--dur-slow:360ms;
  --ease-out:cubic-bezier(.2,.6,.2,1);
}

/* ─── Buttons (DS v1) ─── */
/* Override the gradient .gn-btn used across portal */
.gn-btn{
  background:var(--gold) !important;
  color:var(--text-inv) !important;
  border:1px solid var(--gold);
  box-shadow:none;
  font-weight:600;
  min-height:44px;
  border-radius:var(--r-md);
  transition:all var(--dur-base) var(--ease-out);
}
.gn-btn:hover{ background:var(--gold-2) !important; border-color:var(--gold-2); transform:none; box-shadow:var(--sh-gold) !important; }
.gn-btn:active{ background:var(--gold-3) !important; border-color:var(--gold-3); }
.gn-btn:disabled{ opacity:.5; box-shadow:none !important; }

/* btn--base (basic-theme legacy) — same DS treatment */
.gn-content .btn--base, .gn-content .btn-primary{
  background:var(--gold) !important;
  color:var(--text-inv) !important;
  box-shadow:none;
  font-weight:600;
  min-height:44px;
}
.gn-content .btn--base:hover, .gn-content .btn-primary:hover{
  background:var(--gold-2) !important; filter:none; box-shadow:var(--sh-gold);
}
.gn-content .btn--base:active{ background:var(--gold-3) !important; }

/* Marketing site primary button */
.btn-gold{ background:var(--gold); color:var(--text-inv); box-shadow:none; }
.btn-gold:hover{ background:var(--gold-2); box-shadow:var(--sh-gold); transform:none; }
.btn-gold:active{ background:var(--gold-3); }

/* ─── Mono number helper (used everywhere a price appears) ─── */
.t-mono-num,
.gn-content .num,
.gn-content .price,
.gn-live-ticker span[style*="font-weight:700"],
.gn-sc-value{
  font-family:var(--font-mono) !important;
  font-feature-settings:"tnum","lnum";
  letter-spacing:-.01em;
}
/* Keep Playfair on the BIG hero numbers (portfolio total etc.) — opt-in: */
.gn-card .gn-sc-value,
.gn-card[style*="font-family:var(--font-d)"] .gn-sc-value{
  font-family:var(--font-d) !important;
  letter-spacing:0;
}

/* Ticker price → mono */
.gn-live-ticker span[style*="font-weight:700"]{ font-family:var(--font-mono) !important; font-weight:700 !important; }

/* ─── Pills (DS-aligned) ─── */
.gn-content .pill,
.gn-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:5px 11px;border:1px solid var(--line-2);border-radius:var(--r-full);
  font-size:var(--fs-xs);color:var(--text-2);background:var(--surface);
}
.pill-gold{ color:var(--gold); border-color:var(--gold-dim); background:var(--gold-glow); }
.pill-success{ color:var(--success); border-color:rgba(95,180,122,.3); background:var(--success-bg); }
.pill-danger{ color:var(--danger); border-color:rgba(229,102,78,.3); background:var(--danger-bg); }
.pill-warning{ color:var(--warning); border-color:rgba(232,162,62,.3); background:var(--warning-bg); }
.pill-info{ color:var(--info); border-color:rgba(111,163,217,.3); background:var(--info-bg); }
.pill .dot, .gn-pill .dot{ width:6px;height:6px;border-radius:50%;background:currentColor; }

/* ─── Toast (DS-aligned, left-border accent) ─── */
.gn-toast{ display:flex;align-items:flex-start;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--surface-2);border:1px solid var(--line-2);border-left:3px solid var(--gold);border-radius:var(--r-md);box-shadow:var(--sh-md);max-width:420px; }
.gn-toast.is-success{ border-left-color:var(--success); }
.gn-toast.is-danger{ border-left-color:var(--danger); }
.gn-toast.is-warning{ border-left-color:var(--warning); }
.gn-toast .title{ font-weight:600;font-size:var(--fs-sm); }
.gn-toast .msg{ font-size:var(--fs-sm);color:var(--text-2);margin-top:2px; }

/* ─── KYC banner (DS) ─── */
.gn-kyc-banner-ds{ display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);border:1px solid var(--warning);background:var(--warning-bg);border-radius:var(--r-md);color:var(--warning); }
.gn-kyc-banner-ds .body{ flex:1;font-size:var(--fs-sm);color:var(--text); }
.gn-kyc-banner-ds .body b{ color:var(--warning); }

/* ─── Card states (DS) ─── */
.card-elevated{ box-shadow:var(--sh-md); background:var(--surface-2); }
.card-gold{ border-color:var(--gold-dim) !important; background:linear-gradient(180deg,rgba(212,168,67,.04),transparent 60%),var(--surface) !important; }

/* ─── Iziroaster (existing flash-toast) — match DS palette ─── */
.iziToast{ background:var(--surface-2) !important; border:1px solid var(--line-2) !important; border-left:3px solid var(--gold) !important; border-radius:var(--r-md) !important; box-shadow:var(--sh-md) !important; }
.iziToast .iziToast-title{ color:var(--text) !important; font-family:var(--font-body) !important; }
.iziToast .iziToast-message{ color:var(--text-2) !important; }
.iziToast.iziToast-color-green{ border-left-color:var(--success) !important; }
.iziToast.iziToast-color-red{ border-left-color:var(--danger) !important; }
.iziToast.iziToast-color-orange{ border-left-color:var(--warning) !important; }

/* ─── Touch-target enforcement (DS WCAG 2.5.5) ─── */
.gn-content button,
.gn-content .btn,
.gn-content a.btn{ min-height:44px; }
.gn-qbtn{ min-height:36px; }

/* ─── Focus visible (DS ring) ─── */
*:focus-visible{ outline:none; box-shadow:var(--ring-focus) !important; border-radius:var(--r-sm); }

/* ─── Empty state (DS) ─── */
.gn-empty-ds{ text-align:center;padding:var(--s-12) var(--s-6);border:1px dashed var(--line-2);border-radius:var(--r-lg);background:var(--surface); }
.gn-empty-ds h4{ font-family:var(--font-d);font-size:var(--fs-lg);margin-bottom:var(--s-2); }
.gn-empty-ds p{ color:var(--text-2);max-width:400px;margin:0 auto var(--s-5);font-size:var(--fs-sm); }

/* End of DS v1 alignment */
:root{
  --bg:#0D0B08; --surface:#141209; --card:#1A1710; --card-2:#201D13;
  --gold:#D4A843; --gold-hi:#F0C96A; --gold-lo:#8B6820;
  --gold-glow:rgba(212,168,67,.18); --gold-glow-2:rgba(212,168,67,.08);
  --green:#4CAF7D; --red:#E05252; --blue:#6BA8F0;
  --text:#F5EDD6; --text-2:#C8B888; --text-3:#8F8268; --text-on-gold:#0D0B08;
  --border:rgba(212,168,67,.18); --border-2:rgba(212,168,67,.08);
  --focus-ring:0 0 0 3px rgba(240,201,106,.45);
  --font-d:'Playfair Display',Georgia,serif;
  --font-b:'DM Sans',system-ui,-apple-system,sans-serif;
  --shadow-gold:0 8px 36px rgba(212,168,67,.28);
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
html,body{font-family:var(--font-b);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;line-height:1.5}
button,input,select{font-family:inherit;color:inherit}
a{color:inherit;text-decoration:none}
:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:6px}
img{max-width:100%;display:block}

.container{max-width:1200px;margin:0 auto;padding:0 24px}
section{position:relative}

.nav{position:sticky;top:0;z-index:50;background:rgba(13,11,8,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-2)}
.nav-inner{display:flex;align-items:center;gap:28px;padding:14px 0}
.nav-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-d);font-size:22px;font-weight:600;color:var(--gold-hi);text-decoration:none}
.nav-brand-icon{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--gold-lo),var(--gold));display:flex;align-items:center;justify-content:center;color:var(--text-on-gold);box-shadow:0 4px 12px rgba(212,168,67,.3)}
.nav-links{display:flex;gap:24px;align-items:center;margin:0 auto}
.nav-link{font-size:14px;color:var(--text-2);text-decoration:none;transition:color .15s}
.nav-link:hover{color:var(--gold-hi)}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:all .15s ease;white-space:nowrap}
.btn-gold{background:linear-gradient(135deg,var(--gold-lo),var(--gold-hi));color:var(--text-on-gold);box-shadow:var(--shadow-gold);font-weight:700}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 12px 40px rgba(212,168,67,.45)}
.btn-outline{background:transparent;border-color:var(--border);color:var(--gold-hi)}
.btn-outline:hover{background:var(--gold-glow-2)}
.btn-lg{padding:14px 24px;font-size:15px}
.menu-btn{display:none;width:38px;height:38px;border-radius:9px;background:var(--card);border:1px solid var(--border-2);align-items:center;justify-content:center;color:var(--text-2);cursor:pointer}

.hero{padding:80px 0 100px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-300px;right:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(212,168,67,.18),transparent 60%);pointer-events:none}
.hero::after{content:"";position:absolute;bottom:-200px;left:-200px;width:500px;height:500px;background:radial-gradient(circle,rgba(212,168,67,.08),transparent 60%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;position:relative}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;background:var(--gold-glow-2);border:1px solid var(--border);border-radius:99px;font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:20px}
.hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.45}}
.hero h1{font-family:var(--font-d);font-size:64px;line-height:1.05;font-weight:600;margin-bottom:22px;letter-spacing:-.02em}
.hero h1 em{font-style:normal;background:linear-gradient(135deg,var(--gold-hi),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-sub{font-size:18px;color:var(--text-2);max-width:520px;margin-bottom:32px;line-height:1.55}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}
.hero-trust{display:flex;gap:28px;flex-wrap:wrap;font-size:12.5px;color:var(--text-3)}
.hero-trust span{display:inline-flex;align-items:center;gap:6px}
.hero-trust svg{color:var(--gold-hi)}

.ticker-card{background:linear-gradient(160deg,var(--card),var(--card-2));border:1px solid var(--border);border-radius:24px;padding:32px;box-shadow:0 24px 64px rgba(0,0,0,.5);position:relative;overflow:hidden}
.ticker-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold-hi),transparent)}
.ticker-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.ticker-card-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);font-weight:600}
.ticker-live{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--green)}
.ticker-live .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:pulse 2s infinite}
.ticker-price{font-family:var(--font-d);font-size:54px;font-weight:600;color:var(--gold-hi);line-height:1;margin-bottom:4px}
.ticker-unit{font-size:14px;color:var(--text-3);margin-bottom:16px}
.ticker-change{display:inline-flex;align-items:center;gap:6px;background:rgba(76,175,125,.14);color:var(--green);padding:5px 11px;border-radius:99px;font-size:13px;font-weight:600;margin-bottom:24px}
.ticker-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.ticker-mini{padding:12px 14px;background:var(--card-2);border:1px solid var(--border-2);border-radius:11px}
.ticker-mini-label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3)}
.ticker-mini-val{font-family:var(--font-d);font-size:18px;font-weight:600;color:var(--text);margin-top:2px}
.ticker-spark{height:64px}

.section-pad{padding:90px 0}
.section-head{text-align:center;max-width:680px;margin:0 auto 56px}
.section-eyebrow{display:inline-block;padding:6px 12px;background:var(--gold-glow-2);border:1px solid var(--border-2);border-radius:99px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-hi);margin-bottom:14px}
.section-head h2{font-family:var(--font-d);font-size:42px;font-weight:600;margin-bottom:14px;line-height:1.15}
.section-head p{font-size:17px;color:var(--text-2)}

.how{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.how-step{background:var(--card);border:1px solid var(--border-2);border-radius:18px;padding:32px 26px;position:relative;transition:border-color .25s}
.how-step:hover{border-color:var(--border)}
.how-num{position:absolute;top:24px;right:26px;font-family:var(--font-d);font-size:48px;font-weight:700;color:var(--gold-glow);line-height:1}
.how-illust{width:64px;height:64px;border-radius:14px;background:linear-gradient(135deg,var(--gold-glow),var(--gold-glow-2));border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--gold-hi);margin-bottom:22px}
.how-step h3{font-family:var(--font-d);font-size:24px;font-weight:600;margin-bottom:10px}
.how-step p{font-size:14.5px;color:var(--text-2);line-height:1.6}

.calc{background:linear-gradient(160deg,var(--card),var(--card-2));border:1px solid var(--border);border-radius:24px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;overflow:hidden}
.calc::before{content:"";position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,rgba(212,168,67,.15),transparent 60%)}
.calc-side h3{font-family:var(--font-d);font-size:32px;line-height:1.2;margin-bottom:14px}
.calc-side p{font-size:15px;color:var(--text-2);margin-bottom:24px;line-height:1.55}
.calc-control{margin-bottom:24px}
.calc-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:10px}
.calc-label span:first-child{color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}
.calc-value{font-family:var(--font-d);font-size:22px;font-weight:600;color:var(--gold-hi)}
.calc input[type=range]{width:100%;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer}
.calc input[type=range]::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));border-radius:3px}
.calc input[type=range]::-moz-range-track{height:6px;background:linear-gradient(90deg,var(--gold-lo),var(--gold-hi));border-radius:3px}
.calc input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;background:var(--gold-hi);border:3px solid var(--bg);border-radius:50%;margin-top:-8px;box-shadow:0 4px 12px rgba(212,168,67,.4)}
.calc input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--gold-hi);border:3px solid var(--bg);border-radius:50%}
.calc-presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.calc-preset{padding:6px 12px;background:var(--card);border:1px solid var(--border-2);border-radius:8px;font-size:12.5px;color:var(--text-2);cursor:pointer;transition:.15s}
.calc-preset:hover,.calc-preset.active{background:var(--gold-glow-2);color:var(--gold-hi);border-color:var(--gold)}
.calc-result{background:var(--bg);border:1px solid var(--border);border-radius:18px;padding:32px;text-align:center;position:relative;z-index:1}
.calc-result-label{font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-weight:600}
.calc-result-value{font-family:var(--font-d);font-size:54px;font-weight:700;background:linear-gradient(135deg,var(--gold-hi),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:8px}
.calc-result-delta{font-size:15px;color:var(--green);font-weight:600}
.calc-bar{margin-top:24px;display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-3)}
.calc-disclaimer{font-size:11px;color:var(--text-3);margin-top:18px;line-height:1.5;text-align:center}

.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.trust-card{background:var(--card);border:1px solid var(--border-2);border-radius:16px;padding:28px;transition:.25s}
.trust-card:hover{border-color:var(--border);transform:translateY(-2px)}
.trust-icon-lg{width:54px;height:54px;border-radius:13px;background:var(--gold-glow);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--gold-hi);margin-bottom:18px}
.trust-card h3{font-family:var(--font-d);font-size:19px;margin-bottom:8px}
.trust-card p{font-size:13.5px;color:var(--text-3);line-height:1.55}

.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.testimonial{background:var(--card);border:1px solid var(--border-2);border-radius:16px;padding:30px;display:flex;flex-direction:column}
.stars{color:var(--gold-hi);margin-bottom:14px;font-size:15px;letter-spacing:1px}
.testimonial-quote{font-family:var(--font-d);font-size:17px;line-height:1.55;margin-bottom:24px;flex:1}
.testimonial-who{display:flex;gap:12px;align-items:center;padding-top:16px;border-top:1px solid var(--border-2)}
.testimonial-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lo),var(--gold));display:flex;align-items:center;justify-content:center;color:var(--text-on-gold);font-weight:700;font-size:14px}
.testimonial-name{font-size:14px;font-weight:600}
.testimonial-meta{font-size:12px;color:var(--text-3)}

.fees-wrap{background:var(--card);border:1px solid var(--border-2);border-radius:18px;overflow:hidden}
.fees-row{display:grid;grid-template-columns:2fr 1fr 2fr;padding:18px 28px;border-bottom:1px solid var(--border-2);align-items:center}
.fees-row:last-child{border-bottom:none}
.fees-row.head{background:var(--card-2);font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-weight:600}
.fees-name{font-size:15px;font-weight:500}
.fees-name-sub{font-size:12.5px;color:var(--text-3);margin-top:2px}
.fees-pct{font-family:var(--font-d);font-size:22px;font-weight:600;color:var(--gold-hi)}
.fees-note{font-size:13px;color:var(--text-2)}

.faq{max-width:820px;margin:0 auto}
.faq-item{border-bottom:1px solid var(--border-2)}
.faq-q{display:flex;justify-content:space-between;align-items:center;width:100%;padding:22px 0;background:none;border:none;color:var(--text);font-size:16px;font-weight:500;cursor:pointer;text-align:left;font-family:inherit}
.faq-q:hover{color:var(--gold-hi)}
.faq-icon{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--gold-glow-2);display:flex;align-items:center;justify-content:center;color:var(--gold-hi);transition:transform .25s ease}
.faq-item[open] .faq-icon{transform:rotate(45deg)}
.faq-a{padding:0 0 22px;font-size:14.5px;color:var(--text-2);line-height:1.65;max-width:680px}
details summary::-webkit-details-marker{display:none}

.app-banner{background:linear-gradient(135deg,var(--card),var(--card-2));border:1px solid var(--border);border-radius:24px;padding:56px;text-align:center;position:relative;overflow:hidden}
.app-banner::before{content:"";position:absolute;top:-150px;right:-150px;width:400px;height:400px;background:radial-gradient(circle,rgba(212,168,67,.15),transparent 60%)}
.app-banner h2{font-family:var(--font-d);font-size:36px;line-height:1.2;margin-bottom:14px;position:relative}
.app-banner p{font-size:16px;color:var(--text-2);max-width:520px;margin:0 auto 28px;position:relative}
.store-row{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;position:relative}
.store-badge{display:inline-flex;align-items:center;gap:12px;background:var(--bg);border:1px solid var(--border);border-radius:13px;padding:11px 20px;text-decoration:none;color:var(--text);transition:.2s}
.store-badge:hover{border-color:var(--gold);transform:translateY(-2px)}
.store-icon{font-size:24px;color:var(--gold-hi)}
.store-meta{text-align:left;line-height:1.2}
.store-pre{font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em}
.store-name{font-size:15px;font-weight:600;font-family:var(--font-d)}

.footer{background:var(--surface);border-top:1px solid var(--border-2);padding:64px 0 32px;margin-top:80px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:40px}
.footer-brand{display:flex;align-items:center;gap:10px;font-family:var(--font-d);font-size:22px;font-weight:600;color:var(--gold-hi);margin-bottom:18px}
.footer-tag{font-size:14px;color:var(--text-2);max-width:340px;line-height:1.6;margin-bottom:18px}
.footer-trust-icons{display:flex;gap:12px}
.footer-trust-icons div{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-3)}
.footer h4{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);margin-bottom:14px;font-weight:600}
.footer ul{list-style:none}
.footer li{margin-bottom:10px}
.footer a{color:var(--text-2);font-size:14px;text-decoration:none;transition:.15s}
.footer a:hover{color:var(--gold-hi)}
.footer-base{padding-top:24px;border-top:1px solid var(--border-2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--text-3)}
.disclosure{max-width:920px;margin:24px auto 0;padding:18px;background:var(--card);border:1px solid var(--border-2);border-radius:11px;font-size:11.5px;color:var(--text-3);line-height:1.6;text-align:center}

svg.i{stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;flex-shrink:0}

.preview-banner{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:200;background:linear-gradient(135deg,var(--gold-lo),var(--gold-hi));color:var(--text-on-gold);padding:8px 16px;border-radius:99px;font-size:12px;font-weight:700;box-shadow:var(--shadow-gold);display:flex;align-items:center;gap:10px}
.preview-banner a{color:var(--text-on-gold);text-decoration:underline;font-weight:600}

@media (max-width:980px){
  .hero{padding:60px 0 70px}
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .hero h1{font-size:46px}
  .hero-sub{font-size:16px}
  .ticker-price{font-size:46px}
  .nav-links{display:none}
  .menu-btn{display:flex}
  .how{grid-template-columns:1fr;gap:18px}
  .calc{grid-template-columns:1fr;gap:32px;padding:32px}
  .calc-result-value{font-size:42px}
  .trust-grid{grid-template-columns:1fr 1fr}
  .testimonials{grid-template-columns:1fr;gap:18px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .section-pad{padding:64px 0}
  .section-head h2{font-size:32px}
  .app-banner{padding:36px 24px}
  .app-banner h2{font-size:26px}
}
@media (max-width:560px){
  .container{padding:0 18px}
  .hero h1{font-size:36px}
  .hero-cta{flex-direction:column;align-items:stretch}
  .hero-cta .btn{justify-content:center}
  .ticker-card{padding:24px}
  .fees-row{grid-template-columns:1fr;gap:6px;padding:14px 18px}
  .fees-row.head{display:none}
  .fees-pct{font-size:18px}
  .trust-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;gap:32px}
}

/* ═══════ AUTH (Phase 2) ═══════ */
.auth-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}
.auth-side{display:flex;flex-direction:column;padding:48px 64px;position:relative}
.auth-side.brand{background:linear-gradient(160deg,var(--card),var(--card-2));border-right:1px solid var(--border-2);overflow:hidden}
.auth-side.brand::before{content:"";position:absolute;top:-200px;right:-150px;width:520px;height:520px;background:radial-gradient(circle,rgba(212,168,67,.18),transparent 60%);pointer-events:none}
.auth-side.brand::after{content:"";position:absolute;bottom:-180px;left:-120px;width:420px;height:420px;background:radial-gradient(circle,rgba(212,168,67,.08),transparent 60%);pointer-events:none}
.auth-brand-link{display:flex;align-items:center;gap:10px;font-family:var(--font-d);font-size:22px;font-weight:600;color:var(--gold-hi);text-decoration:none;margin-bottom:auto;position:relative;z-index:1}
.auth-brand-link:hover{color:var(--gold-hi)}
.auth-brand-content{position:relative;z-index:1;padding:60px 0}
.auth-brand-content h2{font-family:var(--font-d);font-size:42px;line-height:1.15;font-weight:600;margin-bottom:16px;letter-spacing:-.01em}
.auth-brand-content h2 em{font-style:normal;background:linear-gradient(135deg,var(--gold-hi),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.auth-brand-content p{font-size:16px;color:var(--text-2);max-width:440px;line-height:1.55;margin-bottom:32px}
.auth-points{display:flex;flex-direction:column;gap:14px}
.auth-point{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--text-2)}
.auth-point svg{flex-shrink:0;color:var(--gold-hi);margin-top:2px}
.auth-point strong{color:var(--text);font-weight:600;display:block;margin-bottom:2px;font-size:14px}
.auth-side.form-side{justify-content:center}
.auth-form-wrap{max-width:440px;width:100%;margin:0 auto}
.auth-form-wrap .nav-brand{display:none}
.auth-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-3);text-decoration:none;margin-bottom:20px;transition:.15s}
.auth-back:hover{color:var(--gold-hi)}
.auth-form-wrap h1{font-family:var(--font-d);font-size:32px;font-weight:600;margin-bottom:8px;line-height:1.2}
.auth-form-wrap .auth-sub{font-size:14px;color:var(--text-3);margin-bottom:32px}
.gn-field{margin-bottom:18px}
.gn-field label{display:block;font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:7px}
.gn-input{width:100%;background:var(--card);border:1px solid var(--border-2);border-radius:10px;padding:13px 16px;font-size:14px;color:var(--text);font-family:inherit;transition:.15s}
.gn-input:focus{outline:none;border-color:var(--gold);box-shadow:var(--focus-ring)}
.gn-input::placeholder{color:var(--text-3)}
.gn-input-group{position:relative}
.gn-input-group .toggle{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-3);cursor:pointer;font-size:14px;padding:4px}
.gn-input-group .toggle:hover{color:var(--gold-hi)}
.gn-input-group.has-prefix{display:flex;background:var(--card);border:1px solid var(--border-2);border-radius:10px;padding:0;align-items:stretch;overflow:hidden;transition:.15s}
.gn-input-group.has-prefix:focus-within{border-color:var(--gold);box-shadow:var(--focus-ring)}
.gn-input-group.has-prefix .prefix{padding:13px 14px;background:var(--card-2);font-size:14px;color:var(--gold-hi);font-weight:600;border-right:1px solid var(--border-2)}
.gn-input-group.has-prefix .gn-input{border:none;background:none;border-radius:0;flex:1}
.gn-input-group.has-prefix .gn-input:focus{box-shadow:none}
.gn-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F0C96A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px}
.gn-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gn-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
.gn-helper-row{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 22px;font-size:13px}
.gn-check{display:flex;align-items:center;gap:8px;color:var(--text-2);cursor:pointer;font-size:13px}
.gn-check input{width:16px;height:16px;accent-color:var(--gold)}
.gn-link{color:var(--gold-hi);text-decoration:none;font-weight:500;transition:.15s}
.gn-link:hover{color:var(--gold);text-decoration:underline}
.gn-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;border-radius:11px;border:none;background:linear-gradient(135deg,var(--gold-lo),var(--gold-hi));color:var(--text-on-gold);font-size:15px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-gold);transition:.2s;margin-top:8px}
.gn-btn:hover{transform:translateY(-1px);box-shadow:0 12px 40px rgba(212,168,67,.45)}
.gn-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.gn-divider{display:flex;align-items:center;gap:12px;margin:24px 0;color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.gn-divider::before,.gn-divider::after{content:"";flex:1;height:1px;background:var(--border-2)}
.gn-social{display:flex;flex-direction:column;gap:10px}
.gn-social a{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 18px;background:var(--card);border:1px solid var(--border-2);border-radius:10px;color:var(--text-2);text-decoration:none;font-size:14px;font-weight:500;transition:.15s}
.gn-social a:hover{border-color:var(--gold);color:var(--gold-hi)}
.gn-social img{width:18px;height:18px}
.auth-foot{margin-top:24px;text-align:center;font-size:13.5px;color:var(--text-3)}
.auth-foot a{color:var(--gold-hi);text-decoration:none;font-weight:600;margin-left:4px}
.auth-error{font-size:12px;color:var(--red);margin-top:5px}
.auth-error-box{background:rgba(224,82,82,.1);border:1px solid rgba(224,82,82,.3);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--red);margin-bottom:18px}
.auth-error-box ul{margin:0;padding-left:18px}
.auth-flash{background:rgba(76,175,125,.1);border:1px solid rgba(76,175,125,.3);border-radius:10px;padding:12px 14px;font-size:13px;color:var(--green);margin-bottom:18px}

/* KYC card (post-login) */
.kyc-card{max-width:760px;margin:48px auto;background:var(--card);border:1px solid var(--border-2);border-radius:18px;overflow:hidden}
.kyc-card-head{padding:22px 28px;border-bottom:1px solid var(--border-2);display:flex;align-items:center;justify-content:space-between}
.kyc-card-head h3{font-family:var(--font-d);font-size:22px;font-weight:600}
.kyc-card-body{padding:28px}
.kyc-card-body .form-group{margin-bottom:16px}
.kyc-card-body label{display:block;font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:7px}
.kyc-card-body input[type=text],.kyc-card-body input[type=email],.kyc-card-body input[type=number],.kyc-card-body input[type=date],.kyc-card-body input[type=file],.kyc-card-body select,.kyc-card-body textarea{width:100%;background:var(--card-2);border:1px solid var(--border-2);border-radius:10px;padding:11px 14px;font-size:14px;color:var(--text);font-family:inherit}
.kyc-card-body input:focus,.kyc-card-body select:focus,.kyc-card-body textarea:focus{outline:none;border-color:var(--gold);box-shadow:var(--focus-ring)}
.kyc-list{list-style:none;padding:0;margin:0}
.kyc-list li{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border-2);font-size:14px}
.kyc-list li:last-child{border-bottom:none}
.kyc-list li a{color:var(--gold-hi);text-decoration:none}

@media (max-width:980px){
  .auth-shell{grid-template-columns:1fr}
  .auth-side.brand{display:none}
  .auth-side{padding:32px 24px}
  .auth-form-wrap .nav-brand{display:flex;margin-bottom:32px}
  .gn-row,.gn-row-3{grid-template-columns:1fr}
}

/* ═══════ PORTAL (Phase 3) ═══════ */
.gn-app{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--bg)}
.gn-sidebar{background:var(--surface);border-right:1px solid var(--border-2);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;overflow:hidden}
.gn-sidebar::after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,var(--gold) 40%,var(--gold) 60%,transparent);opacity:.12}
.gn-brand{display:flex;align-items:center;gap:10px;padding:18px;border-bottom:1px solid var(--border-2)}
.gn-brand-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--gold-lo),var(--gold));display:flex;align-items:center;justify-content:center;color:var(--text-on-gold);box-shadow:0 4px 12px rgba(212,168,67,.3)}
.gn-brand-name{font-family:var(--font-d);font-size:20px;font-weight:600;background:linear-gradient(135deg,var(--gold-hi),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.gn-nav-section{padding:14px 14px 4px;font-size:10px;font-weight:600;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase}
.gn-nav{padding:4px 10px;display:flex;flex-direction:column;gap:1px}
.gn-nav-scroll{overflow-y:auto;flex:1}
.gn-nav-scroll::-webkit-scrollbar{width:0}
.gn-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:9px;cursor:pointer;font-size:13px;color:var(--text-3);background:transparent;border:1px solid transparent;width:100%;text-align:left;transition:all .15s ease;position:relative;text-decoration:none}
.gn-nav-item:hover{background:var(--gold-glow-2);color:var(--text-2)}
.gn-nav-item.active{background:linear-gradient(135deg,rgba(212,168,67,.2),rgba(212,168,67,.06));color:var(--gold-hi);font-weight:600;border-color:var(--border-2)}
.gn-nav-item.active::before{content:"";position:absolute;left:-1px;top:22%;bottom:22%;width:3px;background:var(--gold);border-radius:0 3px 3px 0}
.gn-nav-icon{width:18px;height:18px;flex-shrink:0}
.gn-nav-badge{margin-left:auto;font-size:10px;font-weight:700;padding:2px 7px;border-radius:8px;background:var(--gold-lo);color:#fff}
.gn-sidebar-footer{margin-top:auto;padding:14px 12px;border-top:1px solid var(--border-2)}
.gn-user-pill{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--gold-glow-2);border-radius:10px;border:1px solid var(--border-2);cursor:pointer;width:100%;text-decoration:none;color:inherit}
.gn-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lo),var(--gold));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-on-gold);flex-shrink:0}
.gn-user-meta{flex:1;text-align:left;min-width:0}
.gn-user-name{font-size:13px;font-weight:500}
.gn-user-handle{font-size:11px;color:var(--text-3)}

.gn-main{display:flex;flex-direction:column;min-width:0}
.gn-topbar{display:flex;align-items:center;gap:12px;padding:14px 26px;border-bottom:1px solid var(--border-2);background:var(--surface);position:sticky;top:0;z-index:20}
.gn-menu-btn{display:none;width:40px;height:40px;border-radius:10px;background:var(--card);border:1px solid var(--border-2);align-items:center;justify-content:center;cursor:pointer;color:var(--text-2)}
.gn-search{flex:1;max-width:340px;background:var(--card);border:1px solid var(--border-2);border-radius:10px;display:flex;align-items:center;gap:8px;padding:8px 13px;transition:.2s}
.gn-search:focus-within{border-color:var(--gold);box-shadow:var(--focus-ring)}
.gn-search input{background:none;border:none;outline:none;font-size:13px;flex:1;color:var(--text)}
.gn-search input::placeholder{color:var(--text-3)}
.gn-live-ticker{display:flex;align-items:center;gap:7px;background:var(--gold-glow-2);border:1px solid var(--border);border-radius:10px;padding:7px 13px;text-decoration:none;color:inherit}
.gn-live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 6px var(--green);animation:pulse 2s infinite}
.gn-icon-btn{width:38px;height:38px;border-radius:10px;background:var(--card);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;color:var(--text-2);transition:.15s}
.gn-icon-btn:hover{border-color:var(--gold);color:var(--gold-hi)}
.gn-content{flex:1;overflow-y:auto;padding:24px 26px 100px;display:flex;flex-direction:column;gap:18px}

.gn-kicker{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--gold-glow-2);border:1px solid var(--border-2);border-radius:99px;font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-hi)}
.gn-welcome{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.gn-welcome h1{font-family:var(--font-d);font-size:28px;font-weight:600;background:linear-gradient(135deg,var(--text),var(--gold-hi));-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}
.gn-welcome p{font-size:13px;color:var(--text-3);margin-top:4px}
.gn-kyc-banner{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,rgba(212,168,67,.14),rgba(212,168,67,.04));border:1px solid var(--border);border-radius:11px;padding:11px 16px;font-size:12.5px;color:var(--gold-hi);text-decoration:none}
.gn-kyc-banner svg{flex-shrink:0;width:18px;height:18px}
.gn-grid{display:grid;gap:14px}
.gn-grid-stats{grid-template-columns:repeat(4,1fr)}
.gn-grid-three{grid-template-columns:1fr 1fr 360px}
.gn-grid-three-eq{grid-template-columns:repeat(3,1fr)}
.gn-grid-two{grid-template-columns:1fr 1fr}

.gn-card{background:var(--card);border:1px solid var(--border-2);border-radius:14px;padding:18px;transition:border-color .2s}
.gn-card:hover{border-color:var(--border)}
.gn-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}
.gn-card-title{font-size:13px;font-weight:500;color:var(--text-2);display:flex;align-items:center;gap:8px}
.gn-card-link{font-size:12px;color:var(--gold-hi);cursor:pointer;text-decoration:none}
.gn-card-link:hover{color:var(--gold)}

.gn-stat-card{position:relative;overflow:hidden}
.gn-sc-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:11px}
.gn-sc-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:5px}
.gn-sc-value{font-family:var(--font-d);font-size:24px;font-weight:600;color:var(--text)}
.gn-sc-sub{font-size:11.5px;color:var(--text-3);margin-top:5px}
.gn-up{color:var(--green)}.gn-down{color:var(--red)}

.gn-pill{background:var(--card-2);border:1px solid var(--border-2);border-radius:8px;padding:5px 11px;font-size:12px;color:var(--text-2);cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:.15s}
.gn-pill:hover{border-color:var(--gold);color:var(--gold-hi)}
.gn-pill.active{background:var(--gold-glow);color:var(--gold-hi);border-color:var(--border)}
.gn-qbtn{padding:8px 13px;border-radius:9px;background:var(--card);border:1px solid var(--border-2);color:var(--text-2);font-size:12.5px;cursor:pointer;transition:.15s}
.gn-qbtn:hover,.gn-qbtn.active{border-color:var(--gold);color:var(--gold-hi);background:var(--gold-glow-2)}

.gn-tx-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid var(--border-2)}
.gn-tx-row:last-child{border-bottom:none}
.gn-tx-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gn-tx-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.gn-tx-meta{flex:1;min-width:0}
.gn-tx-title{font-size:13px}
.gn-tx-sub{font-size:11px;color:var(--text-3)}
.gn-tx-amount{text-align:right}
.gn-tx-val{font-size:13px;font-weight:600}

.gn-empty{padding:32px 16px;text-align:center;color:var(--text-3);font-size:13.5px}

.gn-trust-strip{margin-top:32px;padding:18px 22px;background:var(--surface);border:1px solid var(--border-2);border-radius:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.gn-trust-item{display:flex;align-items:flex-start;gap:10px}
.gn-trust-icon{width:36px;height:36px;border-radius:9px;background:var(--gold-glow-2);border:1px solid var(--border-2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--gold-hi)}
.gn-trust-title{font-size:12px;font-weight:600;color:var(--text-2);margin-bottom:2px}
.gn-trust-sub{font-size:11px;color:var(--text-3);line-height:1.4}

.gn-bottom-tabs{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border-2);z-index:30;padding:6px 6px env(safe-area-inset-bottom)}
.gn-btab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:10px;color:var(--text-3);text-decoration:none;border-radius:9px}
.gn-btab.active{color:var(--gold-hi);background:var(--gold-glow-2)}
.gn-btab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.gn-drawer-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:90}
.gn-drawer-backdrop.open{display:block}

/* Make Bootstrap-styled pages still readable inside the gold shell */
.gn-content .card{background:var(--card);border:1px solid var(--border-2);color:var(--text)}
.gn-content .card-header{background:var(--card-2);border-bottom:1px solid var(--border-2);color:var(--text)}
.gn-content .card-title,.gn-content .card-body{color:var(--text)}
.gn-content .table{color:var(--text-2)}
.gn-content .table thead{color:var(--text-3)}
.gn-content .table tbody tr{border-color:var(--border-2)}
.gn-content .form-control,.gn-content .form--control{background:var(--card-2);border:1px solid var(--border-2);color:var(--text)}
.gn-content .form-control:focus,.gn-content .form--control:focus{background:var(--card-2);border-color:var(--gold);color:var(--text);box-shadow:var(--focus-ring)}
.gn-content .btn--base,.gn-content .btn-primary{background:linear-gradient(135deg,var(--gold-lo),var(--gold-hi));border:none;color:var(--text-on-gold)}
.gn-content .btn--base:hover,.gn-content .btn-primary:hover{filter:brightness(1.05);color:var(--text-on-gold)}
.gn-content .text--base,.gn-content .text-primary{color:var(--gold-hi)!important}
.gn-content .bg--base{background:var(--gold)!important;color:var(--text-on-gold)}
.gn-content a{color:var(--gold-hi)}
.gn-content a:hover{color:var(--gold)}
.gn-content .modal-content{background:var(--card);color:var(--text);border:1px solid var(--border)}
.gn-content .modal-header,.gn-content .modal-footer{border-color:var(--border-2)}

@media (max-width:1024px){
  .gn-app{grid-template-columns:1fr}
  .gn-sidebar{position:fixed;top:0;left:0;width:280px;z-index:100;transform:translateX(-100%);transition:transform .25s ease}
  .gn-sidebar.open{transform:translateX(0);box-shadow:0 12px 32px rgba(0,0,0,.5)}
  .gn-menu-btn{display:flex}
  .gn-grid-three{grid-template-columns:1fr 1fr}
  .gn-grid-three-eq{grid-template-columns:1fr 1fr}
  .gn-quickbuy-card{grid-column:1/-1}
  .gn-trust-strip{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .gn-topbar{padding:12px 16px;gap:8px}
  .gn-content{padding:16px 14px 100px}
  .gn-grid-stats{grid-template-columns:1fr 1fr}
  .gn-grid-three,.gn-grid-three-eq,.gn-grid-two{grid-template-columns:1fr}
  .gn-search{display:none}
  .gn-live-ticker .gn-ticker-text{display:none}
  .gn-icon-btn{width:36px;height:36px}
  .gn-welcome{flex-direction:column;align-items:flex-start;gap:12px}
  .gn-welcome h1{font-size:23px}
  .gn-kyc-banner{width:100%}
  .gn-sc-value{font-size:21px}
  .gn-bottom-tabs{display:flex}
  .gn-trust-strip{grid-template-columns:1fr}
  .gn-sidebar{width:88%;max-width:300px}
}
@media (min-width:1025px){.gn-menu-btn,.gn-bottom-tabs{display:none}}

/* ═══════ COMPAT LAYER — basic-theme classes inside goldnest portal ═══════ */
/* Scoped to .gn-content so the marketing pages stay untouched. */

.gn-content .row{display:flex;flex-wrap:wrap;margin:0 -10px}
.gn-content [class*="col-"]{padding:0 10px;flex:0 0 auto;width:100%}
.gn-content .col-12{width:100%}
.gn-content .col-sm-6,.gn-content .col-md-6{width:100%}
.gn-content .col-md-4{width:100%}
.gn-content .col-md-8{width:100%}
.gn-content .col-lg-7,.gn-content .col-lg-8,.gn-content .col-xxl-8,.gn-content .col-xxl-10,.gn-content .col-xxl-12{width:100%;max-width:920px;margin-left:auto;margin-right:auto}
@media (min-width:768px){
  .gn-content .col-sm-6,.gn-content .col-md-6{width:50%}
  .gn-content .col-md-4{width:33.333%}
  .gn-content .col-md-8{width:66.666%}
}
.gn-content .justify-content-center{justify-content:center}
.gn-content .gy-3>*{padding-top:6px;padding-bottom:6px}
.gn-content .mt-1{margin-top:.25rem}.gn-content .mt-2{margin-top:.5rem}.gn-content .mt-3{margin-top:1rem}.gn-content .mt-4{margin-top:1.5rem}
.gn-content .mb-0{margin-bottom:0}.gn-content .mb-1{margin-bottom:.25rem}.gn-content .mb-2{margin-bottom:.5rem}.gn-content .mb-3{margin-bottom:1rem}.gn-content .mb-4{margin-bottom:1.5rem}
.gn-content .w-100{width:100%}
.gn-content .text-center{text-align:center}
.gn-content .d-none{display:none}
.gn-content .d-flex{display:flex}
.gn-content .d-block{display:block}
.gn-content .position-relative{position:relative}
.gn-content .flex-wrap{flex-wrap:wrap}
.gn-content .gap-3{gap:1rem}
.gn-content .align-items-center{align-items:center}

/* ─── Cards ─── */
.gn-content .dashboard-card{background:var(--card);border:1px solid var(--border-2);border-radius:14px;padding:24px;color:var(--text)}
.gn-content .dashboard-card.two{padding:18px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(160deg,var(--card),var(--card-2))}
.gn-content .dashboard-card-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}
.gn-content .dashboard-card-wrapper.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.gn-content .dashboard-card__tag{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
.gn-content .dashboard-card__tag-icon{width:22px;height:22px;border-radius:6px;background:var(--gold-glow-2);display:inline-flex;align-items:center;justify-content:center;color:var(--gold-hi);overflow:hidden}
.gn-content .dashboard-card__tag-icon img{width:14px;height:14px;filter:brightness(0) saturate(100%) invert(82%) sepia(35%) saturate(580%) hue-rotate(2deg) brightness(98%) contrast(95%)}
.gn-content .dashboard-card__tag-text{font-weight:600;color:var(--gold-hi);text-transform:none;letter-spacing:0;font-size:13px}
.gn-content .dashboard-card__gold{font-family:var(--font-d);font-size:24px;font-weight:600;color:var(--gold-hi);line-height:1;margin:6px 0 4px}
.gn-content .dashboard-card__gold sub{font-size:12px;color:var(--text-3);font-weight:400;font-family:var(--font-b);bottom:0;margin-left:5px}
.gn-content .dashboard-card__desc{font-size:12.5px;color:var(--text-2)}
.gn-content .dashboard-card.two.assetCard{cursor:pointer;transition:.15s}
.gn-content .dashboard-card.two.assetCard:hover{border-color:var(--border)}
.gn-content .dashboard-card.two.assetCard.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.gn-content .dashboard-card h4{font-family:var(--font-d);font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}

/* ─── Forms ─── */
.gn-content .form-group{margin-bottom:16px;position:relative}
.gn-content .form-group.lg{margin-bottom:18px}
.gn-content .form-group.has-icon .icon{position:absolute;right:14px;top:50%;transform:translateY(20%);color:var(--text-3);pointer-events:none}
.gn-content .form-group.has-icon .icon img{width:18px;height:18px;filter:brightness(0) invert(0.85);opacity:.5}
.gn-content .form--label,.gn-content .form-label{display:block;font-size:12px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:7px}
.gn-content .form--control,.gn-content .form-control{width:100%;background:var(--card-2);border:1px solid var(--border-2);border-radius:10px;padding:11px 14px;font-size:14px;color:var(--text);font-family:inherit;transition:.15s;display:block;line-height:1.4}
.gn-content .form--control:focus,.gn-content .form-control:focus{outline:none;background:var(--card-2);border-color:var(--gold);color:var(--text);box-shadow:var(--focus-ring)}
.gn-content .form--control[readonly],.gn-content .form-control[readonly]{background:var(--card);color:var(--text-2);cursor:not-allowed}
.gn-content .form--control::placeholder{color:var(--text-3)}
.gn-content textarea.form--control,.gn-content textarea.form-control{min-height:96px}
.gn-content select.form--control,.gn-content select.form-control{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F0C96A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 14px center;background-size:18px;padding-right:42px}
.gn-content select.form--control option{background:var(--card-2);color:var(--text)}
.gn-content input[type=number]::-webkit-inner-spin-button,
.gn-content input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.gn-content input[type=number]{-moz-appearance:textfield}

/* Number inputs in form-group with right-side icon shouldn't show spinners */
.gn-content .has-icon input[type=number]{padding-right:42px}
.gn-content .form-group .label{position:absolute;right:14px;top:50%;transform:translateY(20%);font-size:12px;color:var(--text-3);font-weight:600;pointer-events:none}

/* Bootstrap input-group polish */
.gn-content .input-group{display:flex;align-items:stretch;background:var(--card-2);border:1px solid var(--border-2);border-radius:10px;overflow:hidden}
.gn-content .input-group:focus-within{border-color:var(--gold);box-shadow:var(--focus-ring)}
.gn-content .input-group-text{padding:11px 14px;background:var(--card);font-size:13px;color:var(--gold-hi);font-weight:600;border:none;border-right:1px solid var(--border-2)}
.gn-content .input-group .form--control,.gn-content .input-group .form-control{border:none;background:none;border-radius:0}
.gn-content .input-group .form--control:focus{box-shadow:none}

/* Checkboxes / radios */
.gn-content .form-check,.gn-content .form--check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}
.gn-content .form-check-input,.gn-content .form--check input{width:16px;height:16px;accent-color:var(--gold)}

/* ─── Buttons ─── */
.gn-content .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:.15s;line-height:1}
.gn-content .btn:disabled,.gn-content .btn.disabled{opacity:.5;cursor:not-allowed}
.gn-content .btn--base,.gn-content .btn-primary{background:linear-gradient(135deg,var(--gold-lo),var(--gold-hi));color:var(--text-on-gold);border:none;box-shadow:var(--shadow-gold);font-weight:700}
.gn-content .btn--base:hover,.gn-content .btn-primary:hover{transform:translateY(-1px);color:var(--text-on-gold);filter:brightness(1.05)}
.gn-content .btn--lg{padding:14px 24px;font-size:15px}
.gn-content .btn--sm{padding:6px 12px;font-size:12.5px}
.gn-content .btn--light,.gn-content .btn-secondary,.gn-content .btn-outline--light{background:var(--card);color:var(--text-2);border:1px solid var(--border-2)}
.gn-content .btn--light:hover{border-color:var(--gold);color:var(--gold-hi)}
.gn-content .btn--danger,.gn-content .btn-danger{background:var(--red);color:#fff;border:none}
.gn-content .btn--success,.gn-content .btn-success{background:var(--green);color:#fff;border:none}

/* ─── Account Setting / Profile ─── */
.gn-content .account-setting{display:block}
.gn-content .account-setting__top{display:flex;align-items:center;gap:18px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--border-2);flex-wrap:wrap}
.gn-content .account-setting__thumb{width:96px;height:96px;border-radius:50%;background:var(--card-2);border:1px solid var(--border-2);overflow:hidden;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}
.gn-content .account-setting__thumb img{width:100%;height:100%;object-fit:cover}
.gn-content .account-setting__content{display:flex;gap:10px;flex-wrap:wrap;align-items:center;flex:1;min-width:200px}
.gn-content .account-setting__content label.btn{position:relative;overflow:hidden;cursor:pointer}
.gn-content .account-setting__content label.btn input[type=file]{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;cursor:pointer}

/* ─── Auth (legacy) — covered fallback if any old auth view remains ─── */
.gn-content .account-form{background:var(--card);border:1px solid var(--border-2);border-radius:18px;padding:32px;color:var(--text);max-width:560px;margin:0 auto}
.gn-content .account-form__title{font-family:var(--font-d);font-size:24px;font-weight:600;margin-bottom:8px}
.gn-content .account-form__desc{font-size:13.5px;color:var(--text-3);margin-bottom:20px}
.gn-content .account-form__back{position:absolute;top:14px;right:14px;color:var(--text-3);font-size:18px;cursor:pointer}
.gn-content .have-account{font-size:13.5px;color:var(--text-3);margin-top:16px}
.gn-content .have-account__link{color:var(--gold-hi);text-decoration:none;font-weight:600;margin-left:4px}
.gn-content .password-show-hide{position:absolute;right:14px;top:50%;transform:translateY(-25%);color:var(--text-3);cursor:pointer;font-size:14px}
.gn-content .forgot-password{color:var(--gold-hi);text-decoration:none;font-size:13px}
.gn-content .text--base{color:var(--gold-hi)!important}
.gn-content .border--danger{border-color:var(--red) !important;box-shadow:0 0 0 3px rgba(224,82,82,.18)}

/* ─── Tables ─── */
.gn-content .table{width:100%;border-collapse:separate;border-spacing:0;color:var(--text-2);background:var(--card);border:1px solid var(--border-2);border-radius:14px;overflow:hidden}
.gn-content .table thead th{background:var(--card-2);color:var(--text-3);font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:600;padding:14px 18px;border-bottom:1px solid var(--border-2);text-align:left}
.gn-content .table tbody td{padding:14px 18px;border-bottom:1px solid var(--border-2);font-size:13.5px;color:var(--text)}
.gn-content .table tbody tr:last-child td{border-bottom:none}
.gn-content .table tbody tr:hover{background:var(--gold-glow-2)}
.gn-content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ─── Pagination ─── */
.gn-content .pagination{display:flex;gap:6px;list-style:none;padding:14px 0;margin:0;flex-wrap:wrap}
.gn-content .page-link{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 10px;border-radius:8px;background:var(--card);border:1px solid var(--border-2);color:var(--text-2);font-size:13px;text-decoration:none}
.gn-content .page-item.active .page-link{background:linear-gradient(135deg,var(--gold-lo),var(--gold-hi));color:var(--text-on-gold);border-color:transparent;font-weight:700}
.gn-content .page-link:hover{border-color:var(--gold);color:var(--gold-hi)}

/* ─── Badges ─── */
.gn-content .badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;font-size:11px;font-weight:600;line-height:1.4}
.gn-content .badge--success,.gn-content .badge.bg-success{background:rgba(76,175,125,.18);color:var(--green)}
.gn-content .badge--danger,.gn-content .badge.bg-danger{background:rgba(224,82,82,.18);color:var(--red)}
.gn-content .badge--warning,.gn-content .badge.bg-warning{background:rgba(245,176,66,.18);color:#F5B042}
.gn-content .badge--primary,.gn-content .badge.bg-primary{background:var(--gold-glow-2);color:var(--gold-hi);border:1px solid var(--border-2)}

/* ─── Lists / overview ─── */
.gn-content .text-list{list-style:none;padding:0;margin:0}
.gn-content .text-list__item{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px dashed var(--border-2);font-size:13px}
.gn-content .text-list__item:last-child{border-bottom:none}
.gn-content .text-list__item-title{color:var(--text-3)}
.gn-content .text-list__item-value{color:var(--text);font-weight:500}

/* ─── Counter widget (used in redeem and elsewhere) ─── */
.gn-content .counter{display:inline-flex;align-items:center;background:var(--card);border:1px solid var(--border-2);border-radius:10px;overflow:hidden}
.gn-content .counter__btn{width:34px;height:34px;background:none;border:none;color:var(--gold-hi);font-size:13px;cursor:pointer}
.gn-content .counter__btn:hover{background:var(--gold-glow-2)}
.gn-content .counter__field{width:54px;height:34px;text-align:center;background:none;border:none;border-left:1px solid var(--border-2);border-right:1px solid var(--border-2);color:var(--text);font-size:14px;font-weight:600;outline:none}

/* ─── Buy/Sell stepper (basic theme) ─── */
.gn-content .buy-sell-card{background:var(--card);border:1px solid var(--border-2);border-radius:18px;padding:28px}
.gn-content .buy-sell-list{list-style:none;padding:0;margin:0 0 18px;display:flex;gap:14px;flex-wrap:wrap}
.gn-content .buy-sell-list__item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-3)}
.gn-content .buy-sell-list__item.active{color:var(--gold-hi)}
.gn-content .buy-sell-list__item-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--card-2);color:var(--text-3);font-weight:700;font-family:var(--font-d);border:1px solid var(--border-2)}
.gn-content .buy-sell-list__item.active .buy-sell-list__item-number{background:linear-gradient(135deg,var(--gold-lo),var(--gold-hi));color:var(--text-on-gold);border-color:transparent}
.gn-content .gold-calculator{padding-top:18px;border-top:1px solid var(--border-2)}
.gn-content .gold-calculator__top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-bottom:18px}
.gn-content .gold-calculator__top-amount{font-family:var(--font-d);font-size:18px;color:var(--gold-hi)}
.gn-content .gold-calculator__inputs{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:end;margin-bottom:18px}
.gn-content .gold-calculator__inputs .equal{display:flex;align-items:center;justify-content:center;color:var(--gold-hi);padding-bottom:14px;font-size:18px}
.gn-content .calculator-switch{display:flex;align-items:center;gap:10px;background:var(--card-2);padding:6px;border-radius:10px;border:1px solid var(--border-2)}
.gn-content .calculator-switch__icon{color:var(--gold-hi)}
.gn-content .info{font-size:12px;color:var(--text-3);display:inline-flex;align-items:center;gap:4px;margin-top:6px}

/* ─── Withdraw / Gift / Buy-sell payment ─── */
.gn-content .withdraw-form,.gn-content .gift-form{display:block}
.gn-content .withdraw-gold-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:var(--card-2);border:1px solid var(--border-2);border-radius:11px;margin-bottom:10px}
.gn-content .withdraw-gold-item__title{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:600;color:var(--text);margin:0}
.gn-content .withdraw-gold-item__icon{width:32px;height:32px;border-radius:8px;background:var(--gold-glow-2);display:inline-flex;align-items:center;justify-content:center;color:var(--gold-hi);overflow:hidden}
.gn-content .withdraw-gold-item__icon img{width:18px;height:18px;filter:brightness(0) saturate(100%) invert(82%) sepia(35%) saturate(580%) hue-rotate(2deg)}
.gn-content .withdraw-form__desc,.gn-content .gift-form__desc{font-size:12.5px;color:var(--text-3);margin-top:4px}
.gn-content .buy-sell-payment__title{font-family:var(--font-d);font-size:14px;color:var(--gold-hi);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em;font-weight:600}

/* ─── Modals (Bootstrap default) ─── */
.gn-content .modal-content{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:14px}
.gn-content .modal-header{border-bottom:1px solid var(--border-2);padding:16px 20px}
.gn-content .modal-title{font-family:var(--font-d);font-size:16px;font-weight:600;color:var(--text)}
.gn-content .modal-body{padding:18px 20px;color:var(--text-2);font-size:14px}
.gn-content .modal-footer{border-top:1px solid var(--border-2);padding:12px 20px;gap:8px}
.gn-content .close-icon{cursor:pointer;color:var(--text-3);font-size:18px}

/* ─── Misc cleanup ─── */
.gn-content .text--danger,.gn-content .text-danger{color:var(--red) !important}
.gn-content .text--success,.gn-content .text-success{color:var(--green) !important}
.gn-content .text-muted{color:var(--text-3) !important}
.gn-content small{font-size:11.5px;color:var(--text-3)}
.gn-content hr{border:none;border-top:1px solid var(--border-2);margin:18px 0}

/* Number-input spinners hidden globally inside content */
.gn-content input[type=number]{appearance:textfield;-moz-appearance:textfield}

/* Card titles inside basic Bootstrap card */
.gn-content .card{background:var(--card);border:1px solid var(--border-2);border-radius:14px;color:var(--text);overflow:hidden}
.gn-content .card-header{background:var(--card-2);border-bottom:1px solid var(--border-2);color:var(--text);padding:16px 20px}
.gn-content .card-title{font-family:var(--font-d);font-size:16px;font-weight:600;color:var(--text);margin:0}
.gn-content .card-body{padding:20px;color:var(--text)}

/* Subtle padding fix for legacy .row inside content */
.gn-content .row.justify-content-center{margin-left:0;margin-right:0}
.gn-content .gy-3{row-gap:.75rem}

/* Tabs / pills (Bootstrap) */
.gn-content .nav-tabs{border-bottom:1px solid var(--border-2);gap:4px;margin-bottom:18px}
.gn-content .nav-tabs .nav-link{background:none;border:none;padding:10px 14px;color:var(--text-3);font-size:13px;font-weight:500;border-radius:8px 8px 0 0}
.gn-content .nav-tabs .nav-link.active{color:var(--gold-hi);border-bottom:2px solid var(--gold);background:none}

/* Step icons (gold-calculator__top-left etc) */
.gn-content .gold-calculator__top-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap}

/* Page header buttons sit nicely when injected by master shell */
.gn-content [class*="@push('pageHeaderButton')"]{display:none}

/* ═══════ Payment / Gateway picker (Withdraw + Deposit) ═══════ */
.gn-content .gateway-card{background:var(--card);border:1px solid var(--border-2);border-radius:18px;padding:28px}
.gn-content .payment-card-title{font-family:var(--font-d);font-size:20px;font-weight:600;color:var(--text);margin-bottom:18px}
.gn-content .payment-system-list{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-y:auto;scrollbar-width:thin}
.gn-content .payment-system-list.is-scrollable{padding-right:4px}
.gn-content .payment-system-list::-webkit-scrollbar{width:6px}
.gn-content .payment-system-list::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}
.gn-content .payment-system-list.p-3{padding:0 !important;background:var(--card-2);border:1px solid var(--border-2);border-radius:14px;padding:20px !important;display:block;max-height:none;overflow:visible}

.gn-content .payment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--card-2);border:1px solid var(--border-2);border-radius:11px;cursor:pointer;transition:.15s;position:relative}
.gn-content .payment-item:hover{border-color:var(--border)}
.gn-content .payment-item:has(.payment-item__radio:checked),
.gn-content .payment-item.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset;background:var(--gold-glow-2)}
.gn-content .payment-item__info{display:flex;align-items:center;gap:10px;min-width:0}
.gn-content .payment-item__check{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-2);background:var(--card);flex-shrink:0;position:relative;transition:.15s}
.gn-content .payment-item:has(.payment-item__radio:checked) .payment-item__check{border-color:var(--gold)}
.gn-content .payment-item:has(.payment-item__radio:checked) .payment-item__check::after{content:"";position:absolute;inset:3px;border-radius:50%;background:linear-gradient(135deg,var(--gold-lo),var(--gold-hi))}
.gn-content .payment-item__name{font-size:14px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gn-content .payment-item__thumb{flex-shrink:0;width:60px;height:36px;background:var(--card);border:1px solid var(--border-2);border-radius:7px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.gn-content .payment-item__thumb-img{max-width:100%;max-height:100%;object-fit:contain}
.gn-content .payment-item__radio{position:absolute;opacity:0;pointer-events:none}
.gn-content .payment-item__btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:var(--card);border:1px solid var(--border-2);border-radius:11px;cursor:pointer;color:var(--text-2);font-size:13px;width:100%}
.gn-content .payment-item__btn:hover{border-color:var(--gold);color:var(--gold-hi)}
.gn-content .payment-item__btn-text{margin:0}

/* Right-side calc panel */
.gn-content .deposit-info{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 0;font-size:13.5px;color:var(--text-2)}
.gn-content .deposit-info + .deposit-info{border-top:1px dashed var(--border-2)}
.gn-content .deposit-info__title{flex:1}
.gn-content .deposit-info__title .text{margin:0;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:600}
.gn-content .deposit-info__input{text-align:right}
.gn-content .deposit-info__input .text{margin:0;color:var(--text);font-size:14px;font-weight:600}
.gn-content .deposit-info.total-amount{padding-top:14px;margin-top:6px;border-top:1px solid var(--border-2) !important}
.gn-content .deposit-info.total-amount .deposit-info__input .text{color:var(--gold-hi);font-family:var(--font-d);font-size:18px}
.gn-content .deposit-info__input-group{display:flex;background:var(--card);border:1px solid var(--border-2);border-radius:10px;overflow:hidden;align-items:stretch}
.gn-content .deposit-info__input-group:focus-within{border-color:var(--gold);box-shadow:var(--focus-ring)}
.gn-content .deposit-info__input-group-text{padding:11px 14px;background:var(--card-2);font-size:13px;color:var(--gold-hi);font-weight:600;border-right:1px solid var(--border-2);display:flex;align-items:center}
.gn-content .deposit-info__input-group .form-control,.gn-content .deposit-info__input-group .form--control{border:none;background:none;border-radius:0;text-align:right;font-size:18px;font-family:var(--font-d);color:var(--text);font-weight:600}
.gn-content .deposit-info__input-group .form-control:focus{box-shadow:none}

.gn-content .info-text{padding-top:14px;border-top:1px dashed var(--border-2);margin-top:12px}
.gn-content .info-text .text{font-size:12px;color:var(--text-3);line-height:1.55;margin:0}
.gn-content .proccessing-fee-info{cursor:help;color:var(--text-3);margin-left:4px}

/* Layout — when withdraw/deposit page is using col-lg-6 + col-lg-6 */
@media (min-width:992px){
  .gn-content .col-lg-6{width:50%}
  .gn-content .col-lg-9{width:75%;margin-left:auto;margin-right:auto}
  .gn-content .col-lg-7{width:58.33%;margin-left:auto;margin-right:auto}
}

/* Force full width on mobile so right panel doesn't squeeze */
@media (max-width:991px){
  .gn-content .col-lg-6{width:100%;margin-bottom:14px}
}

/* ═══════ Dashboard v2 — QA spec ═══════ */
.gn-alert-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:11px;text-decoration:none;margin-bottom:18px;border:1px solid transparent;font-size:14px;color:inherit}
.gn-alert-banner--warn{background:linear-gradient(135deg,rgba(224,82,82,.16),rgba(224,82,82,.04));border-color:rgba(224,82,82,.4);color:#ff8a8a}
.gn-alert-banner--ok{background:linear-gradient(135deg,rgba(76,175,125,.16),rgba(76,175,125,.04));border-color:rgba(76,175,125,.4);color:var(--green)}
.gn-alert-banner strong{color:inherit}
.gn-alert-banner svg{flex-shrink:0}

.gn-price-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.gn-price-pill{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--card);border:1px solid var(--border-2);border-radius:11px;text-decoration:none;color:inherit;transition:.15s}
.gn-price-pill:hover{border-color:var(--gold)}
.gn-pp-icon{width:30px;height:30px;border-radius:8px;background:var(--gold-glow-2);border:1px solid var(--border-2);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}
.gn-pp-label{font-size:12.5px;color:var(--text-2);font-weight:500;flex:1;min-width:0}
.gn-pp-price{font-family:var(--font-d);font-size:15px;font-weight:600;color:var(--text);white-space:nowrap}
.gn-pp-price small{font-size:10px;color:var(--text-3);font-weight:400;font-family:var(--font-b);margin-left:1px}
.gn-pp-change{font-size:11.5px;font-weight:600;white-space:nowrap}
.gn-up{color:var(--green)}.gn-down{color:var(--red)}
@media (max-width:760px){
  .gn-price-pills{grid-template-columns:1fr;gap:8px}
  .gn-price-pill{flex-wrap:wrap}
}

/* Buy panel — full widget */
.gn-buy-panel{background:linear-gradient(160deg,var(--card-2),#16130A);border-color:var(--border)}
.bp-tabs{display:flex;gap:4px;background:var(--bg);padding:4px;border-radius:10px;border:1px solid var(--border-2);margin-bottom:8px}
.bp-tab{flex:1;padding:8px 0;background:none;border:none;color:var(--text-3);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;border-radius:7px;transition:.15s}
.bp-tab:hover{color:var(--text-2)}
.bp-tab.active{background:linear-gradient(135deg,var(--gold-lo),var(--gold-hi));color:var(--text-on-gold)}
.bp-rate{font-size:11.5px;color:var(--text-2);margin-bottom:14px}
.bp-rate span{color:var(--gold-hi);font-weight:600}
.bp-mode-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 8px;background:var(--bg);border:1px solid var(--border-2);border-radius:8px}
.bp-mode-label{flex:1;text-align:center;font-size:11.5px;color:var(--text-3);padding:5px 4px;border-radius:6px;font-weight:500;transition:.15s}
.bp-mode-label.active{background:var(--gold-glow-2);color:var(--gold-hi);font-weight:600}
.bp-swap{width:26px;height:26px;border-radius:6px;border:1px solid var(--border-2);background:var(--card);color:var(--gold-hi);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.bp-swap:hover{border-color:var(--gold);background:var(--gold-glow-2)}
.bp-field-label{display:block;font-size:10.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin:10px 0 6px}
.bp-field{position:relative;display:flex;align-items:center;background:var(--bg);border:1px solid var(--border-2);border-radius:10px;padding:10px 14px;transition:.15s}
.bp-field:focus-within{border-color:var(--gold);box-shadow:var(--focus-ring)}
.bp-field--gold{border-color:var(--border)}
.bp-field input{flex:1;background:none;border:none;outline:none;font-size:18px;font-family:var(--font-d);font-weight:600;color:var(--text);width:100%}
.bp-field input::-webkit-outer-spin-button,.bp-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.bp-field input{-moz-appearance:textfield}
.bp-field input:disabled{opacity:.85}
.bp-suffix{font-size:12px;color:var(--text-3);font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding-left:8px;border-left:1px solid var(--border-2);margin-left:8px;white-space:nowrap}
.bp-chips{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 4px}
.bp-chip{padding:6px 10px;background:var(--card);border:1px solid var(--border-2);border-radius:8px;font-size:11.5px;color:var(--text-2);cursor:pointer;font-family:inherit;transition:.15s}
.bp-chip:hover{border-color:var(--border)}
.bp-chip.active{background:var(--gold-glow-2);border-color:var(--gold);color:var(--gold-hi);font-weight:600}
.bp-fees{margin-top:14px;padding:12px 14px;background:var(--bg);border:1px solid var(--border-2);border-radius:10px}
.bp-fee-row{display:flex;justify-content:space-between;font-size:12px;color:var(--text-2);padding:4px 0}
.bp-fee-row small{font-weight:400}
.bp-fee-total{padding-top:8px;margin-top:6px;border-top:1px solid var(--border-2);font-weight:700;color:var(--text);font-size:14px}
.bp-fee-total span:last-child{color:var(--gold-hi);font-family:var(--font-d);font-size:15px}
.gn-buy-panel .gn-btn{margin-top:14px}

@media (max-width:1024px){
  section.gn-grid[style*="grid-template-columns:1fr 380px"]{grid-template-columns:1fr !important}
}

/* ─── Topbar Portal v1 ─── */
.gn-topbar{ gap:16px; }
.gn-greeting{ flex:1; min-width:0 }
.gn-greeting .gn-h{ font-family:var(--font-display); font-size:22px; font-weight:600; letter-spacing:-.01em; color:var(--text); line-height:1.2 }
.gn-greeting .gn-s{ color:var(--text-2); font-size:12.5px; margin-top:3px }

.gn-tickers{ display:flex; gap:8px; flex-wrap:wrap }
.gn-ticker{ display:inline-flex; align-items:center; gap:8px; padding:6px 12px; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r-full); font-family:var(--font-mono); font-size:12px; color:var(--text-2); text-decoration:none }
.gn-tk-lbl{ color:var(--text-3) }
.gn-tk-price{ color:var(--text); font-weight:600 }
.gn-tk-up{ color:var(--success) }
.gn-tk-dn{ color:var(--danger) }
.gn-pulse{ width:6px; height:6px; border-radius:50%; background:var(--success); animation:gn-pulse 2s infinite }
@keyframes gn-pulse{0%{box-shadow:0 0 0 0 rgba(95,180,122,.7)}70%{box-shadow:0 0 0 8px rgba(95,180,122,0)}100%{box-shadow:0 0 0 0 rgba(95,180,122,0)}}

.gn-user-pill-top{ display:flex; align-items:center; gap:8px; padding:6px 12px 6px 6px; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r-full); font-size:13px; color:var(--text); text-decoration:none }
.gn-user-pill-top:hover{ border-color:var(--line-2) }
.gn-user-pill-top .gn-av{ width:28px; height:28px; border-radius:50%; background:linear-gradient(135deg,var(--gold-3),var(--gold)); color:var(--text-inv); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:11.5px }
.gn-user-pill-top .gn-uname{ color:var(--text); font-weight:500 }
.gn-user-pill-top .gn-twofa{ font-family:var(--font-mono); font-size:10px; color:var(--success); display:flex; align-items:center; gap:4px; border-left:1px solid var(--line); padding-left:8px; margin-left:4px }
.gn-user-pill-top .gn-twofa::before{ content:""; width:6px; height:6px; border-radius:50%; background:var(--success) }

@media (max-width:768px){
  .gn-tickers{ order:3; width:100%; overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; -ms-overflow-style:none; scrollbar-width:none }
  .gn-tickers::-webkit-scrollbar{ display:none }
  .gn-ticker{ flex-shrink:0 }
  .gn-user-pill-top .gn-twofa{ display:none }
  .gn-user-pill-top .gn-uname{ display:none }
  .gn-greeting .gn-h{ font-size:18px }
  .gn-topbar{ flex-wrap:wrap; gap:12px }
}

/* ─── Dashboard v1 ─── */
.gn-kpi-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:20px }
.gn-kpi-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:18px; transition:border .2s var(--ease-out) }
.gn-kpi-card:hover{ border-color:var(--line-2) }
.gn-kpi-card .gn-kpi-lbl{ font-family:var(--font-mono); font-size:10px; letter-spacing:.12em; color:var(--text-3); text-transform:uppercase }
.gn-kpi-card .gn-kpi-v{ font-family:var(--font-display); font-size:28px; font-weight:600; margin:6px 0; letter-spacing:-.01em; color:var(--text) }
.gn-kpi-card .gn-kpi-delta{ font-size:12px; color:var(--success); font-family:var(--font-mono) }
.gn-kpi-card .gn-kpi-delta.is-neg{ color:var(--danger) }
.gn-kpi-card .gn-kpi-sub{ font-size:12px; color:var(--text-3); margin-top:4px }
@media (max-width:1100px){ .gn-kpi-grid{ grid-template-columns:repeat(2,1fr) } }
@media (max-width:560px){ .gn-kpi-grid{ grid-template-columns:1fr } .gn-kpi-card .gn-kpi-v{ font-size:24px } }

/* Chart card v1 */
.gn-chart-card{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:20px }
.gn-chart-card .gn-chart-head{ display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:16px; gap:14px; flex-wrap:wrap }
.gn-chart-title{ font-family:var(--font-display); font-size:18px; font-weight:600 }
.gn-chart-now{ font-family:var(--font-mono); font-size:12px; color:var(--text-2); margin-top:3px }
.gn-chart-tabs{ display:flex; gap:4px; background:var(--surface-2); padding:4px; border-radius:var(--r-md) }
.gn-chart-tabs button{ padding:6px 12px; font-size:12px; border-radius:var(--r-sm); color:var(--text-2); border:none; background:none; cursor:pointer }
.gn-chart-tabs button.on{ background:var(--bg); color:var(--gold); font-weight:600 }
.gn-chart{ height:160px }
.gn-chart svg{ width:100%; height:100% }

/* Quick-buy v1 */
.gn-qb{ background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); padding:20px }
.gn-qb h4{ font-family:var(--font-display); font-size:18px; margin-bottom:14px }
.gn-qb-row{ display:flex; justify-content:space-between; font-size:13px; margin-bottom:10px; color:var(--text-2) }
.gn-qb-row .v{ font-family:var(--font-mono); font-weight:600; color:var(--gold) }
.gn-qb-row .v-text{ font-family:var(--font-mono); font-size:12px; color:var(--text) }
.gn-lock{ display:flex; align-items:center; gap:10px; padding:10px 12px; background:var(--surface-2); border:1px solid var(--line); border-radius:var(--r-sm); margin-bottom:12px; font-family:var(--font-mono); font-size:11px; color:var(--text-2) }
.gn-lock-bar{ flex:1; height:3px; background:var(--surface-3); border-radius:2px; overflow:hidden }
.gn-lock-bar > div{ height:100%; background:linear-gradient(90deg,var(--success),var(--warning),var(--danger)); width:60%; animation:gn-countdown 15s linear infinite }
@keyframes gn-countdown{0%{width:100%}100%{width:0%}}
.gn-lock .gn-cd{ color:var(--gold); font-weight:600 }
.gn-slip{ background:var(--info-bg); border:1px solid var(--info); color:var(--info); padding:10px 12px; border-radius:var(--r-sm); font-size:12px; margin-top:10px }

/* Edu nudge */
.gn-edu{ background:linear-gradient(135deg,rgba(212,168,67,.08),transparent 60%),var(--surface); border:1px solid var(--gold-dim); border-radius:var(--r-lg); padding:20px; display:flex; gap:16px; align-items:center; margin-bottom:20px }
.gn-edu .gn-edu-ic{ width:48px; height:48px; border-radius:50%; background:var(--gold-glow); display:flex; align-items:center; justify-content:center; flex-shrink:0; color:var(--gold) }
.gn-edu .gn-edu-body{ flex:1 }
.gn-edu .gn-edu-t{ font-family:var(--font-display); font-size:16px; font-weight:600; margin-bottom:4px }
.gn-edu .gn-edu-d{ font-size:13px; color:var(--text-2) }
.gn-edu a{ color:var(--gold); font-size:13px; font-weight:600; flex-shrink:0 }
@media (max-width:768px){ .gn-edu{ flex-direction:column; align-items:flex-start; text-align:left } }

/* Trust strip footer */
.gn-trust-footer{ display:flex; flex-wrap:wrap; gap:20px; justify-content:center; padding:20px 32px; background:var(--surface); border:1px solid var(--line); border-radius:var(--r-lg); margin-top:24px; font-size:11.5px; color:var(--text-2) }
.gn-trust-footer .gn-trust-item{ display:flex; align-items:center; gap:6px }
.gn-trust-footer .gn-trust-item svg{ width:14px; height:14px; color:var(--gold) }
.gn-trust-footer a{ color:var(--gold); font-weight:600 }
@media (max-width:560px){ .gn-trust-footer{ padding:14px; gap:12px; font-size:11px } }

/* Floating Buy in mobile bottom tabs */
.gn-bt-buy{ position:relative; top:-12px }
.gn-bt-buy .gn-bt-icw{ width:48px; height:48px; border-radius:50%; background:var(--gold); color:var(--text-inv); display:flex; align-items:center; justify-content:center; box-shadow:0 8px 20px rgba(212,168,67,.4) }
.gn-bt-buy .gn-bt-icw svg{ width:22px; height:22px; stroke:currentColor; fill:none; stroke-width:2.2 }
.gn-bt-buy .gn-bt-lbl{ margin-top:4px; color:var(--gold); font-weight:600 }