.ai_big-circle {
            position: absolute;
            width: 350px;
            height: 350px;
            background: radial-gradient(circle, rgba(255, 255, 255, 0.05) 55%, rgba(255, 255, 255, 0.2) 80%);
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            backdrop-filter: blur(20px);
            z-index: 110;
        }

        .ai_small-circle {
            position: absolute;
            width: 150px;
            height: 150px;
            border-radius: 50%;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .circle-1 {
            background-color: #ff2d2da8;
            animation: orbit1 30s linear infinite;
        }

        .circle-2 {
            background-color: #2cff618c;
            animation: orbit2 30s linear infinite;
        }

        .circle-3 {
            background-color: #ffdb2a;
            animation: orbit3 30s linear infinite;
        }

        .circle-4 {
            background-color: #1a76ff;
            animation: orbit4 30s linear infinite;
        }

        .circle-5 {
            background-color: #9029c093;
            animation: orbit5 30s linear infinite;
        }

        .circle-ai {
            transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
                       position: relative;
            width: 400px;
            height: 400px;
            perspective: 1000px;
            transform-style: preserve-3d;
        }

       

        @keyframes orbit1 {
            0% { transform: translate(-50%, -100%) translateZ(0px); }
            25% { transform: translate(-20%, -50%) translateZ(100px); }
            50% { transform: translate(-50%, 0%) translateZ(-50px); }
            75% { transform: translate(-80%, -50%) translateZ(80px); }
            100% { transform: translate(-50%, -100%) translateZ(0px); }
        }

        @keyframes orbit2 {
            0% { transform: translate(-50%, -100%) translateZ(0px); }
            25% { transform: translate(-20%, -50%) translateZ(-30px); }
            50% { transform: translate(-50%, 0%) translateZ(120px); }
            75% { transform: translate(-80%, -50%) translateZ(-20px); }
            100% { transform: translate(-50%, -100%) translateZ(0px); }
        }

        @keyframes orbit3 {
            0% { transform: translate(-50%, -100%) translateZ(0px); }
            25% { transform: translate(-20%, -50%) translateZ(60px); }
            50% { transform: translate(-50%, 0%) translateZ(-80px); }
            75% { transform: translate(-80%, -50%) translateZ(40px); }
            100% { transform: translate(-50%, -100%) translateZ(0px); }
        }

        @keyframes orbit4 {
            0% { transform: translate(-50%, -100%) translateZ(0px); }
            25% { transform: translate(-20%, -50%) translateZ(-60px); }
            50% { transform: translate(-50%, 0%) translateZ(90px); }
            75% { transform: translate(-80%, -50%) translateZ(-40px); }
            100% { transform: translate(-50%, -100%) translateZ(0px); }
        }

        @keyframes orbit5 {
            0% { transform: translate(-50%, -100%) translateZ(0px); }
            25% { transform: translate(-20%, -50%) translateZ(30px); }
            50% { transform: translate(-50%, 0%) translateZ(-100px); }
            75% { transform: translate(-80%, -50%) translateZ(70px); }
            100% { transform: translate(-50%, -100%) translateZ(0px); }
        }

        .ai_orbit-container {
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            animation: rotate 5s linear infinite;
            will-change: transform, z-index;
        }

        .ai_orbit-container:nth-of-type(1) {
            animation-duration: 4s;
        }

        .ai_orbit-container:nth-of-type(2) {
            animation-duration: 3.5s;
            animation-direction: reverse;
        }

        .ai_orbit-container:nth-of-type(3) {
            animation-duration: 5s;
        }

        .ai_orbit-container:nth-of-type(4) {
            animation-duration: 4.5s;
            animation-direction: reverse;
        }

        .ai_orbit-container:nth-of-type(5) {
            animation-duration: 3s;
        }

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

        .ai_logo {
            position: absolute;
            width: 160px;
            height: 80px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 120;
            pointer-events: none;
        }