:root{--auth-text:#fff;--auth-text-secondary:#9c9eaa;--auth-link:#7961e8;--btn-auth-background:#fff;--btn-auth-foreground:#000}section.auth{height:100vh;color:var(--auth-text);background:url(/images/homepage/bg.svg) 0 -5%;flex-direction:column;justify-content:center;align-items:center;display:flex}section.auth .auth-area{flex-direction:column;justify-content:center;align-items:center;width:400px;display:flex}@media (max-width:767px){section.auth .auth-area{width:100%;padding-left:16px;padding-right:16px}}section.auth .auth-area .welcome{flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}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);text-align:center;font-weight:400}section.auth .auth-area form{flex-direction:column;justify-content:center;align-items:stretch;gap:16px;width:100%;margin-top:32px;display:flex}section.auth .auth-area form .inputs{flex-direction:column;align-items:stretch;gap:8px;display:flex}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{flex-direction:row;justify-content:stretch;display:flex;position:relative}section.auth .auth-area form .inputs .input-wrapper:before{z-index:1;width:24px;height:24px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}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{z-index:1;cursor:pointer;width:22px;height:22px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}section.auth .auth-area form .inputs input{color:var(--auth-text-secondary)!important;font-size:var(--font-size-lg)!important}section.auth .auth-area form .inputs input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--auth-text-secondary)!important;-webkit-font-size:var(--font-size-lg)!important;font-size:var(--font-size-lg)!important;color:var(--auth-text-secondary)!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}section.auth .auth-area form .inputs input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--auth-text-secondary)!important;-webkit-font-size:var(--font-size-lg)!important;font-size:var(--font-size-lg)!important;color:var(--auth-text-secondary)!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}section.auth .auth-area form .inputs input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--auth-text-secondary)!important;-webkit-font-size:var(--font-size-lg)!important;font-size:var(--font-size-lg)!important;color:var(--auth-text-secondary)!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}section.auth .auth-area form .inputs input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--auth-text-secondary)!important;-webkit-font-size:var(--font-size-lg)!important;font-size:var(--font-size-lg)!important;color:var(--auth-text-secondary)!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}section.auth .auth-area form .inputs input:-moz-autofill{color:var(--auth-text-secondary)!important;font-size:var(--font-size-lg)!important;background-color:#0000!important}section.auth .auth-area form .inputs input:-ms-placeholder-shown{color:var(--auth-text-secondary)!important;font-size:var(--font-size-lg)!important}section.auth .auth-area form .inputs input[autocomplete],section.auth .auth-area form .inputs input:focus,section.auth .auth-area form .inputs input:hover,section.auth .auth-area form .inputs input:active,section.auth .auth-area form .inputs input:visited{font-size:var(--font-size-lg)!important;color:var(--auth-text-secondary)!important}section.auth .auth-area form .inputs input:-webkit-autofill-strong-password{font-size:var(--font-size-lg)!important;color:var(--auth-text-secondary)!important}section.auth .auth-area form .inputs .forgot-password-link{color:#60626e;font-size:var(--font-size-sm);align-self:flex-end;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{font-size:var(--font-size-sm);color:var(--auth-text-secondary);flex-direction:row;justify-content:center;align-items:center;gap:16px;font-size:14px;line-height:130%;display:flex}section.auth .switch-screen a{color:var(--auth-link);gap:6px}section.auth .back-to{font-size:var(--font-size-sm);flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;font-weight:500;line-height:26px;display:flex;position:fixed;top:20px;left:20px}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{flex-direction:column;gap:20px;display:flex}section.auth .billing-form .input-wrapper{flex-direction:column;display:flex}section.auth .billing-form .input-wrapper input{color:#fff;background-color:#0000;font-size:16px;font-style:normal;font-weight:400;line-height:26px}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:#0000;border-radius:10px;padding:6px 4px;font-size:16px;font-style:normal;font-weight:400;line-height:26px}section.auth .billing-form .input-wrapper .stratter-select__control .stratter-select__placeholder{color:#9c9eaa}section.auth .billing-form .input-row{flex-direction:row;justify-content:space-between;align-items:center;gap:20px;display:flex}section.auth .billing-form .input-row .input-wrapper{flex:100%}section.auth .billing-form .stripe-form{flex-direction:column;display:flex}section.auth .billing-form .stripe-form .btn{margin-top:15px;padding:12px 20px}section.auth .billing-form .btn{border-color:#0000;align-self:flex-end;padding:8px 20px;font-size:18px}section.auth .password-strength .strength-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}section.auth .password-strength .strength-header .strength-label{font-size:var(--font-size-sm);color:var(--auth-text-secondary);font-weight:500}section.auth .password-strength .strength-header .strength-text{font-size:var(--font-size-sm);text-transform:capitalize;font-weight:600}section.auth .password-strength .strength-bar{border-radius:4px;gap:2px;height:8px;margin-bottom:12px;display:flex;overflow:hidden}section.auth .password-strength .strength-bar .strength-segment{background:#374151;border-radius:2px;flex:1;height:100%;transition:all .3s}section.auth .password-strength .strength-bar .strength-segment.active:first-child{background:linear-gradient(90deg,#ef4444,#f59e0b)}section.auth .password-strength .strength-bar .strength-segment.active:nth-child(2){background:linear-gradient(90deg,#f59e0b,#fbbf24)}section.auth .password-strength .strength-bar .strength-segment.active:nth-child(3){background:linear-gradient(90deg,#fbbf24,#a3e635)}section.auth .password-strength .strength-bar .strength-segment.active:nth-child(4){background:linear-gradient(90deg,#a3e635,#10b981)}section.auth .password-strength .strength-bar .strength-segment.active:nth-child(5){background:linear-gradient(90deg,#10b981,#059669)}section.auth .password-strength .criteria-hints{flex-direction:column;display:flex}section.auth .password-strength .criteria-hints .hint{font-size:var(--font-size-sm);color:var(--auth-text-secondary);align-items:center;gap:8px;transition:color .2s;display:flex}section.auth .password-strength .criteria-hints .hint.met{color:#10b981}section.auth .password-strength .criteria-hints .hint .hint-icon{text-align:center;min-width:16px;font-size:12px;font-weight:700}section.auth .password-strength .criteria-hints .hint .hint-text{line-height:1.2}@keyframes onAutoFillStart{}@keyframes onAutoFillCancel{}input:-webkit-autofill{animation-name:onAutoFillStart}input:not(:-webkit-autofill){animation-name:onAutoFillCancel}section.auth .terms-checkbox{margin-top:16px}section.auth .terms-checkbox .checkbox-label{cursor:pointer;font-size:var(--font-size-sm);align-items:flex-start;gap:12px;line-height:1.5;color:#fff!important;display:flex!important}section.auth .terms-checkbox .checkbox-label .terms-checkbox-input{flex-shrink:0;margin-top:2px}section.auth .terms-checkbox .checkbox-label .checkbox-text{flex:1}section.auth .terms-checkbox .terms-link{font-size:var(--font-size-sm);color:var(--auth-text-secondary);flex-wrap:wrap;align-items:flex-start;margin-left:34px;line-height:1.5;display:flex!important}section.auth .terms-checkbox .terms-link a,section.auth .terms-checkbox .terms-link a:hover{color:var(--auth-text-secondary);text-decoration:underline}section.auth .error-text{color:#ef4444;font-size:var(--font-size-sm);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin-top:16px;padding:12px 16px;line-height:1.5}section.auth .error-text.client-error{background:#ef444426;border-color:#ef444466}section.auth .success-text{color:#22c55e;font-size:var(--font-size-sm);background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;margin-top:16px;padding:12px 16px;line-height:1.5}section.auth .success-text p{margin:0}section.auth .success-text p:not(:last-child){margin-bottom:8px}section.auth .error-label{font-weight:600;color:#ef4444!important}section.auth .success-message{color:#10b981;font-size:var(--font-size-sm);text-align:center;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;margin-top:24px;padding:16px 20px;line-height:1.6}section.auth .actions{flex-direction:column;gap:16px;margin-top:24px;display:flex}section.auth .actions .btn{justify-content:center;width:100%}section.auth .actions .btn.btn-secondary{color:var(--auth-text);background-color:#0000;border:1px solid #ffffff4d}section.auth .actions .btn.btn-secondary:hover{background-color:#ffffff1a;border-color:#ffffff80}