.home-page,
body{
  background-color:#07090c;
  background-image:
    radial-gradient(circle at 12% 16%,rgba(138,170,58,.09),transparent 24%),
    radial-gradient(circle at 88% 42%,rgba(220,34,40,.1),transparent 28%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,auto,40px 40px,40px 40px;
  background-attachment:fixed;
}
.site-header::before{
  background:
    radial-gradient(circle at 50% 45%,rgba(220,34,40,.24),transparent 36%),
    radial-gradient(circle at 18% 55%,rgba(138,170,58,.13),transparent 25%),
    radial-gradient(circle at 82% 55%,rgba(138,170,58,.13),transparent 25%),
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(180deg,#11161d 0%,#07090c 88%);
  background-size:auto,auto,auto,32px 32px,32px 32px,auto;
  box-shadow:inset 0 -1px rgba(255,66,72,.45),0 18px 50px rgba(0,0,0,.38);
}
.brand{
  position:relative;
  filter:drop-shadow(0 0 24px rgba(255,255,255,.12)) drop-shadow(0 12px 24px rgba(0,0,0,.7));
}
.main-nav{
  padding:4px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px;
  background:rgba(5,7,10,.72);
  box-shadow:0 10px 30px rgba(0,0,0,.3);
  backdrop-filter:blur(10px);
}
@media(max-width:720px){
  .site-header::before{background-size:auto,auto,auto,24px 24px,24px 24px,auto}
  .main-nav{padding:12px}
}