/* --- ULTIMATE BACKGROUND: CYBERSPACE --- */
.aurora-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    background:
        radial-gradient(circle at 15% 50%, rgba(76, 29, 149, 0.4), transparent 25%),
        radial-gradient(circle at 85% 30%, rgba(6, 182, 212, 0.4), transparent 25%);
    filter: blur(60px);
    animation: bg-pulse 10s ease-in-out infinite alternate;
}

@keyframes bg-pulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }

    100% {
        transform: scale(1.1);
        opacity: 1;
    }
}

/* Moving Tech Partciles */
body::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image:
        radial-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px),
        radial-gradient(rgba(255, 255, 255, 0.3) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: 0 0, 25px 25px;
    opacity: 0.1;
    z-index: -5;
    animation: particle-move 60s linear infinite;
    pointer-events: none;
}

@keyframes particle-move {
    0% {
        background-position: 0 0, 25px 25px;
    }

    100% {
        background-position: 100px 100px, 125px 125px;
    }
}

/* Deep Space Base */
body {
    background: linear-gradient(to bottom, #020617, #1e1b4b, #0f172a) !important;
}