.mge-background-canvas {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    background: #020617; /* Deep midnight */
    filter: blur(2px) contrast(1.1); /* Softens the classic geometries */
}

/* Ensure the main content is visible on top and has some transparency if needed */
.dashboard-container {
    position: relative;
    z-index: 1;
}

.mge-hero {
    /* Make the hero section semi-transparent so we can see the cool background */
    background: linear-gradient(135deg, 
        rgba(255, 107, 107, 0.7) 0%, 
        rgba(78, 205, 196, 0.7) 25%, 
        rgba(255, 230, 109, 0.7) 50%, 
        rgba(167, 139, 250, 0.7) 75%, 
        rgba(244, 114, 182, 0.7) 100%
    ) !important;
    backdrop-filter: blur(10px);
}

.experiment-card {
    /* Enhance cards to glassmorphism style */
    background: rgba(255, 255, 255, 0.7) !important;
    backdrop-filter: blur(15px);
}

body.dark-mode .experiment-card {
    background: rgba(15, 23, 42, 0.7) !important;
}