.hero-backdrop{inset-block:0;pointer-events:none;z-index:-1;width:100vw;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);-webkit-mask-image:linear-gradient(#0000,#000 12% 75%,#0000);mask-image:linear-gradient(#0000,#000 12% 75%,#0000)}.hero-backdrop-grid{background-image:linear-gradient(90deg,#bbcabf0a 1px,#0000 1px),linear-gradient(#bbcabf0a 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(at 50% 45%,#000,#0000 75%);mask-image:radial-gradient(at 50% 45%,#000,#0000 75%)}.hero-backdrop-glow{aspect-ratio:1;will-change:transform;border-radius:50%;width:clamp(360px,52vw,850px);animation:24s ease-in-out infinite alternate hero-drift;position:absolute}.hero-backdrop-emerald{background:radial-gradient(#10b9812e,#10b9810c 42%,#0000 70%);top:-28%;left:-7%}.hero-backdrop-cyan{background:radial-gradient(#38bdf82b,#38bdf80a 45%,#0000 70%);animation-name:hero-counter-drift;animation-duration:29s;animation-delay:-9s;top:-16%;right:-8%}.hero-backdrop-violet{background:radial-gradient(#9699ff1f,#0000 65%);animation-duration:32s;animation-delay:-15s;bottom:-65%;left:28%}html[data-theme=light] .hero-backdrop-grid{background-image:linear-gradient(90deg,#15253b0a 1px,#0000 1px),linear-gradient(#15253b0a 1px,#0000 1px)}html[data-theme=light] .hero-backdrop-glow{opacity:.65}@keyframes hero-drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(14%,10%)scale(1.14)}}@keyframes hero-counter-drift{0%{transform:translateY(8%)scale(1.1)}to{transform:translate(-14%,-4%)scale(.94)}}@media (max-width:767px){.hero-backdrop-glow{opacity:.7;width:540px}.hero-backdrop-emerald{top:-10%;left:-65%}.hero-backdrop-cyan{top:22%;right:-65%}.hero-backdrop-violet{bottom:-10%;left:-30%}.hero-backdrop-grid{background-size:48px 48px}}@media (prefers-reduced-motion:reduce){.hero-backdrop-glow{will-change:auto;animation:none}}