/* Your custom CSS here */

/* TEST OVERRIDE */
body {
    background: #0f172a !important;
    color: #e2e8f0 !important;
    font-family: 'Poppins', sans-serif;
}
.bg-body {
    background: transparent !important;
}
.card {
    background: #ffffff !important; /* deep dark, not flashy */
    border-radius: 14px !important;
    border: 1px solid #36085d !important;
    padding: 0 !important; /* remove inner padding */
    overflow: hidden;
    transition: all 0.25s ease;
}

/* Hover effect (very important for premium feel) */

h1, h2, h3, h4 {
    font-weight: 600;
}

p {
    color: #94a3b8;
}
.btn-primary {
    background: linear-gradient(135deg, #6366f1, #8b5cf6) !important;
    border: none !important;
    border-radius: 10px !important;
}
.link-primary {
    color: #36085d !important;
    text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}