/* Signup page specific styles - subtle additions to app.css */

.auth-card {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
}

.signup-valid {
    background-color: #effaf1;
    border-color: #9fd8ab;
    box-shadow: 0 0 0 0.15rem rgba(75, 171, 92, 0.12);
}

.signup-invalid {
    background-color: #fff1f1;
    border-color: #e3a2a2;
    box-shadow: 0 0 0 0.15rem rgba(204, 88, 88, 0.12);
}

.signup-password-field.signup-valid .form-control {
    background-color: #effaf1;
    border-color: #9fd8ab;
    box-shadow: 0 0 0 0.15rem rgba(75, 171, 92, 0.12);
}

.signup-password-field.signup-invalid .form-control {
    background-color: #fff1f1;
    border-color: #e3a2a2;
    box-shadow: 0 0 0 0.15rem rgba(204, 88, 88, 0.12);
}

.form-check-input.signup-valid {
    background-color: #72c783;
    border-color: #72c783;
}

.form-check-input.signup-invalid {
    background-color: #f1b1b1;
    border-color: #d98383;
}

.signup-altcha-box.signup-valid {
    border-radius: 0.75rem;
    background-color: #effaf1;
    box-shadow: 0 0 0 0.15rem rgba(75, 171, 92, 0.12);
}

.signup-altcha-box.signup-invalid {
    border-radius: 0.75rem;
    background-color: #fff1f1;
    box-shadow: 0 0 0 0.15rem rgba(204, 88, 88, 0.12);
}

.signup-password-field .signup-password-toggle {
    min-width: 5.5rem;
}

#createAccountButton:disabled {
    cursor: not-allowed;
    opacity: 0.58;
}