@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap');

body {
font-family: 'Inter', sans-serif;
background-color: #f3f4f6; /* A lighter gray background */
}

.card {
border: none; /* Remove default card border */
border-radius: 12px; /* Rounded corners for a softer look */
overflow: hidden; /* Ensures child elements don't spill over */
}

.card-title {
color: #4f46e5;
font-weight: 700; /* Bolder title */
}

.form-label {
font-weight: 600; /* Make labels bolder */
color: #374151; /* Darker gray for better contrast */
}

.form-control {
border-radius: 8px; /* Rounded input fields */
border-color: #d1d5db; /* Lighter border color */
}

.form-control:focus {
border-color: #4f46e5;
box-shadow: 0 0 0 0.25rem rgba(79, 70, 229, 0.25); /* Glow effect on focus */
}

.btn-primary {
background-color: #4f46e5;
border-color: #4f46e5;
font-weight: 600;
border-radius: 8px; /* Rounded button corners */
transition: background-color 0.2s ease-in-out;
}

.btn-primary:hover {
background-color: #4338ca;
border-color: #4338ca;
}

.btn-outline-secondary {
border-left: 1px solid #d1d5db; /* Ensure the left border is visible */
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
color: #6c757d;
transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.btn-outline-secondary:hover {
color: #4f46e5;
border-color: #4f46e5;
}

a {
color: #4f46e5;
text-decoration: none;
transition: color 0.2s ease-in-out;
}

a:hover {
text-decoration: underline;
color: #4338ca;
}

.alert {
border-radius: 8px;
text-align: center;
}

.alert-danger {
background-color: #fecaca;
color: #991b1b;
border-color: #fecaca;
}