@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)}}.client-login{min-height:100svh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.client-login .info-message-top{width:100%;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-bottom:3px solid #4caf50;padding:1rem 2rem;animation:fadeIn .6s ease-out;box-shadow:0 2px 8px #0000001a}.client-login .info-message-top p{color:#2e7d32;font-size:.95rem;line-height:1.5;text-align:center;max-width:800px;margin:0 auto}.client-login .info-message-top p strong{font-weight:600}@media(max-width:600px){.client-login .info-message-top{padding:.875rem 1rem}.client-login .info-message-top p{font-size:.85rem}}.client-login .login-content{width:100%;max-width:clamp(480px,90vw,1400px);margin:0 auto;padding:2rem 1rem;text-align:left;position:relative;display:flex;flex-direction:column;justify-content:center;min-height:70vh;flex:1;animation:fadeIn .5s ease-out}.client-login .login-content-in{width:100%;max-width:500px;margin:0 auto}.client-login .brand{width:200px;margin:0 0 2rem;text-align:left;animation:slideInFromLeft .6s ease-out}.client-login .brand .logo-image{max-width:200px}.client-login .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}.client-login .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}.client-login .login-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;animation:fadeInUp .9s ease-out;animation-fill-mode:both}.client-login .login-form .input-container{width:100%}.client-login .login-form .input{transition:all .3s ease}.client-login .login-form .input:focus,.client-login .login-form .input:focus-visible{transform:translateY(-2px);box-shadow:0 4px 12px #00000014!important}.client-login .login-form .input:hover:not(:focus){box-shadow:0 2px 8px #0000000d}.client-login .login-form .input-label{transition:color .2s ease}.client-login .login-form .input-error{color:#e74c3c;font-size:.8em;padding-left:.5rem;margin-top:.25rem;display:block;min-height:0}.client-login .login-form .input-error:empty{display:none;margin:0;padding:0}.client-login .login-form .password-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.client-login .login-form .password-input-wrapper .password-input{padding-right:3rem;width:100%}.client-login .login-form .password-input-wrapper .password-toggle-button{position:absolute;right:1.25rem;background:none;border:none;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center;padding:.25rem;transition:opacity .2s ease,transform .2s ease}.client-login .login-form .password-input-wrapper .password-toggle-button:hover{opacity:.7;transform:scale(1.1)}.client-login .login-form .password-input-wrapper .password-toggle-button:active{transform:scale(.95)}.client-login .login-form .password-input-wrapper .password-toggle-button:focus,.client-login .login-form .password-input-wrapper .password-toggle-button:focus-visible{outline:2px solid #bef264;outline-offset:2px;border-radius:.25rem}.client-login .login-actions-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:2rem;animation:fadeInUp 1s ease-out;animation-fill-mode:both}.client-login .login-actions-row .login-button-wrapper{flex:0 1 auto}.client-login .login-actions-row .login-button-wrapper .button{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;white-space:nowrap}.client-login .login-actions-row .login-button-wrapper .button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 4px 12px #00000026}.client-login .login-actions-row .login-button-wrapper .button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.client-login .login-actions-row .login-button-wrapper .button i svg{width:1rem;height:1rem}.client-login .login-actions-row .forgot-password{flex:0 0 auto}.client-login .login-actions-row .forgot-password a{color:#bef264;text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap;transition:all .2s ease;position:relative}.client-login .login-actions-row .forgot-password a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#bef264;transition:width .3s ease}.client-login .login-actions-row .forgot-password a:hover{opacity:.8}.client-login .login-actions-row .forgot-password a:hover:after{width:100%}@media(max-width:600px){.client-login .login-actions-row{flex-direction:column;align-items:stretch}.client-login .login-actions-row .login-button-wrapper,.client-login .login-actions-row .login-button-wrapper .button{width:100%}.client-login .login-actions-row .forgot-password{text-align:center}}.client-login .signup-link{color:#fff;font-size:.9rem;margin:0;text-align:center;max-width:500px;margin:2rem auto 0;animation:fadeInUp 1.1s ease-out;animation-fill-mode:both}.client-login .signup-link a{color:#bef264;text-decoration:none;font-weight:500;transition:all .2s ease;position:relative}.client-login .signup-link a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:#bef264;transition:width .3s ease}.client-login .signup-link a:hover{opacity:.8}.client-login .signup-link a:hover:after{width:100%}