:root{
  --bg:#050507;
  --bg-elev:#09090d;
  --panel:rgba(15,15,23,.78);
  --panel-solid:#101019;
  --panel-2:#151520;
  --text:#f7f5fb;
  --muted:#9a94a7;
  --purple:#8a2be2;
  --purple-2:#a855f7;
  --purple-3:#c084fc;
  --green:#39ff14;
  --cyan:#54e8ff;
  --border:rgba(168,85,247,.18);
  --border-soft:rgba(255,255,255,.07);
  --danger:#ff5f77;
  --shadow:0 22px 80px rgba(0,0,0,.46);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  overflow-x:hidden;
  color:var(--text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 16% -8%,rgba(138,43,226,.22),transparent 30%),
    radial-gradient(circle at 86% 18%,rgba(84,232,255,.08),transparent 22%),
    linear-gradient(180deg,#060608 0%,#050507 55%,#07060a 100%);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.24;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:46px 46px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 78%);
}
a{color:#dec2ff;text-decoration:none;transition:.18s ease}
a:hover{color:#fff}
button,input{font:inherit}
.topbar{
  height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 6vw;
  border-bottom:1px solid var(--border-soft);
  background:rgba(5,5,7,.72);
  backdrop-filter:blur(18px) saturate(140%);
  position:sticky;
  top:0;
  z-index:30;
}
.brand{display:flex;gap:12px;align-items:center;color:#fff;font-weight:850;letter-spacing:-.025em}
.brand-logo{width:42px;height:42px;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 30px rgba(138,43,226,.32);transition:transform .22s ease,box-shadow .22s ease}.brand:hover .brand-logo{transform:translateY(-1px) rotate(-2deg) scale(1.03);box-shadow:0 0 38px rgba(138,43,226,.45)}
.logo{
  position:relative;
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:13px;
  background:linear-gradient(145deg,var(--purple-2),#6d20c4 72%);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 0 34px rgba(138,43,226,.34),inset 0 1px 0 rgba(255,255,255,.16);
  font-weight:950;
  letter-spacing:-.06em;
}
.logo:after{content:"";position:absolute;inset:5px;border:1px solid rgba(255,255,255,.13);border-radius:9px}
.topbar nav{display:flex;gap:22px;align-items:center}
.topbar nav>a,.linkbtn{font-size:14px;color:#bcb6c8}
.topbar nav>a:hover,.linkbtn:hover{color:#fff}
.shell{width:min(1200px,90vw);margin:48px auto 80px;position:relative;z-index:1}
.hero{display:grid;grid-template-columns:1.18fr .82fr;gap:64px;align-items:center;min-height:72vh}
.hero-copy{max-width:760px}
.hero h1,.page-head h1{font-size:clamp(46px,6.4vw,82px);line-height:.96;margin:14px 0 22px;letter-spacing:-.055em}
.hero h1 .gradient-text{background:linear-gradient(100deg,#fff 18%,#d7b6ff 56%,#8a2be2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:680px;color:var(--muted);font-size:19px;line-height:1.72}
.eyebrow,.label{font-size:11px;letter-spacing:.18em;color:#cda7ff;font-weight:900;text-transform:uppercase}
.eyebrow{display:inline-flex;align-items:center;gap:8px}
.eyebrow:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--green);box-shadow:0 0 14px rgba(57,255,20,.68)}
.button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  padding:12px 18px;
  background:linear-gradient(135deg,var(--purple-2),#7623cd);
  color:#fff;
  font-weight:850;
  cursor:pointer;
  box-shadow:0 10px 32px rgba(138,43,226,.22),inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.button:hover{transform:translateY(-1px);color:#fff;box-shadow:0 14px 38px rgba(138,43,226,.34),inset 0 1px 0 rgba(255,255,255,.16)}
.button.ghost{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.1);box-shadow:none;color:#ddd8e4}
.button.ghost:hover{border-color:rgba(168,85,247,.36);background:rgba(168,85,247,.07)}
.button.danger{background:rgba(88,22,34,.62);border-color:rgba(255,95,119,.34);color:#ffc0cb;box-shadow:none}
.button.small{min-height:38px;padding:9px 14px;border-radius:10px}
.button.full{width:100%;margin-top:14px}
.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}
.panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(20,20,30,.82),rgba(10,10,15,.9));
  border:1px solid var(--border);
  border-radius:20px;
  padding:24px;
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.025);
  backdrop-filter:blur(16px);
}
.panel:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(192,132,252,.55),transparent);opacity:.55}
.flow{padding:28px;text-align:left;transform:perspective(900px) rotateY(-2deg);box-shadow:0 28px 100px rgba(0,0,0,.46),0 0 70px rgba(138,43,226,.09)}
.flow-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.flow-title{font-size:13px;font-weight:850;color:#cfc8d8}
.live-dot{display:inline-flex;align-items:center;gap:7px;color:#a8ffa0;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(57,255,20,.7)}
.flowbox{display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:16px 17px;font-weight:850;background:rgba(8,8,12,.72)}
.flowbox span:last-child{color:#777081;font-size:11px;font-weight:800;letter-spacing:.1em}
.flowbox.accent{border-color:rgba(168,85,247,.44);background:linear-gradient(135deg,rgba(138,43,226,.14),rgba(10,10,15,.72));box-shadow:inset 0 0 32px rgba(138,43,226,.06)}
.arrow{height:34px;display:grid;place-items:center;color:#7d5f94;font-size:17px}
.hero-badges{display:flex;gap:9px;margin-top:22px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:999px;padding:8px 11px;font-size:11px;color:#a9a3b2;font-weight:750}
.pill:before{content:"";width:5px;height:5px;border-radius:50%;background:#8f55bd}
.auth-card{width:min(520px,100%);margin:76px auto;background:linear-gradient(180deg,rgba(18,18,27,.88),rgba(10,10,15,.94));border:1px solid var(--border);border-radius:22px;padding:32px;box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.auth-card h2{font-size:35px;letter-spacing:-.04em;margin:10px 0 24px}
.auth-sub{color:var(--muted);line-height:1.6;margin:-12px 0 22px}
label{display:block;color:#cbc5d2;margin:15px 0 7px;font-size:13px;font-weight:700}
input{width:100%;border:1px solid rgba(255,255,255,.09);background:rgba(6,6,9,.78);color:#fff;padding:13px 14px;border-radius:11px;outline:none;transition:border-color .18s,box-shadow .18s,background .18s}
input:focus{border-color:rgba(168,85,247,.7);box-shadow:0 0 0 3px rgba(168,85,247,.10);background:#08080c}
.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}
.page-head h1{font-size:54px;margin:8px 0 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px}
.metric{font-size:27px;font-weight:900;letter-spacing:-.035em;margin-top:10px}
.metric-sub{font-size:12px;color:#756f7d;margin-top:5px}
.status{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:900;letter-spacing:.08em;white-space:nowrap}
.status:before{content:"";width:7px;height:7px;border-radius:50%}
.status.on{background:rgba(57,255,20,.075);color:#80ff6c;border:1px solid rgba(57,255,20,.22)}
.status.on:before{background:var(--green);box-shadow:0 0 11px rgba(57,255,20,.75)}
.status.off{background:rgba(255,95,119,.08);color:#ff9bac;border:1px solid rgba(255,95,119,.22)}
.status.off:before{background:var(--danger)}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:15px}
.panel-head h3,.panel h3{margin-top:0;letter-spacing:-.02em}
.codebox{display:block;overflow:auto;background:#07070a;border:1px solid rgba(168,85,247,.16);border-radius:11px;padding:14px;color:#e6d3ff;font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:12px;line-height:1.65;box-shadow:inset 0 0 24px rgba(138,43,226,.035)}
.muted,.panel p{color:var(--muted);line-height:1.65}
.table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.05);border-radius:14px;background:rgba(4,4,7,.28)}
table{width:100%;border-collapse:collapse;margin:0;min-width:700px}
th,td{text-align:left;padding:14px 13px;border-bottom:1px solid rgba(255,255,255,.055);font-size:13px;white-space:nowrap}
th{color:#81798c;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:850;background:rgba(255,255,255,.015)}
tbody tr:last-child td{border-bottom:0}tbody tr{transition:background .16s}tbody tr:hover{background:rgba(168,85,247,.035)}
.flash{padding:12px 14px;border-radius:11px;margin-bottom:16px;border:1px solid transparent}
.flash.success{background:rgba(57,255,20,.065);color:#b7ffab;border-color:rgba(57,255,20,.18)}
.flash.error{background:rgba(255,95,119,.075);color:#ffc0cb;border-color:rgba(255,95,119,.18)}
.inline{display:inline}.linkbtn{background:none;border:0;cursor:pointer;font:inherit;padding:0}
.helper-card{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:13px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018);margin-top:16px}
.helper-icon{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:rgba(168,85,247,.1);border:1px solid rgba(168,85,247,.16);color:#d6b0ff;font-size:14px;font-weight:900}
.helper-card p{margin:0;font-size:13px}
@media(max-width:850px){
  .hero,.grid2,.grid3{grid-template-columns:1fr}
  .hero{gap:30px;min-height:auto;padding:34px 0}
  .flow{transform:none}
  .topbar{padding:0 4vw}
  .topbar nav{gap:12px}
  .topbar nav>a:not(.button){display:none}
  .shell{width:92vw;margin-top:34px}
  .page-head{align-items:flex-start;gap:16px;flex-direction:column}
  .page-head h1{font-size:44px}
  .hero h1{font-size:clamp(46px,14vw,68px)}
}

/* Binance telemetry */
.market-panel{margin-top:1rem;overflow:hidden}.quote-switch{display:flex;gap:.45rem}.quote-pill{border:1px solid rgba(138,43,226,.26);background:rgba(255,255,255,.035);color:var(--muted,#a7a5b3);padding:.48rem .78rem;border-radius:999px;cursor:pointer;font-weight:700;letter-spacing:.04em}.quote-pill.active{color:#fff;border-color:rgba(138,43,226,.78);background:rgba(138,43,226,.18);box-shadow:0 0 24px rgba(138,43,226,.14)}.telemetry-grid{margin-top:.25rem;margin-bottom:1rem}.telemetry-card{padding:1rem;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));border-radius:14px}.market-table table{min-width:900px}.leverage-badge{display:inline-flex;align-items:center;padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(138,43,226,.32);background:rgba(138,43,226,.12);font-weight:800}.position-badge{display:inline-flex;padding:.28rem .55rem;border-radius:999px;font-size:.78rem;font-weight:800;letter-spacing:.05em;border:1px solid rgba(255,255,255,.08)}.position-badge.long{color:rgb(57,255,20);background:rgba(57,255,20,.08);border-color:rgba(57,255,20,.22)}.position-badge.short{color:#b57cff;background:rgba(138,43,226,.12);border-color:rgba(138,43,226,.3)}.position-badge.flat{color:#aaa;background:rgba(255,255,255,.04)}.position-badge.unknown{color:#ffcf70;background:rgba(255,180,50,.08)}.telemetry-note{margin-top:.8rem;margin-bottom:0}

/* Web3 live dashboard motion */
@keyframes floatOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(24px,-18px,0) scale(1.08)}}
@keyframes shimmerLine{0%{transform:translateX(-120%)}100%{transform:translateX(220%)}}
@keyframes syncPulse{0%,100%{opacity:.45;box-shadow:0 0 0 0 rgba(57,255,20,.28)}50%{opacity:1;box-shadow:0 0 0 7px rgba(57,255,20,0)}}
@keyframes valuePulse{0%{text-shadow:0 0 0 transparent;transform:translateY(0)}35%{text-shadow:0 0 18px rgba(84,232,255,.5);transform:translateY(-1px)}100%{text-shadow:0 0 0 transparent;transform:translateY(0)}}
@keyframes rowRefresh{0%{background:rgba(84,232,255,.10)}100%{background:transparent}}
@keyframes newSignal{0%{background:rgba(57,255,20,.15);box-shadow:inset 3px 0 0 var(--green)}100%{background:transparent;box-shadow:inset 3px 0 0 transparent}}
@keyframes panelIn{from{opacity:0;transform:translateY(12px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}
.web3-orb{position:fixed;width:360px;height:360px;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0;opacity:.16;animation:floatOrb 12s ease-in-out infinite}
.orb-one{left:-120px;top:18%;background:var(--purple)}.orb-two{right:-120px;top:48%;background:var(--cyan);animation-delay:-5s;opacity:.08}
.reveal{animation:panelIn .55s ease both}.stagger-grid>*{animation:panelIn .58s ease both}.stagger-grid>*:nth-child(2){animation-delay:.07s}.stagger-grid>*:nth-child(3){animation-delay:.14s}
.metric-panel{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.metric-panel:hover{transform:translateY(-3px);border-color:rgba(168,85,247,.38);box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 36px rgba(138,43,226,.08)}
.panel-glow{position:absolute;width:130px;height:130px;border-radius:50%;right:-55px;top:-65px;background:radial-gradient(circle,rgba(168,85,247,.16),transparent 66%);pointer-events:none}
.live-panel{border-color:rgba(84,232,255,.13)}.scan-line{position:absolute;top:0;left:0;width:45%;height:1px;background:linear-gradient(90deg,transparent,rgba(84,232,255,.78),transparent);animation:shimmerLine 5.5s linear infinite;pointer-events:none}
.live-sync{display:flex;align-items:center;gap:8px;margin-top:9px;color:#787386;font-size:12px;font-weight:700}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:syncPulse 1.8s ease-in-out infinite}.live-value{font-variant-numeric:tabular-nums;transition:color .2s ease}.value-pulse{animation:valuePulse .48s ease}.positive{color:var(--green)!important}.negative{color:#ff6f87!important}.price-cell,.pnl-cell{font-variant-numeric:tabular-nums}.row-refresh{animation:rowRefresh .55s ease}.signal-new{animation:newSignal 1.8s ease}.signals-panel tbody tr:first-child td:first-child{position:relative}.telemetry-card{position:relative;overflow:hidden;transition:transform .22s ease,border-color .22s ease}.telemetry-card:hover{transform:translateY(-2px);border-color:rgba(84,232,255,.18)}
.live-dot{vertical-align:middle;margin-right:7px}.live-dot:before{animation:syncPulse 1.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.web3-orb{display:none}}


/* TradingView payload selector */
.payload-builder{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.055)}
.payload-builder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:10px}
.payload-help{margin:5px 0 0!important;font-size:12px;max-width:430px}
.web3-select{min-width:145px;border:1px solid rgba(168,85,247,.28);background:linear-gradient(180deg,rgba(17,13,23,.96),rgba(7,7,11,.98));color:#f4edff;padding:10px 36px 10px 12px;border-radius:11px;outline:none;font:inherit;font-size:12px;font-weight:800;letter-spacing:.035em;cursor:pointer;box-shadow:inset 0 0 20px rgba(138,43,226,.035),0 0 0 1px rgba(255,255,255,.01);transition:border-color .2s,box-shadow .2s,transform .2s}
.web3-select:hover,.web3-select:focus{border-color:rgba(168,85,247,.68);box-shadow:0 0 0 3px rgba(168,85,247,.08),0 0 24px rgba(138,43,226,.08)}
.web3-select option{background:#0b0910;color:#f2ebfb}
.payload-code-wrap{position:relative}
.payload-code{margin:0;min-height:92px;padding-right:72px;white-space:pre-wrap}
.payload-copy{position:absolute;right:10px;top:10px;border:1px solid rgba(168,85,247,.25);background:rgba(138,43,226,.09);color:#d9b5ff;border-radius:8px;padding:7px 9px;font-size:9px;font-weight:900;letter-spacing:.11em;cursor:pointer;transition:all .18s ease}
.payload-copy:hover{border-color:rgba(168,85,247,.6);background:rgba(138,43,226,.17);box-shadow:0 0 18px rgba(138,43,226,.1)}
.payload-copy.copied{color:#9cff8d;border-color:rgba(57,255,20,.28);background:rgba(57,255,20,.07)}
@media(max-width:650px){.payload-builder-head{align-items:stretch;flex-direction:column}.web3-select{width:100%}}

.auth-links{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:16px;font-size:13px}.auth-links a{color:#cda7ff}.auth-links a:hover{color:#fff}.auth-note{padding:13px 14px;border-radius:12px;background:rgba(168,85,247,.07);border:1px solid rgba(168,85,247,.18);color:#cfc7d8;font-size:13px;line-height:1.55;margin:16px 0}

/* StratHook dashboard reference redesign */
body{background:#06111f;background-image:radial-gradient(circle at 18% -12%,rgba(80,31,170,.16),transparent 28%),linear-gradient(180deg,#071522 0%,#06111e 100%)}
body:before{opacity:.08;background-size:54px 54px}
.topbar{height:78px;padding:0 max(32px,4vw);background:rgba(5,17,31,.94);border-bottom:1px solid #16314a;backdrop-filter:blur(18px)}
.brand{gap:10px;min-width:230px}.brand-logo{width:47px;height:47px;border:0;border-radius:8px;box-shadow:none}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font-size:22px;letter-spacing:-.045em;color:#f7f8fb}.brand-copy strong span{color:#a754ff}.brand-copy small{font-size:8px;letter-spacing:.01em;color:#c3c9d1;margin-top:5px;font-weight:600}
.main-nav{height:100%;gap:42px!important}.main-nav>a{height:100%;display:flex;align-items:center;position:relative;color:#d7dce3!important;font-size:12px!important;font-weight:500}.main-nav>a:hover,.main-nav>a.active{color:#b35cff!important}.main-nav>a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#a73fff;box-shadow:0 0 12px rgba(167,63,255,.4)}
.account-menu{display:flex;align-items:center;gap:10px;min-width:230px;justify-content:flex-end;color:#e8edf3;font-size:12px}.avatar-icon{width:34px;height:34px;border:1px solid #8ca0b5;border-radius:50%;display:grid;place-items:center;font-size:21px;color:#b9c6d2}.account-email{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-chevron{color:#aab6c2}.account-logout{display:none}.account-menu:hover .account-logout{display:block;position:absolute;right:max(32px,4vw);top:62px;padding:8px;background:#0a1929;border:1px solid #20364d;border-radius:9px}.account-logout button{border:0;background:none;color:#dce5ee;cursor:pointer;padding:5px 12px}
.shell{width:min(1180px,94vw);margin:24px auto 80px}
.dashboard-v2{margin-bottom:20px}.welcome-row{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;margin:10px 8px 12px}.welcome-row h1{font-size:36px;line-height:1.05;letter-spacing:-.045em;margin:0 0 8px;color:#f5f7fb}.welcome-row h1 span{color:#ad55ff}.welcome-row p{margin:0;color:#c1cad4;font-size:16px}
.automation-state{display:flex;align-items:center;gap:12px;min-width:205px;padding:13px 16px;border:1px solid #17354c;border-radius:10px;background:linear-gradient(180deg,#0b2230,#091b29);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.automation-state .automation-orb{width:20px;height:20px;border-radius:50%;background:#ff5f77;box-shadow:0 0 20px rgba(255,95,119,.65)}.automation-state.enabled .automation-orb{background:#2cf6a0;box-shadow:0 0 20px rgba(44,246,160,.8)}.automation-state strong{display:block;font-size:13px;color:#f4f7fb}.automation-state strong b{color:#ff7288}.automation-state.enabled strong b{color:#25efa0}.automation-state small{display:block;margin-top:3px;color:#9cacbb;font-size:9px;font-weight:500}
.onboarding-card{border:1px solid #20425f;border-radius:14px;background:linear-gradient(180deg,rgba(10,31,47,.92),rgba(7,24,39,.92));padding:13px 22px 15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.onboarding-title-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px}.onboarding-title-row h2{margin:0;color:#f3f5f8;font-size:17px;letter-spacing:-.02em}.progress-track{height:8px;background:#293b50;border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:inherit;background:#2ee5a1;box-shadow:0 0 16px rgba(46,229,161,.25)}.progress-label{font-size:11px;color:#edf2f7;white-space:nowrap}
.stepper{display:grid;grid-template-columns:repeat(10,1fr);position:relative;margin-top:18px}.stepper:before{content:"";position:absolute;height:2px;left:4.8%;right:4.8%;top:12px;background:#41546a}.stepper:after{content:"";position:absolute;height:2px;left:4.8%;top:12px;width:var(--step-progress,0%);background:#21e69b}.step{position:relative;text-align:center;z-index:1;color:#f2f4f7}.step>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;margin:0 auto 5px;border:1px solid #63758a;background:#17283b;color:#f5f7f9;font-size:11px;font-weight:800}.step.done>span{background:#2be7a0;border-color:#2be7a0;color:#041710}.step>b{display:block;font-size:10px;font-weight:500;margin-bottom:1px}.step>p{margin:0;font-size:10px;line-height:1.22;color:#f0f3f7}.step>p small{display:block;font-size:8px;color:#bac6d0;margin-top:2px}
.onboarding-card[data-complete="1"] .stepper{--complete:1}.onboarding-card[data-complete="2"] .stepper{--complete:2}.onboarding-card[data-complete="3"] .stepper{--complete:3}.onboarding-card[data-complete="4"] .stepper{--complete:4}.onboarding-card[data-complete="5"] .stepper{--complete:5}.onboarding-card[data-complete="6"] .stepper{--complete:6}.onboarding-card[data-complete="7"] .stepper{--complete:7}.onboarding-card[data-complete="8"] .stepper{--complete:8}.onboarding-card[data-complete="9"] .stepper{--complete:9}.onboarding-card[data-complete="10"] .stepper{--complete:10}
.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.quick-card{min-height:66px;display:grid;grid-template-columns:48px 1fr 20px;align-items:center;gap:12px;padding:10px 16px;border:1px solid #1e3e59;border-radius:11px;background:linear-gradient(180deg,#0b2032,#091a2a);color:#fff!important}.quick-card:hover{transform:translateY(-1px);border-color:#315b7e;background:#0c2438}.quick-card strong{display:block;font-size:12px;margin-bottom:4px}.quick-card small{display:block;color:#aebdca;font-size:10px}.quick-card em{font-style:normal;font-size:29px;font-weight:200;color:#dce6ef}.quick-icon{display:grid;place-items:center;width:42px;height:42px}.binance-mark{font-size:31px;color:#f4b90a;transform:rotate(45deg)}.tv-mark{width:38px;height:38px;border-radius:50%;background:#4d29e9;color:#fff;font-size:14px;font-weight:900}.settings-mark{font-size:31px;color:#fff}
.dashboard-detail-grid{margin-top:22px}.dashboard-v2+.grid2{scroll-margin-top:100px}#tradingview-setup{scroll-margin-top:100px}
@media(max-width:980px){.main-nav{gap:20px!important}.account-email{display:none}.brand,.account-menu{min-width:auto}.stepper{overflow-x:auto;grid-template-columns:repeat(10,90px);padding-bottom:6px}.stepper:before,.stepper:after{display:none}.quick-actions{grid-template-columns:1fr}.onboarding-title-row{grid-template-columns:1fr auto}.progress-track{grid-row:2;grid-column:1/-1}.welcome-row{flex-direction:column}.automation-state{width:100%}}
@media(max-width:720px){.topbar{padding:0 18px}.main-nav>a:not(.active){display:none}.account-menu{display:none}.shell{width:92vw}.welcome-row{margin-left:0;margin-right:0}.welcome-row h1{font-size:30px}.welcome-row p{font-size:14px}.onboarding-card{padding:14px}.onboarding-title-row h2{font-size:15px}}

/* StratHook 2026 marketing + dashboard visual pass */
.guest-actions{display:flex;align-items:center;gap:14px;min-width:230px;justify-content:flex-end}.header-login,.header-cta{display:inline-flex;align-items:center;justify-content:center;height:38px;border-radius:999px;padding:0 20px;font-size:12px;font-weight:700}.header-login{border:1px solid #28445f;color:#f2f5f8!important;background:#08192a}.header-cta{border:1px solid #8e35ff;color:#fff!important;background:linear-gradient(135deg,#7a31ff,#b23cff);box-shadow:0 8px 25px rgba(132,48,255,.2)}
.home-shell{width:min(1460px,96vw);margin-top:0;padding-top:0}.marketing-home{padding:0 10px 30px}.landing-hero{display:grid;grid-template-columns:.93fr 1.07fr;min-height:500px;align-items:center;gap:44px;padding:38px 26px 22px;position:relative;overflow:hidden}.landing-hero:after{content:"";position:absolute;left:-2%;right:-2%;bottom:0;height:170px;pointer-events:none;background:radial-gradient(ellipse at 60% 100%,rgba(118,38,255,.22),transparent 56%)}.landing-copy{position:relative;z-index:2}.landing-eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;color:#b25bff;margin-bottom:15px}.landing-copy h1{font-size:56px;line-height:1.02;letter-spacing:-.055em;margin:0;color:#f8fafc}.landing-copy h1 span{color:#aa4dff}.landing-copy p{font-size:15px;line-height:1.55;color:#c8d2dd;margin:20px 0 24px}.landing-actions{display:flex;gap:14px}.landing-primary,.landing-secondary{height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 26px;border-radius:9px;font-size:13px;font-weight:800;color:#fff!important}.landing-primary{background:linear-gradient(135deg,#7930ff,#a93eff);box-shadow:0 12px 30px rgba(125,48,255,.25)}.landing-secondary{border:1px solid #39506b;background:#071727}.play-dot{margin-right:8px;width:20px;height:20px;border:1px solid #c9d4e0;border-radius:50%;display:grid;place-items:center;font-size:8px}.hero-visual{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.monitor-glow{position:absolute;width:80%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(112,38,255,.22),transparent 67%);filter:blur(18px)}.monitor-frame{width:min(590px,92%);height:330px;border:2px solid #162e57;border-radius:12px;background:linear-gradient(180deg,#071021,#071628);box-shadow:0 30px 55px rgba(0,0,0,.42),inset 0 0 50px rgba(70,45,170,.08);transform:perspective(1000px) rotateY(-8deg) rotateX(2deg);position:relative;overflow:hidden}.monitor-toolbar{height:31px;border-bottom:1px solid #1b2c46;display:flex;align-items:center;gap:6px;padding:0 12px}.monitor-toolbar span{width:6px;height:6px;border-radius:50%;background:#384a63}.chart-grid{position:absolute;inset:31px 0 0;background-image:linear-gradient(rgba(50,79,108,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(50,79,108,.16) 1px,transparent 1px);background-size:48px 38px}.chart-line{position:absolute;left:6%;right:6%;bottom:12%;width:88%;color:#27e9a3;filter:drop-shadow(0 0 8px rgba(39,233,163,.45))}.monitor-live{position:absolute;right:20px;top:76px;background:#0c623f;color:#5dffc0;padding:6px 11px;border-radius:7px;font-size:10px;font-weight:800}.monitor-note{position:absolute;right:26px;top:30px;color:#f0f4fa;font-size:23px;font-weight:800;line-height:1.15;font-style:italic;text-align:right;transform:rotate(-7deg)}.automation-flow{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;z-index:3}.flow-node{width:82px;height:74px;border:1px solid #334e6a;border-radius:10px;background:#08192a;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(0,0,0,.28)}.flow-node b{font-size:22px}.flow-node small{font-size:9px;margin-top:6px;font-weight:800}.tv-node{color:#fff}.sh-node{border-color:#7339ff}.sh-node img{width:32px;height:32px}.bn-node{color:#f9b800;border-color:#5b4a18}.flow-arrow{font-size:24px;color:#ecf3fa;font-weight:200}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:4px 28px 34px;border-bottom:1px solid rgba(70,98,126,.18)}.feature-strip article{display:flex;gap:13px;align-items:flex-start}.feature-strip article>span{color:#b344ff;font-size:27px;font-weight:900;line-height:1}.feature-strip strong{display:block;font-size:13px;color:#f5f7fa}.feature-strip p{font-size:11px;color:#aebbc8;line-height:1.4;margin:5px 0 0}.section-heading{text-align:center;margin-bottom:26px}.section-heading h2{font-size:28px;letter-spacing:-.035em;margin:0;color:#f7f9fc}.section-heading p{font-size:12px;color:#9dabb9;margin:6px 0 0}.how-section,.why-section{padding:34px 0 12px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.how-grid article{position:relative;min-height:210px;border:1px solid #1f3e5a;border-radius:14px;background:linear-gradient(180deg,#0a1d2f,#081827);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.step-num{position:absolute;left:16px;top:16px;width:29px;height:29px;border-radius:50%;background:#1b2c42;display:grid;place-items:center;font-size:12px;font-weight:800}.how-icon{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin-bottom:15px;font-weight:900}.tv-round{background:#3c22d2;color:white}.binance-round{color:#f9bd0b;font-size:30px}.how-logo{width:54px;height:54px;margin-bottom:15px}.how-grid h3{font-size:16px;margin:0 0 8px}.how-grid p{font-size:11px;line-height:1.5;color:#aab8c6;margin:0}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0 30px}.why-grid article>span{display:block;color:#b347ff;font-size:24px;margin-bottom:8px}.why-grid strong{font-size:13px}.why-grid p{font-size:11px;line-height:1.45;color:#aab8c6}.bottom-cta{margin:28px 16px 0;border:1px solid #7136cb;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:55px;padding:19px 34px;background:linear-gradient(90deg,rgba(77,24,133,.08),rgba(98,32,164,.16),rgba(77,24,133,.08));text-align:center}.bottom-cta h3{font-size:18px;margin:0 0 5px}.bottom-cta p{font-size:10px;color:#aebbc8;margin:0}.bottom-cta a{background:linear-gradient(135deg,#7132ff,#a23aff);color:#fff!important;border-radius:8px;padding:12px 24px;font-size:12px;font-weight:800}
.dashboard-reference{padding-top:6px}.dashboard-summary-grid{display:grid;grid-template-columns:1.08fr 1fr 1fr;gap:12px;margin-top:22px}.summary-card{border:1px solid #1f3e59;border-radius:13px;background:linear-gradient(180deg,#0a1e30,#081827);padding:18px;min-height:252px}.summary-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.summary-head h3{font-size:14px;margin:0;display:flex;align-items:center;gap:8px}.summary-head a{font-size:10px;color:#aab9c7!important}.summary-icon{width:25px;height:25px;border:1px solid #8ba0b5;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#fff}.compact-signal-list{display:flex;flex-direction:column}.compact-signal-row{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:9px 0;border-top:1px solid rgba(72,100,126,.15)}.compact-signal-row:first-child{border-top:0}.signal-bubble{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:12px}.signal-bubble.buy{background:rgba(43,213,141,.24);color:#52f0af}.signal-bubble.sell{background:rgba(229,66,109,.25);color:#ff7898}.compact-signal-row strong{display:block;font-size:11px}.compact-signal-row small{display:block;font-size:9px;color:#899aaa;margin-top:2px}.executed-badge{font-size:8px;font-weight:800;color:#39f2ad;background:rgba(17,157,100,.24);padding:5px 8px;border-radius:5px;max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-empty{font-size:12px;color:#899aaa;padding:24px 0}.status-list>div{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px 0;border-top:1px solid rgba(72,100,126,.15);font-size:10px}.status-list>div:first-child{border-top:0}.status-list span{color:#aebbc7}.status-list b{font-size:10px;color:#dce4ec;font-weight:600;text-align:right}.status-value{display:flex;align-items:center;gap:6px}.status-value i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#6f7f8e}.status-value.ok i{background:#29e9a2;box-shadow:0 0 8px rgba(41,233,162,.55)}.status-value.off{color:#d8a1ac!important}.plan-active{color:#2ceaa5!important}.setup-help-card{min-height:116px;margin-top:20px;border:1px solid #2c315c;border-radius:13px;background:linear-gradient(90deg,#101834,#0b1730);display:grid;grid-template-columns:75px 1fr auto;align-items:center;gap:20px;padding:18px 28px}.help-bolt{font-size:55px;color:#9a43ff;text-shadow:0 0 24px rgba(154,67,255,.35)}.setup-help-card h3{font-size:17px;margin:0 0 6px}.setup-help-card p{font-size:11px;color:#9eafbe;margin:0}.setup-help-card>a{border:1px solid #993dff;color:#fff!important;border-radius:8px;padding:13px 20px;font-size:11px;font-weight:800}.dashboard-detail-grid{margin-top:26px}
@media(max-width:1100px){.landing-copy h1{font-size:44px}.landing-hero{grid-template-columns:1fr 1fr}.dashboard-summary-grid{grid-template-columns:1fr 1fr}.account-card{grid-column:1/-1}.feature-strip{gap:18px}.main-nav{gap:25px!important}}@media(max-width:820px){.guest-actions{min-width:auto}.header-login{display:none}.landing-hero{grid-template-columns:1fr;padding:32px 8px}.hero-visual{height:390px}.feature-strip,.why-grid{grid-template-columns:repeat(2,1fr)}.how-grid{grid-template-columns:1fr}.dashboard-summary-grid{grid-template-columns:1fr}.account-card{grid-column:auto}.setup-help-card{grid-template-columns:55px 1fr}.setup-help-card>a{grid-column:1/-1;text-align:center}.bottom-cta{flex-direction:column;gap:14px}.landing-copy h1{font-size:42px}.monitor-note{font-size:18px}}@media(max-width:560px){.marketing-home{padding-left:0;padding-right:0}.landing-copy h1{font-size:36px}.feature-strip,.why-grid{grid-template-columns:1fr}.monitor-frame{height:270px}.automation-flow{transform:translateX(-50%) scale(.8);transform-origin:center bottom}.bottom-cta{margin-left:0;margin-right:0}.guest-actions .header-cta{padding:0 12px}.brand-copy small{display:none}}

/* 2026-09 reference redesign: Dashboard + Trading Signals */
.app-page{max-width:1180px;margin:0 auto}
.app-title-row{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-bottom:24px}.app-title-row h1{font-size:clamp(34px,4.4vw,56px);line-height:1;margin:0 0 8px;letter-spacing:-.045em}.app-title-row p{margin:0;color:#a7b2c6;font-size:15px}.automation-state{display:flex;align-items:center;gap:12px;min-width:210px;padding:14px 18px;border:1px solid rgba(71,125,167,.22);border-radius:14px;background:linear-gradient(180deg,rgba(11,28,43,.96),rgba(7,21,33,.95));box-shadow:inset 0 1px rgba(255,255,255,.025)}.automation-orb{width:19px;height:19px;border-radius:50%;flex:0 0 19px;background:#697386;box-shadow:0 0 0 6px rgba(105,115,134,.07)}.automation-state.enabled .automation-orb{background:#18eca0;box-shadow:0 0 14px rgba(24,236,160,.8),0 0 0 6px rgba(24,236,160,.08)}.automation-state strong{display:block;font-size:13px}.automation-state strong b{color:#18eca0}.automation-state.disabled strong b{color:#ff6b86}.automation-state small{display:block;color:#8f9aac;font-size:10px;margin-top:3px}
.settings-tabs{display:grid;grid-template-columns:repeat(5,1fr);overflow:hidden;border:1px solid rgba(69,112,151,.27);border-radius:14px;margin-bottom:18px;background:rgba(8,21,34,.82)}.settings-tabs a{min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;color:#f2f4f8;font-weight:750;font-size:13px;border-right:1px solid rgba(68,103,136,.16);position:relative}.settings-tabs a:last-child{border-right:0}.settings-tabs a span{font-size:20px;color:#f1f4f8}.settings-tabs a.active{background:linear-gradient(90deg,rgba(103,34,208,.28),rgba(100,37,205,.13));color:#fff}.settings-tabs a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#a23cff;box-shadow:0 0 18px rgba(162,60,255,.5)}.settings-tabs a.active span{color:#a855f7}.settings-tabs .tab-binance{color:#f4b800!important}
.settings-primary-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;margin-bottom:18px}.settings-bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.reference-card{background:linear-gradient(180deg,rgba(10,25,40,.94),rgba(7,18,30,.96));border:1px solid rgba(71,117,157,.31);border-radius:15px;padding:22px;box-shadow:0 12px 38px rgba(0,0,0,.18),inset 0 1px rgba(255,255,255,.018)}.reference-card p{color:#a7b2c6;line-height:1.6;font-size:13px}.ref-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.ref-card-head h2{font-size:16px;margin:0;letter-spacing:-.02em;display:flex;align-items:center;gap:9px}.ref-card-head>div>p{margin:5px 0 0}.ref-icon{color:#a23cff;font-size:22px;line-height:1}.stack-icon{color:#9b48ff}.link-icon{display:inline-block;transform:rotate(135deg)}.globe-icon{font-size:23px}.user-icon{color:#f7f8fb}.card-kicker{font-size:10px;color:#c46cff;font-weight:900;letter-spacing:.08em;white-space:nowrap}.automation-card-ref{min-height:235px}.automation-card-ref .button{margin-top:8px}.formula-line{font-size:11px;color:#dce3ee;margin:8px 0 12px}.base-size-form{display:grid;grid-template-columns:1fr auto;gap:10px}.base-size-form input{height:46px;background:#06111c;border-color:rgba(77,112,145,.36);font-weight:750}.base-size-form .button{min-width:132px}.inline-note{display:flex;align-items:flex-start;gap:12px;margin-top:14px;padding:12px;border:1px solid rgba(76,111,145,.22);background:rgba(255,255,255,.015);border-radius:10px}.inline-note>span{display:grid;place-items:center;min-width:26px;height:26px;border-radius:7px;color:#cfb0ff;background:rgba(133,55,226,.16);border:1px solid rgba(164,85,247,.28);font-size:11px;font-weight:900}.inline-note p{margin:0;font-size:11px}.brand-note>span{min-width:34px;background:#6c2dc0;color:#fff}.webhook-card-ref{margin-bottom:0}.copy-field-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.copy-field-row code{min-height:44px;display:flex;align-items:center;overflow:auto;padding:0 14px;border-radius:9px;border:1px solid rgba(75,116,151,.28);background:#06111c;color:#edf2f9;font-family:Consolas,monospace;font-size:12px;white-space:nowrap}.copy-button{border:0;border-radius:9px;padding:0 17px;background:linear-gradient(135deg,#b943ff,#6d2cff);color:#fff;font-weight:850;cursor:pointer}.payload-builder-ref{margin-top:16px}.payload-ref-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:10px}.payload-ref-head h3{color:#c45cff;margin:0 0 4px;font-size:13px}.payload-ref-head p{font-size:11px;margin:0}.payload-code{min-height:104px!important}.empty-webhook{padding:10px 0}.account-info-grid{display:grid;grid-template-columns:1fr 1fr}.account-info-grid>div{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid rgba(79,112,143,.18)}.account-info-grid>div:nth-child(odd){padding-right:18px}.account-info-grid>div:nth-child(even){padding-left:18px;border-left:1px solid rgba(79,112,143,.12)}.account-info-grid span{color:#9ea9ba;font-size:12px}.account-info-grid b{font-size:12px;color:#f1f4f8}.positive-text{color:#18eca0!important}
.signal-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.signal-metric-card{display:flex;align-items:flex-start;gap:14px;min-height:125px;padding:18px;border-radius:14px;border:1px solid rgba(71,117,157,.3);background:linear-gradient(180deg,rgba(10,25,40,.95),rgba(7,18,30,.96))}.metric-icon{display:grid;place-items:center;width:30px;height:30px;font-size:20px;font-weight:900;flex:0 0 30px}.metric-icon.purple{color:#a83dff}.metric-icon.green{color:#10e892;background:rgba(16,232,146,.12);border-radius:50%}.metric-icon.red{color:#fff;background:#c82453;border-radius:50%}.metric-icon.clock{border:2px solid #a83dff;border-radius:50%;font-size:16px}.signal-metric-card h3{font-size:13px;margin:2px 0 9px}.signal-metric-card strong{display:block;font-size:29px;line-height:1;letter-spacing:-.04em}.signal-metric-card small{display:block;color:#8f9aab;font-size:11px;margin-top:6px}.last-signal-time{font-size:18px!important;white-space:nowrap}.signal-table-card{padding:16px}.signal-filter-row{display:grid;grid-template-columns:1.15fr 1.1fr 1fr 1.25fr;gap:12px;margin-bottom:16px}.filter-select,.date-filter{height:42px;border-radius:9px;border:1px solid rgba(70,111,147,.32);background:#071522;color:#f3f6fa;padding:0 13px;font-size:12px}.filter-select{appearance:auto}.date-filter{display:flex;align-items:center;gap:8px}.signal-table-wrap{overflow:auto;border:1px solid rgba(71,106,138,.24);border-radius:10px}.signal-table{min-width:820px}.signal-table th{background:rgba(9,23,37,.98);color:#97a4b8}.signal-table td{border-color:rgba(69,100,127,.18);font-size:12px;color:#dfe5ed}.action-badge,.result-badge{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:900}.action-badge.buy,.result-badge.good{background:rgba(0,185,111,.2);color:#24ef9d}.action-badge.sell{background:rgba(196,35,78,.22);color:#ff6a94}.result-badge.bad{background:rgba(196,35,78,.25);color:#ff7b9e;border:1px solid rgba(220,45,89,.35)}.result-badge.neutral{background:rgba(142,152,166,.12);color:#c6ced8}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 4px 2px;color:#8e9aac;font-size:11px}.table-footer a{color:#d7c5ff}.signals-live-banner{margin-top:18px;min-height:132px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:22px 28px;border:1px solid rgba(77,74,171,.42);border-radius:15px;background:radial-gradient(circle at 4% 50%,rgba(122,37,240,.26),transparent 23%),linear-gradient(90deg,rgba(15,19,53,.92),rgba(8,17,37,.94))}.banner-bolt{font-size:55px;color:#9c39ff;text-shadow:0 0 26px rgba(156,57,255,.38)}.signals-live-banner h2{font-size:17px;margin:0 0 6px}.signals-live-banner p{font-size:12px;color:#a7b2c6;margin:0}.signals-live-banner>a{border:1px solid #9a35ff;border-radius:9px;padding:13px 18px;color:#fff;font-weight:800;font-size:12px}.signals-live-banner>a:hover{background:rgba(154,53,255,.1)}
.main-nav>a.active{color:#b650ff!important;position:relative}.main-nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:-25px;height:2px;background:#a53cff;box-shadow:0 0 12px rgba(165,60,255,.45)}
@media(max-width:900px){.settings-primary-grid,.settings-bottom-grid,.signal-metrics-grid{grid-template-columns:1fr 1fr}.settings-tabs{grid-template-columns:repeat(5,minmax(105px,1fr));overflow-x:auto}.signal-filter-row{grid-template-columns:1fr 1fr}.signals-live-banner{grid-template-columns:auto 1fr}.signals-live-banner>a{grid-column:1/-1;text-align:center}.app-title-row{align-items:flex-start}.automation-state{min-width:190px}}
@media(max-width:650px){.app-title-row{flex-direction:column}.automation-state{width:100%}.settings-primary-grid,.settings-bottom-grid,.signal-metrics-grid,.signal-filter-row{grid-template-columns:1fr}.base-size-form{grid-template-columns:1fr}.account-info-grid{grid-template-columns:1fr}.account-info-grid>div:nth-child(odd),.account-info-grid>div:nth-child(even){padding-left:0;padding-right:0;border-left:0}.settings-tabs a{font-size:0}.settings-tabs a span{font-size:21px}.payload-ref-head{flex-direction:column;align-items:stretch}.copy-field-row{grid-template-columns:1fr}.copy-button{min-height:42px}}
@media(min-width:851px){.shell:not(.home-shell){width:min(1180px,94vw);margin-top:34px}.dashboard-settings-page,.signals-reference-page{padding-top:0}}

/* Dashboard live Binance telemetry — reference-matched visual block */
.dashboard-telemetry-card{margin:18px 0;padding:18px 20px 14px;border-color:rgba(62,119,150,.34);background:linear-gradient(180deg,rgba(8,24,37,.98),rgba(5,17,28,.98));overflow:hidden}.telemetry-header-ref{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.telemetry-eyebrow{display:flex;align-items:center;gap:7px;color:#f2f5fa;font-size:9px;font-weight:900;letter-spacing:.08em}.telemetry-header-ref h2{margin:4px 0 0;font-size:14px;letter-spacing:-.02em}.telemetry-live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#39ff14;box-shadow:0 0 10px rgba(57,255,20,.8)}.telemetry-live-dot.small{width:6px;height:6px}.quote-switch-ref{display:flex;align-items:center;gap:7px}.quote-switch-ref form{margin:0}.quote-chip{height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(106,91,135,.38);background:rgba(255,255,255,.03);color:#8f94a5;font-size:10px;font-weight:900;cursor:pointer}.quote-chip.active{color:#fff;border-color:#9e3cff;background:rgba(143,48,255,.18);box-shadow:0 0 16px rgba(143,48,255,.15)}.telemetry-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:13px}.telemetry-stat-card{min-height:92px;padding:15px 17px;border:1px solid rgba(91,96,123,.28);border-radius:11px;background:linear-gradient(180deg,rgba(20,22,34,.78),rgba(14,16,25,.64));box-shadow:inset 0 1px rgba(255,255,255,.02)}.telemetry-stat-card>span{display:block;color:#b56cff;font-size:8px;font-weight:950;letter-spacing:.09em;margin-bottom:9px}.telemetry-stat-card strong{display:block;color:#f7f8fb;font-size:20px;line-height:1.05;letter-spacing:-.03em}.telemetry-stat-card small{display:block;color:#686c79;font-size:9px;margin-top:6px}.telemetry-table-wrap{overflow:auto;border:1px solid rgba(71,79,101,.22);border-radius:10px;background:rgba(10,11,18,.48)}.telemetry-table-ref{width:100%;min-width:850px;border-collapse:collapse}.telemetry-table-ref thead{background:rgba(13,14,22,.9)}.telemetry-table-ref th{padding:10px 13px;text-align:left;color:#777a8b;font-size:7px;font-weight:950;letter-spacing:.12em;border-bottom:1px solid rgba(71,79,101,.18)}.telemetry-table-ref td{padding:13px;color:#e8e9ee;font-size:10px;border-bottom:1px solid rgba(71,79,101,.16)}.telemetry-table-ref tbody tr:last-child td{border-bottom:0}.telemetry-table-ref tbody tr{transition:background .18s ease}.telemetry-table-ref tbody tr:hover{background:rgba(126,52,220,.045)}.telemetry-table-ref td strong{font-size:10px}.leverage-chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:4px 7px;border:1px solid rgba(154,58,255,.46);border-radius:999px;background:rgba(144,48,225,.13);color:#e4c3ff;font-size:8px;font-weight:900}.position-chip{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:4px 7px;border-radius:999px;border:1px solid rgba(104,107,121,.26);background:rgba(104,107,121,.1);color:#adb0ba;font-size:8px;font-weight:900}.position-chip.long{color:#55ffb2;border-color:rgba(33,225,145,.28);background:rgba(33,225,145,.08)}.position-chip.short{color:#c991ff;border-color:rgba(154,58,255,.32);background:rgba(154,58,255,.1)}.mono-value{font-variant-numeric:tabular-nums}.pnl-value{font-weight:750}.telemetry-foot{display:flex;align-items:center;gap:7px;margin-top:12px;color:#777d8c;font-size:9px}.telemetry-foot strong{color:#39ff14;font-size:8px;letter-spacing:.08em}.telemetry-unavailable,.telemetry-empty{padding:16px;border:1px solid rgba(83,86,105,.25);border-radius:10px;background:rgba(255,255,255,.015);color:#9ca3b4;font-size:11px}.telemetry-unavailable{display:flex;align-items:flex-start;gap:12px}.telemetry-unavailable strong{display:block;color:#e9ebf1;margin-bottom:4px}.telemetry-unavailable p{margin:0;font-size:10px}.telemetry-info-icon{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;flex:0 0 26px;color:#dfc5ff;background:rgba(128,53,200,.18);border:1px solid rgba(154,58,255,.25);font-weight:900}.value-flash{animation:telemetryValueFlash .55s ease}@keyframes telemetryValueFlash{0%{text-shadow:0 0 0 rgba(153,61,255,0)}35%{color:#d8b7ff;text-shadow:0 0 12px rgba(153,61,255,.35)}100%{text-shadow:0 0 0 rgba(153,61,255,0)}}
@media(max-width:760px){.telemetry-stat-grid{grid-template-columns:1fr}.telemetry-header-ref{align-items:flex-start}.dashboard-telemetry-card{padding:16px 14px}.telemetry-stat-card{min-height:78px}}

/* Navigation polish: close active underline + stable account dropdown */
.main-nav>a.active:after{bottom:14px!important;left:0!important;right:0!important;height:2px!important}
.account-menu{position:relative;padding:14px 0}
.account-logout{display:block!important;position:absolute!important;right:0!important;top:calc(100% - 4px)!important;padding:8px!important;background:#0a1929!important;border:1px solid #20364d!important;border-radius:9px!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;z-index:1000}
.account-menu:hover .account-logout,.account-menu:focus-within .account-logout,.account-logout:hover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.account-logout:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}
.account-logout button{min-width:82px;padding:8px 14px!important}