@property --ball-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.sticky-ball{cursor:pointer;-webkit-tap-highlight-color:transparent;isolation:isolate;background:#0d0d0d;border:1px solid #e6ff4d40;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;animation:2.6s ease-in-out infinite ball-glow-pulse;display:flex;position:relative}.sticky-ball:before{content:"";background:conic-gradient(from var(--ball-angle), transparent 0deg, #e6ff4d 55deg, #c8ff00 90deg, transparent 150deg, transparent 235deg, #e6ff4d 295deg, transparent 360deg);-webkit-mask-composite:xor;z-index:-1;border-radius:50%;padding:2px;animation:3s linear infinite ball-spin;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes ball-spin{to{--ball-angle:360deg}}@keyframes ball-glow-pulse{0%,to{box-shadow:0 0 14px 1px #e6ff4d47,0 8px 24px #00000080}50%{box-shadow:0 0 24px 3px #e6ff4d80,0 8px 24px #00000080}}@media (prefers-reduced-motion:reduce){.sticky-ball,.sticky-ball:before{animation:none!important}}
.ferrofluid-container{width:100%;height:100%;position:relative;overflow:hidden}
.animated-gradient-text{cursor:default;border-radius:1.25rem;flex-direction:row;justify-content:center;align-items:center;max-width:fit-content;margin:0 auto;font-weight:500;transition:box-shadow .5s ease-out;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.animated-gradient-text{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.animated-gradient-text.with-border{padding:.35rem .75rem}.gradient-overlay{border-radius:inherit;z-index:0;pointer-events:none;position:absolute;inset:0}.gradient-overlay:before{content:"";border-radius:inherit;z-index:-1;background-color:#0d0d0d;width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gradient-x{0%{background-position:0%}to{background-position:300%}}@keyframes gradient-y{0%{background-position:50% 0}to{background-position:50% 300%}}@keyframes gradient-xy{0%{background-position:0 0}to{background-position:300% 300%}}.text-content{z-index:2;color:#0000;-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative}
@property --cursor-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@property --edge-proximity{syntax:"<number>";inherits:true;initial-value:0}@keyframes border-glow-rotate{0%{--cursor-angle:0deg}to{--cursor-angle:360deg}}@keyframes border-glow-pulse{0%,to{--edge-proximity:72}50%{--edge-proximity:100}}@media (hover:none){.border-glow-card{animation:4s linear infinite border-glow-rotate,3s ease-in-out infinite border-glow-pulse}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{transition:none!important}}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:28px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#120f17);border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px);box-shadow:0 1px 2px #0000000a,0 2px 6px #0000000a,0 6px 16px #0000000d}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}@media (hover:hover){.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,#120f17) 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%));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%);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);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,#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:1;flex-direction:column;display:flex;position:relative;overflow:auto}
.carousel-container{width:100%;padding:24px 0 8px;position:relative;overflow:hidden}.carousel-track{will-change:transform;touch-action:pan-y;display:flex}.carousel-item{cursor:grab;background:0 0;border:none;flex-direction:column;flex-shrink:0;display:flex;position:relative}.carousel-item:active{cursor:grabbing}.carousel-item:not(.is-active) .border-glow-card{animation:none!important}.carousel-item>*{flex:1;width:100%}.carousel-indicators-container{justify-content:center;width:100%;margin-top:18px;display:flex}.carousel-indicators{gap:10px;display:flex}.carousel-indicator{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background-color .15s}.carousel-indicator.active{background-color:#e6ff4d;box-shadow:0 0 8px #e6ff4d99}.carousel-indicator.inactive{background-color:#0000002e}.carousel-indicator:focus-visible{outline-offset:2px;outline:2px solid #0d0d0d}
@property --mouse-x{syntax:"<percentage>";inherits:false;initial-value:50%}@property --mouse-y{syntax:"<percentage>";inherits:false;initial-value:50%}@keyframes spotlight-float{0%{--mouse-x:20%;--mouse-y:20%}25%{--mouse-x:80%;--mouse-y:25%}50%{--mouse-x:75%;--mouse-y:80%}75%{--mouse-x:25%;--mouse-y:75%}to{--mouse-x:20%;--mouse-y:20%}}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#ffffff0d;background-color:#111;border:1px solid #222;border-radius:1.5rem;padding:2rem;position:relative;overflow:hidden}.card-spotlight:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.6}@media (hover:none){.card-spotlight:before{opacity:.45;transition:none;animation:7s ease-in-out infinite spotlight-float}}