.card-img-top.img-large {
                width: 100%;
                height: 350px;
                object-fit: cover;
                object-position: center;
            }

/* Success modal styling */
.modal-header.bg-success {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
}

/* Style for login required button */
.btn-warning {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212529;
    font-weight: 500;
}

.btn-warning:hover {
    background-color: #e0a800;
    border-color: #e0a800;
    color: #212529;
}

/* Success animation */
.alert-success {
    animation: fadeInUp 0.5s ease-in-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}