@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:white;inherits:false}.shiny-cta{--shiny-cta-bg:#3b82f6;--shiny-cta-bg-subtle:#2563eb;--shiny-cta-fg:#ffffff;--shiny-cta-highlight:#60a5fa;--shiny-cta-highlight-subtle:#bfdbfe;--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(191,219,254,.6),0 4px 12px -2px rgba(59,130,246,.25);transition:var(--transition);transition-property:background,border-color,box-shadow}.shiny-cta.secondary{--shiny-cta-bg:#e5e7eb;--shiny-cta-bg-subtle:#d1d5db;--shiny-cta-fg:#001523;--shiny-cta-highlight:#bfdbfe;--shiny-cta-highlight-subtle:#dbeafe;border-color:#9ca3af}.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),rgba(255,255,255,.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;mask-image:radial-gradient(circle 80px at var(--mouse-x,50%) var(--mouse-y,50%),black 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);mask-image:radial-gradient(circle at bottom,transparent 40%,black);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(191,219,254,.35),0 4px 16px -2px rgba(59,130,246,.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:#e5e7eb;border-color:#9ca3af;box-shadow:inset 0 0 0 1px #9ca3af,inset 0 -30px 40px -20px rgba(191,219,254,.4)}.shiny-cta.secondary:is(:hover,:focus-visible):before{opacity:.6}.shiny-cta.secondary:before{background:radial-gradient(circle at var(--dot-space) var(--dot-space),rgba(0,0,0,.3) 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}}