:root{--shiny-cta-bg:#000;--shiny-cta-bg-subtle:#1a1818;--shiny-cta-fg:#fff;--shiny-cta-highlight:blue;--shiny-cta-highlight-subtle:#8484ff}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --gradient-angle-offset{syntax:"<angle>";inherits:false;initial-value:0deg}@property --gradient-percent{syntax:"<percentage>";inherits:false;initial-value:5%}@property --gradient-shine{syntax:"<color>";inherits:false;initial-value:#fff}.shiny-cta{--animation:gradient-angle linear infinite;--duration:3s;--shadow-size:2px;isolation:isolate;cursor:pointer;outline-offset:4px;color:var(--shiny-cta-fg);background:linear-gradient(var(--shiny-cta-bg),var(--shiny-cta-bg))padding-box,conic-gradient(from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent,var(--shiny-cta-highlight)var(--gradient-percent),var(--gradient-shine)calc(var(--gradient-percent)*2),var(--shiny-cta-highlight)calc(var(--gradient-percent)*3),transparent calc(var(--gradient-percent)*4))border-box;box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle);border:1px solid #0000;border-radius:360px;width:100%;padding:1.25rem 2.5rem;font-family:inherit;font-size:1.125rem;line-height:1.2;position:relative;overflow:hidden}.shiny-cta--starter{--shiny-cta-bg:#271c19;--shiny-cta-bg-subtle:#3e2e2a;--shiny-cta-highlight:#8d6e63;--shiny-cta-highlight-subtle:#d7ccc8}.shiny-cta--pro{--shiny-cta-bg:#0f172a;--shiny-cta-bg-subtle:#1e293b;--shiny-cta-highlight:#38bdf8;--shiny-cta-highlight-subtle:#bae6fd}.shiny-cta--ultra{--shiny-cta-bg:#261802;--shiny-cta-bg-subtle:#422006;--shiny-cta-highlight:#eab308;--shiny-cta-highlight-subtle:#facc15}.shiny-cta:before,.shiny-cta:after,.shiny-cta span:before{content:"";pointer-events:none;z-index:-1;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.shiny-cta:active{translate:0 1px}.shiny-cta:before{--size:calc(100% - var(--shadow-size)*3);--position:2px;--space:calc(var(--position)*2);width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position)var(--position),white calc(var(--position)/4),transparent 0)padding-box;background-size:var(--space)var(--space);-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);-webkit-mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);mask-image:conic-gradient(from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black);border-radius:inherit;opacity:.4;z-index:-1;background-repeat:space}.shiny-cta:after{--animation:shimmer linear infinite;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);opacity:.6;width:100%;-webkit-mask-image:radial-gradient(circle at bottom,#0000 40%,#000);mask-image:radial-gradient(circle at bottom,#0000 40%,#000)}.shiny-cta span{z-index:1}.shiny-cta span:before{--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);opacity:0}.shiny-cta{--transition:.8s cubic-bezier(.25,1,.5,1);transition:var(--transition);transition-property:--gradient-angle-offset,--gradient-percent,--gradient-shine}.shiny-cta,.shiny-cta:before,.shiny-cta:after{animation:var(--animation)var(--duration),var(--animation)calc(var(--duration)/.4)reverse paused;animation-composition:add}.shiny-cta span:before{transition:opacity var(--transition);-webkit-animation:calc(var(--duration)*1.5)breathe linear infinite;animation:calc(var(--duration)*1.5)breathe linear infinite}.shiny-cta:is(:hover,:focus-visible){--gradient-percent:20%;--gradient-angle-offset:95deg;--gradient-shine:var(--shiny-cta-highlight-subtle)}.shiny-cta:is(:hover,:focus-visible),.shiny-cta:is(:hover,:focus-visible):before,.shiny-cta:is(:hover,:focus-visible):after{animation-play-state:running}.shiny-cta:is(:hover,:focus-visible) span:before{opacity:1}@keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes shimmer{to{rotate:360deg}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}.shiny-cta{--anim-state:running}@media (min-width:768px){.shiny-cta{--anim-state:paused}.shiny-cta:hover,.shiny-cta:focus-visible{--anim-state:running}}.shiny-cta,.shiny-cta:before,.shiny-cta:after,.shiny-cta span:before{-webkit-animation-play-state:var(--anim-state)!important;animation-play-state:var(--anim-state)!important}
.galaxy-button{--transition:.25s;--spark:1.8s;--hue:0;width:100%;position:relative}.galaxy-button button{--cut:.1em;--active:.5;--glow:.05;--bg:radial-gradient(120% 120% at 126% 126%,hsl(var(--hue)0% 98%/calc(var(--active)*.9))40%,transparent 50%)calc(100px - (var(--active)*100px))0/100% 100% no-repeat,radial-gradient(120% 120% at 120% 120%,hsl(var(--hue)0% 70%/calc(var(--active)*1))30%,transparent 70%)calc(100px - (var(--active)*100px))0/100% 100% no-repeat,hsl(var(--hue)0% 4%);background:var(--bg);cursor:pointer;white-space:nowrap;box-shadow:0 0 calc(var(--glow)*3em)calc(var(--glow)*1em)hsl(var(--hue)0% 80%/.3),0 .05em 0 0 hsl(var(--hue)0% 60%)inset,0 -.05em 0 0 hsl(var(--hue)0% 10%)inset;transition:box-shadow var(--transition),scale var(--transition),background var(--transition);scale:calc(1 + (var(--active)*.02));transform-style:preserve-3d;perspective:100vmin;border:0;border-radius:.75rem;justify-content:center;align-items:center;gap:.25em;width:100%;height:56px;padding:.9em 1.3em;font-size:1rem;font-weight:600;display:flex;position:relative;overflow:hidden}.galaxy-button button:active{scale:.98}.galaxy-button button:is(:hover,:focus-visible,.force-active){--active:.8;--glow:.2}.galaxy-button button.force-active{scale:.98}.galaxy-button button:disabled{opacity:.7;cursor:not-allowed;--active:0!important}.galaxy-button .star{height:calc(var(--size)*1px);aspect-ratio:1;opacity:var(--alpha);transform:translate(-50%,-50%)rotate(10deg)rotate(0deg)translateY(calc(var(--distance)*1px));animation:orbit calc(var(--duration)*1s)calc(var(--delay)*-1s)infinite linear;background:#fff;border-radius:50%;position:absolute;top:50%;left:50%}@keyframes orbit{to{transform:translate(-50%,-50%)rotate(10deg)rotate(360deg)translateY(calc(var(--distance)*1px))}}.galaxy-button .galaxy{aspect-ratio:1;width:100%;opacity:var(--active);transition:opacity var(--transition);position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.galaxy-button .galaxy__ring{width:200%;height:200%;transform-style:preserve-3d;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-28%,-40%)rotateX(-24deg)rotateY(-30deg)rotateX(90deg)}.galaxy-button .galaxy__container{width:200%;height:200%;transform-style:preserve-3d;opacity:var(--active);transition:opacity var(--transition);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-28%,-40%)rotateX(-24deg)rotateY(-30deg)rotateX(90deg);-webkit-mask:radial-gradient(#fff,#0000);mask:radial-gradient(#fff,#0000)}.galaxy-button .star--static{transform:translate(-50%,-50%)rotate(10deg)rotate(0deg)translateY(calc(var(--distance)*1px));animation:none;animation:orbit calc(var(--duration)*1s)calc(var(--delay)*-1s)infinite linear;filter:brightness(4);opacity:.9;max-height:4px;top:50%;left:50%}.galaxy-button .spark{animation:flip calc(var(--spark)*2)infinite steps(2,end);border-radius:2rem;position:absolute;inset:0;overflow:hidden;rotate:none;-webkit-mask:linear-gradient(#fff,#0000 50%);mask:linear-gradient(#fff,#0000 50%)}@keyframes flip{to{rotate:360deg}}.galaxy-button .spark:before{content:"";aspect-ratio:1;z-index:-1;width:200%;translate:-50% -15%;rotate:0;opacity:calc((var(--active)) + .4);background:conic-gradient(from 0deg,transparent 0 340deg,white 360deg);transition:opacity var(--transition);animation:rotate var(--spark)linear infinite both;position:absolute;top:0%;left:50%;transform:rotate(-90deg)}.galaxy-button .spark:after{content:"";inset:var(--cut);border-radius:2rem;position:absolute}.galaxy-button .backdrop{inset:var(--cut);background:var(--bg);transition:background var(--transition);border-radius:2rem;position:absolute}@keyframes rotate{to{transform:rotate(90deg)}}.galaxy-button .text{letter-spacing:.01ch;color:hsl(0 0% calc(100% - (var(--active)*20%)));translate:2% -6%}
@property --rainbow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.rainbow-glow{cursor:default;z-index:1;background:0 0;border:none;border-radius:.5rem;outline:none;position:relative}.rainbow-glow:before{content:"";z-index:-1;opacity:.8;filter:blur(8px);background:linear-gradient(45deg,#9f7aea,#3b82f6,#9f7aea) 0 0/200%;border-radius:.6rem;width:calc(100% + 4px);height:calc(100% + 4px);animation:8s linear infinite rainbow-animate;position:absolute;top:-2px;left:-2px}.rainbow-glow:after{display:none}@keyframes rainbow-animate{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}