.aboutSection{justify-content:center;align-items:center;width:100vw;padding:24rem 20px 12rem 80px;display:flex}.aboutSection .aboutContent{flex-direction:column;justify-content:center;width:45%;display:flex}.aboutSection .aboutContent h2{font-variation-settings:"wdth" 75,"wght" 500;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:fit-content;margin-bottom:10px;font-size:32px}.aboutSection .aboutContent h2:after{content:"";background-color:hsl(var(--colorBrandPrimary));width:40%;height:5px;margin:15px auto;display:block}.aboutSection .aboutContent>p{font-variation-settings:"wdth" 75,"wght" 300;font-size:16px}.aboutSection .aboutContent .aboutAction{pointer-events:all;justify-content:flex-start;gap:16px;width:100%;margin:20px 0;display:flex}.aboutSection .aboutAnim{flex:1;justify-content:flex-end;max-width:100%;max-height:100%;margin:80px;display:flex}.aboutSection .aboutAnim .scanMenuAnim{justify-content:center;align-items:center;width:100%;max-width:600px;height:100%;display:flex}@media (max-width:900px){.aboutSection .aboutContent>p{font-size:14px}}@media (max-width:800px){.aboutSection{flex-direction:column;padding:120px 20px 0}.aboutSection .aboutContent{align-items:center;width:80%}.aboutSection .aboutContent>p{text-align:center}.aboutSection .aboutAction{zoom:.9;justify-content:center!important}.aboutSection .aboutAction .button:first-child{margin-right:15px!important}.aboutSection .aboutAnim{margin:80px 100px}}@media (max-width:530px){.aboutSection .aboutContent{width:98%}.aboutSection .aboutContent>h2{font-size:30px}.aboutSection .aboutAnim{margin:100px 50px}}
.featureSection{justify-content:space-between;align-items:center;width:100vw;padding:12rem 20px 12rem 80px;display:flex;position:relative}.featureSection .featuresContent{flex-direction:column;justify-content:center;align-items:flex-start;width:45%;max-width:550px;display:flex}.featureSection .featuresContent h2{font-variation-settings:"wdth" 75,"wght" 500;text-transform:uppercase;-webkit-user-select:none;user-select:none;width:fit-content;margin-bottom:20px;font-size:32px}.featureSection .featuresContent h2:after{content:"";background-color:hsl(var(--colorBrandPrimary));width:40%;height:5px;margin:15px auto;display:block}.featureSection .featuresContent .featureListItem{align-items:center;width:100%;margin:5px 0;display:flex}.featureSection .featuresContent .featureListItem .featureLetter{font-variation-settings:"wdth" 75,"wght" 500;-webkit-user-select:none;user-select:none;background-color:var(--lightFeatureColor);width:60px;min-width:60px;height:60px;min-height:60px;color:var(--darkFeatureColor);border-radius:9999px;justify-content:center;align-items:center;margin:0 20px 0 0;font-size:32px;transition:background-color .5s ease-out,color .5s ease-out;display:flex}.featureSection .featuresContent .featureListItem p{font-variation-settings:"wdth" 75,"wght" 300;margin:0;font-size:16px}.featureSection .featuresContent .featureListItem p::selection{color:var(--darkFeatureColor);background:var(--lightFeatureColor)}.featureSection .featuresAnim{justify-content:flex-end;align-items:center;width:55%;height:100%;display:flex}.featureSection .featuresAnim .whyUsAnim{width:100%;max-width:600px;height:auto;max-height:600px}@media (max-width:910px){.featureSection .featuresContent .featureListItem>p{font-size:14px}}@media (max-width:830px){.featureSection{justify-content:center;padding:0 50px}.featureSection .featuresContent{width:fit-content;max-width:unset;align-items:center}.featureSection .featuresAnim{display:none}}@media (max-width:530px){.featureSection{padding:0 30px}}
.lighting{width:100%;height:fit-content;min-height:500px;margin:0 auto;position:absolute;bottom:0;overflow:hidden}.lighting-layers{width:100%;position:absolute;bottom:-60px}.glow{border-radius:50%;width:100%;height:20px;margin:auto;position:relative}.glow-one{animation:5s ease-in-out infinite alternate glow-one}@keyframes glow-one{0%{box-shadow:0 0 250px 20px #473c78}to{box-shadow:0 0 100px 15px #f72a3b}}.glow-two{width:90%;animation:4s ease-in-out infinite alternate glow-two}@keyframes glow-two{0%{box-shadow:0 0 250px 20px #18c499}to{box-shadow:0 0 100px 15px #d8f05e}}.glow-three{width:80%;animation:3s ease-in-out infinite alternate glow-three}@keyframes glow-three{0%{box-shadow:0 0 250px 20px #fd0}to{box-shadow:0 0 100px 15px #3e33ff}}.glow-four{width:70%;animation:2s ease-in-out infinite alternate glow-four}@keyframes glow-four{0%{box-shadow:0 0 250px 20px #781848}to{box-shadow:0 0 100px 15px #f2bbe9}}.glow-five{width:60%;animation:1s ease-in-out infinite alternate glow-five}@keyframes glow-five{0%{box-shadow:0 0 250px 20px #42f2a1}to{box-shadow:0 0 100px 15px #f4f6ad}}
.footerSection{background-color:var(--colorBackgroundPrimary);width:100%;position:relative}.footerSection p{text-align:center;color:var(--colorContentPrimary);margin:0;padding:1rem;font-size:14px;top:60%}
.landingSection{background-image:url(/backgrounds/landingCoverPlaceholder.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100dvw;height:100dvh;transition:filter 1s linear;position:relative}.landingSection .coverBackground,.landingSection .coverOverlay{width:100%;height:100%;transition:background-position 1s ease-out;transition:filter var(--animDurDefault)var(--cubicBezierPrimary);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;left:0}.landingSection.dark .coverBackground,.landingSection.dark .coverOverlay{filter:brightness(.3)contrast(1.2)saturate(.9)}.landingSection .overlay{opacity:0;pointer-events:none;background-image:linear-gradient(to right,var(--colorBackgroundPrimary)0%,transparent 100%);width:100%;height:100%;transition:opacity 1s ease-out;position:absolute;top:0;left:0}.landingSection .landingGreeting{-webkit-user-select:none;user-select:none;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;height:100%;padding-right:90px;transition:zoom 1s ease-out;display:flex;position:absolute;right:0}.landingSection .landingGreeting>p{font-variation-settings:"wdth" 75,"wght" 300;text-align:end;width:100%;margin:0;font-size:32px}.landingSection .landingGreeting>p.head{font-variation-settings:"wdth" 75,"wght" 400;font-size:52px}.landingSection .landingGreeting>p.subHead{margin-bottom:20px}.landingSection .landingGreeting>p.desc{font-variation-settings:"wdth" 75,"wght" 400;font-size:14px}.landingSection .landingGreeting .greetingAction{pointer-events:all;justify-content:flex-end;gap:16px;width:100%;margin:40px 0 20px;display:flex}@media (max-width:1000px){.landingSection .landingGreeting{zoom:.9}}@media (max-width:850px){.landingSection .landingGreeting{zoom:.8}}@media (max-width:700px){.landingSection .overlay{opacity:.5}.landingSection .landingGreeting{zoom:.9}}@media (max-width:530px){.landingSection .coverBackground,.landingSection .coverOverlay{background-position:-140px}.landingSection .overlay{opacity:.92;background-image:linear-gradient(to right,var(--colorBackgroundPrimary)0%,var(--colorBackgroundPrimary)100%)}.landingSection .landingGreeting{zoom:1;padding-right:0;right:50%;transform:translate(50%)}.landingSection .landingGreeting>p{text-align:center}.landingSection .landingGreeting .greetingAction{justify-content:center}}@media (max-width:500px){.landingSection .landingGreeting{zoom:.8}}@media (max-width:380px){.landingSection .landingGreeting{zoom:.7}}@media (max-width:330px){.landingSection .landingGreeting{zoom:.6}}
.loginSection{justify-content:center;align-items:center;width:100dvw;padding:12rem 0 30rem;display:flex;position:relative}.loginSection .loginAnim{flex:1;justify-content:center;align-items:center;display:flex}.loginSection .loginAnim .welcomeAnim{width:80%;height:80%}.loginSection .loginContainer{perspective:1000px;width:50%;min-width:600px;transform-style:preserve-3d;transition:all var(--animDurSlow)var(--cubicBezierPrimary);flex-direction:column;justify-content:center;align-items:center;margin-right:50px;display:flex}.loginSection .loginContainer.profile{transform:rotateY(180deg)}.loginSection .loginContainer.profile .loginCard.front{pointer-events:none}.loginSection .loginContainer.profile .loginCard.back{pointer-events:all}.loginSection .loginContainer .loginCard{background-color:var(--colorBackgroundPrimary);backface-visibility:hidden;width:500px;transition:all var(--animDurSlow)var(--cubicBezierPrimary);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex;position:absolute;overflow:hidden;box-shadow:0 20px 40px #0003,0 20px 40px #ffffff26}.loginSection .loginContainer .loginCard .logout{position:absolute;right:0}.loginSection .loginContainer .loginCard .inputContainer{--inputHeight:50px;flex-direction:column;gap:12px;width:100%;margin:30px 0;display:flex;position:relative}.loginSection .loginContainer .loginCard .inputContainer .email,.loginSection .loginContainer .loginCard .inputContainer .username,.loginSection .loginContainer .loginCard .inputContainer .password{--iconSize:var(--inputHeight);width:100%;position:relative}.loginSection .loginContainer .loginCard .inputContainer .email .label,.loginSection .loginContainer .loginCard .inputContainer .username .label,.loginSection .loginContainer .loginCard .inputContainer .password .label{margin-left:12px!important}.loginSection .loginContainer .loginCard .inputContainer .username{opacity:0;height:0;transition:all var(--animDurFast)var(--cubicBezierPrimary)}.loginSection .loginContainer .loginCard .inputContainer .username.show{opacity:1;height:40px}.loginSection .loginContainer .loginCard .loginAction{justify-content:space-between;align-items:center;gap:8px;width:100%;padding-top:8px;display:flex}.loginSection .loginContainer .loginCard .loginAction .kitchenMode:not(.active){background:0 0}.loginSection .loginContainer .loginCard .loginAction .kitchenMode:not(.active) span{font-variation-settings:"wdth" 75,"wght" 600}.loginSection .loginContainer .loginCard .loginAction .next{margin-left:auto}.loginSection .loginContainer .loginCard .loggedInAction{gap:16px;margin-top:32px;display:flex}.loginSection .loginContainer .loginCard.front .header{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.loginSection .loginContainer .loginCard.front .header>h3,.loginSection .loginContainer .loginCard.front .header>h4{font-variation-settings:"wdth" 75,"wght" 300;text-align:left;-webkit-user-select:none;user-select:none;width:100%;margin:0;font-size:42px}.loginSection .loginContainer .loginCard.front .header>h4{margin-top:5px;font-size:16px}.loginSection .loginContainer .loginCard.back{pointer-events:none;transform:rotateY(180deg)}.loginSection .loginContainer .loginCard.back .header{align-items:center;gap:16px;width:100%;display:flex;position:relative}.loginSection .loginContainer .loginCard.back .header .details{flex-direction:column;justify-content:center;gap:2px;display:flex}.loginSection .loginContainer .loginCard.back .header .details .name{font-variation-settings:"wdth" 75,"wght" 600;margin:0;font-size:20px}.loginSection .loginContainer .loginCard.back .header .details .address{font-variation-settings:"wdth" 75,"wght" 400;margin:0;font-size:14px}.loginSection .loginContainer .loginCard.back .body{flex:1;width:100%}@media (max-width:1100px){.loginSection .loginContainer{min-width:500px}.loginSection .loginContainer .loginCard{transform:scale(.9)}}@media (max-width:830px){.loginSection{flex-direction:column}.loginSection .loginAnim{flex:1;justify-content:center;align-items:flex-start}.loginSection .loginContainer{margin:0 0 220px}}@media (max-width:600px){.loginSection .loginAnim{width:90%}.loginSection .loginAnim .welcomeAnim{width:100%;height:65%;margin:auto}.loginSection .loginContainer{min-width:100%;margin:0 0 135px}.loginSection .loginContainer .loginCard{border-radius:40px 40px 0 0;width:100%;transform:scale(1);box-shadow:0 -5px 5px #0000001a}}@media (max-width:430px){.loginSection .loginAnim .welcomeAnim{height:45%}}
.homeNavbar{--navHeight:80px;width:100%;height:var(--navHeight);-webkit-user-select:none;user-select:none;z-index:2;padding:0 30px 0 0;position:fixed;top:0}.homeNavbar .logo{height:100%;line-height:var(--navHeight);float:left;font-variation-settings:"wdth" 75,"wght" 500;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;outline:none;padding:0 30px;text-decoration:none;display:flex}.homeNavbar .menu{float:right;justify-content:center;align-items:center;height:100%;display:flex}.homeNavbar .menu.open .icon{transform:rotate(45deg)}.homeNavbar .menu.open .icon:hover span:nth-child(2){width:24px}.homeNavbar .menu.open .icon .line1{width:24px;top:50%;right:23px}.homeNavbar .menu.open .icon .line2{width:24px;top:50%;right:23px;transform:rotate(90deg)}.homeNavbar .menu.open .container{display:flex}.homeNavbar .menu.open .container .item:first-child{animation:.38s cubic-bezier(.175,.885,.32,1.275) .12s forwards riseIn}.homeNavbar .menu.open .container .item:nth-child(2){animation:.38s cubic-bezier(.175,.885,.32,1.275) .24s forwards riseIn}.homeNavbar .menu.open .container .item:nth-child(3){animation:.38s cubic-bezier(.175,.885,.32,1.275) .36s forwards riseIn}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}.homeNavbar .menu .icon{width:var(--navHeight);height:var(--navHeight);cursor:pointer;justify-content:center;display:none;position:absolute;top:0;right:0}.homeNavbar .menu .icon,.homeNavbar .menu .icon>*{transition:all .3s ease-in-out}@media (hover:hover){.homeNavbar .menu .icon:hover .line2{width:25px}}.homeNavbar .menu .icon span{border-bottom:1px solid var(--colorContentPrimary);height:2px;display:block;position:absolute;right:18px}.homeNavbar .menu .icon span.line1{width:35px;top:38%}.homeNavbar .menu .icon span.line2{width:17.5px;top:52%}.homeNavbar .menu .container{height:100%;display:flex}.homeNavbar .menu .container .item{cursor:pointer;justify-content:center;align-items:center;height:100%;padding:0 20px;display:flex;position:relative}.homeNavbar .menu .container .item:after{content:"";border-bottom:2px solid hsl(var(--colorBrandPrimary));width:100%;height:5px;transition:transform .1s ease-in;display:block;position:absolute;bottom:12px;transform:scaleX(0)}.homeNavbar .menu .container .item p{font-variation-settings:"wdth" 75,"wght" 500;text-align:center;text-transform:uppercase;letter-spacing:1.5px;z-index:1;margin:0;font-size:12px}@media (hover:hover){.homeNavbar .menu .container .item:hover:after{transform:scaleX(.2)}}@media (max-width:800px){.homeNavBar .menu .container .item p{font-size:10px}}@media (max-width:630px){.homeNavBar .menu .icon{z-index:2;margin-right:10px;display:flex}.homeNavBar .menu .container{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.homeNavBar .menu .container .item{opacity:0;justify-content:center;width:fit-content;height:auto;padding:10px;transform:translateY(80px)}.homeNavBar .menu .container .item:first-child{animation:.1s ease-out .5s forwards riseIn}.homeNavBar .menu .container .item:nth-child(2){animation:.1s ease-out 1s forwards riseIn}.homeNavBar .menu .container .item:nth-child(3){animation:.1s ease-out 1.5s forwards riseIn}}@media (max-width:630px) and (hover:hover){.homeNavBar .menu .container .item:hover span{transition:width .1s ease-out}}@media (max-width:630px){.homeNavBar .menu .container .item.active span{width:100%;transition:width .3s cubic-bezier(.175,.885,.32,1.275)}.homeNavBar .menu .container .item span{bottom:8px}.homeNavBar .menu .container .item p{font-variation-settings:"wdth" 75,"wght" 300;font-size:34px}}
.githubBanner{z-index:10;background:linear-gradient(135deg,hsl(var(--colorBrandPrimary)/.15),hsl(var(--colorBrandPrimary)/.08));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsl(var(--colorBrandPrimary)/.3);color:var(--colorContentPrimary);font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:.5px;box-shadow:0 4px 12px hsl(var(--colorBrandPrimary)/.15),0 2px 4px #0000001a;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:13px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;right:30px;overflow:hidden}.githubBanner:before{content:"";background:linear-gradient(135deg,transparent,hsl(var(--colorBrandPrimary)/.1),transparent);opacity:0;transition:opacity .3s;position:absolute;inset:0}.githubBanner .bannerContent{z-index:1;align-items:center;gap:8px;display:flex;position:relative}.githubBanner .githubIcon,.githubBanner .arrowIcon{width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.githubBanner .arrowIcon{opacity:.7}.githubBanner .bannerText{white-space:nowrap}.githubBanner .shimmer{background:linear-gradient(90deg,transparent,hsl(var(--colorBrandPrimary)/.3),transparent);width:50%;height:200%;animation:3s infinite shimmer;position:absolute;top:-50%;left:-100%;transform:skew(-20deg)}@media (hover:hover){.githubBanner:hover{border-color:hsl(var(--colorBrandPrimary)/.5);box-shadow:0 8px 24px hsl(var(--colorBrandPrimary)/.25),0 4px 8px #00000026;transform:translateY(-2px)}.githubBanner:hover:before{opacity:1}.githubBanner:hover .arrowIcon{opacity:1;transform:translate(4px)}.githubBanner:active{transform:translateY(0)}}@keyframes shimmer{0%{left:-100%}50%,to{left:150%}}@media (max-width:800px){.githubBanner{padding:8px 14px;font-size:11px;bottom:20px;right:20px}.githubBanner .githubIcon,.githubBanner .arrowIcon{width:14px;height:14px}}@media (max-width:630px){.githubBanner{gap:6px;padding:6px 12px;font-size:10px;bottom:20px;right:20px}.githubBanner .githubIcon,.githubBanner .arrowIcon{width:12px;height:12px}.githubBanner .bannerText{display:none}}