:root {
    --bg: #050810;
    --surface: #0b0f1e;
    --surface2: #111627;
    --border: #1e2a45;
    --accent: #4f8ef7;
    --accent2: #00d4aa;
    --accent3: #a78bfa;
    --text: #e8edf8;
    --muted: #6b7fa3;
    --glow: rgba(79, 142, 247, 0.15);
  }

  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  html { scroll-behavior: smooth; }

  body {
    background: var(--bg);
    color: var(--text);
    font-family: 'IBM Plex Mono', monospace;
    overflow-x: hidden;
    line-height: 1.6;
	
	* {
		z-index: 1;
	}
  }

  /* ── GRID BACKGROUND ── */
  body::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image:
      linear-gradient(rgba(79,142,247,.04) 1px, transparent 1px),
      linear-gradient(90deg, rgba(79,142,247,.04) 1px, transparent 1px);
    background-size: 48px 48px;
    pointer-events: none;
    z-index: 0;
  }