@import "https://api.fontshare.com/v2/css?f[]=general-sans@400,500,600,700&display=swap";@import "https://cdn.jsdelivr.net/npm/@fontsource/geist-sans@5.0.1/400.css";:root{--background:260 87% 3%;--foreground:40 6% 95%;--hero-sub:40 6% 82%}body{background-color:hsl(var(--background));color:hsl(var(--foreground));max-width:100vw;margin:0;font-family:Geist Sans,sans-serif;overflow-x:hidden}html{max-width:100vw;overflow-x:hidden}.font-general{font-family:General Sans,sans-serif}.liquid-glass{background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff03;border:none;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff1a}.liquid-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(#ffffff73 0%,#ffffff26 20%,#fff0 40% 60%,#ffffff26 80%,#ffffff73 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.text-foreground{color:hsl(var(--foreground))}.bg-background{background-color:hsl(var(--background))}.text-hero-sub{color:hsl(var(--hero-sub))}.marquee-container{white-space:nowrap;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-content{animation:20s linear infinite marquee;display:inline-flex}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-50%)}}.heroSecondary{color:hsl(var(--foreground));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #fff3;transition:all .2s}.heroSecondary:hover{background:#ffffff26;border-color:#ffffff4d}.reveal-on-scroll{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)}.card-swap-container{perspective:900px;justify-content:center;align-items:center;width:350px;height:400px;margin:0 auto;display:flex;position:relative;overflow:visible}.card-swap-card{transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;position:absolute;top:50%;left:50%}@media (width<=768px){.card-swap-container{transform:scale(.85)}}@media (width<=480px){.card-swap-container{transform:scale(.7)}}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:40px;--glow-padding:40px;--cone-spread:25;isolation:isolate;transform:translateZ(.01px)}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;pointer-events:none;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):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(#ffffff05 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:2;flex-direction:column;display:flex;position:relative}.animated-gradient-text{color:#0000;background-image:linear-gradient(90deg,#40ffaa,#4079ff,#40ffaa,#4079ff,#40ffaa);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;animation:3s ease-in-out infinite alternate gradientFlow}@keyframes gradientFlow{0%{background-position:0%}to{background-position:100%}}.icon-btns{flex-wrap:wrap;justify-content:center;gap:4em;margin:auto;padding:3em 0;display:flex;overflow:visible}@media (width>=768px){.icon-btns{gap:7em}}.icon-btn{perspective:24em;width:5.5em;height:5.5em;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;cursor:pointer;background-color:#0000;border:none;outline:none;position:relative}.icon-btn__back,.icon-btn__front,.icon-btn__label{transition:opacity .3s cubic-bezier(.83,0,.17,1),transform .3s cubic-bezier(.83,0,.17,1)}.icon-btn__back,.icon-btn__front{border-radius:1.25em;width:100%;height:100%;position:absolute;top:0;left:0}.icon-btn__back{transform-origin:100% 100%;will-change:transform;display:block;transform:rotate(15deg);box-shadow:.5em -.5em .75em #17181c26}.icon-btn__front{-webkit-backdrop-filter:blur(.75em);-moz-backdrop-filter:blur(.75em);transform-origin:80%;will-change:transform;background-color:#ffffff26;display:flex;box-shadow:inset 0 0 0 .1em #ffffff4d}.icon-btn__icon{border-radius:.75rem;justify-content:center;align-items:center;width:3.5em;height:3.5em;margin:auto;display:flex;overflow:hidden}.icon-btn__label{white-space:nowrap;text-align:center;opacity:0;color:#fff;font-size:1.1em;font-weight:700;line-height:2;position:absolute;top:100%;left:0;right:0;transform:translateY(0)}.icon-btn:focus-visible .icon-btn__back,.icon-btn:hover .icon-btn__back{transform:rotate(25deg)translate3d(-.5em,-.5em,.5em)}.icon-btn:focus-visible .icon-btn__front,.icon-btn:hover .icon-btn__front{transform:translateZ(2em)}.icon-btn:focus-visible .icon-btn__label,.icon-btn:hover .icon-btn__label{opacity:1;transform:translateY(20%)}.card-spotlight{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#a855f733;position:relative}.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;z-index:0;transition:opacity .5s;position:absolute;inset:0}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:1}.card-spotlight>*{z-index:10;position:relative}@media (width<=768px){.border-glow-card:before{opacity:1!important;background:linear-gradient(135deg,#ffffff0d,#0000) border-box!important;border:1px solid #a855f74d!important;-webkit-mask-image:none!important;mask-image:none!important}.border-glow-card:after{mix-blend-mode:normal!important;opacity:1!important;background:radial-gradient(circle at 100% 0,#a855f71a,#0000 70%) padding-box padding-box!important;-webkit-mask-image:none!important;mask-image:none!important}.border-glow-card>.edge-light{display:none!important}}
