:root{--auth-text:#ffffff;--auth-text-secondary:#9c9eaa;--auth-link:#7961E8;--btn-auth-background:#ffffff;--btn-auth-foreground:#000000}section.auth{height:100vh;color:var(--auth-text);background:url(/images/homepage/bg.svg) 0 -5% repeat}section.auth,section.auth .auth-area{display:flex;flex-direction:column;justify-content:center;align-items:center}section.auth .auth-area{width:400px}section.auth .auth-area .welcome{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px}section.auth .auth-area .welcome h1{font-size:32px;font-weight:600;line-height:28px}section.auth .auth-area .welcome h2{color:var(--auth-text-secondary);font-size:var(--font-size);font-weight:400}section.auth .auth-area form{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:42px;width:100%;margin-top:32px}section.auth .auth-area form .inputs{display:flex;flex-direction:column;align-items:stretch;gap:4px}section.auth .auth-area form .inputs label{color:var(--auth-text-secondary);font-size:var(--font-size-md);font-weight:500;display:block}section.auth .auth-area form .inputs .input-wrapper{display:flex;flex-direction:row;justify-content:stretch;position:relative}section.auth .auth-area form .inputs .input-wrapper:before{position:absolute;top:12px;left:20px;width:24px;height:24px}section.auth .auth-area form .inputs .input-wrapper.email:before{content:url(/images/auth/email.svg)}section.auth .auth-area form .inputs .input-wrapper.password:before{content:url(/images/auth/password.svg)}section.auth .auth-area form .inputs .input-wrapper input{width:100%;padding-left:55px}section.auth .auth-area form .inputs .input-wrapper .password-toggle{position:absolute;top:14px;right:20px;width:22px;height:22px;cursor:pointer}section.auth .auth-area form .inputs input{color:var(--auth-text-secondary);font-size:var(--font-size-lg)}section.auth .auth-area form .inputs .forgot-password-link{align-self:flex-end;color:#60626e;font-size:var(--font-size-sm);font-weight:500;text-decoration:underline}section.auth .stratter-select__control{height:50px}section.auth .switch-screen{margin-top:30px}section.auth .switch-screen,section.auth .switch-screen a{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:16px;font-size:var(--font-size-sm);color:var(--auth-text-secondary);font-size:14px;line-height:130%}section.auth .switch-screen a{gap:6px;color:var(--auth-link)}section.auth .back-to{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;position:fixed;top:20px;left:20px;font-size:var(--font-size-sm);font-weight:500;line-height:26px}section.auth .btn{color:var(--btn-auth-foreground);background-color:var(--btn-auth-background)}section.auth .message{text-align:center}section.auth .section-pricing{max-width:85vw;margin:40px auto}section.auth .billing-form{gap:20px}section.auth .billing-form,section.auth .billing-form .input-wrapper{display:flex;flex-direction:column}section.auth .billing-form .input-wrapper input{color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:26px;background-color:rgba(0,0,0,0)}section.auth .billing-form .input-wrapper input::placeholder{font-family:var(--font-family);color:#9c9eaa}section.auth .billing-form .input-wrapper .stratter-select__control{color:#fff;background-color:rgba(0,0,0,0);font-size:16px;font-style:normal;font-weight:400;line-height:26px;padding:6px 4px;border-radius:10px}section.auth .billing-form .input-wrapper .stratter-select__control .stratter-select__placeholder{color:#9c9eaa}section.auth .billing-form .input-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:20px}section.auth .billing-form .input-row .input-wrapper{flex:100%}section.auth .billing-form .stripe-form{display:flex;flex-direction:column}section.auth .billing-form .stripe-form .btn{margin-top:15px;padding:12px 20px}section.auth .billing-form .btn{align-self:flex-end;border-color:rgba(0,0,0,0);padding:8px 20px;font-size:18px}