#loginContainer {
    width: 100%;
    padding: 60px 5%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 24px;
    background-color: var(--kia-polar-white);
}

#loginContainer .logo {
    /* height: 100%;
    object-fit: contain; */
}

#loginHeader {
    text-align: center;
    font: normal normal bold 32px/40px kiaSignature;
    letter-spacing: 0px;
    color: var(--kia-dark-blue);
}

#loginMessage {
    text-align: center;
    font: normal normal normal 16px/24px kiaSignature;
    color: var(--kia-dark-blue);
    width: 50%;
}

#loginBottom {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
}

#loginGetStarted {
    font: normal normal bold 18px/20px kiaSignature;
    color: var(--kia-dark-blue);
}

.input-container {
    width: 75%;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 8px 0;
}

.input-container label {
    font: normal normal bold 14px/20px kiaSignature;
    letter-spacing: 0.18px;
    color: var(--kia-dark-blue);
    margin-bottom: 10px;
}

.input-container input {
    width: 100%;
    font: normal normal normal 18px/24px kiaSignature;
    padding: 16px;
    border: 1px solid var(--kia-light-blue);
    box-sizing: border-box;
}

.input-container input.error {
    border: 1px solid var(--kia-live-red);
}

.contact-message, .contact-address {
    font: normal normal normal 14px/18px kiaSignature;
}

.contact-questions {
    font: normal normal bold 14px/18px kiaSignature;
}

#loginBottom form {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px; 
    width:100%
}