.login-page{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;gap:2rem;overflow:hidden}.login-page__bg{position:absolute;inset:0;background-size:cover;background-position:50%;background-repeat:no-repeat;filter:blur(16px) brightness(.85);transform:scale(1.1);z-index:0}.login-page__bg:after{content:"";position:absolute;inset:0;background:rgba(247,246,243,.6)}.login-page__footer{flex-shrink:0;z-index:1}.app-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.app-logo__img{height:8rem;width:auto;object-fit:contain}.login-card{width:100%;max-width:24rem;padding:1.5rem 2rem 2rem;background-color:var(--color-card-bg);border:1px solid var(--color-card-border);border-radius:1rem;box-shadow:var(--shadow-card);z-index:1}.login-card__title{font-size:.9375rem;font-weight:500;color:var(--color-text-primary);text-align:center;margin:0 0 .25rem;line-height:1.3}.login-card__subtitle{font-size:.875rem;color:var(--color-text-secondary);text-align:center;margin:0 0 1rem}.login-card__form{display:flex;flex-direction:column;gap:1rem}.login-card__submit{width:100%;padding:.75rem 1rem;margin-top:.5rem;font-size:.9375rem;font-weight:600;font-family:inherit;color:white;background-color:var(--color-primary);border:none;border-radius:.5rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease}.login-card__submit:hover{background-color:var(--color-primary-hover)}.login-card__submit:active{transform:scale(.98)}.login-card__submit:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.form-field{display:flex;flex-direction:column;gap:.375rem;width:100%}.form-field__label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-field__input{width:100%;padding:.75rem 1rem;font-size:.9375rem;font-family:inherit;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:.5rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.form-field__input-wrapper{position:relative;width:100%}.form-field__input-wrapper .form-field__input{padding-right:3rem}.form-field__toggle-password{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:.25rem .375rem;font-size:1.125rem;line-height:1;color:var(--color-text-secondary);border-radius:.25rem;display:flex;align-items:center;justify-content:center}.form-field__toggle-password:hover{background-color:rgba(0,0,0,.05)}.form-field__input::placeholder{color:var(--color-text-placeholder)}.form-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-ring)}.form-field__error{margin-top:.125rem}.form-field__error,.login-card__error{font-size:.8125rem;color:var(--color-error)}.login-card__error{background-color:rgba(220,38,38,.05);border:1px solid rgba(220,38,38,.15);border-radius:.375rem;padding:.625rem .75rem;text-align:center}.login-card__submit:disabled{opacity:.7;cursor:not-allowed}.login-card__footer{text-align:center;margin-top:1rem;font-size:.875rem;color:var(--color-text-secondary)}.login-card__link{color:var(--color-primary);text-decoration:none;font-weight:500}.login-card__link:hover{text-decoration:underline}