.specular-button{--sb-radius:14px;--sb-tint:#fff;--sb-tint-opacity:0;--sb-blur:0px;--sb-text-color:#f8fafc;--mouse-x:50%;--mouse-y:50%;--mouse-opacity:0;--line-color:#818cf8;--base-color:#0f172abf;letter-spacing:.02em;color:var(--sb-text-color,#f8fafc);background:color-mix(in srgb, var(--sb-tint) calc(var(--sb-tint-opacity) * 100%), var(--base-color));border-radius:var(--sb-radius);-webkit-backdrop-filter:blur(12px);cursor:pointer;border:1px solid #ffffff1f;outline:none;justify-content:center;align-items:center;margin:0;font-family:inherit;font-weight:600;line-height:1;transition:transform .2s cubic-bezier(.16,1,.3,1),background .25s,border-color .25s,box-shadow .25s,color .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff26,0 4px 20px #00000059}.specular-button:hover{border-color:color-mix(in srgb, var(--line-color,#818cf8) 70%, transparent);box-shadow:inset 0 1px 1px #ffffff40, 0 8px 30px color-mix(in srgb, var(--line-color,#818cf8) 25%, transparent);transform:translateY(-1.5px)}.specular-button:active{transform:scale(.97)translateY(0)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb, var(--line-color,#818cf8) 80%, transparent);outline-offset:3px}.specular-button:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.specular-button__shine{border-radius:inherit;pointer-events:none;background:radial-gradient(130px circle at var(--mouse-x) var(--mouse-y), color-mix(in srgb, var(--line-color,#fff) 30%, transparent), transparent 70%);opacity:var(--mouse-opacity,0);z-index:1;transition:opacity .25s;position:absolute;inset:-1px}.specular-button:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .75s;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.specular-button:hover:after{left:150%}.specular-button__label{z-index:2;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.specular-button--sm{height:36px;padding:0 16px;font-size:.8rem}.specular-button--md{height:46px;padding:0 24px;font-size:.9rem}.specular-button--lg{height:52px;padding:0 28px;font-size:.95rem}.specular-button--hero-primary{min-width:155px;height:48px;padding:0 22px;font-size:13px}@media (min-width:640px){.specular-button--hero-primary{min-width:165px;height:50px;padding:0 24px;font-size:13.5px}}.specular-button--hero-secondary{min-width:135px;height:48px;padding:0 20px;font-size:13px}@media (min-width:640px){.specular-button--hero-secondary{min-width:145px;height:50px;padding:0 22px;font-size:13.5px}}html.light .specular-button{--base-color:#f1f5f9e6;--sb-text-color:#0f172a;border-color:#cbd5e1cc;box-shadow:inset 0 1px 1px #ffffffe6,0 4px 14px #0000000f}html.light .specular-button--hero-primary{--sb-tint:#4f46e5;--sb-tint-opacity:.95;--base-color:#4338ca;--sb-text-color:#fff;border-color:#6366f166;box-shadow:inset 0 1px 1px #fff6,0 8px 24px #4f46e54d}html.light .specular-button:hover{border-color:#94a3b8e6;box-shadow:inset 0 1px 1px #fff,0 8px 24px #0000001a}
.shiny-text{display:inline-block}
.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:42px;--cone-spread:25;--card-padding:40px;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#0e111c8c);-webkit-backdrop-filter:blur(24px)saturate(180%);width:100%;padding:var(--card-padding);box-sizing:border-box;border:1px solid #ffffff1f;flex-direction:column;transition:border-color .35s,box-shadow .35s;display:flex;position:relative;box-shadow:0 30px 60px -15px #000000bf,inset 0 1px #ffffff26,inset 0 0 24px #ffffff05}@media (min-width:640px){.border-glow-card{--card-padding:52px}}@media (min-width:1024px){.border-glow-card{--card-padding:56px}}.border-glow-card--light{border-color:rgba(24, 24 27, .12);box-shadow:rgba(24, 24 27, .04) 0 1px 2px, rgba(24, 24 27, .05) 0 8px 24px}.border-glow-card--light:after,.border-glow-card--light>.edge-light{mix-blend-mode:normal}.border-glow-card:before,.border-glow-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;transition:opacity .25s ease-out;position:absolute;inset:-1px}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.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,#0e111c8c) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) border-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) border-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) border-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) border-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) border-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) border-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) border-box, var(--gradient-base,linear-gradient(#c299ff 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%));-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%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one,radial-gradient(at 80% 55%, #be85ff 0px, transparent 50%)) padding-box, var(--gradient-two,radial-gradient(at 69% 34%, #ff7a93 0px, transparent 50%)) padding-box, var(--gradient-three,radial-gradient(at 8% 6%, #8fffad 0px, transparent 50%)) padding-box, var(--gradient-four,radial-gradient(at 41% 38%, #47daff 0px, transparent 50%)) padding-box, var(--gradient-five,radial-gradient(at 86% 85%, #7af2ff 0px, transparent 50%)) padding-box, var(--gradient-six,radial-gradient(at 82% 18%, #ffe74c 0px, transparent 50%)) padding-box, var(--gradient-seven,radial-gradient(at 51% 4%, #ff8d70 0px, transparent 50%)) padding-box, var(--gradient-base,linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);border-radius:calc(var(--border-radius) + var(--glow-padding));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%);-webkit-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;position:absolute}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px var(--glow-color,#f5daa3), inset 0 0 1px 0 var(--glow-color-60,#f5daa399), inset 0 0 3px 0 var(--glow-color-50,#f5daa380), inset 0 0 6px 0 var(--glow-color-40,#f5daa366), inset 0 0 15px 0 var(--glow-color-30,#f5daa34d), inset 0 0 25px 2px var(--glow-color-20,#f5daa333), inset 0 0 50px 2px var(--glow-color-10,#f5daa31a), 0 0 1px 0 var(--glow-color-60,#f5daa399), 0 0 3px 0 var(--glow-color-50,#f5daa380), 0 0 6px 0 var(--glow-color-40,#f5daa366), 0 0 15px 0 var(--glow-color-30,#f5daa34d), 0 0 25px 2px var(--glow-color-20,#f5daa333), 0 0 50px 2px var(--glow-color-10,#f5daa31a);position:absolute}.border-glow-inner{z-index:2;flex-direction:column;flex:auto;width:100%;display:flex;position:relative}