:root {
  --bg:        #0a0b0f;
  --bg1:       #0f1117;
  --bg2:       #14161e;
  --bg3:       #1a1d27;
  --border:    rgba(255,255,255,0.06);
  --border2:   rgba(255,255,255,0.11);
  --border3:   rgba(255,255,255,0.20);
  --text:      #e9ebf2;
  --text2:     #9498ad;
  --text3:     #5e6378;
  --blue:      #3b6ef5;
  --blue2:     #6490ff;
  --green:     #22c55e;
  --amber:     #f59e0b;
  --red:       #ef4444;
  --font: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
  --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace;
  --r: 6px;
  --r2: 10px;
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --gutter: clamp(20px, 4vw, 48px);
  --max: 1180px;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
body { font-family: var(--font); background: var(--bg); color: var(--text); line-height: 1.55; overflow-x: hidden; }
::selection { background: var(--blue); color: #fff; }
a { color: inherit; text-decoration: none; }