* {
        font-family: "Poppins";
    }
    
    body {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        overflow-y: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #494949;
        ;
        height: 100vh;
    }
    
    .screen-1 {
        height: 582px;
        width: 380px;
        border-radius: 8px;
        background: #FFFFFF;
        border: 1px solid #DFE0EB;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .screen-1 h1 {
        height: 30px;
        font-family: 'Mulish';
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 30px;
        text-align: center;
        letter-spacing: 0.4px;
        /* sidebar / gray */
        color: #A4A6B3;
        opacity: 0.7;
    }
    
    .screen-1 .email {
        background: white;
        /* box-shadow: 0 0 2em #e6e9f9;*/
        padding: 1em;
        display: flex;
        flex-direction: column;
        gap: 0.5em;
        border-radius: 20px;
        color: #4d4d4d;
    }
    
    .screen-1 .email input {
        outline: none;
        border: none;
    }
    
    .screen-1 .email input::-moz-placeholder {
        font-family: 'Mulish';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /* identical to box height, or 143% */
        letter-spacing: 0.3px;
        /* grayscale / gray dark */
        color: #4B506D;
        opacity: 0.4;
    }
    
    .screen-1 .email input:-ms-input-placeholder {
        font-family: 'Mulish';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /* identical to box height, or 143% */
        letter-spacing: 0.3px;
        /* grayscale / gray dark */
        color: #4B506D;
        opacity: 0.4;
    }
    
    .screen-1 .email input::placeholder {
        font-family: 'Mulish';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /* identical to box height, or 143% */
        letter-spacing: 0.3px;
        /* grayscale / gray dark */
        color: #4B506D;
        opacity: 0.4;
    }
    
    .screen-1 .email ion-icon {
        color: #4d4d4d;
        margin-bottom: -0.2em;
    }
    
    .screen-1 .password {
        background: white;
        /* box-shadow: 0 0 2em #e6e9f9;*/
        padding: 1em;
        display: flex;
        flex-direction: column;
        gap: 0.5em;
        border-radius: 20px;
        color: #4d4d4d;
    }
    
    .screen-1 .password input {
        outline: none;
        border: none;
    }
    
    .screen-1 .password input::-moz-placeholder {
        font-family: 'Mulish';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /* identical to box height, or 143% */
        letter-spacing: 0.3px;
        /* grayscale / gray dark */
        color: #4B506D;
        opacity: 0.4;
    }
    
    .screen-1 .password input:-ms-input-placeholder {
        font-family: 'Mulish';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /* identical to box height, or 143% */
        letter-spacing: 0.3px;
        /* grayscale / gray dark */
        color: #4B506D;
        opacity: 0.4;
    }
    
    .screen-1 .password input::placeholder {
        font-family: 'Mulish';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        /* identical to box height, or 143% */
        letter-spacing: 0.3px;
        /* grayscale / gray dark */
        color: #4B506D;
        opacity: 0.4;
    }
    
    .screen-1 .password ion-icon {
        color: #4d4d4d;
        margin-bottom: -0.2em;
    }
    
    .screen-1 .password .show-hide {
        margin-right: -5em;
    }
    
    .screen-1 label {
        font-family: 'Mulish';
        font-style: normal;
        font-weight: 700;
        font-size: 12px;
        line-height: 15px;
        letter-spacing: 0.3px;
        text-transform: uppercase;
        /* grayscale / gray */
        color: #9FA2B4;
    }
    
    .screen-1 .login {
        padding: 1em;
        background: #3751FF !important;
        color: white;
        box-shadow: 0px 4px 12px rgb(55 81 255 / 24%);
        border: none;
        border-radius: 8px;
        font-weight: 600;
        letter-spacing: 0.2px;
        text-align: center;
        line-height: 20px;
        font-size: 14px;
        display: flex;
        justify-content: center;
        width: 90%;
        margin: auto;
    }
    
    .screen-1 .footer {
        display: flex;
        font-size: 0.7em;
        color: #5e5e5e;
        gap: 14em;
        padding-bottom: 10em;
    }
    
    .screen-1 .footer span {
        cursor: pointer;
    }
    
    button {
        cursor: pointer;
    }
    
    .logo_9mpt {
        height: 48px;
        width: 48px;
        background: #3751FF;
    }
    
    .logo_site {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px !important;
    }