body {
    position: relative;
    width: calc(99%);
    height: calc(98.2%);
    background: radial-gradient(143.72% 279.4% at 3.51% 120.1%, #FEB117 4.62%, #EC8024 21.46%, #D33B36 41.38%, #991B6D 66.67%, #56287B 84.9%, #00398D 100%);
}

.d_logo {
    position: absolute;
    width: 178.99px;
    height: 65.69px;
    right: 20px;
    top: calc(95% - 35px);
    background-image: url(images/Group_1.png);
}

.group {
    /* Input */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px;

    position: static;
    width: 374px;
    height: 76px;
    left: 32px;
    top: 32px;


    /* Inside auto layout */
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 32px 0px;
}

.label {
    /* Пароль */

    position: static;
    left: 0px;
    right: 0px;
    top: 0%;
    bottom: 73.68%;

    /* Plain Small */
    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;

    /* identical to box height, or 143% */

    color: #171717;


    /* Inside auto layout */
    flex: none;
    order: 0;
    align-self: stretch;
    flex-grow: 0;
    margin: 4px 0px;
    font-family: "Gill Sans", sans-serif;
}

.input {
    /* Container */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0px 12px;

    position: static;
    width: 374px;
    height: 52px;
    left: 0px;
    top: 24px;


    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    margin: 4px 0px;
}

.txt_1 {
    color: white;
}

.btn {
    /* Button */

    /* Auto layout */
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 14px 24px;

    position: static;
    width: 374px;
    height: 52px;
    left: 32px;
    top: 248px;

    background: #3C2368;
    border-radius: 8px;

    /* Inside auto layout */
    flex: none;
    order: 2;
    flex-grow: 0;
    margin: 32px 0px;
    font-family: "Gill Sans", sans-serif;
}

.a_txt {
    position: static;
    width: 374px;
    height: 37px;
    left: 32px;
    top: 332px;

    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;

    /* or 150% */
    text-decoration-line: underline;

    color: #171717;


    /* Inside auto layout */
    flex: none;
    order: 3;
    flex-grow: 0;
    margin: 32px 0px;
}
.a_txt_low {  
    margin-top: 0px;
}
.a_group {
    margin: 0px 0px;
}

.head {
    /* Система аналитики и отчётности "Доверенная мобильная среда” */

    position: absolute;
    width: 640px;
    height: 94px;
    left: calc(50% - 305px);;
    top: 125px;

    font-family: Lato;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 29px;
    text-align: center;

    color: #FFFFFF;
    font-family: "Gill Sans", sans-serif;
}

.head_1 {
    font-size: 25px;
}
.head_2 {
    font-size: 40px;
    padding-top: 20px;
}

.Frame1 {
    /* Frame 1 */

    /* Auto layout */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 32px;

    position: absolute;
    width: 374px;
    height: 341px;
    left: calc(50% - 200px);;
    top: 252px;

    background: #D0BFEB;
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.15);
    border-radius: 4px;
}

@media screen and (max-width: 1080px) {
    .lbl_vector {
        visibility: hidden;
    }
}

@media screen and (max-height: 778px) {
    .d_logo {
        visibility: hidden;
    }
}

.lbl_vector {
    --widthA: 332px;
    --widthB: calc(50% - 200px);
    position: absolute;
    left: calc((50% - 200px) / 2 - (332px / 2));
    top: 252px;
    bottom: 17.96%;
    width: 332px;
    height: 401px;

    background-image: url(images/Vector.png);
    background-repeat: no-repeat;
}

input {
    font-family: "Gill Sans", sans-serif;
}

.wrn {
    color: #ce1a1a;
}