:root{
  --bg: #070a10;
  --bg2:#0b1220;
  --card:#0c1323cc;
  --line:#1f2a44;
}
html,body{height:100%;}
body{
  background: radial-gradient(1200px 600px at 20% 10%, rgba(34,197,94,.18), transparent 55%),
              radial-gradient(900px 500px at 85% 20%, rgba(96,165,250,.18), transparent 55%),
              radial-gradient(800px 500px at 60% 90%, rgba(168,85,247,.12), transparent 55%),
              linear-gradient(180deg, var(--bg), var(--bg2));
  color:#e5e7eb;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial;
}
.glass{background:var(--card); border:1px solid rgba(148,163,184,.18); backdrop-filter: blur(10px);}
.hr{height:1px;background:linear-gradient(90deg, transparent, rgba(148,163,184,.35), transparent);}
.badge{border:1px solid rgba(148,163,184,.25); background:rgba(148,163,184,.06)}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  padding:.9rem 1.05rem; border-radius:14px; font-weight:700; letter-spacing:.2px;
  border:1px solid rgba(148,163,184,.20);
  transition: transform .15s ease, filter .15s ease, background .15s ease;
}
.btn:hover{transform: translateY(-1px); filter:brightness(1.08)}
.btn-primary{background:linear-gradient(90deg, rgba(34,197,94,.95), rgba(96,165,250,.95)); color:#071018;}
.btn-ghost{background:rgba(148,163,184,.07); color:#e5e7eb;}
.mono{font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;}
.kpi{border:1px dashed rgba(148,163,184,.25); background:rgba(2,6,23,.4)}
.small{color: rgba(226,232,240,.75)}
.link{color:#93c5fd; text-decoration: none;}
.link:hover{text-decoration: underline;}