body {
    background: linear-gradient(135deg, #6d28d9, #3b82f6);
    min-height: 100vh;
    font-family: 'Poppins', sans-serif;
}

.navbar {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

.card {
    transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease;
}

.card:hover {
    transform: translateY(-12px) scale(1.03);
    box-shadow: 0 20px 40px rgba(79, 70, 229, 0.3);
    border-color: #6366f1;
}

.btn-outline-light {
    transition: transform 0.3s ease;
}

.btn-outline-light:hover {
    transform: scale(1.05);
}

.modal-content {
    border: none;
}

.modal-header {
    border-bottom: none;
}

.btn-close-white {
    filter: invert(1);
    opacity: 0.8;
    transition: opacity 0.3s;
}

.btn-close-white:hover {
    opacity: 1;
}

.font-poppins {
    font-family: 'Poppins', sans-serif;
}