/* SATradeBotsX cyber-luxury theme. Created by Deon Goosen. */
:root{
  --void:#05070A;--carbon:#0B0F17;--panel:rgba(11,15,23,.72);--line:rgba(0,240,255,.18);--line2:rgba(0,240,255,.32);
  --cyan:#00F0FF;--violet:#7B2CBF;--buy:#00E676;--sell:#FF1744;--amber:#FFB300;--ink:#E8F1FF;--mute:#93A4BD;--dim:#5E6E86;
  --head:"Space Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--r:18px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--void);color:var(--ink);font:16px/1.6 var(--head);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--cyan)}
img,canvas{display:block;max-width:100%}
h1,h2,h3{font-family:var(--head);line-height:1.12;margin:0 0 .5em;letter-spacing:-.01em}
h2{font-size:clamp(1.6rem,3.4vw,2.5rem)}
h3{font-size:1.15rem}
.mono{font-family:var(--mono)}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}
.grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none}
.glass{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 20px;border-radius:12px;border:1px solid var(--cyan);background:linear-gradient(135deg,var(--cyan),#00b8d4);color:var(--void);font:700 15px/1 var(--head);letter-spacing:.02em;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px);box-shadow:0 0 24px rgba(0,240,255,.45)}
.btn:focus-visible,.ghost:focus-visible,input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}
.btn.ghost{background:transparent;color:var(--cyan)}
.btn.wa{background:#25D366;border-color:#25D366;color:#04130a}
.btn.violet{background:linear-gradient(135deg,var(--violet),#5a189a);border-color:var(--violet);color:#fff}
.btn.sm{min-height:36px;padding:0 12px;font-size:13px;border-radius:9px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.pill{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line2);border-radius:999px;font:600 12px/1.3 var(--mono);letter-spacing:.06em;color:var(--cyan);background:rgba(0,240,255,.06)}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--buy);box-shadow:0 0 10px var(--buy)}
.pos{color:var(--buy)}.neg{color:var(--sell)}
.small{font-size:13.5px;color:var(--mute)}
input,select,textarea{font:15px var(--head);color:var(--ink);background:rgba(5,7,10,.7);border:1px solid var(--line2);border-radius:10px;padding:11px 12px;width:100%}
label{font-size:13px;color:var(--mute);display:block;margin-bottom:4px}
table{border-collapse:collapse;width:100%}
th,td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
th{font:600 12px var(--mono);letter-spacing:.06em;color:var(--mute);text-transform:uppercase}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(40px);opacity:0;background:var(--carbon);border:1px solid var(--cyan);color:var(--ink);padding:10px 18px;border-radius:12px;z-index:200;transition:.25s;font-weight:600;pointer-events:none}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:90;width:58px;height:58px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.5),0 0 0 4px rgba(37,211,102,.2)}
.wa-float svg{width:30px;height:30px;fill:#fff}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
dialog{border:1px solid var(--line2);border-radius:20px;background:var(--carbon);color:var(--ink);padding:0;max-width:560px;width:calc(100% - 32px)}
dialog::backdrop{background:rgba(5,7,10,.78);backdrop-filter:blur(6px)}
.routes{position:fixed;top:10px;right:10px;z-index:120;display:flex;gap:4px;padding:4px;border-radius:999px;background:rgba(11,15,23,.9);border:1px solid var(--line2);font:600 11px var(--mono)}
.routes a{color:var(--mute);text-decoration:none;padding:5px 9px;border-radius:999px}
.routes a.on,.routes a:hover{background:rgba(0,240,255,.14);color:var(--cyan)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}