:root {
  --bg:#08080A; --bg2:#0F0F12; --bg3:#161619; --bg4:#1C1C20;
  --line:rgba(255,255,255,.06); --line2:rgba(255,255,255,.1); --line3:rgba(255,255,255,.15);
  --gold:#C9A227; --gold2:#E8C547; --gold3:rgba(201,162,39,.12);
  --white:#F2F2F0; --grey:#888892; --grey2:#4A4A54;
  --green:#2DB866; --green-bg:rgba(45,184,102,.1); --green-line:rgba(45,184,102,.2);
  --alert:#C47A2A; --alert-bg:rgba(196,122,42,.1); --alert-line:rgba(196,122,42,.2);
  --red:#D94F3D; --red-bg:rgba(217,79,61,.1); --red-line:rgba(217,79,61,.2);
  --blue:#5B9FE0; --blue-bg:rgba(91,159,224,.1); --blue-line:rgba(91,159,224,.2);
  --purple:#9B7FD4; --purple-bg:rgba(155,127,212,.1); --purple-line:rgba(155,127,212,.2);
  --r:14px; --r-sm:10px; --r-lg:18px; --r-xl:24px;
  --sidebar-w:220px; --topbar-h:54px;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Inter,sans-serif;
  background:var(--bg);color:var(--white);
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  min-height:100vh;overflow-x:hidden;
}
::selection{background:var(--gold);color:#000}
h1{font-size:clamp(22px,3.5vw,30px);font-weight:700;letter-spacing:-.04em;line-height:1.1}
h2{font-size:17px;font-weight:600;letter-spacing:-.02em}
h3{font-size:14px;font-weight:600;letter-spacing:-.01em}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--gold2)}
::-webkit-scrollbar{width:4px;height:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.2)}
.eyebrow{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}
@keyframes fade-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:.4}}
.fade-in{animation:fade-in .25s ease both}