.client-login{align-items:center;background:#ffc700;background-image:url(images/bg~6a943095.webp);background-position:50%;background-size:cover;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:80vh;padding:60px 20px}.client-login__wrapper{background:#fff;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,.1);max-width:400px;overflow:hidden;position:relative;width:100%}.client-login__form{animation:client-login-fade .3s ease-in-out;display:none;padding:40px}.client-login__form--active{display:block}.client-login__title{background:none;-webkit-background-clip:unset;color:#333;font-size:24px;font-weight:600;margin:0 0 30px;text-align:center}.client-login__group{margin-bottom:20px;position:relative}.client-login__label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.client-login__input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 16px;transition:border-color .3s ease;width:100%}.client-login__input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.client-login__input--invalid{border-color:#e74c3c}.client-login__field-error{color:#e74c3c;display:block;font-size:12px;margin-top:5px}.client-login__btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:16px;font-weight:600;padding:14px;transition:transform .2s ease,opacity .2s;width:100%}.client-login__btn:hover:not(:disabled){transform:translateY(-2px)}.client-login__btn:disabled{cursor:not-allowed;opacity:.7}.client-login__links{margin-top:20px;text-align:center}.client-login__link{color:#667eea;font-size:14px;-webkit-text-decoration:none;text-decoration:none}.client-login__link:hover{-webkit-text-decoration:underline;text-decoration:underline}.client-login__messages{max-width:400px;width:100%}.client-login__message{border-radius:8px;display:none;font-size:14px;margin-bottom:10px;padding:12px 20px}.client-login__message--error{background-color:#fee;border:1px solid #fcc;color:#c33}.client-login__message--success{background-color:#efe;border:1px solid #cfc;color:#363}@media(max-width:480px){.client-login{padding:10px}.client-login__wrapper{max-width:100%}.client-login__form{padding:30px 20px}}@keyframes client-login-fade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}