.cta-background{--c:7px;background-color:#000;background-image:radial-gradient(circle at 50% 50%, #0000 1.5px, #000 0 var(--c), #0000 var(--c)), radial-gradient(circle at 50% 50%, #0000 1.5px, #000 0 var(--c), #0000 var(--c)), radial-gradient(circle at 50% 50%, var(--color-primary), #f000 60%), radial-gradient(circle at 50% 50%, var(--color-primary), #ff00 60%), radial-gradient(circle at 50% 50%, var(--color-primary), #0f00 60%), radial-gradient(ellipse at 50% 50%, var(--color-primary), #00f0 60%);--p:0px 0px, 6px 10.3923px;background-size:12px 20.7846px,12px 20.7846px,200% 200%,200% 200%,200% 200%,200% 20.7846px;background-position:var(--p), 0% 0%, 0% 0%, 0% 0px;animation:40s linear infinite cta-drift}@media (prefers-reduced-motion:reduce){.cta-background{animation:none}}.cta-background:after{content:"";background-image:radial-gradient(circle,#000 0%,#0000 100%);position:absolute;inset:0}@keyframes cta-drift{0%{background-position:var(--p), 800% 400%, 1000% -400%, -1200% -600%, 400% 41.5692px}to{background-position:var(--p), 0% 0%, 0% 0%, 0% 0%, 0% 0%}}.animated-gradient-text{background-image:linear-gradient(to right, var(--color-chart-1), var(--color-chart-2), var(--color-chart-3), var(--color-chart-1));background-size:200%;animation:3s linear infinite background-pan}@media (prefers-reduced-motion:reduce){.animated-gradient-text{animation:none}}@keyframes background-pan{0%{background-position:0%}to{background-position:-200%}}.wordmark-glow{color:#0000;-webkit-text-stroke:1.5px var(--color-muted);transition:-webkit-text-stroke-color .5s,filter .5s}.wordmark-glow:hover{-webkit-text-stroke-color:transparent;background-image:linear-gradient(to right, var(--color-chart-1), var(--color-chart-2), var(--color-chart-3), var(--color-chart-1));filter:drop-shadow(0 0 45px var(--color-primary));background-size:200%;-webkit-background-clip:text;background-clip:text;animation:3s linear infinite background-pan}
