.container-auth{background:var(--background);flex-direction:column;align-items:center;width:100%;height:auto;display:flex;position:relative;overflow:hidden}.container-auth:before,.container-auth:after{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--clr-primary-a0) 16%, transparent) 0%, transparent 70%);filter:blur(10px);pointer-events:none;z-index:0;border-radius:50%;width:480px;height:480px;position:absolute}.container-auth:before{top:-180px;left:-140px}.container-auth:after{bottom:-200px;right:-160px}.container-auth .content-auth{width:var(--width);max-width:var(--max-width);z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:30px;height:auto;padding:50px 0;display:flex;position:relative}.container-auth .form{transition:box-shadow .25s ease-in-out,border-color .25s ease-in-out}.container-auth .form:hover{box-shadow:0 20px 40px #0000000f}.container-auth .form.form-register{max-width:620px}.container-auth .form.form-register .fields-grid{flex-direction:column;width:100%;display:flex}@media (min-width:640px){.container-auth .form.form-register .fields-grid{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}.container-auth .form.form-register .fields-grid .input-full-width{grid-column:1/-1}}.container-auth .form .input.input-with-suffix input{flex:auto;width:auto;padding-right:4px}.container-auth .form a.btn-primary{color:#fff;text-align:center;width:max-content;margin:0}.container-auth .form .input-suffix{color:var(--gray-light);white-space:nowrap;pointer-events:none;flex-shrink:0;align-items:center;padding:0 16px 0 0;font-size:13px;font-weight:500;display:flex}.container-auth .form img{margin:0 0 20px}.container-auth .form .input:focus-within{box-shadow:0 0 0 4px color-mix(in srgb, var(--clr-primary-a0) 16%, transparent)}.auth-footer-text{text-align:center;width:100%;max-width:450px}.auth-footer-text h2{color:var(--gray);margin:0;font-size:15px;font-weight:500}.auth-footer-text h2 a{color:var(--blue);margin:0 0 0 4px;font-weight:600;text-decoration:underline}.container-auth .spin{animation:.8s linear infinite auth-spin}@keyframes auth-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-checking{color:var(--clr-primary-a0);flex-direction:row;justify-content:center;align-items:center;gap:8px;margin:4px 0 0;display:flex}.container-auth .content-auth .links{flex-direction:row;justify-content:center;align-items:center;gap:20px;width:100%;max-width:450px;height:auto;display:flex}.container-auth .content-auth .links a{color:var(--blue);margin:0 0 0 4px;font-size:14px;font-weight:500;text-decoration:underline}.otp{flex-direction:row;justify-content:center;align-items:center;gap:10px;width:100%;margin:10px 0;display:flex}.otp input{border-radius:var(--border-radius);border:1px solid var(--border-color);background:var(--white);width:46px;height:56px;color:var(--black);text-align:center;outline:none;font-size:22px;font-weight:600;transition:border-color .2s ease-in-out}.otp input:focus{border:1px solid var(--clr-primary-a0)}@media (max-width:450px){.otp{gap:6px}.otp input{width:38px;height:48px;font-size:18px}}
