/* ═══════════════════════════════════════════════════
   UNITED EXCHANGE — BASE THEME v5.1
   Color Scheme: Deep Navy + Maroon | Dark Professional
   Font: Space Grotesk (headings) + Inter (body)
   ═══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root {
  /* ── Dark Navy Backgrounds ── */
  --bg:             #03060f;
  --bg-elev:        #060b18;
  --bg-card:        #080f1e;
  --bg-surface:     #0c1525;
  --bg-hover:       #101c30;
  --bg-input:       #06090f;
  --bg-sidebar:     #020508;
  --bg-topbar:      rgba(3,6,15,.96);

  /* ── Borders ── */
  --border:         rgba(255,255,255,.06);
  --border-light:   rgba(255,255,255,.1);
  --border-accent:  rgba(176,30,30,.2);
  --border-navy:    rgba(30,58,138,.25);

  /* ── Text ── */
  --text:           #e2e8f0;
  --text-secondary: #7f8fa6;
  --muted:          #4a566a;

  /* ── PRIMARY — Maroon / Deep Red ── */
  --accent:         #991b1b;
  --accent-bright:  #b91c1c;
  --accent-vivid:   #dc2626;
  --accent-2:       #7f1d1d;
  --accent-glow:    rgba(185,28,28,.2);
  --accent-soft:    rgba(185,28,28,.08);

  /* ── SECONDARY — Navy Blue ── */
  --navy:           #1e3a8a;
  --navy-bright:    #2563eb;
  --navy-glow:      rgba(30,58,138,.2);
  --navy-soft:      rgba(30,58,138,.08);

  /* ── Status ── */
  --danger:         #ef4444;
  --danger-soft:    rgba(239,68,68,.09);
  --ok:             #10b981;
  --ok-soft:        rgba(16,185,129,.09);
  --info:           #3b82f6;
  --info-soft:      rgba(59,130,246,.09);
  --warn:           #f59e0b;

  /* ── Radii ── */
  --radius:         10px;
  --radius-sm:      6px;
  --radius-lg:      14px;
  --radius-xl:      20px;
  --radius-pill:    999px;

  /* ── Typography ── */
  --font:           'Inter', system-ui, -apple-system, sans-serif;
  --font-heading:   'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-mono:      'JetBrains Mono', ui-monospace, Consolas, monospace;

  /* ── Shadows ── */
  --shadow-xs:      0 1px 3px rgba(0,0,0,.6);
  --shadow-sm:      0 2px 8px rgba(0,0,0,.55);
  --shadow-md:      0 6px 20px rgba(0,0,0,.6);
  --shadow-lg:      0 16px 48px rgba(0,0,0,.7);
  --shadow-glow:    0 0 28px rgba(185,28,28,.08);
  --shadow-accent:  0 4px 20px rgba(185,28,28,.3);
  --shadow-navy:    0 4px 20px rgba(30,58,138,.3);

  /* ── Motion ── */
  --transition:     all .22s cubic-bezier(.4,0,.2,1);
  --ease-out:       cubic-bezier(.22,1,.36,1);
  --ease-spring:    cubic-bezier(.34,1.56,.64,1);

  /* ── Layout ── */
  --sidebar-w:      260px;
  --topbar-h:       68px;
}

/* ══════════════════════════════════════════════════════
   LIGHT MODE — triggered by [data-theme="light"]
   Design ref: Binance / Coinbase — crisp white, depth via
   shadows, navy + red logo accent palette
   ══════════════════════════════════════════════════════ */
[data-theme="light"] {
  /* Backgrounds — pure white cards on a barely-tinted canvas */
  --bg:             #F7F9FC;
  --bg-elev:        #EFF3FA;
  --bg-card:        #FFFFFF;
  --bg-surface:     #F3F6FB;
  --bg-hover:       #ECF1F9;
  --bg-input:       #FFFFFF;
  --bg-sidebar:     #EDF1F8;
  --bg-topbar:      rgba(255,255,255,.97);

  /* Borders — very subtle, navy-tinted */
  --border:         rgba(15,23,42,.08);
  --border-light:   rgba(15,23,42,.12);
  --border-accent:  rgba(185,28,28,.15);
  --border-navy:    rgba(30,58,138,.15);

  /* Text — deep ink like Binance */
  --text:           #0B0E11;
  --text-secondary: #474D57;
  --muted:          #76808F;

  /* Accents unchanged */
  --accent:         #991b1b;
  --accent-bright:  #b91c1c;
  --accent-vivid:   #dc2626;
  --accent-2:       #7f1d1d;
  --accent-glow:    rgba(185,28,28,.12);
  --accent-soft:    rgba(185,28,28,.06);

  --navy:           #1e3a8a;
  --navy-bright:    #2563eb;
  --navy-glow:      rgba(30,58,138,.12);
  --navy-soft:      rgba(30,58,138,.06);

  --danger:         #d9304f;
  --danger-soft:    rgba(217,48,79,.06);
  --ok:             #03a66d;
  --ok-soft:        rgba(3,166,109,.07);
  --info:           #2563eb;
  --info-soft:      rgba(37,99,235,.07);
  --warn:           #f0a500;

  /* Shadows — navy-tinted depth, no black */
  --shadow-xs:      0 1px 3px rgba(15,23,42,.07), 0 1px 2px rgba(15,23,42,.04);
  --shadow-sm:      0 2px 8px rgba(15,23,42,.08), 0 1px 3px rgba(15,23,42,.05);
  --shadow-md:      0 6px 20px rgba(15,23,42,.09), 0 2px 8px rgba(15,23,42,.05);
  --shadow-lg:      0 16px 48px rgba(15,23,42,.10), 0 6px 16px rgba(15,23,42,.06);
  --shadow-glow:    0 0 24px rgba(185,28,28,.06);
  --shadow-accent:  0 4px 18px rgba(185,28,28,.2);
  --shadow-navy:    0 4px 18px rgba(30,58,138,.18);
}

/* ── Base overrides ── */
[data-theme="light"] body{
  background:var(--bg);color:var(--text);
}

/* ── Navbar — pure white glass ── */
[data-theme="light"] .site-header{
  background:rgba(255,255,255,.92);
  border-bottom:1px solid rgba(15,23,42,.07);
  box-shadow:0 1px 0 rgba(15,23,42,.05);
}
[data-theme="light"] .site-header.scrolled{
  background:rgba(255,255,255,.98);
  box-shadow:0 4px 24px rgba(15,23,42,.08),0 1px 0 rgba(15,23,42,.06);
  border-bottom-color:rgba(15,23,42,.09);
}
[data-theme="light"] .nav-mega a{color:#474D57}
[data-theme="light"] .nav-mega a:hover{background:rgba(15,23,42,.04);color:var(--text)}
[data-theme="light"] .nav-mega a.active{color:var(--accent-vivid);background:rgba(185,28,28,.06);border-color:rgba(185,28,28,.18)}
[data-theme="light"] .brand{
  border-color:rgba(15,23,42,.08);
  background:transparent;
  color:var(--text);
  box-shadow:none;
}
[data-theme="light"] .brand:hover{border-color:rgba(185,28,28,.22);background:rgba(185,28,28,.04);box-shadow:var(--shadow-xs)}
[data-theme="light"] .brand-copy strong{color:var(--text)}
[data-theme="light"] .brand-copy small{color:var(--muted)}
[data-theme="light"] .btn-ghost{background:#fff;border-color:rgba(15,23,42,.14);color:var(--text);box-shadow:var(--shadow-xs)}
[data-theme="light"] .btn-ghost:hover{border-color:var(--accent-vivid);background:rgba(185,28,28,.05);color:var(--accent-vivid);box-shadow:var(--shadow-sm)}
[data-theme="light"] .mobile-toggle{background:#fff;border-color:rgba(15,23,42,.12);color:var(--text);box-shadow:var(--shadow-xs)}

/* ── Cards ── */
[data-theme="light"] .card{
  background:#fff;
  border-color:rgba(15,23,42,.08);
  box-shadow:var(--shadow-sm);
}
[data-theme="light"] .card-glass{
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(20px);
  border-color:rgba(15,23,42,.08);
  box-shadow:var(--shadow-sm);
}
[data-theme="light"] .card-shine{
  background:linear-gradient(160deg,rgba(185,28,28,.02) 0%,#fff 35%);
  border-color:rgba(185,28,28,.06);
  box-shadow:var(--shadow-sm);
}

/* ── Hero section ── */
[data-theme="light"] .hero-home{
  background:
    radial-gradient(ellipse 1000px 600px at 8% 10%, rgba(30,58,138,.05) 0%, transparent 65%),
    radial-gradient(ellipse 700px 400px at 88% 15%, rgba(185,28,28,.04) 0%, transparent 65%),
    linear-gradient(175deg, #FFFFFF 0%, #F7F9FC 100%);
}
[data-theme="light"] .hero h1{color:#0B0E11}
[data-theme="light"] .hero .lead{color:#474D57}
[data-theme="light"] .hero-grid-bg{
  background-image:
    linear-gradient(rgba(30,58,138,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(30,58,138,.02) 1px, transparent 1px);
}
[data-theme="light"] .hero-pill{
  background:rgba(220,38,38,.06);
  border-color:rgba(220,38,38,.2);
}
[data-theme="light"] .hero-glow{
  background:radial-gradient(circle,rgba(30,58,138,.04) 0%,transparent 60%);
}

/* Hero card — override dark glass to clean white card */
[data-theme="light"] .hero-card{
  background:#fff;
  border-color:rgba(15,23,42,.09);
  box-shadow:0 8px 32px rgba(15,23,42,.1), 0 2px 8px rgba(15,23,42,.05), inset 0 1px 0 rgba(255,255,255,.9);
}
[data-theme="light"] .premium-panel::after{
  background:linear-gradient(135deg,rgba(185,28,28,.03),transparent 35%,transparent 65%,rgba(30,58,138,.02));
}
[data-theme="light"] .ticker-list li{
  border-top-color:rgba(15,23,42,.06);
}
[data-theme="light"] .ticker-list li:hover{background:rgba(15,23,42,.03)}
[data-theme="light"] .ticker-label{
  background:rgba(15,23,42,.04);
  border-color:rgba(15,23,42,.08);
  color:var(--text-secondary);
}
[data-theme="light"] .mini-insight{
  background:#fff;
  border-color:rgba(15,23,42,.08);
  box-shadow:var(--shadow-xs);
}

/* Proof chips & stats */
[data-theme="light"] .proof-chip{
  background:#fff;
  border-color:rgba(15,23,42,.08);
  box-shadow:var(--shadow-xs);
}
[data-theme="light"] .proof-chip strong{color:var(--text)}
[data-theme="light"] .proof-chip span{color:var(--muted)}
[data-theme="light"] .hero-stat::after{background:rgba(15,23,42,.08)}

/* Ticker tape */
[data-theme="light"] .ticker-tape{
  background:#fff;
  border-top:1px solid rgba(15,23,42,.07);
  border-bottom:1px solid rgba(15,23,42,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
[data-theme="light"] .ticker-tape::before{
  background:linear-gradient(90deg,rgba(247,249,252,1),transparent);
}
[data-theme="light"] .ticker-tape::after{
  background:linear-gradient(270deg,rgba(247,249,252,1),transparent);
}
[data-theme="light"] .tape-item{
  background:rgba(15,23,42,.03);
  border-color:rgba(15,23,42,.07);
  color:var(--text-secondary);
}
[data-theme="light"] .tape-item strong{color:var(--text)}

/* Feature cards */
[data-theme="light"] .feature{
  background:#fff;
  border-color:rgba(15,23,42,.07);
  box-shadow:var(--shadow-sm);
}
[data-theme="light"] .feature-hover:hover{
  border-color:rgba(185,28,28,.15);
  box-shadow:var(--shadow-md),0 0 24px rgba(185,28,28,.04);
}

/* Steps */
[data-theme="light"] .steps-section{
  background:radial-gradient(ellipse 600px 400px at 30% 50%,rgba(30,58,138,.04) 0%,transparent 70%),
             radial-gradient(ellipse 600px 400px at 70% 50%,rgba(185,28,28,.03) 0%,transparent 70%),
             linear-gradient(180deg,#fff 0%,var(--bg) 100%);
}
[data-theme="light"] .step-card{background:transparent}
[data-theme="light"] .step-connector{background:linear-gradient(90deg,rgba(185,28,28,.18),rgba(185,28,28,.05))}

/* Security cards */
[data-theme="light"] .security-card{
  background:#fff;
  border-color:rgba(15,23,42,.08);
  box-shadow:var(--shadow-sm);
}
[data-theme="light"] .security-card:hover{
  border-color:rgba(30,58,138,.2);
  box-shadow:var(--shadow-md),0 0 20px rgba(30,58,138,.05);
}

/* Stats banner */
[data-theme="light"] .stats-banner{
  background:#fff;
  border-top:1px solid rgba(15,23,42,.07);
  border-bottom:1px solid rgba(15,23,42,.07);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}

/* Testimonials */
[data-theme="light"] .testimonial-card{
  background:#fff;
  border-color:rgba(15,23,42,.07);
  box-shadow:var(--shadow-sm);
}
[data-theme="light"] .testimonial-card:hover{
  border-color:rgba(185,28,28,.1);
  box-shadow:var(--shadow-md);
}
[data-theme="light"] .testimonial-text{color:#474D57}

/* CTA section */
[data-theme="light"] .cta-section{
  background:radial-gradient(ellipse 600px 300px at 50% 100%,rgba(185,28,28,.04) 0%,transparent 70%),
             linear-gradient(180deg,var(--bg),#EFF3FA);
  border-top:1px solid rgba(15,23,42,.07);
}
[data-theme="light"] .cta-shell{
  background:#fff;
  border-color:rgba(15,23,42,.08);
  box-shadow:var(--shadow-lg);
}

/* Trust band */
[data-theme="light"] .trust-band-item{
  background:#fff;
  border-color:rgba(15,23,42,.07);
  box-shadow:var(--shadow-xs);
}

/* Chart cards */
[data-theme="light"] .chart-card{
  background:#fff;
  border-color:rgba(15,23,42,.08);
  box-shadow:var(--shadow-sm);
}
[data-theme="light"] .chart-card:hover{
  border-color:rgba(185,28,28,.14);
  box-shadow:var(--shadow-md);
}
[data-theme="light"] .chart-card-footer{border-top-color:rgba(15,23,42,.06)}

/* TradingView wrappers */
[data-theme="light"] .tv-featured-wrap{
  background:#fff;
  border-color:rgba(15,23,42,.08);
  box-shadow:var(--shadow-md);
}
[data-theme="light"] .tv-featured-header{
  background:rgba(247,249,252,.9);
  border-bottom-color:rgba(15,23,42,.07);
}
[data-theme="light"] .tv-tab{
  background:#fff;
  border-color:rgba(15,23,42,.1);
  color:var(--text-secondary);
  box-shadow:var(--shadow-xs);
}
[data-theme="light"] .tv-tab:hover{
  border-color:rgba(185,28,28,.2);
  background:rgba(185,28,28,.04);
  color:var(--text);
}
[data-theme="light"] .tv-mini-label{
  background:rgba(247,249,252,.95);
  border-bottom-color:rgba(15,23,42,.07);
}

/* Tables */
[data-theme="light"] .table-wrap{
  background:#fff;
  border-color:rgba(15,23,42,.08);
  box-shadow:var(--shadow-sm);
}
[data-theme="light"] .data-table th{
  background:rgba(247,249,252,.95);
  color:var(--muted);
}
[data-theme="light"] .data-table td{border-bottom-color:rgba(15,23,42,.05)}
[data-theme="light"] .data-table tbody tr:hover{background:rgba(30,58,138,.02)}

/* Scrollbar */
[data-theme="light"] ::-webkit-scrollbar-track{background:rgba(15,23,42,.03)}
[data-theme="light"] ::-webkit-scrollbar-thumb{background:rgba(15,23,42,.15);border-radius:3px}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:rgba(185,28,28,.25)}
[data-theme="light"] ::selection{background:rgba(185,28,28,.18);color:#0B0E11}

/* Alerts & badges */
[data-theme="light"] .alert{background:rgba(220,38,38,.05);border-color:rgba(220,38,38,.15);color:#991b1b}
[data-theme="light"] .ok{background:rgba(3,166,109,.05);border-color:rgba(3,166,109,.15);color:#065f46}

/* Footer */
[data-theme="light"] .site-footer{
  background:linear-gradient(180deg,var(--bg-elev),#E8EDF5);
  border-top:1px solid rgba(15,23,42,.07);
}
[data-theme="light"] .footer-bottom{
  border-top:1px solid rgba(15,23,42,.07);
}
[data-theme="light"] .footer-col h4{color:var(--text)}
[data-theme="light"] .footer-col a{color:var(--muted)}
[data-theme="light"] .footer-col a:hover{color:var(--accent-vivid)}
[data-theme="light"] .footer-social a{
  background:#fff;
  border-color:rgba(15,23,42,.1);
  box-shadow:var(--shadow-xs);
}

/* ── Theme toggle button ── */
.theme-toggle{
  display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;border-radius:50%;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.1);
  color:var(--text-secondary);cursor:pointer;
  transition:all .2s cubic-bezier(.4,0,.2,1);
  flex-shrink:0;
}
.theme-toggle:hover{
  background:rgba(185,28,28,.1);
  border-color:rgba(185,28,28,.3);
  color:#fff;
  transform:rotate(20deg) scale(1.08);
}
[data-theme="light"] .theme-toggle{
  background:rgba(30,58,138,.07);
  border-color:rgba(30,58,138,.2);
  color:var(--text-secondary);
}
[data-theme="light"] .theme-toggle:hover{
  background:rgba(30,58,138,.14);
  border-color:rgba(30,58,138,.4);
  color:var(--navy);
}

/* RESET */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:var(--font);background:var(--bg);color:var(--text);
  line-height:1.6;min-height:100vh;display:flex;flex-direction:column;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;
}
a{color:var(--accent-vivid);text-decoration:none;transition:color .2s ease}
a:hover{color:var(--accent-bright);text-decoration:none}
img{max-width:100%;display:block}
button{font-family:inherit;cursor:pointer}

/* ── Space Grotesk headings (Binance-grade geometric) ── */
h1,h2,h3,h4,h5,.section-title,.page-title,.stat-value,.hero-stat-value,.tv-live-price{
  font-family:var(--font-heading);
}
.brand-copy strong,.brand-mark{font-family:var(--font-heading)}

/* TYPOGRAPHY */
.wrap{width:min(1240px,92vw);margin:0 auto}
.wrap-wide{width:min(1440px,95vw);margin:0 auto}
.narrow{max-width:420px}
main{flex:1;position:relative;z-index:1}
h1,h2,h3,h4,h5{font-family:var(--font-heading);font-weight:700;line-height:1.18;letter-spacing:-0.025em}
h1{letter-spacing:-0.04em}
h2{letter-spacing:-0.03em}
h3,h4{letter-spacing:-0.02em}
.muted{color:var(--muted)}
.text-secondary{color:var(--text-secondary)}
.small{font-size:.875rem}
.tiny{font-size:.75rem}
.mono{font-family:var(--font-mono)}
.strong{font-weight:700}
.right{text-align:right}
.up{color:var(--ok)}
.down{color:var(--danger)}
.lead{font-size:1.125rem;line-height:1.7;max-width:56ch}
.accent-red{color:var(--accent-vivid)}
.accent-navy{color:var(--navy-bright)}
.h3{font-family:var(--font-heading);font-size:1rem;margin:0 0 10px;font-weight:600}
.page-title{font-family:var(--font-heading);font-size:1.4rem;margin:0 0 22px;font-weight:700;letter-spacing:-.025em}

.text-gradient{
  font-family:var(--font-heading);
  background:linear-gradient(135deg,#dc2626 0%,#b91c1c 35%,#1e3a8a 65%,#2563eb 100%);
  background-size:200% 200%;
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  animation:gradientShift 5s ease infinite;
}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* NAVBAR (PUBLIC) */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:rgba(3,6,15,.85);
  backdrop-filter:blur(28px) saturate(180%);
  -webkit-backdrop-filter:blur(28px) saturate(180%);
  border-bottom:1px solid rgba(255,255,255,.04);
  transition:background .4s ease,box-shadow .4s ease;
}
.site-header.scrolled{
  background:rgba(3,6,15,.97);
  box-shadow:0 4px 28px rgba(0,0,0,.7);
  border-bottom-color:rgba(185,28,28,.1);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:10px 0;gap:16px}

/* BRAND / LOGO */
.brand{
  font-weight:800;letter-spacing:.02em;color:var(--text);
  font-size:1rem;display:flex;align-items:center;gap:10px;
  text-decoration:none;padding:5px 12px 5px 5px;
  border:1px solid rgba(255,255,255,.06);border-radius:10px;
  background:rgba(255,255,255,.025);transition:var(--transition);
}
.brand:hover{border-color:rgba(185,28,28,.25);color:#fff}
.brand::before{display:none}
.brand-logo-img{height:44px;width:auto;display:block;flex-shrink:0;object-fit:contain;max-width:200px}
.brand-mark{
  width:32px;height:32px;display:flex;align-items:center;justify-content:center;
  border-radius:7px;
  background:linear-gradient(135deg,var(--accent-vivid) 0%,var(--accent-bright) 50%,var(--accent-2) 100%);
  color:#fff;font-weight:900;font-size:.85rem;letter-spacing:.01em;
  box-shadow:0 3px 14px rgba(185,28,28,.35);flex-shrink:0;
}
.brand-copy{display:flex;flex-direction:column;line-height:1.1}
.brand-copy strong{font-size:.88rem;letter-spacing:.02em;color:#fff}
.brand-copy small{font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:2px}

.nav,.nav-mega{display:flex;align-items:center;gap:2px;flex-wrap:wrap}
.nav a,.nav-mega a{
  color:var(--text-secondary);font-size:.84rem;font-weight:500;
  padding:7px 14px;border-radius:var(--radius-sm);
  transition:var(--transition);position:relative;border:1px solid transparent;
}
.nav a:hover,.nav-mega a:hover{color:#fff;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.06)}
.nav a.active,.nav-mega a.active{color:#fff;background:rgba(185,28,28,.1);border-color:rgba(185,28,28,.2)}
.header-auth{display:flex;align-items:center;gap:8px}
.mobile-toggle{display:none;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:1.1rem}

@media(max-width:960px){
  .mobile-toggle{display:block}
  .nav-mega{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(3,6,15,.98);backdrop-filter:blur(24px);flex-direction:column;align-items:stretch;padding:12px 20px;border-bottom:1px solid var(--border);gap:0}
  .nav-mega.show{display:flex}
  .nav-mega a{padding:12px 8px;border:none;border-radius:0;border-bottom:1px solid rgba(255,255,255,.03)}
  .header-auth{display:none}
  .header-auth.show{display:flex;flex-direction:column;gap:8px;padding:12px 20px}
  .brand-copy small{display:none}
}

/* BUTTONS */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 22px;border-radius:var(--radius-sm);border:1px solid transparent;
  font-weight:600;font-size:.86rem;cursor:pointer;
  transition:all .2s cubic-bezier(.4,0,.2,1);
  position:relative;overflow:hidden;font-family:inherit;
  text-decoration:none;white-space:nowrap;letter-spacing:.01em;
}
.btn:active{transform:scale(.97)}

/* Primary = Maroon */
.btn-primary{
  background:linear-gradient(135deg,var(--accent-vivid),var(--accent-bright),var(--accent-2));
  color:#fff;border-color:rgba(185,28,28,.3);
  box-shadow:0 2px 12px rgba(185,28,28,.25);font-weight:700;
}
.btn-primary:hover{box-shadow:var(--shadow-accent);transform:translateY(-1px);text-decoration:none;color:#fff;filter:brightness(1.08)}

/* Secondary = Navy */
.btn-secondary{
  background:linear-gradient(135deg,var(--navy),var(--navy-bright));
  color:#fff;border-color:rgba(30,58,138,.35);
  box-shadow:0 2px 12px rgba(30,58,138,.22);font-weight:700;
}
.btn-secondary:hover{box-shadow:var(--shadow-navy);transform:translateY(-1px);text-decoration:none;color:#fff}

.btn-ghost{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.09);color:var(--text)}
.btn-ghost:hover{border-color:var(--accent-bright);background:rgba(185,28,28,.06);color:#fff;text-decoration:none}
.btn-sm{padding:7px 16px;font-size:.8rem;border-radius:var(--radius-sm)}
.btn-lg{padding:14px 32px;font-size:.92rem;border-radius:var(--radius);font-weight:700}
.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border-color:rgba(239,68,68,.3)}
.btn-danger:hover{box-shadow:0 4px 18px rgba(239,68,68,.3);text-decoration:none;color:#fff}
.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:rgba(16,185,129,.3)}
.btn-success:hover{box-shadow:0 4px 18px rgba(16,185,129,.28);text-decoration:none;color:#fff}

@keyframes pulseGlow{
  0%{box-shadow:0 2px 12px rgba(185,28,28,.25),0 0 0 0 rgba(185,28,28,.35)}
  70%{box-shadow:0 2px 12px rgba(185,28,28,.25),0 0 0 12px rgba(185,28,28,0)}
  100%{box-shadow:0 2px 12px rgba(185,28,28,.25),0 0 0 0 rgba(185,28,28,0)}
}
.pulse-glow{animation:pulseGlow 2.5s infinite}
.pulse-glow:hover{animation:none;box-shadow:var(--shadow-accent)}

/* CARDS */
.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 22px;transition:var(--transition)}
.card h2{margin-top:0;font-size:1.08rem}
.card-shine{background:linear-gradient(160deg,rgba(185,28,28,.025) 0%,var(--bg-card) 35%);border-color:rgba(185,28,28,.07);box-shadow:var(--shadow-sm)}
.card-glass{background:rgba(8,15,30,.7);backdrop-filter:blur(20px) saturate(150%);-webkit-backdrop-filter:blur(20px) saturate(150%);border:1px solid rgba(255,255,255,.055)}
.card-hover:hover{transform:translateY(-3px);border-color:rgba(185,28,28,.18);box-shadow:var(--shadow-lg),var(--shadow-glow)}

/* FORMS */
.form label{display:block;margin-bottom:14px;color:var(--text-secondary);font-size:.86rem;font-weight:500}
.form input,.form-input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-size:.88rem;font-family:inherit;margin-top:5px;transition:border-color .2s,box-shadow .2s}
.form input:focus,.form-input:focus{outline:none;border-color:var(--accent-bright);box-shadow:0 0 0 3px var(--accent-glow);background:rgba(12,18,30,.95)}
textarea{width:100%;margin-top:5px;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text);font-family:inherit;resize:vertical;font-size:.88rem}
textarea:focus{outline:none;border-color:var(--accent-bright);box-shadow:0 0 0 3px var(--accent-glow)}
select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%234a566a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px !important}
.form button{margin-top:8px}

/* ALERTS */
.alert{background:var(--danger-soft);border:1px solid rgba(239,68,68,.18);color:#fca5a5;padding:12px 16px;border-radius:var(--radius);font-size:.86rem;display:flex;align-items:center;gap:8px}
.ok{background:var(--ok-soft);border:1px solid rgba(16,185,129,.18);padding:12px 16px;border-radius:var(--radius);color:#6ee7b7;font-size:.86rem;display:flex;align-items:center;gap:8px}

/* TABLES */
.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card)}
.data-table{width:100%;border-collapse:collapse;font-size:.86rem}
.data-table th,.data-table td{padding:11px 14px;text-align:left;border-bottom:1px solid rgba(255,255,255,.035)}
.data-table th{color:var(--muted);font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;background:rgba(0,0,0,.3);position:sticky;top:0}
.data-table tr:last-child td{border-bottom:none}
.data-table tbody tr{transition:background .12s ease}
.data-table tbody tr:hover{background:rgba(185,28,28,.04)}
.data-table .up{color:var(--ok)}
.data-table .down{color:var(--danger)}
.data-table.compact th,.data-table.compact td{padding:8px 10px;font-size:.8rem}

/* BADGES */
.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-pill);font-size:.7rem;font-weight:600;letter-spacing:.02em}
.badge-success{background:var(--ok-soft);color:#6ee7b7;border:1px solid rgba(16,185,129,.12)}
.badge-danger{background:var(--danger-soft);color:#fca5a5;border:1px solid rgba(239,68,68,.12)}
.badge-warn{background:rgba(245,158,11,.08);color:#fcd34d;border:1px solid rgba(245,158,11,.12)}
.badge-info{background:var(--navy-soft);color:#93c5fd;border:1px solid rgba(30,58,138,.2)}
.badge-neutral{background:rgba(255,255,255,.03);color:var(--text-secondary);border:1px solid var(--border)}
.badge-maroon{background:var(--accent-soft);color:#fca5a5;border:1px solid rgba(185,28,28,.15)}

/* SCROLLBAR */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(185,28,28,.15);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:rgba(185,28,28,.35)}
::selection{background:rgba(185,28,28,.28);color:#fff}

/* FOCUS */
:focus-visible{outline:2px solid var(--accent-vivid);outline-offset:2px}

/* TOOLTIPS */
[data-tooltip]{position:relative}
[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) scale(.9);padding:5px 11px;background:rgba(6,10,20,.98);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.72rem;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;z-index:1000}
[data-tooltip]:hover::after{opacity:1;transform:translateX(-50%) scale(1)}

/* SKELETON */
.skeleton{background:linear-gradient(90deg,var(--bg-card) 25%,rgba(255,255,255,.025) 50%,var(--bg-card) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-sm)}

/* MISC */
.prose{max-width:720px}
.prose ul{color:var(--muted)}
.prose-wide{max-width:820px}
.auth-panel,.panel{padding:48px 0 80px}
.narrow-form .narrow{max-width:520px}
.card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}
@media(max-width:800px){.card-grid{grid-template-columns:1fr}}
.checklist{margin:0;padding-left:1.1rem}
.code-block{background:rgba(0,0,0,.5);border:1px solid var(--border);border-radius:var(--radius);padding:16px;overflow:auto;font-size:.78rem;font-family:var(--font-mono);line-height:1.5}
.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
@media(max-width:800px){.feature-list{grid-template-columns:1fr}}
.feature-list h2{margin-top:0;font-size:1.15rem}
.feature-list ul{padding-left:1.1rem}
.stat-row{display:flex;gap:32px;margin:32px 0 0}
.stat-row dt{margin:0}
.stat-row dd{margin:4px 0 0;font-weight:600}
.announce-list{list-style:none;display:grid;gap:14px}
.announce-card{border-color:rgba(185,28,28,.08)}

/* DIVIDERS */
.divider-red{height:1px;background:linear-gradient(90deg,transparent,rgba(185,28,28,.3),transparent);border:none}
.divider-navy{height:1px;background:linear-gradient(90deg,transparent,rgba(30,58,138,.3),transparent);border:none}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}
.animate-fade-up{opacity:0;transform:translateY(40px);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out)}
.animate-fade-up.is-visible,.hero .animate-fade-up{opacity:1;transform:translateY(0)}
@keyframes slideRight{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
.animate-slide-right{opacity:0;transform:translateX(-30px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.animate-slide-right.is-visible,.hero .animate-slide-right{opacity:1;transform:translateX(0)}
@keyframes scaleIn{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
.animate-scale-in{opacity:0;transform:scale(.88);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
.animate-scale-in.is-visible,.hero .animate-scale-in{opacity:1;transform:scale(1)}
[style*="animation-delay"]{animation-fill-mode:both}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.animate-float{animation:float 4s ease-in-out infinite}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
.shimmer-line{height:1px;background:linear-gradient(90deg,transparent,rgba(185,28,28,.25),transparent);background-size:200% 100%;animation:shimmer 3s linear infinite}

/* WALLET TABS */
.wallet-tabs{display:flex;gap:0;border-bottom:2px solid rgba(255,255,255,.04);padding-bottom:0}
.wallet-tabs a,.wallet-tabs .tab{color:var(--muted);text-decoration:none;font-size:.86rem;font-weight:500;padding:10px 18px;border-bottom:2px solid transparent;margin-bottom:-2px;transition:var(--transition)}
.wallet-tabs a:hover,.wallet-tabs .tab:hover{color:var(--text);text-decoration:none}
.wallet-tabs a.active,.wallet-tabs .tab.active{color:var(--accent-vivid);border-bottom-color:var(--accent-vivid);font-weight:600}