.login-form{max-width:520px;width:100%}.login-form__hint{margin-bottom:20px;color:#555;font-size:14px;line-height:1.5}.login-form__footer{margin-top:20px;text-align:right}.login-form__footer a{color:#007bff;font-size:14px;text-decoration:none}.login-form__footer a:hover{text-decoration:underline}.login-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:20px;border-radius:6px;font-size:14px;line-height:1.5}.login-alert--error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.login-alert--warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.login-alert__icon{flex-shrink:0;line-height:1.4}.password-field{position:relative}.password-field input{padding-right:44px}.password-toggle{position:absolute;top:50%;right:8px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:4px;background:transparent;color:#666;cursor:pointer;transition:color .2s,background-color .2s}.password-toggle:hover{color:#333;background-color:#0000000d}.password-toggle:focus-visible{outline:2px solid #007bff;outline-offset:2px}.password-toggle__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:20px;height:20px}.password-toggle__icon-wrap:after{content:"";position:absolute;top:50%;left:50%;width:22px;height:2px;background:currentColor;border-radius:1px;transform:translate(-50%,-50%) rotate(-45deg) scaleX(0);transition:transform .15s ease;pointer-events:none}.password-toggle[aria-pressed=true] .password-toggle__icon-wrap:after{transform:translate(-50%,-50%) rotate(-45deg) scaleX(1)}.password-toggle__icon{display:block}.login-remember{display:flex;align-items:center;gap:8px}.login-remember input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.login-remember label{margin:0;font-weight:500;cursor:pointer}.login-field-error{margin-top:6px}input.input-invalid{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451f}input.input-invalid:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc354533}input::placeholder{color:#999}.login-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:120px}.login-submit:disabled{background-color:#6c9fd4;cursor:not-allowed}.login-submit__loading{display:inline-flex;align-items:center;gap:8px}.login-spinner{display:inline-block;width:18px;height:18px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}