.main-section {
    position: relative;
    padding: 80px 20px;
    z-index: 1;
    overflow: hidden;
}

    .main-section::before {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(14,255,255,0.05) 2px, transparent 1px);
        background-size: 60px 60px;
        animation: rotateGrid 40s linear infinite;
        z-index: 0;
        pointer-events: none;
    }

    .main-section::after {
        content: "";
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: conic-gradient(from 0deg, rgba(0, 255, 255, 0.02), transparent 80%);
        animation: spinLight 80s linear infinite;
        z-index: 0;
        pointer-events: none;
    }


@keyframes rotateGrid {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


@keyframes spinLight {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(-360deg);
    }
}