body,
        html {
            height: 100%;
            margin: 0;
            overflow: hidden;
            /* Запрещаем полосу прокрутки */
            background: rgb(89, 199, 221);
            background: linear-gradient(339deg, rgba(219, 233, 236, 0.84) 6%, rgba(221, 230, 231, 0.7287289915966386) 100%);
        }

        .cookie-consent {
            position: fixed;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            background-color: #f8f9fa;
            color: #000000;
            padding: 20px;
            border-radius: 7px;
            text-align: left;
            z-index: 1000;
            width: 80%;
            max-width: 500px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .cookie-consent p {
            margin: 0;
        }

        .cookie-consent button {
            background-color: #54a9eb;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 10px;
            cursor: pointer;
            margin-left: 10px;
        }

        .cookie-consent button:hover {
            background-color: #478fc7;
        }


        .login-container {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: calc(100vh - 50px);
            /* Вычитаем 50 пикселей от высоты экрана */
            text-align: center;
            margin-top: 50px;
            /* Отодвигаем от шапки на 50 пикселей */
        }

        .login-widget {
            margin-top: 20px;
        }

        .login-text {
            margin-top: 20px;
            font-size: 1.2em;
            color: #555;
        }

        .login-text a {
            color: #007bff;
            text-decoration: none;
        }

        .login-text a:hover {
            text-decoration: underline;
        }

        .text_sign_up {
            font-size: 25px;
            font-weight: 700;
        }

        .text_decrip {
            font-size: 15px;
            color: #808080;
            margin-top: -10px;
        }

        .image-container img {
            width: 185px;
            height: auto;
            border-radius: 7px;
        }

        .main {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 80vh;
            /* Занимает всю высоту экрана */
            margin: 0;
            padding: 0;
        }

        /* Медиа-запросы для адаптации стилей */
        @media (max-width: 767px) {
            .main {
                flex-direction: column;
                /* Изменяем направление на колонку */
                align-items: center;
                /* Центрируем элементы по горизонтали */
            }

            .card_block,
            .image-container {
                margin-bottom: 20px;
                /* Добавляем отступ снизу для элементов */
            }

            .image-container img {
                width: 150px;
                /* Уменьшаем размер изображения */
            }

            .image-container {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 100%;
                /* Занимает всю ширину контейнера */
            }
        }

        .login-widget-container {
            display: inline-block;
            transition: opacity 0.3s ease;
        }

        .login-widget-container:hover {
            opacity: 0.8;
        }