body {
    background-color: #f8f9fa;
    padding-top: 40px;
}
.login-container {
    max-width: 400px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.logo {
    text-align: center;
    margin-bottom: 30px;
}
.logo img {
    max-width: 200px;
}
.form-floating {
    margin-bottom: 15px;
}
.btn-login {
    width: 100%;
    background-color: #4f6a8f;
    border: none;
}
.btn-login:hover {
    background-color: #3a5171;
}
btn-register {
    width: 100%;
    background-color: #4f6a8f;
    border: none;
}
.btn-register:hover {
    background-color: #3a5171;
}
.alert {
    margin-bottom: 20px;
}
.register-container {
    max-width: 500px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
#showPasswordToggle {
    width: 18px;
    height: 18px;
    cursor: pointer;
}