body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background: radial-gradient(44.55% 138.31% at 60.35% 53.65%, #11424A 0%, #1F2F48 100%);
}

.login-page-container {
    width: 100vw;
    font-family: Manrope, sans-serif !important;
    height: 100vh;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.login-page-container .form-container {
    width: 23.44vw;
    height: fit-content;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.login-page-container .title {
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.88vw;
    margin-bottom: 4.17vw;
}

.login-btn {
    width: 23.44vw;
    height: 3.02vw;
    background: linear-gradient(0deg, #29CC39 0%, #EAECB3 100%);
    border-radius: 0.26vw;
    border: 0.05vw solid #DBEABD;
    font-size: 1.04vw;
    font-weight: 500;
    color: #47484F;
}

.login-page-container input, .login-page-container input:-webkit-autofill {
    width: 23.44vw;
    height: 3.02vw;
    background: #FFFFFF !important;
    font-size: 1.04vw;
    font-weight: 400;
    border-radius: 0.26vw;
    padding: 0 1.56vw;
    margin-bottom: 2.08vw;
    border: none !important;
    outline: none !important;
    color: #47484F;
}

.login-page-container input::placeholder {
    color: #ABADB0;
}

input:-webkit-autofill, input:-internal-autofill-selected {
    -webkit-box-shadow: 0 0 0 50px white inset;
    font-size: 1.04vw !important;
}

.login-page-container .logo-container svg {
    width: 1.30vw;
    margin-top: 0.2vw;
    height: 1.30vw;
}

.login-page-container .logo-container {
    position: absolute;
    top: 2.08vw;
    left: 2.08vw;
    display: flex;
    color: #29CC39;
    font-weight: 700;
    font-size: 1.04vw;
    text-transform: uppercase;
    align-items: start;
    justify-content: left;
    column-gap: 0.36vw;
}