/* ============================================
   AURORA BACKGROUND — CSS
   ============================================ */

.aurora-container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    pointer-events: none;
    overflow: hidden;
    /* Optional: fade in on load */
    animation: auroraFadeIn 2s ease-out forwards;
}

.aurora-container canvas {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    mix-blend-mode: screen; /* Helps blending with existing dark background */
}

@keyframes auroraFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}