/* ZTOPUP public theme: clean, fast, and switchable. */
:root {
  color-scheme: dark;
  --black:#090b10;
  --panel:#11151d;
  --panel-strong:#0d1118;
  --gold:#ffb300;
  --purple:#8a2eff;
  --blue:#00aee8;
  --white:#f8fafc;
  --muted:rgba(238,242,247,.64);
  --line:1px solid rgba(255,255,255,.1);
  --page-bg:#090b10;
  --surface:#11151d;
  --surface-soft:#151a24;
  --text:#f8fafc;
  --text-muted:#929cac;
  --gold-glow:0 0 18px rgba(255,179,0,.32);
}

:root[data-theme="light"] {
  color-scheme: light;
  --black:#f4f6fa;
  --panel:#ffffff;
  --panel-strong:#eef1f6;
  --white:#121722;
  --muted:#667085;
  --line:1px solid rgba(18,23,34,.11);
  --page-bg:#f4f6fa;
  --surface:#ffffff;
  --surface-soft:#eef1f6;
  --text:#121722;
  --text-muted:#667085;
}

html{min-height:100%;scroll-behavior:smooth;background:var(--page-bg)}
body{
  min-height:100vh;
  margin:0;
  display:flex;
  flex-direction:column;
  position:relative;
  background:var(--page-bg);
  color:var(--text);
  font-family:'Inter',sans-serif;
  -webkit-font-smoothing:antialiased;
  transition:background-color .22s ease,color .22s ease;
}
body>main,body>.app{flex:1 0 auto;display:flex;flex-direction:column}
.ztopup-footer{flex-shrink:0;margin-top:auto}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 38%);
  z-index:-2;
}
:root[data-theme="light"] body::before{background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(244,246,250,.85))}
body::after{content:none}
.particles{display:none!important}
.main{width:min(1220px,100%);margin:0 auto;padding:30px clamp(16px,4vw,64px) 54px}
@media(prefers-reduced-motion:reduce){body{transition:none}}