:root {
  --accent:        #415aff;
  --accent-deep:   #2e45e0;
  --accent-dim:    rgba(65, 90, 255, 0.12);
  --accent-border: rgba(65, 90, 255, 0.28);
  --bg:            #080d1a;
  --bg-2:          #0c1120;
  --bg-surface:    #111828;
  --bg-raised:     #172030;
  --text:          #FFFFFF;
  --text-mid:      #B0B0C0;
  --text-dim:      #9090A0;
  --border:        rgba(200, 210, 255, 0.09);
  --nav-bg:        rgba(8, 13, 26, 0.88);
  --shadow:        0 32px 64px rgba(0,0,0,0.7);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; overflow-x: hidden; scrollbar-color: #415aff #080d1a; }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #080d1a; }
::-webkit-scrollbar-thumb { background: #415aff; border-radius: 100px; }
::-webkit-scrollbar-thumb:hover { background: #6b84ff; }

body {
  font-family: 'Syne', system-ui, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
}