@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@property --gradient-angle-offset{syntax:"<angle>";initial-value:0deg;inherits:false}@property --gradient-percent{syntax:"<percentage>";initial-value:5%;inherits:false}@property --gradient-shine{syntax:"<color>";initial-value:#fff;inherits:false}.shiny-cta{--shiny-cta-bg:#00b4d8;--shiny-cta-bg-subtle:#0090ae;--shiny-cta-fg:#fff;--shiny-cta-highlight:#67e8f9;--shiny-cta-highlight-subtle:#a5f3fc;--animation:gradient-angle linear infinite;--duration:3s;--shadow-size:2px;--transition:800ms cubic-bezier(0.25,1,0.5,1);isolation:isolate;position:relative;overflow:hidden;cursor:pointer;outline-offset:4px;padding:.75rem 1.5rem;font-family:Outfit,Inter,sans-serif;font-size:.9375rem;line-height:1.2;font-weight:500;border:.5px solid var(--shiny-cta-bg);border-radius:16px;color:var(--shiny-cta-fg);background:var(--shiny-cta-bg);box-shadow:inset 0 0 0 1px var(--shiny-cta-bg),inset 0 -3px 8px 0 rgba(167,243,252,.6),0 4px 12px -2px rgba(0,180,216,.25);transition:var(--transition);transition-property:background,border-color,box-shadow}.shiny-cta.secondary{--shiny-cta-bg:#1a1a2e;--shiny-cta-bg-subtle:#2a2a4a;--shiny-cta-fg:#fff;--shiny-cta-highlight:#00b4d8;--shiny-cta-highlight-subtle:#67e8f9;border-color:#2a2a4a;box-shadow:inset 0 0 0 1px #2a2a4a,inset 0 -3px 8px 0 rgba(0,180,216,.1),0 4px 12px -2px rgba(0,0,0,.3)}.shiny-cta:disabled{opacity:.5;cursor:not-allowed}.shiny-cta span:before,.shiny-cta:after,.shiny-cta:before{content:"";pointer-events:none;position:absolute;inset-inline-start:50%;inset-block-start:50%;translate:-50% -50%;z-index:-1}.shiny-cta:active{translate:0 1px}.shiny-cta:before{width:100%;height:100%;--dot-size:1.5px;--dot-space:8px;background:radial-gradient(circle at var(--dot-space) var(--dot-space),hsla(0,0%,100%,.8) var(--dot-size),transparent var(--dot-size));background-size:var(--dot-space) var(--dot-space);background-position:0 0;border-radius:inherit;opacity:0;z-index:2;pointer-events:none;-webkit-mask-image:radial-gradient(circle 80px at var(--mouse-x,50%) var(--mouse-y,50%),#000 0,transparent 100%);mask-image:radial-gradient(circle 80px at var(--mouse-x,50%) var(--mouse-y,50%),#000 0,transparent 100%);transition:opacity .3s ease}.shiny-cta:after{width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,var(--shiny-cta-highlight),transparent);-webkit-mask-image:radial-gradient(circle at bottom,transparent 40%,#000);mask-image:radial-gradient(circle at bottom,transparent 40%,#000);opacity:0;transition:opacity var(--transition);animation:none}.shiny-cta span{z-index:1;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.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;transition:opacity var(--transition);animation:calc(var(--duration) * 1.5) breathe linear infinite}.shiny-cta:is(:hover,:focus-visible){background:var(--shiny-cta-bg);border-color:var(--shiny-cta-bg);box-shadow:inset 0 0 0 1px var(--shiny-cta-bg),inset 0 -30px 40px -20px rgba(103,232,249,.35),0 4px 16px -2px rgba(0,180,216,.35)}.shiny-cta:is(:hover,:focus-visible):before{opacity:1}.shiny-cta:is(:hover,:focus-visible):after{opacity:0}.shiny-cta:is(:hover,:focus-visible) span:before{opacity:1}.shiny-cta:disabled:is(:hover,:focus-visible){background:var(--shiny-cta-bg);border-color:var(--shiny-cta-bg-subtle);box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle)}.shiny-cta:disabled:is(:hover,:focus-visible):after,.shiny-cta:disabled:is(:hover,:focus-visible):before{opacity:0;animation:none}.shiny-cta.secondary:is(:hover,:focus-visible){background:#1a1a2e;border-color:#00b4d8;box-shadow:inset 0 0 0 1px #00b4d8,inset 0 -30px 40px -20px rgba(0,180,216,.15)}.shiny-cta.secondary:is(:hover,:focus-visible):before{opacity:.4}.shiny-cta.secondary:before{background:radial-gradient(circle at var(--dot-space) var(--dot-space),rgba(0,180,216,.4) var(--dot-size),transparent var(--dot-size));background-size:var(--dot-space) var(--dot-space)}@keyframes gradient-angle{to{--gradient-angle:360deg}}@keyframes shimmer{to{rotate:1turn}}@keyframes breathe{0%,to{scale:1}50%{scale:1.2}}