/*
 * LiquidPool UI 2.0
 * Final presentation layer for the public product. Existing DOM ids and
 * behaviour remain untouched; this file only owns layout and presentation.
 */

:root{
  --ui-bg:#050712;
  --ui-bg-raised:#090d1b;
  --ui-panel:#0c1222;
  --ui-panel-2:#111a2d;
  --ui-panel-soft:rgba(17,26,45,.72);
  --ui-line:rgba(167,184,225,.13);
  --ui-line-strong:rgba(167,184,225,.23);
  --ui-text:#f4f7ff;
  --ui-text-2:#c1cbe0;
  --ui-muted:#7f8ba5;
  --ui-indigo:#7c8cff;
  --ui-cyan:#42d9ed;
  --ui-mint:#52e6af;
  --ui-red:#ff627d;
  --ui-amber:#ffcc66;
  --ui-radius-xs:8px;
  --ui-radius-sm:12px;
  --ui-radius:18px;
  --ui-radius-lg:26px;
  --ui-shadow:0 24px 70px rgba(0,0,0,.34);
  --ui-shadow-soft:0 14px 38px rgba(0,0,0,.20);
}

*{scrollbar-color:#28334b transparent}
html{background:var(--ui-bg);scroll-behavior:smooth}
body:not(.page-admin){
  min-height:100dvh;
  color:var(--ui-text)!important;
  background:
    radial-gradient(900px 560px at 7% -12%,rgba(76,105,255,.20),transparent 62%),
    radial-gradient(780px 520px at 102% 12%,rgba(45,210,218,.10),transparent 66%),
    linear-gradient(180deg,#060916 0%,#050712 55%,#070a14 100%)!important;
  font-family:"Manrope",system-ui,sans-serif!important;
}
body:not(.page-admin)::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  opacity:.24;
  pointer-events:none;
  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:64px 64px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}
body:not(.page-admin) *{box-sizing:border-box}
body:not(.page-admin) ::selection{background:rgba(124,140,255,.34);color:#fff}

/* Navigation */
.page-dashboard>nav,.page-markets>nav,.page-balances>nav,.page-exchange>nav{
  position:sticky!important;
  top:0;
  z-index:900!important;
  min-height:72px!important;
  height:72px!important;
  padding:0 clamp(1rem,3vw,2.4rem)!important;
  gap:clamp(.8rem,2vw,1.6rem)!important;
  border:0!important;
  border-bottom:1px solid var(--ui-line)!important;
  background:rgba(5,8,18,.82)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(22px) saturate(135%);
}
.logo{
  flex:none;
  gap:.68rem!important;
  color:#fff!important;
  font:900 .83rem/1 "Manrope",sans-serif!important;
  letter-spacing:.075em!important;
}
.logo .brand-mark{
  width:38px!important;height:38px!important;
  padding:3px!important;
  border:1px solid rgba(124,140,255,.2)!important;
  border-radius:13px!important;
  background:linear-gradient(145deg,rgba(124,140,255,.16),rgba(66,217,237,.06))!important;
  box-shadow:0 10px 24px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.05)!important;
}
.logo em{color:var(--ui-cyan)!important;font-style:normal}
.beta-sticker{
  min-width:37px!important;height:19px!important;
  margin-left:-.26rem!important;
  border:1px solid rgba(255,135,151,.7)!important;
  border-radius:6px!important;
  background:linear-gradient(145deg,#ff617a,#ca1736)!important;
  color:#fff!important;
  box-shadow:0 7px 16px rgba(211,25,56,.26)!important;
  font:900 .48rem/1 "JetBrains Mono",monospace!important;
  transform:rotate(-5deg) translateY(-8px)!important;
}
.beta-sticker::after{display:none!important}
.nav-links,.nav-tabs{
  min-width:0;
  gap:.28rem!important;
  padding:.3rem!important;
  border:1px solid rgba(167,184,225,.09);
  border-radius:14px;
  background:rgba(255,255,255,.025);
}
.nav-link,.nav-tab{
  min-height:36px;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:.52rem .78rem!important;
  border:0!important;
  border-radius:10px!important;
  color:#8996af!important;
  font-size:.69rem!important;
  font-weight:750!important;
  letter-spacing:0!important;
  transition:color .18s,background .18s,transform .18s!important;
}
.nav-link:hover,.nav-tab:hover{color:#e6ecf8!important;background:rgba(255,255,255,.045)!important}
.nav-link.active,.nav-tab.active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(124,140,255,.18),rgba(66,217,237,.09))!important;
  box-shadow:inset 0 0 0 1px rgba(124,140,255,.14)!important;
}
.nav-link.active::after,.nav-tab.active::after{display:none!important}
.nav-right{gap:.55rem!important}
.nav-cta,.nav-btn,.page-exchange .nav-btn.primary{
  min-height:38px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:.55rem .82rem!important;
  border:1px solid var(--ui-line)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.025)!important;
  color:#bac5d9!important;
  font-size:.65rem!important;
  font-weight:800!important;
  text-decoration:none;
}
.nav-cta,.page-exchange .nav-btn.primary{
  border-color:rgba(66,217,237,.22)!important;
  background:linear-gradient(135deg,rgba(124,140,255,.16),rgba(66,217,237,.10))!important;
  color:#edfbff!important;
}
.nav-avatar{
  width:38px!important;height:38px!important;
  border:1px solid rgba(124,140,255,.3)!important;
  background:linear-gradient(145deg,#29375c,#17213b)!important;
  color:#dfe6ff!important;
  box-shadow:none!important;
}
.nav-user,.nav-user-wrap{border-radius:12px}
.nav-user:hover,.nav-user-wrap:hover{background:rgba(255,255,255,.035)}
.nav-username,.page-exchange #nav-user{color:#eaf0fb!important}
.nav-email{color:#75829a!important}
.user-menu{
  top:58px!important;
  overflow:hidden;
  border:1px solid var(--ui-line-strong)!important;
  border-radius:16px!important;
  background:rgba(11,16,30,.98)!important;
  box-shadow:0 30px 80px rgba(0,0,0,.5)!important;
  backdrop-filter:blur(20px);
}
.menu-head{background:rgba(255,255,255,.025)!important;border-color:var(--ui-line)!important}
.menu-btn{border-radius:9px!important;color:#aab5c9!important}
.menu-btn:hover{background:rgba(124,140,255,.09)!important;color:#fff!important}
.menu-btn.danger:hover{background:rgba(255,98,125,.09)!important;color:#ff9aac!important}

/* Shared primitives */
.dash-hero,.cp-hero-main,.cp-hero-aside,.page-hero,.hero-card,
.card,.markets-card,.balances-card,.history-card,.dashboard-command-panel,
.pairs-sidebar,.orderbook,.main-center,.form-panel{
  border-color:var(--ui-line)!important;
}
.dash-hero,.cp-hero-main,.cp-hero-aside,.page-markets .page-hero,
.page-balances .page-hero,.page-exchange .hero-card{
  background:
    linear-gradient(145deg,rgba(17,27,49,.92),rgba(8,13,27,.94))!important;
  box-shadow:var(--ui-shadow)!important;
}
.hero-btn,.cp-btn,.hero-action,.trade-btn,.btn-dep,.btn-ret,.btn-primary,.btn-secondary{
  min-height:44px!important;
  border-radius:12px!important;
  font-weight:850!important;
  transition:transform .16s,border-color .16s,background .16s,box-shadow .16s!important;
}
.hero-btn:hover,.cp-btn:hover,.hero-action:hover,.trade-btn:hover,.btn-dep:hover,.btn-ret:hover{
  transform:translateY(-2px);
}
.hero-btn-primary,.cp-btn-primary,.hero-action.primary,.trade-btn,.btn-primary{
  border:1px solid rgba(94,229,238,.25)!important;
  background:linear-gradient(120deg,var(--ui-indigo),var(--ui-cyan))!important;
  color:#050b17!important;
  box-shadow:0 15px 32px rgba(63,120,233,.18)!important;
}
input,select,textarea,button{font:inherit}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,[tabindex]:focus-visible{
  outline:2px solid rgba(66,217,237,.8)!important;
  outline-offset:2px!important;
}
table{border-collapse:collapse}
thead th{
  color:#75829a!important;
  font-size:.56rem!important;
  font-weight:800!important;
  letter-spacing:.1em!important;
}
tbody td{color:#b8c3d7}
.badge,.change-badge,.hi-badge,.tag{border-radius:999px!important}

/* Dashboard */
#page-miningpool .dashboard-layout{
  width:min(1500px,100%)!important;
  min-height:0!important;
  margin:auto!important;
  grid-template-columns:1fr!important;
}
#page-miningpool .dash-left,#page-miningpool .dash-right{display:none!important}
#page-miningpool .dashboard-main{padding:clamp(1rem,2.6vw,2.7rem)!important}
.dash-hero{
  min-height:620px;
  padding:clamp(1.4rem,4vw,4rem)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:32px!important;
  background:
    radial-gradient(600px 420px at 84% 36%,rgba(73,204,231,.12),transparent 65%),
    radial-gradient(540px 400px at 9% 4%,rgba(113,104,255,.19),transparent 68%),
    linear-gradient(145deg,rgba(15,23,43,.96),rgba(6,11,24,.97))!important;
}
.dash-hero::before{
  width:560px!important;height:560px!important;
  top:-300px!important;right:-130px!important;
  background:rgba(124,140,255,.10)!important;
}
.landing-hero-grid{
  min-height:400px;
  grid-template-columns:minmax(0,1.22fr) minmax(330px,.78fr)!important;
  gap:clamp(2rem,6vw,6rem)!important;
}
.dash-kicker,.hero-kicker,.cp-eyebrow,.command-eyebrow{
  color:#8c9aff!important;
  font-size:.58rem!important;
  letter-spacing:.18em!important;
}
.landing-hero-copy .dash-title{
  max-width:12ch!important;
  margin-top:.55rem!important;
  background:linear-gradient(105deg,#fff 12%,#d9e3ff 55%,#8ceef6)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
  font-size:clamp(2.8rem,5.8vw,5.7rem)!important;
  letter-spacing:-.065em!important;
  line-height:.93!important;
}
.dash-subtitle{color:#9aa8bf!important;line-height:1.75!important}
.landing-actions{margin-top:1.7rem!important}
.landing-actions .hero-btn{padding:.72rem 1.1rem!important}
.hero-btn-secondary{
  border-color:rgba(124,140,255,.24)!important;
  background:rgba(124,140,255,.10)!important;
  color:#e2e7ff!important;
}
.hero-btn-ghost{border-color:var(--ui-line)!important;background:rgba(255,255,255,.025)!important;color:#aab5c8!important}
.landing-proof-row{color:#76849d!important}
.landing-brand-stage{
  min-height:390px!important;
  border-color:rgba(124,140,255,.18)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 50% 45%,rgba(66,217,237,.10),transparent 43%),
    linear-gradient(145deg,rgba(124,140,255,.10),rgba(255,255,255,.015))!important;
}
.landing-logo-shell{border-color:rgba(124,140,255,.18)!important;background:rgba(7,12,25,.5)!important}
.landing-stage-copy strong{font-size:1.05rem!important}
.dash-metrics{
  gap:.7rem!important;
  margin-top:2rem!important;
}
.dash-metric{
  min-height:112px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.025)!important;
}
.dash-metric:hover{border-color:rgba(124,140,255,.28)!important;background:rgba(124,140,255,.045)!important}
.dash-metric-value{font-size:1.25rem!important}
.landing-value-grid{gap:.8rem!important;margin:1rem 0 1.2rem!important}
.landing-value-grid article{
  position:relative;
  overflow:hidden;
  border-color:var(--ui-line)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(17,26,45,.72),rgba(9,14,27,.62))!important;
  transition:transform .2s,border-color .2s;
}
.landing-value-grid article:hover{transform:translateY(-3px);border-color:rgba(124,140,255,.25)!important}
.landing-value-grid article>span{color:#8291ff!important}
.dashboard-intel-grid{gap:1rem!important}
.hash-stats,.bottom-grid{gap:.75rem!important}
.hash-stat,.card{
  border:1px solid var(--ui-line)!important;
  border-radius:16px!important;
  background:rgba(10,16,31,.76)!important;
}
.chart-container{
  border:1px solid var(--ui-line)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,rgba(13,20,37,.88),rgba(7,12,24,.82))!important;
}
.dashboard-command-panel{border-radius:20px!important;background:linear-gradient(155deg,rgba(124,140,255,.10),rgba(66,217,237,.035))!important}
.blocks-section{overflow:hidden;border:1px solid var(--ui-line)!important;border-radius:20px!important;background:rgba(9,14,27,.78)!important}
.blocks-header{background:rgba(255,255,255,.018)!important;border-color:var(--ui-line)!important}

/* Pool directory and detail */
#page-coinpool{max-width:1500px!important;padding:clamp(1rem,2.8vw,2.8rem)!important}
.cp-hero{grid-template-columns:minmax(0,1.5fr) minmax(290px,.5fr)!important}
.cp-hero-main,.cp-hero-aside{border-radius:28px!important}
.cp-hero-main{padding:clamp(1.5rem,3.4vw,3.2rem)!important}
.cp-title{
  max-width:14ch!important;
  font-size:clamp(2.4rem,5vw,4.8rem)!important;
  letter-spacing:-.06em!important;
}
.cp-copy{max-width:65ch;color:#98a6bd!important}
.cp-brand-orb{border-color:var(--ui-line)!important;background:rgba(255,255,255,.022)!important}
.cp-panel,.cp-market-table-wrap{
  border:1px solid var(--ui-line)!important;
  border-radius:20px!important;
  background:rgba(9,14,27,.78)!important;
  box-shadow:var(--ui-shadow-soft)!important;
}
#algorithmFilters .filter-btn{
  border-radius:10px!important;
  background:rgba(255,255,255,.025)!important;
}
#algorithmFilters .filter-btn.active{background:rgba(124,140,255,.13)!important;color:#e5e9ff!important;box-shadow:inset 0 0 0 1px rgba(124,140,255,.2)!important}
.pool-table-unified{border-color:var(--ui-line)!important;border-radius:18px!important;background:#080e1c!important}
.pool-table tbody tr.pool-row:hover{background:linear-gradient(90deg,rgba(124,140,255,.08),rgba(66,217,237,.025))!important;box-shadow:inset 3px 0 var(--ui-indigo)!important}
.pool-coin-cell img{border-radius:13px!important}
#page-pool .layout{max-width:1500px;margin:auto;background:transparent!important}

/* Markets */
.page-markets .main{
  width:min(1480px,100%)!important;
  margin:0 auto!important;
  padding:clamp(1rem,2.8vw,2.8rem)!important;
}
.page-markets .page-hero{
  position:relative;
  overflow:hidden;
  min-height:300px;
  display:flex;
  align-items:flex-end;
  padding:clamp(1.5rem,4vw,3.6rem)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:28px!important;
  background:
    radial-gradient(640px 320px at 88% 6%,rgba(66,217,237,.11),transparent 68%),
    linear-gradient(145deg,rgba(17,26,48,.96),rgba(7,12,25,.96))!important;
}
.page-markets .page-title{
  font-size:clamp(2.5rem,5vw,4.8rem)!important;
  letter-spacing:-.06em!important;
}
.page-markets .page-sub{max-width:64ch!important;color:#99a7bd!important}
.page-markets .stats-row{gap:.75rem!important;margin:1rem 0!important}
.page-markets .stat-card{
  min-height:104px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:16px!important;
  background:rgba(12,18,34,.78)!important;
}
.page-markets .controls{
  top:84px!important;
  gap:.65rem!important;
  border:1px solid var(--ui-line)!important;
  border-radius:16px!important;
  background:rgba(8,13,26,.88)!important;
}
.search-input,.sort-select,.sb-search{
  border:1px solid var(--ui-line)!important;
  border-radius:11px!important;
  background:rgba(3,7,16,.62)!important;
  color:#e9eef9!important;
}
.filter-tabs{border:0!important;background:rgba(255,255,255,.025)!important}
.filter-tab{border-radius:9px!important}
.filter-tab.active{background:rgba(124,140,255,.13)!important;color:#dfe4ff!important}
.markets-card{overflow:hidden;border:1px solid var(--ui-line)!important;border-radius:20px!important;background:rgba(9,14,27,.82)!important}
.markets-table tbody tr{border-color:rgba(167,184,225,.075)!important}
.markets-table tbody tr:hover{background:linear-gradient(90deg,rgba(124,140,255,.075),rgba(66,217,237,.018))!important}
.coin-icon{border:1px solid var(--ui-line)!important;background-color:rgba(255,255,255,.025)!important}

/* Exchange terminal */
.page-exchange>nav{position:relative!important}
.page-exchange .ticker-bar{
  min-width:0;
  padding:.45rem .7rem!important;
  border:1px solid var(--ui-line)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.02)!important;
}
.page-exchange>.layout{
  width:100%!important;
  min-height:calc(100dvh - 72px)!important;
  height:auto!important;
  grid-template-columns:220px 245px minmax(420px,1fr) 310px!important;
  gap:1px!important;
  padding:1px!important;
  background:var(--ui-line)!important;
}
.page-exchange .exchange-hero{
  padding:12px!important;
  gap:12px!important;
  background:#070b16!important;
}
.page-exchange .hero-card{
  min-height:190px;
  padding:1.25rem!important;
  border:1px solid var(--ui-line)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,rgba(17,27,48,.96),rgba(10,16,31,.96))!important;
}
.hero-symbol{font-size:1.45rem!important}
.hero-price{font-size:1.35rem!important}
.hero-metric,.hero-balance-row{border-color:var(--ui-line)!important;background:rgba(255,255,255,.022)!important}
.page-exchange .pairs-sidebar,.page-exchange .orderbook,
.page-exchange .main-center,.page-exchange .form-panel{
  border:0!important;
  background:#090f1d!important;
}
.page-exchange .pnl-hdr,.page-exchange .sb-head,.page-exchange .chart-controls,
.page-exchange .c-tabs,.page-exchange .bs-tabs,.page-exchange .type-tabs{
  border-color:var(--ui-line)!important;
  background:#0b1222!important;
}
.pair-item{
  min-height:58px!important;
  margin:4px 7px!important;
  border:1px solid transparent!important;
  border-radius:11px!important;
}
.pair-item:hover{background:rgba(255,255,255,.03)!important}
.pair-item.active{border-color:rgba(124,140,255,.2)!important;background:linear-gradient(90deg,rgba(124,140,255,.13),rgba(66,217,237,.035))!important}
.ob-row{min-height:25px}
.ob-row:hover{background:rgba(255,255,255,.035)!important}
.ob-mid{border-color:var(--ui-line)!important;background:#0d1527!important}
.chart-area{background:#080e1c!important}
#chart-container{background:linear-gradient(180deg,rgba(9,16,31,.7),rgba(6,11,22,.9))!important}
.iv-btn,.c-tab,.bs-tab,.type-tab,.pct-b{
  border-radius:8px!important;
  transition:background .15s,color .15s,border-color .15s!important;
}
.iv-btn.active,.c-tab.active,.type-tab.active{background:rgba(124,140,255,.14)!important;color:#cfd6ff!important}
.bs-tab.buy.active{background:rgba(82,230,175,.11)!important;color:var(--ui-mint)!important}
.bs-tab.sell.active{background:rgba(255,98,125,.10)!important;color:var(--ui-red)!important}
.f-inp{
  min-height:46px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:11px!important;
  background:#060b16!important;
}
.f-inp:focus{border-color:rgba(124,140,255,.5)!important;box-shadow:0 0 0 3px rgba(124,140,255,.09)}
.pct-b{border-color:var(--ui-line)!important;background:rgba(255,255,255,.025)!important}
.pct-b:hover{border-color:rgba(124,140,255,.35)!important;color:#dfe4ff!important}
.f-sum{border-color:var(--ui-line)!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important}
.sub-btn{min-height:48px!important;border-radius:12px!important}
.sub-btn.buy{background:linear-gradient(120deg,#43d699,#63ecc1)!important;color:#04130d!important}
.sub-btn.sell{background:linear-gradient(120deg,#f55170,#ff8196)!important;color:#1b050a!important}

/* Wallet */
.page-balances>.layout{
  width:min(1500px,100%)!important;
  margin:0 auto!important;
  padding:clamp(1rem,2.8vw,2.8rem)!important;
  gap:1rem!important;
}
.page-balances .main{max-width:none!important}
.page-balances .page-hero{
  min-height:230px;
  padding:clamp(1.5rem,3.5vw,3rem)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:28px!important;
  background:
    radial-gradient(500px 300px at 86% 0%,rgba(82,230,175,.10),transparent 68%),
    linear-gradient(145deg,rgba(16,26,47,.96),rgba(8,13,26,.97))!important;
}
.page-balances .page-title{font-size:clamp(2rem,4vw,3.8rem)!important;letter-spacing:-.055em!important}
.page-balances .page-sub{max-width:65ch;color:#99a7bd!important}
.trust-pill{border-color:rgba(82,230,175,.16)!important;background:rgba(82,230,175,.05)!important;color:#a8f0d2!important}
.page-balances .stats-row{gap:.75rem!important;margin:.9rem 0!important}
.page-balances .stat-card{
  min-height:88px!important;
  border:1px solid var(--ui-line)!important;
  border-radius:15px!important;
  background:rgba(12,18,34,.78)!important;
}
.balances-card,.history-card{overflow:hidden;border:1px solid var(--ui-line)!important;border-radius:20px!important;background:rgba(9,14,27,.84)!important}
.card-header{border-color:var(--ui-line)!important;background:rgba(255,255,255,.018)!important}
.balances-table tbody tr{border-color:rgba(167,184,225,.075)!important}
.balances-table tbody tr:hover{background:linear-gradient(90deg,rgba(124,140,255,.07),rgba(82,230,175,.018))!important}
.btn-dep{border-color:rgba(82,230,175,.2)!important;background:rgba(82,230,175,.07)!important;color:#8debc5!important}
.btn-ret{border-color:rgba(124,140,255,.2)!important;background:rgba(124,140,255,.07)!important;color:#aab5ff!important}
.page-balances .sidebar{border:0!important;background:transparent!important}
.hist-item{border-color:var(--ui-line)!important;border-radius:14px!important;background:rgba(12,18,34,.78)!important;box-shadow:none!important}
.modal-overlay{background:rgba(2,5,12,.78)!important;backdrop-filter:blur(14px)!important}
.modal{
  max-width:470px!important;
  border:1px solid var(--ui-line-strong)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#11192b,#090f1d)!important;
  box-shadow:0 36px 100px rgba(0,0,0,.55)!important;
}
.modal::before{display:none!important}
.modal-header{border-color:var(--ui-line)!important}
.net-item,.addr-box,.summary,.notice-card{
  border-color:var(--ui-line)!important;
  border-radius:13px!important;
  background:rgba(255,255,255,.025)!important;
}

/* Authentication */
.page-login{
  padding:clamp(.75rem,2vw,1.5rem)!important;
  background:
    radial-gradient(800px 650px at 12% 12%,rgba(124,140,255,.18),transparent 65%),
    radial-gradient(680px 550px at 92% 88%,rgba(66,217,237,.09),transparent 65%),
    #050712!important;
}
.page-login .shell{
  width:min(1200px,100%)!important;
  min-height:min(780px,calc(100dvh - 3rem))!important;
  overflow:hidden;
  border:1px solid var(--ui-line)!important;
  border-radius:30px!important;
  background:#080d1a!important;
  box-shadow:0 45px 130px rgba(0,0,0,.52)!important;
}
.page-login .brand{
  padding:clamp(2rem,5vw,5rem)!important;
  border-color:var(--ui-line)!important;
  background:
    radial-gradient(520px 380px at 10% 0%,rgba(124,140,255,.22),transparent 70%),
    radial-gradient(460px 380px at 100% 100%,rgba(66,217,237,.11),transparent 70%),
    linear-gradient(150deg,#111a31,#080e1d)!important;
}
.page-login h1{
  max-width:10ch;
  font-size:clamp(2.7rem,5vw,5rem)!important;
  letter-spacing:-.065em!important;
}
.page-login .lead{color:#9daac0!important}
.page-login .feature{border-color:var(--ui-line)!important;border-radius:16px!important;background:rgba(255,255,255,.028)!important}
.page-login .panel{padding:clamp(1rem,3vw,3rem)!important;background:#080d1a!important}
.page-login .auth-card{
  border:1px solid var(--ui-line)!important;
  border-radius:24px!important;
  background:rgba(14,21,39,.86)!important;
  box-shadow:var(--ui-shadow)!important;
}
.page-login .tabs{border-color:var(--ui-line)!important;background:rgba(255,255,255,.025)!important}
.page-login .tab{border-radius:11px!important}
.page-login .tab.active{background:rgba(124,140,255,.13)!important;color:#fff!important}
.page-login .input{border-color:var(--ui-line)!important;border-radius:12px!important;background:#080d19!important}
.page-login .input:focus{border-color:rgba(124,140,255,.52)!important;box-shadow:0 0 0 4px rgba(124,140,255,.09)!important}
.page-login .btn{border-radius:12px!important;background:linear-gradient(120deg,var(--ui-indigo),var(--ui-cyan))!important}

/* Persistent chat */
#lp-chat-widget{
  --cw-bg:#070b16;--cw-panel:#0c1222;--cw-panel2:#111a2d;
  --cw-border:rgba(167,184,225,.15);--cw-text:#f4f7ff;--cw-muted:#7f8ba5;
  --cw-cyan:#42d9ed;--cw-gold:#ffcc66;--cw-lime:#a8ee52;--cw-red:#ff627d;
  right:20px!important;bottom:20px!important;
}
.lp-cw-launcher{
  min-width:138px!important;height:54px!important;
  border-color:rgba(66,217,237,.24)!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#182447,#0d172c)!important;
  box-shadow:0 22px 58px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.05)!important;
}
.lp-cw-launcher:hover{transform:translateY(-2px);border-color:rgba(66,217,237,.55)!important}
.lp-cw-panel{
  width:min(450px,calc(100vw - 24px))!important;
  height:min(710px,calc(100dvh - 92px))!important;
  border-color:var(--cw-border)!important;
  border-radius:24px!important;
  background:linear-gradient(180deg,#10182a,#070c18)!important;
  box-shadow:0 40px 110px rgba(0,0,0,.62)!important;
}
.lp-cw-head{padding:16px!important;background:rgba(14,22,39,.96)!important}
.lp-cw-logo{width:38px!important;height:38px!important;border-radius:12px!important}
.lp-cw-tabs{padding:9px 11px!important;background:#0a1020!important}
.lp-cw-tab{min-height:34px;border-radius:9px!important}
.lp-cw-tab.active{background:rgba(124,140,255,.13)!important;color:#dce2ff!important}
.lp-cw-online-user,.lp-cw-ticket,.lp-cw-support-msg,.lp-cw-modal-card{
  border-color:var(--cw-border)!important;
  background:rgba(255,255,255,.028)!important;
}
.lp-cw-message{padding:2px}
.lp-cw-avatar{border-radius:10px!important;background:linear-gradient(145deg,#263454,#18243e)!important}
.lp-cw-composer{padding:11px!important;background:#080e1c!important}
.lp-cw-input,.lp-cw-select,.lp-cw-textarea{border-color:var(--cw-border)!important;background:#060b16!important}
.lp-cw-btn{background:linear-gradient(120deg,var(--ui-indigo),var(--ui-cyan))!important;color:#050b17!important}
.lp-cw-btn.secondary{border-color:var(--cw-border)!important;background:rgba(255,255,255,.04)!important;color:#d4dbea!important}

/* Footer and information pages */
.lp-site-footer{border-color:var(--ui-line)!important;background:rgba(5,9,18,.88)!important}
.lp-footer-inner{max-width:1480px!important}
.lp-footer-brand img{border-radius:12px}
.lp-footer-col a:hover{color:var(--ui-cyan)!important;transform:translateX(2px)}
.lp-footer-status{border-color:var(--ui-line)!important;background:rgba(255,255,255,.022)}
.lp-trust-strip{border-color:var(--ui-line)!important;background:rgba(9,14,27,.72)!important}
.page-public-info .info-nav{
  min-height:72px!important;
  padding:0 clamp(1rem,3vw,2.4rem)!important;
  border-color:var(--ui-line)!important;
  background:rgba(5,8,18,.84)!important;
  backdrop-filter:blur(22px);
}
.page-public-info .info-logo img{
  width:38px!important;height:38px!important;
  border:1px solid rgba(124,140,255,.18);
  border-radius:12px;
}
.page-public-info .info-main{max-width:1180px!important;padding:clamp(1rem,4vw,4rem)!important}
.page-public-info .info-hero{
  padding:clamp(1.5rem,4vw,3.5rem)!important;
  border:1px solid var(--ui-line)!important;
  border-radius:28px!important;
  background:
    radial-gradient(560px 320px at 90% 0%,rgba(66,217,237,.10),transparent 68%),
    linear-gradient(145deg,rgba(17,27,49,.92),rgba(8,13,27,.94))!important;
  box-shadow:var(--ui-shadow)!important;
}
.page-public-info .info-hero h1{font-size:clamp(2.4rem,6vw,5rem)!important;letter-spacing:-.06em!important}
.page-public-info .info-card,.page-public-info .endpoint-card{
  border-color:var(--ui-line)!important;
  border-radius:18px!important;
  background:rgba(11,17,32,.78)!important;
}
.page-public-info .api-code{border-color:var(--ui-line)!important;background:#060b16!important;color:#aeb8ff!important}

/* Motion with an accessibility escape hatch */
@keyframes ui-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.dash-hero,.page-hero,.cp-hero,.exchange-hero{animation:ui-rise .45s ease-out both}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

@media(max-width:1240px){
  .page-dashboard>nav,.page-markets>nav,.page-balances>nav,.page-exchange>nav{height:auto!important;min-height:68px!important;flex-wrap:wrap!important;padding-block:.65rem!important}
  .nav-links,.nav-tabs{order:3;width:100%;overflow-x:auto;justify-content:flex-start}
  .page-exchange>.layout{display:flex!important;flex-direction:column;height:auto!important;overflow:visible!important}
  .page-exchange .exchange-hero{grid-template-columns:1.25fr .75fr!important}
  .page-exchange .pairs-sidebar{max-height:340px}
  .page-exchange .orderbook{min-height:460px;max-height:560px}
  .page-exchange .main-center{min-height:680px}
  .page-exchange .form-panel{min-height:620px}
}
@media(max-width:920px){
  .landing-hero-grid,.cp-hero{grid-template-columns:1fr!important}
  .landing-brand-stage{min-height:310px!important}
  .landing-value-grid{grid-template-columns:1fr!important}
  .dashboard-intel-grid{grid-template-columns:1fr!important}
  .dashboard-command-panel{display:none!important}
  .page-markets .stats-row,.page-balances .stats-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-balances>.layout{grid-template-columns:1fr!important}
  .page-balances .sidebar{display:block!important}
  .page-exchange .exchange-hero{grid-template-columns:1fr!important}
}
@media(max-width:680px){
  body:not(.page-admin)::before{background-size:42px 42px}
  .page-dashboard>nav,.page-markets>nav,.page-balances>nav,.page-exchange>nav{padding-inline:.75rem!important}
  .logo{font-size:.72rem!important}
  .logo .brand-mark{width:34px!important;height:34px!important}
  .beta-sticker{min-width:32px!important;height:17px!important;font-size:.43rem!important}
  .nav-right .nav-cta,.page-exchange .nav-btn,.nav-user-meta{display:none!important}
  .nav-link,.nav-tab{min-height:34px;padding:.45rem .68rem!important}
  #page-miningpool .dashboard-main,.page-markets .main,.page-balances>.layout,#page-coinpool{padding:.75rem!important}
  .dash-hero,.page-markets .page-hero,.page-balances .page-hero,.cp-hero-main,.cp-hero-aside{border-radius:22px!important}
  .dash-hero{min-height:0;padding:1.25rem!important}
  .landing-hero-copy .dash-title{font-size:clamp(2.55rem,13vw,4rem)!important}
  .landing-actions .hero-btn{width:100%}
  .landing-brand-stage{min-height:270px!important}
  .landing-logo-shell{width:150px!important}
  .dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dash-metric{min-height:96px!important;padding:.8rem!important}
  .hash-stats,.bottom-grid{grid-template-columns:1fr!important}
  .cp-actions{display:grid!important}
  .cp-btn{width:100%}
  .page-markets .page-hero{min-height:260px}
  .page-markets .controls{position:relative!important;top:auto!important;align-items:stretch!important}
  .page-markets .filter-tabs{width:100%;overflow-x:auto}
  .page-markets .filter-tab{flex:1 0 auto}
  .page-markets .sort-select{width:100%}
  .page-markets .stats-row,.page-balances .stats-row{grid-template-columns:1fr 1fr!important}
  .page-exchange .exchange-hero{padding:7px!important}
  .page-exchange .hero-card{min-height:0}
  .page-exchange .hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .page-exchange .ticker-bar{display:none!important}
  .page-login{padding:.5rem!important}
  .page-login .shell{min-height:0!important;border-radius:22px!important}
  .page-login .brand{min-height:430px!important;padding:1.5rem!important}
  .page-login .panel{padding:.75rem!important}
  #lp-chat-widget{right:8px!important;bottom:8px!important}
  .lp-cw-panel{height:calc(100dvh - 76px)!important;border-radius:18px!important}
}