*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:          #050c1a;
  --text:        #ffffff;
  --muted:       rgba(255,255,255,0.32);
  --tag-opacity: 0.35;
  --font:        'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --btn-radius:  40px;
  --btn-border:  1px solid rgba(255,255,255,0.18);
}

html, body {
  height: 100%;
  overflow: hidden;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  -webkit-font-smoothing: antialiased;
}

#bg {
  position: fixed; inset: 0; z-index: 0;
  background: radial-gradient(ellipse 90% 70% at 65% 25%, #0d1f38 0%, #050c1a 65%);
  transition: background 1.4s ease;
}

#net-canvas {
  position: fixed; top: 0; left: 0;
  width: 100vw; height: 100vh;
  pointer-events: none;
  z-index: 1;
}