.login-page{min-height:100vh;background:#f6f8fb}.login-page__wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 20px}.login-page__shell{width:100%;max-width:1060px;display:grid;grid-template-columns:minmax(280px,420px) minmax(320px,460px);align-items:center;justify-content:space-between;gap:40px}.login-page__intro{display:flex;flex-direction:column;gap:14px}.login-page__brand-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:36px;padding:6px 14px;border:1px solid #d7e0ea;border-radius:999px;background:#fff;color:#3f699a;font-size:13px;font-weight:600;letter-spacing:.02em}.login-page__brand-image{width:220px;height:auto}.login-page__title{margin:0;color:#172033;font-size:42px;font-weight:700;line-height:1.1}.login-page__subtitle{margin:0;color:#5f6b7c;font-size:16px;line-height:1.8;max-width:520px}.login-card{width:100%;padding:34px 32px;border:1px solid #e4eaf1;border-radius:24px;background:#fff;box-shadow:0 24px 60px #1220331a}.login-card__header{margin-bottom:24px}.login-card__title{margin:0 0 8px;color:#172033;font-size:28px;font-weight:700;line-height:1.2}.login-card__text{margin:0;color:#5f6b7c;font-size:14px;line-height:1.7}.login-page__alert{margin-bottom:18px;padding:14px 16px;border-radius:14px;font-size:14px;line-height:1.6}.login-page__alert--error{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c}.login-page__alert--success{border:1px solid #d9f1df;background:#f0fdf4;color:#15803d}.login-form{display:flex;flex-direction:column;gap:20px}.login-form__group{display:flex;flex-direction:column;gap:8px}.login-form__label{color:#334155;font-size:14px;font-weight:600}.login-form__input{width:100%;height:52px;padding:0 16px;border:1px solid #d7e0ea;border-radius:14px;background:#fff;color:#172033;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.login-form__input::placeholder{color:#99a3b2}.login-form__input:focus{border-color:#3f699a;box-shadow:0 0 0 4px #3f699a1a;background:#fff}.login-form__password-wrap{position:relative}.login-form__input--password{padding-right:56px}.login-form__password-toggle{position:absolute;top:50%;right:14px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;background:transparent;color:#8a94a6;cursor:pointer;transform:translateY(-50%);transition:color .2s ease}.login-form__password-toggle:hover{color:#3f699a}.login-form__password-icon{display:inline-flex;align-items:center;justify-content:center}.login-form__password-icon svg{width:20px;height:20px}.login-form__password-icon--hide,.login-form__password-toggle.is-active .login-form__password-icon--show{display:none}.login-form__password-toggle.is-active .login-form__password-icon--hide{display:inline-flex}.login-form__row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:-2px}.login-form__checkbox{display:inline-flex;align-items:center;gap:8px;color:#5f6b7c;font-size:14px}.login-form__checkbox input{width:16px;height:16px;accent-color:#3f699a}.login-form__link{color:#3f699a;font-size:14px;font-weight:600;transition:color .2s ease}.login-form__link:hover{color:#345b87}.login-form__submit{width:100%;height:52px;border:1px solid #3f699a;border-radius:14px;background:#3f699a;color:#fff;font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.login-form__submit:hover{background:#345b87;border-color:#345b87;transform:translateY(-1px);box-shadow:0 14px 30px #3f699a2e}.login-form__submit:active{transform:translateY(0)}@media(max-width:900px){.login-page__shell{grid-template-columns:1fr;max-width:520px;gap:24px}.login-page__intro{text-align:center;align-items:center}.login-page__subtitle{max-width:none}}@media(max-width:575px){.login-card{padding:26px 22px;border-radius:20px}.login-page__title{font-size:34px}.login-card__title{font-size:24px}.login-form__row{flex-direction:column;align-items:flex-start}}