@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.MuiFormControl-root .MuiInputBase-root{border-radius:50px!important}.MuiInputBase-input{height:.563rem!important}.otpInput{transition:all .3s ease;z-index:1}.otpInput:focus{outline:none;transform:scale(1.05);box-shadow:0 0 0 2px rgba(0,127,160,.2)}.animatedDigit{pointer-events:none;opacity:0;transform:translateY(100%);transition:all .3s ease}.otpInput.border-primary+.animatedDigit{opacity:1;transform:translateY(0)}.otpInput.error{animation:shake .5s ease-in-out;border-color:var(--red)}.auth-wrapper{height:calc(100vh - 56px)}.fadeIn{animation:fadeIn .5s ease-out}.fadeIn.fast{animation:fadeIn .2s ease-out}.formField{transition:transform .3s ease}.formField:focus-within{transform:translateY(-5px)}.formField.inputError:focus-within{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.input{transition:border-color .3s ease,box-shadow .3s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(0,127,160,.2)}.inputError .input:focus{border-color:var(--red);box-shadow:0 0 0 2px rgba(245,34,45,.2)}.passwordToggle{transition:opacity .3s ease}.passwordToggle:hover{opacity:.7}.checkbox{transition:background-color .3s ease}.checkbox:checked{background-color:var(--primary)}.submitButton{transition:background-color .3s ease,transform .3s ease}.submitButton:hover{background-color:var(--secondary);transform:translateY(-2px)}.socialButton{transition:transform .3s ease,opacity .3s ease}.socialButton:hover{transform:scale(1.1);opacity:.8}.content-exceeds-viewport .auth-wrapper{height:auto;min-height:calc(100vh - 56px)}