.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:80rem 0}.auth .container{display:flex;justify-content:center}.auth__card{width:469rem;max-width:100%;background:var(--white);border-radius:20rem;box-shadow:0 12rem 48rem rgba(26,26,26,.08);padding:40rem 60rem}.auth__step{display:none;flex-direction:column;align-items:center;text-align:center}.auth__step.is-active{display:flex}.auth__title{font-weight:700;font-size:28rem;line-height:1.2;color:var(--black)}.auth__subtitle{margin:12rem 0;font-size:14rem;line-height:1.4;color:var(--grey)}.auth__subtitle b{font-weight:600}.auth__field{position:relative;width:100%;margin-top:20rem;display:flex;align-items:center;gap:8rem;height:50rem;padding:0 20rem;background:var(--back);border:1.5rem solid rgba(0,0,0,0);border-radius:9999rem;transition:border-color .15s ease,background .15s ease}.auth__field.is-focused,.auth__field:focus-within{border-color:var(--orange)}.auth__field-icon{flex-shrink:0;width:24rem;height:24rem}.auth__input{flex:1;min-width:0;border:none;background:rgba(0,0,0,0);font-family:var(--font-family);font-size:14rem;color:var(--black)}.auth__input::placeholder{color:rgba(26,26,26,.4)}.auth__consent{width:100%;margin-top:20rem;display:flex;align-items:center;gap:16rem;cursor:pointer}.auth__consent-text{font-size:13rem;line-height:1.3;color:var(--grey);text-align:left}.auth__submit{width:100%;margin-top:30rem;height:50rem;border:none;border-radius:9999rem;background:var(--orange);color:var(--white);font-family:var(--font-family);font-weight:600;font-size:14rem;cursor:pointer;transition:background .15s ease,opacity .15s ease}.auth__submit:hover:not(:disabled){background:var(--dark-orange)}.auth__submit:disabled{background:#fbd0ac;cursor:not-allowed}.auth__link{background:rgba(0,0,0,0);border:none;padding:0;font-family:var(--font-family);font-weight:600;font-size:14rem;cursor:pointer;transition:opacity .15s ease}.auth__link--accent{color:var(--orange)}.auth__link:hover{opacity:.7}.auth__link[hidden]{display:none}.auth__otp{margin-top:20rem;display:flex;gap:20rem}.auth__otp-cell{width:56rem;height:72rem;border:1.5rem solid rgba(0,0,0,0);border-radius:12rem;background:var(--back);text-align:center;font-family:var(--font-family);font-weight:600;font-size:24rem;color:var(--black);caret-color:var(--orange);transition:border-color .15s ease,background .15s ease}.auth__otp-cell:focus{outline:none;border-color:var(--orange)}.auth__otp-cell.is-filled{border-color:#fbd0ac;background:#fff7f1}.auth__otp.is-error .auth__otp-cell{border-color:var(--red);background:#fdeaea}.auth__error{margin-top:16rem;font-size:14rem;line-height:1.3;color:#ef4444}.auth__error[hidden]{display:none}.auth__resend{margin-top:20rem;font-size:14rem;color:var(--grey)}.auth__expiry{margin-top:16rem;font-size:13rem;color:var(--grey)}.auth__blocked-icon{width:50rem;height:50rem;margin-bottom:30rem}.auth__step--blocked .auth__title{font-size:24rem}.auth__blocked-timer{margin-top:18rem;font-weight:700;font-size:32rem;color:var(--black)}.auth__btn-outline{margin-top:30rem;width:100%;height:50rem;display:flex;align-items:center;justify-content:center;border:1.5rem solid var(--orange);border-radius:9999rem;color:var(--black);font-weight:600;font-size:14rem;transition:background .15s ease,color .15s ease}.auth__btn-outline:hover{background:var(--orange);color:var(--white)}.auth-switch{position:relative;flex-shrink:0;width:33rem;height:18rem}.auth-switch__input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.auth-switch__track{display:block;width:100%;height:100%;border-radius:9999rem;background:rgba(26,26,26,.18);transition:background .18s ease}.auth-switch__thumb{position:absolute;top:2rem;left:2rem;width:14rem;height:14rem;border-radius:50%;background:var(--white);transition:transform .18s ease}.auth-switch__input:checked~.auth-switch__track{background:var(--black)}.auth-switch__input:checked~.auth-switch__track .auth-switch__thumb,.auth-switch__input:checked+.auth-switch__track .auth-switch__thumb{transform:translateX(15rem)}@media(max-width: 768px){.auth{padding:40rem 0}.auth__card{width:100%;padding:32rem 20rem}.auth__field{margin-top:8rem}.auth__otp-cell{width:56rem;height:72rem}.auth__submit{margin-top:20rem}.auth__expiry{margin-top:12rem}}
