.auth-page{min-height:100dvh;background:url(/static/shared/img/login-background.png) center/cover no-repeat var(--color-bg-main, #faf8f5)}.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.login__card{width:100%;max-width:420px;background:var(--color-bg-card, #fff);border-radius:var(--radius-lg, 16px);box-shadow:0 8px 30px #1a26341f;padding:2.5rem 2rem;border:1px solid var(--color-border, #e8e4de)}.login__logo{text-align:center;margin-bottom:2rem}.login__logo-img{max-width:400px;max-height:160px}.login__header{text-align:center;margin-bottom:2rem}.login__title{font-size:2rem;font-weight:800;color:var(--color-text-primary, #1a2634);margin:0 0 .5rem}.login__subtitle{font-size:1rem;color:var(--color-text-secondary, #5a6978);margin:0}.login .alert{display:flex;align-items:center;gap:.75rem;padding:1rem;margin-bottom:1.5rem;border-radius:var(--radius-md, 12px)}.login .alert__icon{width:24px;height:24px;flex-shrink:0}.login .alert-error{background:var(--color-danger-light, #fef2f0);color:var(--color-danger, #c44536)}.login .alert-success{background:var(--color-success-light, #edfaf5);color:var(--color-success, #1d7a5f)}.login__form{display:flex;flex-direction:column;gap:1.25rem}.login__field{display:flex;flex-direction:column;gap:.5rem}.login__label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--color-text-primary, #1a2634)}.login__label-icon{width:20px;height:20px;color:var(--color-text-secondary, #5a6978)}.login__input-wrapper{position:relative}.login__input{width:100%;min-height:56px;padding:1rem;font-size:1rem;border:2px solid var(--color-border, #e8e4de);border-radius:var(--radius-md, 12px);background:var(--color-bg-card, #fff);color:var(--color-text-primary, #1a2634);transition:border-color .2s,box-shadow .2s}.login__input::placeholder{color:var(--color-text-muted, #8a949f)}.login__input:focus{outline:none;border-color:var(--color-primary, #1a2634);box-shadow:0 0 0 3px #1a26341a}.login__input.error{border-color:var(--color-danger, #c44536)}.login__input-wrapper .login__input{padding-right:3.5rem}.login__toggle-password{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-muted, #8a949f);border-radius:var(--radius-sm, 8px)}.login__toggle-password:hover{background:#0000000d;color:var(--color-text-primary, #1a2634)}.login__eye-icon{width:24px;height:24px}.login__eye-icon--hide,.login__toggle-password.active .login__eye-icon--show{display:none}.login__toggle-password.active .login__eye-icon--hide{display:block}.login__error{font-size:.875rem;color:var(--color-danger, #c44536);display:none}.login__error.visible{display:block}.login__remember{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-text-secondary, #5a6978);cursor:pointer}.login__checkbox{width:18px;height:18px;accent-color:var(--color-primary, #1a2634)}.login__submit{min-height:56px;font-size:1rem;font-weight:600;border-radius:var(--radius-md, 12px);background:var(--color-primary, #1a2634);color:#fff;border:none;cursor:pointer;transition:background .2s,transform .1s}.login__submit:hover{background:var(--color-primary-dark, #0f1720)}.login__submit:active{transform:scale(.98)}.login__submit:disabled{opacity:.7;cursor:wait}.login__footer{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #e8e4de);font-size:.875rem;color:var(--color-text-secondary, #5a6978)}@media(max-width:480px){.login{padding:2rem 1rem 1rem;align-items:flex-start}.login__card{padding:1.5rem}.login__logo-img{max-width:320px;max-height:160px}.login__title{font-size:1.5rem}}@media(prefers-reduced-motion:reduce){.login__input,.login__submit{transition:none}}