body {
    background-color: #f4f4f4;
    font-family: 'Arial', sans-serif;
}

.card-img-top {
    height: 250px;
    object-fit: cover;
}

.nav-link {
    color: #fff !important;
    transition: color 0.3s ease;
}

.nav-link:hover {
    color: #ffd700 !important;
}

.navbar-brand {
    color: #f0ff8d !important;
}

.navbar-nav .nav-link {
    color: #f0ff8d !important;
}

.btn-primary {
    background-color: #f0ff8d !important;
    border-color: #f0ff8d !important;
}

.card {
    transition: transform 0.3s ease;
}

.card:hover {
    transform: scale(1.05);
}

.social-links a {
    font-size: 1.5rem;
    transition: color 0.3s ease;
}

.social-links a:hover {
    color: #ffd700 !important;
}

/* Authentication Form Styles */
.auth-form-container,
.auth-form-container .container,
.auth-form-container .row,
.auth-form-container .col-md-6,
.auth-form-container .col-md-8 {
    background-color: #000 !important;
    color: #fff !important;
}

.auth-form-container .card {
    background-color: #000 !important;
    border: 1px solid #333 !important;
}

.auth-form-container .card-header {
    background-color: #000 !important;
    color: #fff !important;
    border-bottom: 1px solid #333 !important;
}

.auth-form-container .card-body {
    background-color: #000 !important;
}

.auth-form-container .form-label,
.auth-form-container label {
    color: #fff !important;
}

.auth-form-container .form-control,
.auth-form-container input[type="text"],
.auth-form-container input[type="email"],
.auth-form-container input[type="password"],
.auth-form-container select {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #555 !important;
}

.auth-form-container .form-control:focus,
.auth-form-container input:focus,
.auth-form-container select:focus {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #007bff !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25) !important;
}

.auth-form-container .form-text,
.auth-form-container .text-muted {
    color: #ccc !important;
}

.auth-form-container .btn-primary,
.auth-form-container .btn-primary:hover,
.auth-form-container .btn-primary:focus {
    background-color: #f0ff8d !important; /* Light Yellow */
    border-color: #f0ff8d !important;
    color: #000 !important; /* Black text for contrast */
    transition: all 0.3s ease !important;
    font-weight: bold !important;
    text-shadow: 0 0 5px rgba(240, 255, 141, 0.7) !important; /* Light Yellow glow effect */
    box-shadow: 0 0 10px rgba(240, 255, 141, 0.5) !important; /* Light Yellow glow shadow */
}

.auth-form-container .btn-primary:hover {
    background-color: #ffffcc !important; /* Slightly brighter light yellow on hover */
    transform: scale(1.05) !important;
    box-shadow: 0 0 15px rgba(240, 255, 141, 0.7) !important; /* Enhanced glow on hover */
}

.auth-form-container .btn-primary:active {
    background-color: #ffff99 !important; /* Slightly darker light yellow when active */
    transform: scale(0.95) !important;
    box-shadow: 0 0 8px rgba(240, 255, 141, 0.5) !important; /* Reduced glow when active */
}

.auth-form-container a,
.auth-form-container a:hover,
.auth-form-container a:focus {
    color: #007bff !important;
}

.auth-form-container .alert-danger {
    background-color: #721c24 !important;
    color: #fff !important;
    border-color: #721c24 !important;
}

.auth-form-container .form-check-label,
.auth-form-container .form-check-input + label {
    color: #fff !important;
}

/* Ensure full black background */
body .auth-form-container {
    background-color: #000 !important;
    color: #fff !important;
}