: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;text-align:center}section.auth .auth-area form{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:16px;width:100%;margin-top:32px}section.auth .auth-area form .inputs{display:flex;flex-direction:column;align-items:stretch;gap:8px}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:16px;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:16px;right:20px;width:22px;height:22px;cursor:pointer}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,section.auth .auth-area form .inputs input:-webkit-autofill:active,section.auth .auth-area form .inputs input:-webkit-autofill:focus,section.auth .auth-area form .inputs input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px rgba(0,0,0,0)!important;-webkit-text-fill-color:var(--auth-text-secondary)!important;-webkit-font-size:var(--font-size-lg)!important;transition:background-color 5000s ease-in-out 0s;background-color:rgba(0,0,0,0)!important;font-size:var(--font-size-lg)!important;color:var(--auth-text-secondary)!important}section.auth .auth-area form .inputs input:-moz-autofill{background-color:rgba(0,0,0,0)!important;color:var(--auth-text-secondary)!important;font-size:var(--font-size-lg)!important}section.auth .auth-area form .inputs input:-ms-input-placeholder{color:var(--auth-text-secondary)!important;font-size:var(--font-size-lg)!important}section.auth .auth-area form .inputs input:active,section.auth .auth-area form .inputs input:focus,section.auth .auth-area form .inputs input:hover,section.auth .auth-area form .inputs input:visited,section.auth .auth-area form .inputs input[autocomplete]{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{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}section.auth .password-strength .strength-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}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);font-weight:600;text-transform:capitalize}section.auth .password-strength .strength-bar{display:flex;gap:2px;height:8px;border-radius:4px;overflow:hidden;margin-bottom:12px}section.auth .password-strength .strength-bar .strength-segment{flex:1;height:100%;transition:all .3s ease;border-radius:2px;background:#374151}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{display:flex;flex-direction:column}section.auth .password-strength .criteria-hints .hint{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);color:var(--auth-text-secondary);transition:color .2s ease}section.auth .password-strength .criteria-hints .hint.met{color:#10b981}section.auth .password-strength .criteria-hints .hint .hint-icon{font-size:12px;font-weight:700;min-width:16px;text-align:center}section.auth .password-strength .criteria-hints .hint .hint-text{line-height:1.2}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{display:flex!important;align-items:flex-start;gap:12px;cursor:pointer;font-size:var(--font-size-sm);line-height:1.5;color:#fff!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{display:flex!important;flex-wrap:wrap;align-items:flex-start;font-size:var(--font-size-sm);line-height:1.5;color:var(--auth-text-secondary);margin-left:34px}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{margin-top:16px;padding:12px 16px;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#ef4444;font-size:var(--font-size-sm);line-height:1.5}section.auth .error-text.client-error{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.4)}section.auth .success-text{margin-top:16px;padding:12px 16px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:8px;color:#22c55e;font-size:var(--font-size-sm);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{color:#ef4444!important;font-weight:600}section.auth .success-message{margin-top:24px;padding:16px 20px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);border-radius:8px;color:#10b981;font-size:var(--font-size-sm);line-height:1.6;text-align:center}section.auth .actions{display:flex;flex-direction:column;gap:16px;margin-top:24px}section.auth .actions .btn{width:100%;justify-content:center}section.auth .actions .btn.btn-secondary{background-color:rgba(0,0,0,0);border:1px solid hsla(0,0%,100%,.3);color:var(--auth-text)}section.auth .actions .btn.btn-secondary:hover{background-color:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.5)}