body{flex-direction:column;font-family:var(--font-inter),sans-serif;color:#f2f2f2;background-color:#0a0a0a;margin:0;padding:0;box-sizing:border-box;height:100vh}body,main{display:flex}main{flex:1 1}h1,h2,h3,h4,h5,h6{margin:0;padding:0}.container{position:relative;flex:1 1;display:flex;justify-content:center;padding:0 2rem}@media screen and (max-width:64rem){.container{padding:0}}.container .image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0}.container .image-wrapper img{filter:blur(.125rem);-webkit-mask-image:linear-gradient(-125deg,transparent 40%,black 70%,black);mask-image:linear-gradient(-125deg,transparent 40%,black 70%,black);object-fit:cover}.container .bgOverlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:linear-gradient(180deg,rgba(10,10,10,.8),rgba(58,76,100,.8))}.container .content{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:2rem;gap:2rem;width:100%}@media(max-width:64rem){.container .content{grid-template-columns:1fr;padding:1rem;text-align:center}}.container .content .right-content{grid-column:8/span 5;display:flex;flex-direction:column;justify-content:center;z-index:1;width:100%}@media(max-width:64rem){.container .content .right-content{grid-column:1/-1}}.container .content .right-content .content-wrapper{display:flex;flex-direction:column;min-height:18.75rem;align-items:center}.container .content .right-content .homepage{gap:1rem;position:relative;z-index:1;max-width:37.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.container .content .right-content .homepage .homepage-title{font-family:var(--font-anton),sans-serif;font-weight:700;font-size:3rem;line-height:1.2;text-align:center;text-transform:uppercase;color:#e7fb01;margin-bottom:.5rem}@media(max-width:64rem){.container .content .right-content .homepage .homepage-title{font-size:2.5rem;line-height:1.2}}.container .content .right-content .homepage .homepage-text{font-family:var(--font-inter),sans-serif;font-size:1rem;text-align:center;color:#f2f2f2;margin:0;padding:.5rem 0}.container .content .right-content .form-wrapper{align-self:center;display:flex;align-items:center;flex-direction:column}.container .content .right-content .form-wrapper .whitelist-form{margin-top:.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center}.container .content .right-content .form-wrapper .whitelist-form .form-text{color:#f2f2f2;font-size:.875rem;text-align:center;margin:0}.container .content .right-content .form-wrapper .whitelist-form .form-group{display:flex;position:relative;width:100%;gap:.75rem;align-items:baseline}@media(max-width:64rem){.container .content .right-content .form-wrapper .whitelist-form .form-group{flex-direction:column;align-items:stretch;width:100%}}.container .content .right-content .form-wrapper .whitelist-form .form-group .input-wrapper{display:flex;flex-direction:column;width:100%}.container .content .right-content .form-wrapper .whitelist-form .form-group .input-wrapper .form-input{flex:1 1}.container .content .right-content .form-wrapper .whitelist-form .form-group .input-wrapper .form-error{color:#f87171;font-size:.875rem;margin:.3125rem;padding:0;text-align:left}.form-login-text,.intro-login-wrapper,.no-account-text{margin:0;font-size:.75rem;font-weight:lighter}.form-login-text button,.intro-login-wrapper button,.no-account-text button{color:#e7fb01;text-decoration:underline;background:none;border:none;cursor:pointer;font-size:.875rem;font-weight:600}.form-login-text button:hover,.intro-login-wrapper button:hover,.no-account-text button:hover{color:rgb(184.25,200.2023809524,.7976190476)}.loginPage{position:relative;display:flex;justify-content:center;align-items:center;height:100vh;padding:2rem}.loginBox,.welcome-message{padding:1em;display:flex;flex-direction:column;align-items:center;max-width:37.5rem;text-align:center}@media screen and (max-width:64rem){.loginBox,.welcome-message{padding:0}}.title{color:#e7fb01;font-family:var(--font-anton),sans-serif;font-size:3rem;line-height:1.2;margin-bottom:.5rem}@media screen and (max-width:64rem){.title{font-size:2.5rem}}.subtitle{color:hsla(0,0%,100%,.6);font-size:.875rem;margin-bottom:1rem}.form{display:flex;flex-direction:column;width:100%;gap:1rem;padding:0 2rem;max-width:300px}.image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.image-wrapper img{filter:blur(.125rem);-webkit-mask-image:linear-gradient(125deg,transparent 40%,black 70%,black);mask-image:linear-gradient(125deg,transparent 45%,black 70%,black);object-fit:cover}