.main {
    display: flex;
    background: var(--Body-text-primary, #55212E);
    justify-content: center;
    align-items: center;
    gap: 30px;
    min-height: 767px;
}

.login-container {
    display: flex;
    padding: var(--Spacing-24, 24px);
    flex-direction: column;
    align-items: center;
    border-radius: var(--Spacing-8, 8px);
    background: var(--Foundation-Grey-White, #FFF);
    min-width: 296px;
    max-width: 416px;
    gap: 25px;
}

@media (max-width: 767px) {
    #content {
        display: flex;
        padding: 16px;
        align-items: center;
        align-self: stretch;
    }
}

.login-title {
    color: var(--Body-text-primary, #55212E);
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    margin-bottom: 12px;
}

.login-text {
    color: var(--Body-text-medium-light, #666);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 24px !important;
}

.login-form-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
}

.login-form-inputs {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
}

.input-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
}

.input-container label {
    color: var(--Body-text-strong, #000);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.login-input {
    display: flex;
    min-height: 38px;
    padding: 12px;
    align-items: center;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--Foundation-Grey-grey-50, #E8E8E8);
    background: var(--Neutral-White, #FFF);
}

.input-container a {
    color: var(--Foundation-Danger-danger-700, #81172C);
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}

.login-form-container a {
    display: flex;
    align-self: stretch;
    align-items: center;
}

.login-form-container button {
    height: 43px;
    padding: 8px 16px;
    align-self: stretch;
}

.login-footer {
    color: var(--Body-text-medium-light, #666);
    text-align: center;
    font-family: Gotham;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-top: 48px;
}

.login-footer b {
    color: var(--Foundation-primary-primary-500, #55212E);
    font-family: Gotham;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
}