.waitlist{background:var(--black);height:100vh;color:var(--white);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.waitlist__back{color:var(--gray-400);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex;position:absolute;top:2rem;left:2rem}.waitlist__back svg{width:1.25rem;height:1.25rem}.waitlist__back:hover{color:var(--white)}.waitlist__content{text-align:center;max-width:600px;padding:0 1.5rem}.waitlist__logo{cursor:pointer;justify-content:center;transition:opacity .2s;display:flex}.waitlist__logo:hover{opacity:.8}.waitlist__title{letter-spacing:-.02em;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:3.5rem;font-weight:400;line-height:1;display:flex}@media (min-width:640px){.waitlist__title{font-size:4.5rem}}.waitlist__beta{color:var(--gray-400);letter-spacing:0;font-size:1.5rem;font-weight:400}@media (min-width:640px){.waitlist__beta{font-size:2rem}}.waitlist__tagline{color:var(--white);margin-bottom:2rem;font-size:1.5rem;font-weight:400;line-height:1.4}@media (min-width:640px){.waitlist__tagline{font-size:1.75rem}}.waitlist__description{color:var(--gray-400);margin-bottom:3rem;font-size:1.125rem;font-weight:300;line-height:1.6}@media (min-width:640px){.waitlist__description{font-size:1.25rem}}.waitlist__form{flex-direction:column;gap:1rem;max-width:500px;margin:0 auto;display:flex}.waitlist__input{color:var(--white);background:#ffffff0d;border:1px solid #ffffff26;border-radius:.5rem;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;transition:all .2s}.waitlist__input::placeholder{color:var(--gray-500)}.waitlist__input:focus{background:#ffffff14;border-color:#ffffff4d;outline:none}.waitlist__input:disabled{opacity:.5;cursor:not-allowed}.waitlist__button{background:var(--white);color:var(--black);cursor:pointer;border:none;border-radius:.5rem;padding:1rem 1.5rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .2s}.waitlist__button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #fff3}.waitlist__button:disabled{opacity:.6;cursor:not-allowed;transform:none}.waitlist__spinner{width:1.25rem;height:1.25rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.waitlist__message{text-align:center;border-radius:.5rem;margin-top:.5rem;padding:.75rem 1rem;font-size:.875rem}.waitlist__message--success{color:#86efac;background:#22c55e1a;border:1px solid #22c55e33}.waitlist__message--error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}
