/* Login Page Styles */
.loginBackground {
    min-height: 100vh;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.sign-up-title {
    color: #333;
    font-weight: 600;
}

.form-container {
    background: white;
    padding: 2rem;
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* Validation styles for reset password modal */
#resetPasswordForm .form-control.is-valid {
    border-color: #28a745;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(.375em + .1875rem) center;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

#resetPasswordForm .form-control.is-invalid {
    border-color: #dc3545;
}

#resetPasswordForm .has-success .form-control {
    border-color: #28a745;
}

#resetPasswordForm .has-error .form-control {
    border-color: #dc3545;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .form-container form {
        min-height: 50vh !important;
    }
    
    .btn-link {
        font-size: 0.9rem;
    }
    
    .sign-up-title {
        font-size: 1.5rem;
    }
}

@media (max-width: 576px) {
    .container {
        padding: 0 3%;
    }
    
    .col-form-label {
        margin-bottom: 0.25rem;
    }
}