.specular-button{--sb-radius:9999px;--sb-tint:#18181b;--sb-tint-opacity:1;--sb-blur:0px;--sb-text-color:#fff;--sb-glow-color:#14b8a673;box-sizing:border-box;letter-spacing:.01em;max-width:100%;color:var(--sb-text-color);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), transparent);border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(var(--sb-blur));box-shadow:none;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:600;line-height:1;text-decoration:none;transition:background-color .3s,border-color .3s,color .3s;display:inline-flex;position:relative;overflow:hidden}.specular-button:hover{box-shadow:none;transform:none}.specular-button:active{transform:scale(.98)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--sb-text-color) 60%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button:disabled:active{transform:none}.specular-button--sm{padding:11px 22px;font-size:.875rem}.specular-button--md{padding:14px 28px;font-size:.9375rem}.specular-button--lg{padding:17px 36px;font-size:1.0625rem}.specular-button__fx{pointer-events:none;z-index:1;position:absolute;inset:-20px}.specular-button__fx canvas{width:100%;height:100%;display:block}.specular-button__glow{border-radius:var(--sb-radius);background:radial-gradient(circle 75px at var(--glow-x,50%) var(--glow-y,50%), var(--sb-glow-color) 0%, transparent 100%);opacity:0;pointer-events:none;z-index:2;transition:opacity .3s;position:absolute;inset:0}.specular-button:hover .specular-button__glow{opacity:1}.specular-button__label{z-index:3;align-items:center;gap:8px;display:inline-flex;position:relative}
.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:24px;--glow-padding:30px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#fff);border:1px solid #e2e8f0cc;transition:border-color .3s,box-shadow .3s;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0f172a08,0 4px 12px #0f172a0a}.border-glow-card:before,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#fff) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #20c59f 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #2bd4bd 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #6d6d78 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #24dbb0 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #56dcca 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #4cffe1 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #53535a 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#14b8a6 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color,#3ebaf4), inset 0 0 1px 0 var(--glow-color-60,#3ebaf499), inset 0 0 3px 0 var(--glow-color-50,#3ebaf480), inset 0 0 6px 0 var(--glow-color-40,#3ebaf466), inset 0 0 15px 0 var(--glow-color-30,#3ebaf44d), inset 0 0 25px 2px var(--glow-color-20,#3ebaf433), inset 0 0 50px 2px var(--glow-color-10,#3ebaf41a), 0 0 1px 0 var(--glow-color-60,#3ebaf499), 0 0 3px 0 var(--glow-color-50,#3ebaf480), 0 0 6px 0 var(--glow-color-40,#3ebaf466), 0 0 15px 0 var(--glow-color-30,#3ebaf44d), 0 0 25px 2px var(--glow-color-20,#3ebaf433), 0 0 50px 2px var(--glow-color-10,#3ebaf41a);position:absolute}.border-glow-inner{z-index:1;border-radius:inherit;flex-direction:column;display:flex;position:relative;overflow:hidden}
.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#38bdf80f;background-color:#fff;border:1px solid #e2e8f0e6;border-radius:1.5rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 75%);opacity:0;pointer-events:none;z-index:1;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}