.hero-bg-animation{pointer-events:none;isolation:isolate;contain:layout style paint;position:absolute;inset:0;overflow:hidden}.hero-bg-animation__grid{background-image:radial-gradient(hsl(var(--foreground) / .09) 1px, transparent 1px);opacity:.55;background-size:36px 36px;animation:48s linear infinite hero-grid-drift;position:absolute;inset:-8%;-webkit-mask-image:radial-gradient(75% 65% at 50% 45%,#000 15%,#0000 72%);mask-image:radial-gradient(75% 65% at 50% 45%,#000 15%,#0000 72%)}.hero-bg-animation__orb{will-change:transform;border-radius:50%;position:absolute}.hero-bg-animation__orb--a{background:radial-gradient(circle at 35% 35%, hsl(var(--primary) / .28), transparent 68%);width:min(52vw,34rem);height:min(52vw,34rem);animation:22s ease-in-out infinite hero-orb-a;top:-12%;left:-10%}.hero-bg-animation__orb--b{background:radial-gradient(circle at 40% 40%, hsl(var(--accent) / .24), transparent 70%);width:min(46vw,28rem);height:min(46vw,28rem);animation:26s ease-in-out infinite hero-orb-b;top:8%;right:-12%}.hero-bg-animation__orb--c{background:radial-gradient(circle at 50% 50%, hsl(var(--primary) / .16), transparent 72%);width:min(40vw,24rem);height:min(40vw,24rem);animation:30s ease-in-out infinite hero-orb-c;bottom:-14%;left:28%}.dark .hero-bg-animation__orb--a{background:radial-gradient(circle at 35% 35%, hsl(var(--primary) / .42), transparent 68%)}.dark .hero-bg-animation__orb--b{background:radial-gradient(circle at 40% 40%, hsl(var(--accent) / .32), transparent 70%)}.dark .hero-bg-animation__orb--c{background:radial-gradient(circle at 50% 50%, hsl(var(--primary) / .22), transparent 72%)}.hero-bg-animation__ring-wrap{width:min(78vw,42rem);height:min(78vw,42rem);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.hero-bg-animation__ring{background:conic-gradient(from 0deg, transparent 0deg, hsl(var(--primary) / .22) 48deg, transparent 110deg);border-radius:50%;width:100%;height:100%;animation:42s linear infinite hero-spin;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1px));mask:radial-gradient(farthest-side,#0000 calc(100% - 1.5px),#000 calc(100% - 1px))}.hero-bg-animation__ring--inner{background:conic-gradient(from 180deg, transparent 0deg, hsl(var(--accent) / .18) 32deg, transparent 90deg);width:auto;height:auto;animation-duration:56s;animation-direction:reverse;position:absolute;inset:14%}.hero-bg-animation__particle{top:var(--top);left:var(--left);width:var(--size);height:var(--size);background:hsl(var(--primary));opacity:.35;will-change:transform, opacity;animation:hero-float var(--duration) ease-in-out var(--delay) infinite;border-radius:50%;position:absolute}.hero-bg-animation__particle--accent{background:hsl(var(--accent))}.hero-bg-animation:after{content:"";background:linear-gradient(to bottom, transparent, hsl(var(--background)));height:30%;position:absolute;inset:auto 0 0}@keyframes hero-grid-drift{0%{transform:translate(0,0)}to{transform:translate(-36px,-36px)}}@keyframes hero-orb-a{0%,to{transform:translate(0,0)scale(1)}40%{transform:translate(10%,14%)scale(1.08)}70%{transform:translate(-4%,8%)scale(.96)}}@keyframes hero-orb-b{0%,to{transform:translate(0,0)scale(1)}35%{transform:translate(-12%,10%)scale(1.06)}65%{transform:translate(-6%,-8%)scale(.94)}}@keyframes hero-orb-c{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(8%,-12%)scale(1.1)}}@keyframes hero-spin{to{transform:rotate(360deg)}}@keyframes hero-float{0%,to{opacity:.2;transform:translate(0,0)}50%{opacity:.7;transform:translate(10px,-22px)}}@media (prefers-reduced-motion:reduce){.hero-bg-animation__grid,.hero-bg-animation__orb,.hero-bg-animation__ring,.hero-bg-animation__particle{animation:none}}