body { color : #2c2c40; }
label { color : #6360a4; }
::placeholder {
    color: #6360a4;
}
html,
body {
    height: 100%;
}

.form-signin {
    max-width: 330px;
    padding: 1rem;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin .input-top {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin .input-bottom  {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
a { color: #2c2c40; text-decoration: none; }
a:hover { color: #6360a4; }

.btn { border-radius: 5px; }

.btn-link { color: #2c2c40; }
.btn-link:hover { color: #6360a4; }

.btn-primary { background: #0E061C; border: #2c2c40 }
.btn-primary:hover { background: #0e071a; border: #2c2c40 }

.password-container {
    position: relative;
}
.toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}