.auth-card {
    max-width: 450px; /* Limit card width */
    width: 100%;
    border: none; /* Remove default border */
    border-radius: 0.5rem; /* Rounded corners */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); /* Subtle shadow */
    overflow: hidden; /* Ensure tabs fit nicely */
}

.card-header {
    background-color: transparent; /* Make header transparent */
}

.nav-tabs {
    border-bottom: none; /* Remove default Bootstrap border */
}

.nav-tabs .nav-link {
    border: none; /* Remove default tab borders */
    border-radius: 0; /* Sharp corners for tabs within header */
    padding-top: 1rem;
    padding-bottom: 1rem;
    font-weight: 500;
}

.nav-tabs .nav-link.active {
    border-bottom: 3px solid #0d6efd; /* Highlight active tab */
}

.nav-tabs .nav-link:hover {
    border-bottom: 3px solid #0b5ed7; /* Darker blue on hover */
}

.card-body {
    padding: 2rem; /* More padding inside card */
}

.form-control {
    border: 1px solid #6c757d; /* Subtle border */
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); /* Blue glow on focus */
}

.form-label {
    font-weight: 500;
}

/* Google Button Style */
.btn-google {
    background-color: #ffffff; /* White background */
    color: #444444; /* Dark text */
    border: 1px solid #ced4da; /* Light border */
    padding: 0.6rem 1.2rem;
    font-weight: 500;
    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.btn-google:hover {
    background-color: #f8f9fa; /* Slightly off-white on hover */
    border-color: #adb5bd;
    color: #212529;
}

.btn-google .bi-google {
    vertical-align: middle; /* Align icon nicely */
    margin-bottom: 2px; /* Fine-tune alignment */
}