@font-face{font-family:"Yapari";src:url("./public/fonts/YapariTrial-Regular.woff2") format("woff2");font-weight:normal;font-style:normal}
@font-face{font-family:"Gotham";src:url("./public/fonts/Gotham-Light.woff2") format("woff2");font-weight:normal;font-style:normal}
*{margin:0;box-sizing:border-box;user-select:none}
body{height:100dvh;width:100dvw;background-color:#000;display:flex;justify-content:center;align-items:center;color:#fff}
.StarsController{left:0;top:0;position:fixed;opacity:.4}
.StarsController .Stars1{position:fixed;width:100%;height:100%;background-image:url("./public/stars2.png");background-size:50px;background-repeat:repeat;opacity:0;animation:ScaleStars2 100s linear infinite}
.StarsController .Stars2{position:fixed;width:100%;height:100%;background-image:url("./public/stars2.png");background-size:50px;background-repeat:repeat;opacity:0;animation:ScaleStars2 100s 30s linear infinite}
.StarsController .Stars3{position:fixed;width:100%;height:100%;background-image:url("./public/stars2.png");background-size:50px;background-repeat:repeat;opacity:0;animation:ScaleStars2 100s 65s linear infinite}
.StarsController .Stars4{position:fixed;width:100%;height:100%;background-image:url("./public/stars.png");background-size:cover;background-repeat:repeat;background-size:30%;opacity:.6}
.StarsController .Stars5{position:fixed;width:100%;height:100%;background-image:url("./public/stars2.png");background-size:cover;background-repeat:repeat;background-size:30%;opacity:.6;animation:ScaleStars 100s 0s linear infinite}
.ShipController{left:0;top:0;position:fixed;width:100%;height:100%;background-image:url("./public/bgFront.png");background-size:cover;background-repeat:no-repeat;background-position:center;animation:AccentShip 3s ease-in-out infinite}
.BorderDecoration{left:0;top:0;width:100%;height:100%;position:fixed;grid-template-columns:200px 1fr 200px;grid-template-rows:60px 1fr 60px;display:grid;padding:30px}
.BorderDecoration .BorderItem1{background-image:url("./public/borderDecoration.png");background-repeat:no-repeat;transform:scaleY(-1);position:relative;animation:AccentGlow 5s ease-in-out infinite}
.BorderDecoration .BorderItem2{background-image:url("./public/borderDecoration.png");background-repeat:no-repeat;transform:scaleX(-1) scaleY(-1);grid-column-start:3;position:relative;animation:AccentGlow 5s ease-in-out infinite}
.BorderDecoration .BorderItem3{background-image:url("./public/borderDecoration.png");background-repeat:no-repeat;grid-row-start:3;position:relative;animation:AccentGlow 5s ease-in-out infinite}
.BorderDecoration .BorderItem4{background-image:url("./public/borderDecoration.png");background-repeat:no-repeat;transform:scaleX(-1);grid-column-start:3;grid-row-start:3;position:relative;animation:AccentGlow 5s ease-in-out infinite}
.logo{position:absolute;padding-top:2dvh;top:0;align-items:center;justify-content:center;display:flex}
.Information{width:100%;display:flex;flex-direction:column;align-items:center;z-index:1}
.Information .Title{font-size:min(9rem,9vw);line-height:10dvw;background:linear-gradient(109deg, rgb(186, 30, 141) 0%, rgb(9, 212, 255) 26%, rgb(92, 88, 254) 50%, rgb(122, 119, 205) 74%, rgb(46, 204, 87) 100%);background-clip:text;color:rgba(0,0,0,0);position:relative;line-height:min(9rem,9vw)}
.Information .Title::after{position:absolute;top:0;left:0;content:"$10,000";font-size:min(9rem,9vw);background:linear-gradient(109deg, rgb(186, 30, 141) 0%, rgb(9, 212, 255) 26%, rgb(92, 88, 254) 50%, rgb(122, 119, 205) 74%, rgb(46, 204, 87) 100%);background-clip:text;color:rgba(0,0,0,0);filter:blur(10px)}
.Information .Subtitle{font-size:min(3rem,3.3dvw)}
.Information .TimeUntil{display:flex;height:auto;gap:22px;background:linear-gradient(180deg, rgb(9, 61, 68) 0%, rgba(0, 0, 0, 0) 60%);padding:20px 30px;margin:30px 0;border-radius:12px;position:relative}
.Information .TimeUntil::before{content:"";width:calc(100% - 2px);height:calc(100% - 2px);position:absolute;top:1px;left:1px;border-radius:12px;background-color:#000a0c}
.Information .TimeUntil::after{content:"";width:70%;height:100%;background-color:#1a606e;position:absolute;left:50%;top:0;transform:translateX(-50%);filter:blur(95px);transition:background-color ease-in-out .4s}
.Information .TimeUntil:hover::after{background-color:#1e6e7e}
.Information .TimeUntil .TimeUnit{z-index:1;display:flex;flex-direction:column;align-items:center}
.Information .TimeUntil .TimeUnit h4{font-size:2.7rem}
.Information .TimeUntil .spacerV{transform:scaleY(0.7);opacity:.4}
.Information>span{font-size:1.5rem;font-weight:100}
.Information input{width:230px;height:36px;margin-top:12px;margin-bottom:28px;border-radius:6px;background-color:#090a0a;border:solid #135861 1px;box-shadow:0px 0px 3px 0px #135861;padding:0 18px;z-index:1;color:#fff;outline:none;transition:filter ease-in-out .2s,border ease-in-out .2s}
.Information input:focus{border:solid #1a8a99 1px;box-shadow:0px 0px 3px 0px #135861}
.Information input:hover{filter:brightness(1.2)}
.Information .primary{border-radius:8px;background:linear-gradient(180deg, rgb(57, 199, 215) 0%, rgb(35, 160, 178) 100%);border:solid 1px #61dcee;color:#fff;font-size:1.3rem;cursor:pointer;transition:filter ease-in-out .2s}
.Information .primary:hover{filter:brightness(1.15)}
.Information button{width:216px;height:52px;margin-bottom:12px}
.Information .disclaimerText{max-width:400px;opacity:.8}
img{max-width:300px}
@media screen and (max-width: 1000px){img{max-width:330px;translate:0 10px}
}
button.signUpAnother{margin-top:16px;width:300px}
.errorText{opacity:0;position:absolute;top:72px;color:#fff;font-size:.9rem;transition:opacity ease-in-out .3s}
.showAndFade{opacity:1}
.hideOnSubscribe,.showOnSubscribe{position:relative;transition:opacity ease-in-out .5s;opacity:1;pointer-events:all;display:flex;flex-direction:column;align-items:center}
.hideOnSubscribe.hide,.showOnSubscribe.hide{display:none;opacity:0;pointer-events:none}
@keyframes AccentShip{
    0%{background-image:url("./public/bgFront.png")}
    50%{background-image:url("./public/bgFront2.png")}
    100%{background-image:url("./public/bgFront.png")}
}
@keyframes ScaleStars2{
    0%{scale:.1;opacity:0}
    80%{opacity:1}
    100%{opacity:0;scale:4}
}
@keyframes ScaleStars{
    0%{scale:1;opacity:0}
    80%{opacity:1}
    100%{opacity:0;scale:4}
}
@keyframes AccentGlow{
    0%{filter:drop-shadow(0px 0px 2px rgba(0, 255, 255, 0))}
    25%{filter:drop-shadow(0px 0px 5px cyan)}
    50%{filter:drop-shadow(0px 0px 2px rgba(0, 255, 255, 0))}
100%{filter:drop-shadow(0px 0px 2px rgba(0, 255, 255, 0))}
}
.yapari{font-family:"Yapari"}
.gotham{font-family:"Gotham"}
.spacerV{align-self:stretch;width:1px;background:linear-gradient(290deg, rgba(0, 0, 0, 0) 0%, rgb(255, 255, 255) 50%, rgba(0, 0, 0, 0) 100%)}
@media screen and (max-width: 779px){.Information{gap:20px}
.TimeUntil{scale:.7}
}
@media screen and (width > 1800px)and (height < 1000px){.logo{translate:0 35px}
}

.custom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: white;
    text-align: center;
    padding: 10px 20px;
    font-size: 14px;
    z-index: 1000;
}
.custom span {
    display: block;
    margin: 0 auto;
    line-height: 1.4;
}