:root{--bg1: #0a0a0a;--bg2: #151515;--bg3: #171717;--bg4: #202020;--bg5: #252525;--bg6: #323232;--bg7: #404040;--bg8: #484848;--bg9: #545454;--text1: #EEEEEE;--text2: #a8a5a8;--accent1: #F65DFF;--accent2: #702774;--accent3: #4a1c4d;--red: #ef3232}*,*:before,*:after{box-sizing:border-box}::selection{background-color:rgb(from var(--accent1) r g b / .85);color:#fff}body{margin:0;background-color:var(--bg1);color:var(--text1);font-family:Lexend,system-ui,sans-serif;overflow-x:hidden;justify-content:center}.Container{display:flex;flex-direction:column;width:100dvw;align-items:center;justify-content:center;min-height:100vh;max-width:1500px;justify-content:space-between}.Hero{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:85%;max-width:1400px;margin:clamp(6em,18vh,14em) auto}.Features{display:flex;flex-direction:column;align-items:center;position:relative;width:85%;max-width:1400px;margin-bottom:clamp(5em,15vh,12em);margin-left:auto;margin-right:auto}.InDev{display:flex;flex-direction:column;align-items:center;position:relative;width:100%;max-width:1400px;margin-top:15em;margin-bottom:clamp(13em,18vh,18em);margin-left:auto;margin-right:auto}.InDevSPLogo{width:8em;margin-bottom:2em}.HeroVContent,.FeatureVContent{display:flex;flex-direction:column;text-align:left;max-width:1500px;align-items:baseline;justify-content:center}.HeroAnimation{position:relative;width:clamp(24em,35vw + 15em,35em);aspect-ratio:1 / 1;background-color:#682b68;border-radius:5em;z-index:1;transform:translateZ(0)}.HeroAnimation:before{content:"";position:absolute;inset:0;z-index:-2;background-color:var(--accent1);border-radius:inherit;box-shadow:0 0 350px var(--accent1);filter:blur(250px);opacity:.6}.Header1{font-weight:700;font-size:clamp(2.5rem,5vw + 1rem,5rem);margin:0;line-height:.9;color:var(--text1);white-space:nowrap;font-family:Lexend,system-ui,sans-serif}.Header2{font-weight:700;font-size:clamp(2.5rem,4.85vw + 1rem,4.5rem);margin:0;line-height:.9;color:var(--text1);white-space:nowrap;text-align:center;font-family:Lexend,system-ui,sans-serif}.Subline{font-weight:400;font-size:clamp(.9rem,1vw + .55rem,1.2rem);margin:1em 0 0;line-height:1.1;color:var(--text2);max-width:100%;font-family:Lexend,system-ui,sans-serif}.BrandingWrapper{display:flex;flex-direction:row;align-items:center;gap:5px}.BrandingName{font-weight:500;margin:0;font-size:clamp(1rem,1vw + .75rem,1.5rem);align-items:center}.BrandingLogo{width:clamp(1rem,1vw + 1rem,4rem)}.Gradient{background-image:linear-gradient(to right,var(--accent1),#feb47b,#ff7e5f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent1)}.Gradient1{background-image:linear-gradient(to right,var(--accent1),#ee09a2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent1)}.Gradient2{background-image:linear-gradient(to right,#ffb276,#ff704d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--accent1)}.ButtonPromient{display:flex;background-color:var(--accent1);border-radius:900px;color:var(--text1);font-weight:500;font-size:clamp(.75rem,2vw + .75rem,1.2rem);align-self:baseline;padding:clamp(.25rem,1vw + .1rem,.8rem) clamp(.75rem,1vw + 1.5rem,3rem);border:none;box-shadow:0 0 rgb(from var(--accent1) r g b / 0);transition:all .5s cubic-bezier(.25,0,0,1);margin:0;text-decoration:none;cursor:pointer;font-family:Lexend,system-ui,sans-serif}.ButtonPromient:hover{background-color:var(--accent1);transform:scale(1.045);box-shadow:0 0 50px rgb(from var(--accent1) r g b / .15);color:var(--text1);border:none}.ButtonPromient:active{background-color:var(--accent1);transform:scale(.95);box-shadow:0 0 25px rgb(from var(--accent1) r g b / .25);color:var(--text1);border:none}.HeroButton{box-shadow:0 0 25px rgb(from var(--accent1) r g b / .15);margin:2.5rem 0}.HeroButton:hover{box-shadow:0 0 50px rgb(from var(--accent1) r g b / .65)}.HeroButton:active{box-shadow:0 0 25px rgb(from var(--accent1) r g b / .75)}.ButtonTextTransition{transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.FeaturesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:50px;max-width:1400px}.FeatureCard{display:flex;flex-direction:column;background-color:var(--bg2);padding:2em;border-radius:25px;gap:10px;border-style:inset;border:2px solid transparent;transition:all .5s cubic-bezier(.25,0,0,1);cursor:pointer}.FeatureCard:hover{background-color:rgb(from var(--accent1) r g b / .1);transform:scale(1.05);border-style:inset;border:2px solid rgb(from var(--accent2) r g b / .25)}.FeatureHeader{font-weight:700;font-size:clamp(1.25rem,1vw + .5rem,1.5rem);margin:0;line-height:.9;color:var(--text1);white-space:nowrap}.FeatureHeaderIcon{color:var(--accent1);margin:0;padding:0}.FHWrapper{display:flex;flex-direction:row;white-space:nowrap;align-items:center;justify-content:baseline;gap:.5em}.FeatureBody{font-weight:300;font-size:clamp(1rem,.9vw + .9em,1.25rem);margin:0;line-height:1.25;color:var(--text1)}.FloatingIconsContainer{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:visible}.FloatIcon{position:absolute;color:var(--accent1);opacity:.8;transition:all 1s cubic-bezier(.34,1.56,.64,1);animation:float 5s ease-in-out infinite}.FloatIcon>svg{transition:transform .6s cubic-bezier(.34,1.56,.64,1.25) .1s,filter 1s cubic-bezier(.34,1.56,.64,1)}.IconMatchesHovered{opacity:1}.IconMatchesHovered>svg{transform:scale(1.25);filter:drop-shadow(0 0 10px var(--accent1)) drop-shadow(0 0 25px var(--accent1)) drop-shadow(0 0 75px var(--accent1))}.IconDoesntMatchHovered>svg{transform:scale(.65)}.FloatIcon-0{top:30%;left:22%;animation-delay:0s}.FloatIcon-1{top:18%;right:20%;animation-delay:2s}.FloatIcon-2{top:16%;left:-5%;animation-delay:4s}.FloatIcon-3{top:35%;right:-5%;animation-delay:6s}.FloatIcon-4{bottom:-7%;left:-5%;animation-delay:8s}.FloatIcon-5{bottom:-8%;right:5%;animation-delay:10s}@keyframes float{0%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}to{transform:translateY(0) rotate(-5deg)}}@media(max-width:1300px){.FeaturesGrid{grid-template-columns:repeat(2,1fr)}.FloatIcon-0{top:20%;left:18%;animation-delay:0s}.FloatIcon-1{top:10%;right:10%;animation-delay:2s}.FloatIcon-2{top:50%;left:-5%;animation-delay:4s}.FloatIcon-3{top:50%;right:-5%;animation-delay:6s}.FloatIcon-4{bottom:-2%;left:-6%;animation-delay:8s}.FloatIcon-5{bottom:-8%;right:5%;animation-delay:10s}}@media(max-width:1425px){.Hero{flex-direction:column;margin:12em auto 8em;width:95%}.HeroVContent,.FeatureVContent{align-items:center;text-align:center;width:100%}.ButtonPromient{align-self:center;margin:2.5rem 0 5rem;padding:clamp(.5rem,1vw + .3rem,.7rem) clamp(2rem,2vw + 4rem,10rem)}}@media(max-width:1100px){.FloatIcon-0{top:12%;left:12%;animation-delay:0s}.FloatIcon-1{top:10%;right:10%;animation-delay:2s}.FloatIcon-2{top:45%;left:-5%;animation-delay:4s}.FloatIcon-3{top:50%;right:-5%;animation-delay:6s}.FloatIcon-4{bottom:-8%;left:-5%;animation-delay:8s}.FloatIcon-5{bottom:-10%;right:5%;animation-delay:10s}}@media(max-width:768px){.Hero{flex-direction:column;margin:clamp(6em,10vh,8em) auto 2em auto;width:95%}.Features{width:100%;margin-bottom:4em}.ButtonPromient{align-self:center;margin:1.5rem 0 2rem;padding:clamp(.5rem,1vw + .3rem,.7rem) clamp(1rem,2vw + 3rem,8rem)}.HeroVContent,.FeatureVContent{align-items:center;text-align:center;width:100%}.FeaturesGrid{grid-template-columns:1fr;width:100%;gap:15px;margin-top:30px;justify-items:center}.FeatureCard{width:92%;padding:1.5em}.FeatureCard:hover .FeatureHeaderIcon,.IconMatchesHovered+.FHWrapper .FeatureHeaderIcon{color:var(--accent1);filter:drop-shadow(0 0 10px var(--accent1)) drop-shadow(0 0 15px var(--accent1));margin:0;padding:0;transition:1s cubic-bezier(.34,1.56,.64,1)}.Header1,.Header2{text-align:center;white-space:normal}.Subline{text-align:center;margin:.5em 0;max-width:75%}.HeroAnimation{width:80vw;max-width:350px;margin-bottom:2em;border-radius:3em}.HeroAnimation:before{content:"";position:absolute;inset:0;z-index:-2;background-color:var(--accent1);border-radius:inherit;box-shadow:0 0 450px var(--accent1);filter:blur(75px);opacity:.6}.FloatingIconsContainer{display:flex;flex-direction:row;width:100%;transform:scale(.4);position:static;justify-content:center;gap:45px;margin:3em 0}.FloatIcon{position:static;color:var(--accent1);opacity:1;transition:none;animation:none}.IconMatchesHovered>svg{transform:scale(1.25);filter:drop-shadow(0 0 10px var(--accent1)) drop-shadow(0 0 25px var(--accent1))}.InDevSPLogo{width:4em;margin-bottom:.5em}}.AuthPageWrapper{position:relative;overflow-x:hidden;overflow-y:hidden;min-height:100vh;max-height:100vh;width:100dvw;background-color:var(--bg1)}.AuthContainer{display:flex;flex-direction:row;width:100%;min-height:100vh;max-width:1600px;margin:0 auto;padding:50px;box-sizing:border-box;gap:5vw;align-items:center;justify-content:space-evenly}.ReqAuth{width:75%}.SubAuth{max-width:85%}.Button{display:flex;background-color:var(--accent1);border-radius:900px;color:var(--text1);font-weight:500;font-size:clamp(.75rem,2vw + .75rem,1.2rem);align-self:baseline;padding:clamp(.5rem,1vw + .4rem,.8rem) clamp(.85rem,1vw + 1.5rem,3rem);border:none;box-shadow:0 0 rgb(from var(--accent1) r g b / 0);transition:all .5s cubic-bezier(.25,0,0,1);margin:0;text-decoration:none;cursor:pointer;font-family:Lexend,system-ui,sans-serif}.Button:hover{background-color:var(--accent1);transform:scale(1.045);box-shadow:0 0 50px rgb(from var(--accent1) r g b / .15);color:var(--text1);border:none}.Button:active{background-color:var(--accent1);transform:scale(.95);box-shadow:0 0 25px rgb(from var(--accent1) r g b / .25);color:var(--text1);border:none}.LeftSection{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:50%;gap:clamp(1rem,.5vw,.2em)}.RightSection{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:400px}.HeaderSection{display:flex;flex-direction:column;justify-content:center;background-color:var(--bg3);border:3px solid var(--bg6);border-radius:3rem;padding:clamp(.25rem,4vw,1rem);width:100%;box-sizing:border-box}.HeaderPadding{padding:clamp(.5em,2vw,1.5em)}.RadiatingCircle{display:flex;flex-direction:column;width:clamp(200px,30vw,400px);height:clamp(200px,30vw,400px);aspect-ratio:1 / 1;background-color:var(--accent1);border-radius:50%;transition:width .3s ease;animation:RadiatingCircleTransition 3s cubic-bezier(0,1,.5,1) forwards,RadiatingCircle 4s cubic-bezier(.25,0,.5,1) 4s infinite;filter:drop-shadow(0 0 25px var(--accent1)) drop-shadow(0 0 100px var(--accent1));align-items:center;justify-content:center}.DynamicIcon{width:clamp(125px,20vw,250px);height:clamp(125px,20vw,250px);aspect-ratio:1 / 1;color:var(--text1);transition:width .3s ease;animation:RadiatingCircleTransition 3s cubic-bezier(0,1,.5,1) forwards,}@keyframes RadiatingCircle{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}@keyframes RadiatingCircleTransition{0%{transform:scale(0)}to{transform:scale(.9)}}.SpacerVertical{display:flex;flex-direction:column;flex-grow:1}.ActionSection{display:flex;width:100%;justify-items:center;align-items:center;justify-self:center;justify-content:center}input{display:flex;background-color:var(--bg6);border-radius:900px;color:var(--text1);font-weight:400;font-size:clamp(.8rem,2vw + .9rem,1rem);padding:.8em 1.5em;width:100%;transition:all .5s cubic-bezier(0,.25,.25,1);font-family:Lexend,system-ui,sans-serif;outline:none;margin-bottom:-1em;border:2px solid transparent}input:hover{border:2px solid rgb(from var(--accent1) r g b / .25)}input:focus,input:valid{border:2px solid var(--accent1)}.NameEntry{display:flex;margin-bottom:1em}.EntryLableLine{position:absolute;margin:.7em .7em .7em 1.5em;pointer-events:none;opacity:.35;transition:all .25s cubic-bezier(0,.25,.25,1)}input:focus+.EntryLableLine,input:valid+.EntryLableLine{opacity:1;transform:translate(-10px,-24px) scale(.85);color:var(--accent1);padding:0 4px;background:linear-gradient(to bottom,var(--bg3) 50%,var(--bg6) 50%)}input:valid:not(:focus)+.EntryLableLine{opacity:1;transform:translate(-10px,-24px) scale(.85);color:var(--text2);padding:0 4px;background:linear-gradient(to bottom,var(--bg3) 50%,var(--bg6) 50%)}input:valid:not(:focus){border:2px solid var(--bg9)}.ErrorMsg{display:flex;font-weight:500;font-size:clamp(.25rem,1vw + .65rem,1.2rem);padding:.5em 3em;border-radius:500px;background-color:rgb(from var(--red) r g b / .25);margin:0;transition:all .25s cubic-bezier(.165,.84,.44,1)}.ErrorHidden{display:flex;opacity:0;transform:scale(.5)}.ErrorWrapper{display:flex;width:100%;justify-items:center;margin-top:-3em;justify-content:center}@media(max-width:1330px){.HeaderPadding{padding:1.25em}.HeaderSection{min-width:450px}.AuthContainer{gap:0}.LeftSection{max-width:60%}.SubAuth{max-width:95%}.HeadAuth{margin-bottom:1rem}.ErrorWrapper{margin-bottom:-.5em;justify-content:center}}@media(max-width:900px){.AuthContainer{flex-direction:column-reverse;justify-content:center;padding:0;height:100dvh;max-height:100dvh;transform:translateY(-5em)}.ReqAuth{width:auto;flex:1}.RightSection{flex:none;height:auto;width:100%;min-height:300px;margin:8em 0 -3em}.LeftSection{flex:none;height:auto;width:clamp(40em,5vw,20em);max-width:100%;gap:0;padding:0 1em}.HeaderSection{width:100%;margin-bottom:.5em;min-width:5px}.Header1,.Subtitle{text-align:center}.ErrorWrapper{position:relative;transform:translateY(-15px);margin-top:-.5em;justify-content:center}}.AuthCode{letter-spacing:.5rem}.CopyButton{padding:.75rem .65rem .65rem .75rem;border-radius:.75rem;border:none;outline:none;background-color:transparent;transition:all .25s ease;color:var(--text1);text-decoration:none}.CopyButton:hover{background-color:rgb(from var(--bg1) r g b / .25);cursor:pointer;transform:scale(1.05)}.CopyButton:active{transform:scale(.9)}.Hidden{opacity:0;pointer-events:none}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}