#auth-wrapper {
    max-width: 500px;
    margin: 0 auto;
    color: #000;
}

#auth-switch {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

#registration-wrapper,
#login-wrapper {
    background: #fff;
    padding: 20px;
    border-radius: 10px;
    color: #000;
}

#registration-wrapper label,
#login-wrapper label {
    color: #000;
}

#registration-type,
#registration-username,
#registration-email,
#registration-password,
#registration-password-confirm,
#login-role,
#login-username,
#login-password {
    width: 100%;
    padding: 10px;
    margin-top: 5px;
    color: #000;
    background: #fff;
}

#registration-result,
#login-result {
    color: #000;
}

#registration-type::placeholder,
#registration-username::placeholder,
#registration-email::placeholder,
#registration-password::placeholder,
#registration-password-confirm::placeholder,
#login-role::placeholder,
#login-username::placeholder,
#login-password::placeholder {
    color: #000;
    opacity: 1;
}

#registration-submit,
#login-submit {
    width: 100%;
    padding: 12px;
    background: #2f81f7;
    color: #fff;
    border: 0;
    cursor: pointer;
}