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

.registration-alert {
    background-color: rgba(100, 204, 197, 0.1); /* Light teal background */
    border-color: rgba(100, 204, 197, 0.3);
    color: #64CCC5;
    margin-bottom: 2rem;
}

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

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

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

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

.registration-form-card .form-text {
    color: #CBD5E1;
}

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

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

.registration-form-card .alert-warning {
    background-color: rgba(250, 204, 21, 0.1);
    border-color: rgba(250, 204, 21, 0.3);
    color: #FACC15;
    margin-top: 1rem;
}