/* Form validation styles */
.form-group {
    margin-bottom: 20px;
    position: relative;
}

input:focus, select:focus {
    outline: none;
    border-color: var(--primary-green);
}

input.valid, select.valid {
    border-color: #2ecc71;
}

input.invalid, select.invalid {
    border-color: #e74c3c;
}

.validation-message {
    color: #e74c3c;
    font-size: 0.85rem;
    margin-top: 5px;
}

.password-hint {
    color: #7f8c8d;
    font-size: 0.85rem;
    margin-top: 5px;
}