/* LOGIN PAGE STYLES
-------------------------------------------------- */
.login-page-header h1 {
    color: #64CCC5; /* Primary Calm Accent for page titles */
    margin-bottom: 1rem;
}

.login-form-card {
    background-color: #334155; /* Secondary Dark Accent for the form card */
    color: #E2E8F0;
    border: 1px solid #475569;
    border-radius: 0.75rem;
    padding: 2rem;
    margin-top: 2rem;
}

.login-form-card .form-label {
    color: #CBD5E1;
}

.login-form-card .form-control {
    background-color: #475569;
    color: #E2E8F0;
    border-color: #64748B;
}

.login-form-card .form-control:focus {
    border-color: #64CCC5;
    box-shadow: 0 0 0 0.25rem rgba(100, 204, 197, 0.25);
}

.login-form-card .btn-primary {
    background-color: #64CCC5;
    border-color: #64CCC5;
    color: #1E293B;
}

.login-form-card .btn-primary:hover {
    background-color: #4CA09A;
    border-color: #4CA09A;
}

.login-error-alert {
    background-color: rgba(248, 113, 113, 0.1); /* Light red background */
    border-color: rgba(248, 113, 113, 0.3);
    color: #F87171;
    margin-bottom: 1rem;
}