.login-form{margin-top:60px;margin-bottom:5rem}.login-form__page-header{margin-left:auto;margin-right:auto;margin-bottom:2.5rem;display:flex;width:100%;max-width:640px;flex-direction:column;gap:.75rem;text-align:center;padding-top:calc(var(--space-section)/2)}.login-form__eyebrow{font-weight:500;font-size:12px;line-height:1;letter-spacing:.22em;text-transform:uppercase;color:var(--vk-red-500)}.login-form__title{margin:0;line-height:1.1;color:var(--grey-900);font-weight:500;font-size:clamp(26px,2.6vw,40px)}.login-form__title em{font-style:italic;font-weight:400;color:var(--pearl-600)}.login-form__lede{max-width:52ch;font-weight:400;font-size:16px;line-height:1.55;color:var(--pearl-700);margin:0 auto}.login-form__card{margin-left:auto;margin-right:auto;width:100%;max-width:min(100%,560px);background:var(--bg-surface);border:1px solid var(--border-primary-base,rgba(20,24,31,.1));border-radius:var(--radius-2xl);padding:clamp(24px,3vw,40px)}.login-form__card[data-hydrated=false]>*{visibility:hidden}.login-form__tabs{display:flex;justify-content:center;gap:0;border-bottom:1px solid var(--border-primary-base,rgba(20,24,31,.12));margin-bottom:32px}.login-form__tab{background:none;padding:14px 24px;margin-bottom:-1px;font-weight:500;font-size:14px;line-height:1;letter-spacing:-.005em;color:var(--pearl-600);cursor:pointer;border:none;border-bottom:2px solid rgba(0,0,0,0);transition:color .24s ease,border-color .24s ease}.login-form__tab[data-active=true]{color:var(--grey-900);border-bottom-color:var(--grey-900)}.login-form__tab:hover:not([data-active=true]){color:var(--grey-900)}.login-form__tab:focus-visible{outline:2px solid var(--grey-900);outline-offset:2px;border-radius:4px}.login-form__form{display:flex;flex-direction:column;gap:20px}.login-form__field{display:flex;flex-direction:column;gap:8px}.login-form__label{font-weight:500;font-size:14px;line-height:1.2;color:var(--grey-900)}.login-form__label-required{color:var(--vk-red-500)}.login-form__input{width:100%;padding:12px 14px;border:1px solid var(--border-primary-base,rgba(20,24,31,.18));border-radius:var(--radius-md);background:var(--bg-surface);font-weight:400;font-size:14px;line-height:1.4;color:var(--grey-900);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.login-form__input::placeholder{color:var(--ink-500)}.login-form__input:focus-visible{border-color:var(--grey-900);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(51 65 85/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.login-form__input[data-error=true]{border-color:var(--vk-red-500)}.login-form__input[data-error=true]:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(51 65 85/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.login-form__input:disabled{background:var(--bg-canvas);cursor:not-allowed;opacity:.7}.login-form__field-error{margin:0;font-weight:500;font-size:13px;line-height:1.4;color:var(--vk-red-500)}.login-form__remember{display:flex;align-items:center;gap:10px;margin-top:4px;font-weight:500;font-size:14px;line-height:1.4;color:var(--grey-900);cursor:pointer}.login-form__remember input[type=checkbox]{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin:0;border:1.5px solid var(--grey-900);border-radius:4px;background:var(--bg-surface);cursor:pointer;position:relative;flex-shrink:0;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.login-form__remember input[type=checkbox]:hover{border-color:var(--vk-red-500)}.login-form__remember input[type=checkbox]:checked{background:var(--vk-red-500);border-color:var(--vk-red-500)}.login-form__remember input[type=checkbox]:checked:after{content:"";position:absolute;left:4px;top:0;width:6px;height:11px;border:solid var(--bg-surface);border-width:0 2px 2px 0;transform:rotate(45deg)}.login-form__remember input[type=checkbox]:focus-visible{outline:none;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(51 65 85/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.login-form__submit{align-self:stretch;width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;padding:14px 20px;border:none;background:var(--grey-900);color:var(--bg-surface);border-radius:var(--radius-pill);font-weight:600;font-size:15px;line-height:1;letter-spacing:.01em;cursor:pointer;transition:background .2s ease,transform .12s ease}.login-form__submit .material-symbols-outlined{font-size:17px;transition:transform .2s ease}.login-form__submit:hover:not(:disabled){background:#000}.login-form__submit:hover:not(:disabled) .material-symbols-outlined{transform:translateX(3px)}.login-form__submit:active:not(:disabled){transform:scale(.98)}.login-form__submit:disabled{opacity:.5;cursor:not-allowed}.login-form__error{padding:12px 14px;background:rgba(193,11,37,.06);border:1px solid rgba(193,11,37,.18);border-radius:var(--radius-md);color:var(--vk-red-500);font-weight:500;font-size:13px;line-height:1.45}.login-form__links{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:18px;font-weight:400;font-size:14px;line-height:1.4;color:var(--pearl-700)}.login-form__link{color:var(--grey-900);text-decoration:underline rgba(0,0,0,0);text-decoration-thickness:1px;text-underline-offset:6px;text-decoration-skip-ink:auto;transition:text-decoration-color .2s ease,color .2s ease}.login-form__link:hover{text-decoration-color:var(--grey-900)}.login-form__link--brand{color:var(--vk-red-500);font-weight:600}.login-form__link--brand:hover{text-decoration-color:var(--vk-red-500);color:var(--vk-red-600)}