:root{--bg-1:#0a0f1c;--bg-2:#0d1324;--fg:#e8edf7}
html{color-scheme:dark}
body{
  margin:0;
  background: linear-gradient(180deg, var(--bg-1) 0%, var(--bg-2) 100%);
  color: var(--fg);
}
body::before{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:-1;
  background: linear-gradient(180deg, transparent 0%, #ffffff05 50%, transparent 100%);
  mix-blend-mode: overlay; opacity:.04;
}
body::after{
  content:"";
  position:fixed; inset:0; pointer-events:none; z-index:-1;
  background:
    repeating-conic-gradient(from 0deg, #ffffff08 0 2deg, transparent 2deg 4deg),
    repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 2px);
  mix-blend-mode: soft-light;
  opacity:.05;
  animation: noise-shift 18s linear infinite;
}
@keyframes noise-shift{0%{transform:translate3d(0,0,0)}100%{transform:translate3d(.5px,0,0)}}
@media (prefers-reduced-motion: reduce){ body::after{animation:none} }