:root{
  --text:#e6f1ff;
}

html, body{
  height: 100%;
  margin: 0;
  padding: 0;
}

/* universal background */
body.neon-bg{
  min-height: 100vh;
  background: radial-gradient(circle at top, #0b0b2e 0%, #050518 60%, #02020b 100%);
  background-attachment: fixed;
  color: var(--text);
  overflow-x: hidden;
}

/* subtle stars */
body.neon-bg::before{
  content:"";
  position: fixed;
  inset: 0;
  pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.12) 1px, transparent 1px);
  background-size: 70px 70px;
  opacity: .14;
}

main{ display:block; }
