/* F241 unified background */
html{
  background:#050b15!important;
}
html.f241-bg-mounted body{
  background:transparent!important;
}
#f241UnifiedBg{
  position:fixed!important;
  inset:0!important;
  z-index:0!important;
  overflow:hidden!important;
  pointer-events:none!important;
  background:
    radial-gradient(circle at 4% 29%,rgba(33,111,255,.34),transparent 28%),
    radial-gradient(circle at 96% 22%,rgba(119,70,255,.28),transparent 26%),
    radial-gradient(circle at 51% 118%,rgba(29,89,214,.18),transparent 35%),
    linear-gradient(90deg,#071327 0%,#041021 18%,#020a17 39%,#020813 56%,#051029 76%,#10103a 100%);
}
#f241UnifiedBg::before{
  content:"";
  position:absolute;
  inset:-30px;
  opacity:.54;
  background-image:
    radial-gradient(circle at 7% 12%,#8fd8ff 0 1px,transparent 1.6px),
    radial-gradient(circle at 16% 26%,#6fa6ff 0 1px,transparent 1.6px),
    radial-gradient(circle at 27% 15%,#8bd3ff 0 1px,transparent 1.6px),
    radial-gradient(circle at 38% 35%,#5e92ff 0 1px,transparent 1.6px),
    radial-gradient(circle at 49% 17%,#9addff 0 1px,transparent 1.6px),
    radial-gradient(circle at 61% 29%,#719bff 0 1px,transparent 1.6px),
    radial-gradient(circle at 71% 14%,#75c8ff 0 1px,transparent 1.6px),
    radial-gradient(circle at 82% 37%,#6593ff 0 1px,transparent 1.6px),
    radial-gradient(circle at 93% 18%,#b99cff 0 1px,transparent 1.6px),
    radial-gradient(circle at 10% 61%,#80ccff 0 1px,transparent 1.6px),
    radial-gradient(circle at 24% 73%,#5f8fff 0 1px,transparent 1.6px),
    radial-gradient(circle at 37% 58%,#8fd8ff 0 1px,transparent 1.6px),
    radial-gradient(circle at 52% 78%,#638fff 0 1px,transparent 1.6px),
    radial-gradient(circle at 66% 67%,#7ecfff 0 1px,transparent 1.6px),
    radial-gradient(circle at 78% 84%,#6996ff 0 1px,transparent 1.6px),
    radial-gradient(circle at 91% 70%,#b496ff 0 1px,transparent 1.6px);
  background-size:
    330px 270px,410px 350px,360px 300px,430px 370px,
    390px 320px,460px 380px,350px 310px,420px 360px,
    320px 290px,380px 330px,440px 390px,360px 320px,
    430px 350px,400px 340px,470px 400px,350px 310px;
  animation:f241BgStars 42s linear infinite;
}
#f241UnifiedBg::after{
  content:"";
  position:absolute;
  left:-7%;
  right:-7%;
  bottom:-270px;
  height:520px;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at center,rgba(44,107,234,.18),rgba(19,54,127,.06) 42%,transparent 70%);
  box-shadow:
    0 -28px 100px rgba(42,103,224,.10),
    inset 0 24px 100px rgba(40,93,190,.08);
  transform:perspective(900px) rotateX(68deg);
}
.f241-bg-column{
  position:absolute;
  top:-8%;
  bottom:-8%;
  width:23%;
  opacity:.34;
  filter:blur(36px);
}
.f241-bg-column.left{
  left:4%;
  background:linear-gradient(180deg,transparent,rgba(30,91,224,.18) 22%,rgba(35,97,235,.12) 58%,transparent);
}
.f241-bg-column.center{
  left:39%;
  background:linear-gradient(180deg,transparent,rgba(31,76,170,.08) 28%,rgba(33,83,190,.08) 64%,transparent);
}
.f241-bg-column.right{
  right:3%;
  background:linear-gradient(180deg,transparent,rgba(109,70,224,.16) 19%,rgba(97,59,203,.11) 58%,transparent);
}
.f241-bg-frame{
  position:absolute;
  bottom:5%;
  border:1px solid rgba(81,132,226,.16)!important;
  background:rgba(2,9,20,.06);
  box-shadow:0 0 32px rgba(55,111,219,.04);
}
.f241-bg-frame.left{
  left:6%;
  width:min(39vw,640px);
  height:175px;
  transform:rotate(-7deg);
}
.f241-bg-frame.right{
  right:-1%;
  width:min(31vw,520px);
  height:155px;
  transform:rotate(5deg);
}
.f241-bg-frame::after{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  border-radius:50%!important;
  background:#9bdcff;
  box-shadow:0 0 10px #72c2ff,0 0 22px rgba(83,153,255,.86);
}
.f241-bg-frame.left::after{
  left:2%;
  top:60%;
}
.f241-bg-frame.right::after{
  left:2%;
  top:54%;
}
.f241-bg-orbit{
  position:absolute;
  left:50%;
  bottom:-110px;
  width:min(72vw,1180px);
  height:290px;
  transform:translateX(-50%) rotate(-1deg);
  border:1px solid rgba(74,133,232,.10)!important;
  border-radius:50%!important;
}
.f241-bg-glow{
  position:absolute;
  border-radius:50%!important;
  filter:blur(90px);
  opacity:.28;
  animation:f241BgDrift 14s ease-in-out infinite alternate;
}
.f241-bg-glow.left{
  width:390px;
  height:390px;
  left:-150px;
  top:19%;
  background:#1167e8;
}
.f241-bg-glow.right{
  width:430px;
  height:430px;
  right:-180px;
  top:14%;
  background:#6135db;
  animation-delay:-5s;
}
html.f241-bg-mounted body > *:not(#f241UnifiedBg):not(.overlay):not(.f241-legal-overlay){
  position:relative;
  z-index:1;
}
html.f241-bg-mounted body > main,
html.f241-bg-mounted body > .page,
html.f241-bg-mounted body > .page-shell,
html.f241-bg-mounted body > .shell,
html.f241-bg-mounted body > .app-shell,
html.f241-bg-mounted body > .auth-shell{
  background:transparent!important;
}
html.f241-bg-mounted body > .ambient,
html.f241-bg-mounted body > .stars,
html.f241-bg-mounted body > .scene{
  display:none!important;
}
@keyframes f241BgStars{
  to{transform:translate3d(-28px,16px,0)}
}
@keyframes f241BgDrift{
  from{transform:translate3d(0,0,0) scale(1)}
  to{transform:translate3d(70px,30px,0) scale(1.08)}
}
@media(max-width:900px){
  #f241UnifiedBg{
    background:
      radial-gradient(circle at 4% 24%,rgba(33,111,255,.28),transparent 31%),
      radial-gradient(circle at 96% 18%,rgba(119,70,255,.24),transparent 29%),
      linear-gradient(90deg,#071327 0%,#030d1b 45%,#0b1030 100%);
  }
  .f241-bg-frame{
    opacity:.45;
  }
  .f241-bg-frame.left{
    width:48vw;
    height:115px;
    left:3%;
    bottom:4%;
  }
  .f241-bg-frame.right{
    width:38vw;
    height:100px;
    right:-4%;
    bottom:5%;
  }
  .f241-bg-orbit{
    width:100vw;
    height:180px;
    bottom:-70px;
  }
}
@media(prefers-reduced-motion:reduce){
  #f241UnifiedBg::before,
  .f241-bg-glow{
    animation:none!important;
  }
}