/* Aurora Background Effect */
.aurora-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    background: #ffffff;
    /* Fallback */
}

.aurora-blob {
    position: absolute;
    filter: blur(80px);
    opacity: 0.6;
    animation: aurora-float 20s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 50%;
}

/* Colors for Light Mode - Soft Pastels */
.aurora-blob-1 {
    top: -10%;
    left: -10%;
    width: 50vw;
    height: 50vw;
    background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, transparent 70%);
    /* Blue */
    animation-delay: 0s;
}

.aurora-blob-2 {
    bottom: -10%;
    right: -10%;
    width: 60vw;
    height: 60vw;
    background: radial-gradient(circle, rgba(168, 85, 247, 0.2) 0%, transparent 70%);
    /* Purple */
    animation-delay: -5s;
}

.aurora-blob-3 {
    top: 40%;
    left: 40%;
    width: 40vw;
    height: 40vw;
    background: radial-gradient(circle, rgba(236, 72, 153, 0.2) 0%, transparent 70%);
    /* Pink */
    animation-delay: -10s;
}

/* Colors for Dark Mode - Deep & Glowing */
.dark .aurora-container {
    background: #0f172a;
    /* Slate 900 */
}

.dark .aurora-blob-1 {
    background: radial-gradient(circle, rgba(59, 130, 246, 0.15) 0%, transparent 70%);
    /* Blue */
}

.dark .aurora-blob-2 {
    background: radial-gradient(circle, rgba(168, 85, 247, 0.15) 0%, transparent 70%);
    /* Purple */
}

.dark .aurora-blob-3 {
    background: radial-gradient(circle, rgba(236, 72, 153, 0.1) 0%, transparent 70%);
    /* Pink */
}

@keyframes aurora-float {
    0% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }

    33% {
        transform: translate(5%, 10%) scale(1.1) rotate(10deg);
    }

    66% {
        transform: translate(-5%, 5%) scale(0.9) rotate(-5deg);
    }

    100% {
        transform: translate(0, 0) scale(1) rotate(0deg);
    }
}