.olb-bg{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;--sky-top:#060818;--sky-mid:#0b1026;--sky-low:#050714;--glow:rgba(56,189,248,.14);--glow2:rgba(52,211,153,.10);--glow3:rgba(167,139,250,.12);--gline:rgba(125,211,252,.10);--horizon:rgba(125,211,252,.45);
 background:radial-gradient(70rem 26rem at 50% 60%,var(--glow),transparent 62%),radial-gradient(40rem 30rem at 10% 6%,var(--glow2),transparent 60%),radial-gradient(38rem 28rem at 92% 10%,var(--glow3),transparent 60%),linear-gradient(var(--sky-top),var(--sky-mid) 58%,var(--sky-low))}
.olb-bg .stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 24px 36px,rgba(255,255,255,.55),transparent 60%),radial-gradient(1px 1px at 132px 92px,rgba(167,243,208,.5),transparent 60%),radial-gradient(1.5px 1.5px at 78px 170px,rgba(255,255,255,.35),transparent 60%),radial-gradient(1px 1px at 190px 20px,rgba(199,210,254,.45),transparent 60%);background-size:220px 220px;-webkit-mask-image:linear-gradient(#000,transparent 56%);mask-image:linear-gradient(#000,transparent 56%);animation:tw 9s ease-in-out infinite}
.olb-bg .aurora{position:absolute;left:-20%;right:-20%;top:4%;height:52%;background:radial-gradient(40% 38% at 30% 55%,rgba(52,211,153,.32),transparent 72%),radial-gradient(34% 30% at 62% 40%,rgba(56,189,248,.26),transparent 72%),radial-gradient(30% 26% at 82% 62%,rgba(167,139,250,.24),transparent 72%);animation:drift 22s ease-in-out infinite alternate;will-change:transform}
.olb-bg .floor{position:absolute;left:-60%;right:-60%;top:60%;height:90%;overflow:hidden;opacity:.5;transform:perspective(420px) rotateX(64deg);transform-origin:50% 0;-webkit-mask-image:linear-gradient(transparent,#000 18%,#000 55%,transparent 90%);mask-image:linear-gradient(transparent,#000 18%,#000 55%,transparent 90%)}
.olb-bg .floor b{position:absolute;left:0;right:0;top:-64px;bottom:0;background-image:linear-gradient(var(--gline) 1px,transparent 1px),linear-gradient(90deg,var(--gline) 1px,transparent 1px);background-size:64px 64px;animation:glide 6s linear infinite}
.olb-bg .horizon{position:absolute;left:0;right:0;top:60%;height:1px;background:linear-gradient(90deg,transparent,var(--horizon) 30%,var(--horizon) 70%,transparent);box-shadow:0 0 28px 3px var(--glow)}
@keyframes glide{to{transform:translateY(64px)}}@keyframes tw{50%{opacity:.6}}@keyframes drift{to{transform:translateX(8%) scaleY(1.12)}}
@media (max-width:700px){.olb-bg .aurora{animation:none}}
@media (prefers-reduced-motion:reduce){.olb-bg *{animation:none!important}}