* { box-sizing: border-box; }
html, body { margin: 0; background: var(--bg-1); color: var(--fg-1); font-family: var(--font-body); }
a { color: inherit; text-decoration: none; }

/* radial bloom behind hero */
body::before {
  content: ""; position: fixed; inset: 0; pointer-events: none;
  background: radial-gradient(60% 50% at 85% 0%, rgba(110,60,255,0.18) 0%, transparent 60%),
              radial-gradient(50% 40% at 15% 10%, rgba(114,184,248,0.10) 0%, transparent 60%);
  z-index: 0;
}