@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Special+Gothic+Expanded+One&display=swap";#root{height:100vh}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Special Gothic Expanded One;transition:height .3s}html{background:#000;height:100dvh;max-height:100dvh;overflow:hidden}body{height:100%;overflow:hidden}html,body{padding-top:env(safe-area-inset-top)}.noise-background{opacity:.3;z-index:-1;object-fit:cover;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.marquee.first,.marquee.third{display:none}main{color:#fff;flex-direction:column;align-items:center;height:100%;padding:1rem;display:flex}.logo{width:auto;height:8%;animation:1.5s ease-in-out forwards logorise}#content{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:70%;display:flex}.responsive-logo{display:none}main h1{white-space:nowrap;margin-bottom:2rem;font-family:Special Gothic Expanded One;font-size:6vw;font-weight:500}main h1 span{background:linear-gradient(145deg,#8c52ff 0%,#ff8934 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:inherit}main p{margin-bottom:2rem;font-weight:400}main h1,main p{animation:1.5s ease-in-out forwards fadenrise}#waitlist{-webkit-backdrop-filter:blur(5px);transform-origin:0;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:4px;width:100%;padding:4px;animation:1s ease-out forwards formwidth;display:flex;box-shadow:0 4px 30px #0000001a}#waitlist input{color:#fff;background:0 0;border:none;outline:none;flex:.7;padding:.75rem;font-size:.8rem}#waitlist input::placeholder{color:#fff;transition:opacity 1s ease-in-out}#waitlist-submit{cursor:pointer;background-color:#fff;border:none;border-radius:4px;flex:.3}#waitlist-submit ion-icon{color:#1e1e1e;font-size:1.2rem}.visually-hidden{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.gradient-backdrop{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#8c52ff 0%,#ff8934 100%);width:100%;height:30%;animation:5s ease-in-out forwards fadein;position:fixed;bottom:0;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.page-logo{z-index:0;pointer-events:none;height:22%;max-height:22%;position:relative}.page-logo svg{z-index:-1;pointer-events:none;width:90vw;animation:1.5s ease-in-out forwards fadein;position:absolute;top:0;left:50%;transform:translate(-50%)}.messages{z-index:99;color:#3a3a3a;text-align:center;-webkit-backdrop-filter:blur(5px);background:#fff9;border:1px solid #ffffff4d;border-radius:4px;width:90%;padding:1rem;list-style:none;position:absolute;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 30px #0000001a}.messages li{justify-content:center;align-items:center;font-size:.9rem;display:flex}.messages .main-icon{margin:.5rem 0;font-size:1.2rem}.messages .inner-icon{margin-inline-end:.5rem;font-size:1rem}.invisible{opacity:0;visibility:hidden;transition:opacity 1s,visibility 1s}@media only screen and (width>=720px) and (orientation:portrait){.logo{width:30%;height:auto}.page-logo svg{width:75vw;bottom:-30vh}main h1{margin-bottom:2rem;font-size:2.5rem}#content{height:70%}}@media only screen and (width>=640px) and (orientation:landscape){html{height:100dvh}.logo{display:none}main{flex-direction:row;padding:2rem 0 2rem 4rem}#content{text-align:left;visibility:visible;justify-content:center;align-items:flex-start;width:75%;height:100%}main h1{margin-bottom:1rem;font-size:1.6rem}main p span{visibility:hidden;display:none}#waitlist{width:80%}.gradient-backdrop{visibility:visible;width:30%;height:100%;right:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000);mask-image:linear-gradient(90deg,#0000,#000)}.page-logo{height:100%}.page-logo svg{width:auto;height:100dvh;top:50%;left:unset;transform:translateY(-55%)}}@media only screen and (width>=768px) and (orientation:portrait){.logo{width:25%;height:auto}#content{height:60%}main p{margin-bottom:3rem}#waitlist{width:75%}}@media only screen and (width>=1024px) and (orientation:landscape){html,body,#content,main{overflow:hidden}main{flex-direction:column;align-items:flex-start;padding:2rem}.logo{width:auto;height:8%;display:flex}#content{width:70%;height:80%;padding-left:3rem}main h1{font-size:2.2rem}main p span{visibility:visible;display:block}.page-logo{height:0;position:unset}.page-logo svg{right:-30vw}}@media screen and (width>=1240px){.logo{width:auto;height:8%}.marquee-container.left{height:100%;position:fixed;top:0;left:0}main{align-items:center}main h1{text-align:center;font-size:2rem}main p{text-align:center;font-size:.8rem}#content{align-items:center;height:70%;padding-left:0}#waitlist{width:50%}#waitlist:hover{border:1px solid #fff3}#waitlist:focus-within{background:#fff3;border:1px solid #fff3}.page-logo{width:100%;height:10%;position:relative}.page-logo svg{top:unset;width:30vw;left:50%;right:unset;height:auto;bottom:-45vh;transform:translate(-50%)}.gradient-backdrop{width:100%;height:35%;right:unset;visibility:visible;-webkit-mask-image:linear-gradient(#0000,#000);mask-image:linear-gradient(#0000,#000)}.messages{width:20%}}@media only screen and (width>=1600px){main h1{margin-bottom:2rem;font-size:3rem}main p{margin-bottom:3rem;font-size:1rem}#waitlist{transition:all .3s}}
