@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.forgot-password-page{min-height:100svh;width:100%;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.forgot-password-page .forgot-password-content{width:100%;max-width:clamp(480px,90vw,1400px);margin:0 auto;text-align:left;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:70vh;animation:fadeIn .5s ease-out}.forgot-password-page .forgot-password-content-in{width:100%;max-width:500px;margin:0 auto}.forgot-password-page .brand{width:200px;margin:0 0 2rem;text-align:left;animation:slideInFromLeft .6s ease-out}.forgot-password-page .brand .logo-image{max-width:200px}.forgot-password-page .title{color:#fff;font-size:1.5rem;letter-spacing:0;line-height:1.2;margin:0 0 .75rem;font-weight:500;animation:fadeInUp .7s ease-out;animation-fill-mode:both}.forgot-password-page .subtitle{color:#fff;font-size:1rem;line-height:1.6;margin:0 0 1.75rem;font-weight:400;animation:fadeInUp .8s ease-out;animation-fill-mode:both}.forgot-password-page .forgot-password-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;animation:fadeInUp .9s ease-out;animation-fill-mode:both}.forgot-password-page .forgot-password-form .input-container{width:100%}.forgot-password-page .forgot-password-form .input{transition:all .3s ease}.forgot-password-page .forgot-password-form .input:focus,.forgot-password-page .forgot-password-form .input:focus-visible{transform:translateY(-2px);box-shadow:0 4px 12px #00000014!important}.forgot-password-page .forgot-password-form .input:hover:not(:focus){box-shadow:0 2px 8px #0000000d}.forgot-password-page .forgot-password-form .input-label{transition:color .2s ease}.forgot-password-page .forgot-password-form .input-error{color:#e74c3c;font-size:.8em;padding-left:.5rem;margin-top:.25rem;display:block;min-height:0}.forgot-password-page .forgot-password-form .input-error:empty{display:none;margin:0;padding:0}.forgot-password-page .forgot-password-actions{display:flex;align-items:center;justify-content:center;margin-bottom:2rem;animation:fadeInUp 1s ease-out;animation-fill-mode:both}.forgot-password-page .forgot-password-actions .submit-button-wrapper{width:100%}.forgot-password-page .forgot-password-actions .submit-button-wrapper .button{width:100%;text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;letter-spacing:.06rem;font-weight:500;line-height:1;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;padding:.6rem 1rem}.forgot-password-page .forgot-password-actions .submit-button-wrapper .button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 4px 12px #00000026}.forgot-password-page .forgot-password-actions .submit-button-wrapper .button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.forgot-password-page .forgot-password-actions .submit-button-wrapper .button i svg{width:1rem;height:1rem}.forgot-password-page .bottom-links{display:flex;flex-direction:column;gap:.75rem;margin:2rem auto 0;animation:fadeInUp 1.1s ease-out;animation-fill-mode:both}.forgot-password-page .login-link{color:#fff;font-size:.9rem;text-align:center;max-width:500px;margin:0 auto}.forgot-password-page .login-link a{color:#bef264;text-decoration:none;font-weight:500;transition:all .2s ease;position:relative}.forgot-password-page .login-link a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#bef264;transition:width .3s ease}.forgot-password-page .login-link a:hover{opacity:.8}.forgot-password-page .login-link a:hover:after{width:100%}
