.mirror-page .hero-hero{
  --mirror-base:linear-gradient(90deg,#1b2359 0%,#1b2359 52%,#1a2384 74%,#123dcf 95%,#234981 110%);
  --mirror-light:
    radial-gradient(ellipse 38% 65% at 104% 0%,#0935ffc2 0%,transparent 77%),
    radial-gradient(ellipse 34% 45% at 106% 58%,#168cffb3 0%,#0873e63d 37%,transparent 78%),
    radial-gradient(ellipse 36% 50% at 91% 110%,#125cdae6 0%,transparent 78%);
  --mirror-light-mask:linear-gradient(90deg,transparent 0%,transparent 54%,#000 66%,#000 100%);
}
.mirror-page .hero-hero::before{ background:var(--mirror-base); }
.mirror-page .aurora-atmosphere{
  background:var(--mirror-light);
  -webkit-mask-image:var(--mirror-light-mask);
  mask-image:var(--mirror-light-mask);
}
.mirror-mirror{
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 44%,#000 56%);
  mask-image:linear-gradient(90deg,transparent 44%,#000 56%);
}
.mirror-mirror::before,.mirror-mirror::after{ content:""; position:absolute; inset:0; pointer-events:none; }
.mirror-mirror::before{ background:var(--mirror-base); }
.mirror-mirror::after{
  background:var(--mirror-light);
  -webkit-mask-image:var(--mirror-light-mask);
  mask-image:var(--mirror-light-mask);
}
.mirror-page .system-map figcaption{ color:rgba(232,241,255,.82); }
.mirror-page .hero-hero .hero-button-primary{
  background:#26a7df;
  border-color:#26a7df;
  color:#fff;
}
@media(hover:hover) and (pointer:fine){.mirror-page .hero-hero .hero-button-primary:hover{
    background:#167ea9;
    border-color:#167ea9;
    color:#000;
  }
}
.mirror-page .hero-hero .hero-button-primary:active{
  background:#147da8;
  border-color:#147da8;
  color:#000;
}
@media(max-width:1100px){.mirror-page .hero-hero{
    --mirror-base:linear-gradient(180deg,#1b2359 0%,#1b2359 42%,#182280 67%,#0b3ccb 85%,#234b82 100%);
    --mirror-light:
      radial-gradient(ellipse 65% 35% at 98% 75%,#0988ffb3 0%,transparent 76%),
      radial-gradient(ellipse 75% 35% at 53% 110%,#135df9b3 0%,transparent 77%);
    --mirror-light-mask:linear-gradient(180deg,transparent 0%,transparent 43%,#000 59%,#000 100%);
  }
}
@media(min-width:1800px){.mirror-page .hero-hero{
    --mirror-base:radial-gradient(ellipse 1100px 1000px at calc(50% + 800px) 46%,#163dce 0%,#1b2b8b70 48%,transparent 78%),#1b2359;
    --mirror-light:
      radial-gradient(ellipse 750px 620px at calc(50% + 960px) 55%,#168cff8c 0%,transparent 78%),
      radial-gradient(ellipse 900px 700px at calc(50% + 770px) 2%,#1645ff9c 0%,transparent 78%),
      radial-gradient(ellipse 850px 650px at calc(50% + 720px) 108%,#125cda85 0%,transparent 78%);
    --mirror-light-mask:none;
  }
}
@supports not ((mask-image:linear-gradient(#000,#000)) or (-webkit-mask-image:linear-gradient(#000,#000))){.mirror-mirror{ display:none; }
}
@media(forced-colors:active){.mirror-mirror{ display:none; }
}