body{
  background:
    radial-gradient(at 25% 35%, #0e3d72, transparent 50%),
    radial-gradient(at 96% 22%, #091840, transparent 50%),
    radial-gradient(at 55% 98%, #021828, transparent 50%),
    radial-gradient(at 6%  78%, #0a2848, transparent 48%),
    radial-gradient(at 72% 50%, #060f2c, transparent 45%),
    radial-gradient(at 44% 12%, #0b2558, transparent 40%),
    #040810;
  background-attachment: fixed;
}
body::before{
  content:'';position:fixed;top:0;left:50%;transform:translateX(-50%);
  width:65%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(2,132,199,.85),rgba(96,165,250,.6),transparent);
  box-shadow:0 0 28px rgba(2,132,199,.55),0 0 6px rgba(96,165,250,.4);
  z-index:200;pointer-events:none;
}

#stars-canvas{display:none}

#hex-bg{
  position:fixed;inset:0;z-index:0;pointer-events:none;
  display:none;
  background-image:
    radial-gradient(circle at 0% 50%, transparent 24px, rgba(15,15,20,.07) 25px, rgba(15,15,20,.07) 26px, transparent 27px),
    radial-gradient(circle at 100% 50%, transparent 24px, rgba(15,15,20,.07) 25px, rgba(15,15,20,.07) 26px, transparent 27px);
  background-size: 54px 94px;
  background-position: 0 0, 27px 47px;
}
[data-theme="light"] #hex-bg{display:block;z-index:-1}
[data-theme="light"] body{
  background:var(--bg,#f5f6fa)!important;
  background-attachment:initial!important;
}
[data-theme="light"] body::before{display:none}