/* Hide text-slider-items */
        .text-slider-items {
            display: none;
        }

        /* Star field */
        .star-field {
            position: absolute;
            width: 100%;
            height: 100%;
            perspective: 1000px;
            z-index: 0;
        }

        .star-field .layer {
            position: absolute;
            width: 100%;
            height: 100%;
            transform-style: preserve-3d;
        }

        .layer:nth-child(1) {
            transform: translateZ(-300px);
        }

        .layer:nth-child(2) {
            transform: translateZ(-200px);
        }

        .layer:nth-child(3) {
            transform: translateZ(-100px);
        }

        .star {
            position: absolute;
            width: 2px;
            height: 2px;
            background: #ffffff;
            border-radius: 50%;
            box-shadow: 0 0 4px #ffffff;
            animation: twinkle 3s infinite alternate;
        }

        @keyframes twinkle {
            0% {
                opacity: 0.3;
                transform: scale(0.7);
            }

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

        /* Shooting stars */
        .shooting-star {
            position: absolute;
            width: 2px;
            height: 50px;
            background: linear-gradient(45deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
            animation: shootingStar 3s ease-out infinite;
            animation-delay: calc(var(--delay) * 1s);
            opacity: 0;
            z-index: 1;
        }

        @keyframes shootingStar {
            0% {
                transform: translateX(-100%) translateY(-100%) rotate(45deg);
                opacity: 1;
            }

            50% {
                opacity: 1;
            }

            100% {
                transform: translateX(200%) translateY(200%) rotate(45deg);
                opacity: 0;
            }
        }

        /* Messaging objects */
        .messaging-object {
            position: absolute;
            opacity: 0.15;
            animation: float 15s infinite linear;
            z-index: 0;
            filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.2));
        }

        /* Chat bubble */
        .chat-bubble {
            width: 40px;
            height: 30px;
            background: rgba(255, 255, 255, 1);
            border-radius: 50%;
            position: relative;
        }

        .chat-bubble:after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 15px;
            width: 0;
            height: 0;
            border: 10px solid transparent;
            border-top-color: rgba(255, 255, 255, 1);
            border-bottom: 0;
            margin-left: -10px;
            margin-bottom: -10px;
        }

        /* Moving text */
        .moving-text {
            position: absolute;
            font-size: 14px;
            color: rgba(255, 255, 255, 0.3);
            white-space: nowrap;
            animation: drift 20s linear infinite;
            z-index: 0;
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        @keyframes float {
            0% {
                transform: translateY(0) translateX(0);
            }

            25% {
                transform: translateY(-50px) translateX(20px);
            }

            50% {
                transform: translateY(-100px) translateX(0);
            }

            75% {
                transform: translateY(-50px) translateX(-20px);
            }

            100% {
                transform: translateY(0) translateX(0);
            }
        }

        @keyframes drift {
            0% {
                transform: translateX(-100%);
            }

            100% {
                transform: translateX(100%);
            }
        }

        .btn-hero.btn-primary {
            transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
            overflow: hidden;
        }

        .btn-hero.btn-primary::after {
            content: "";
            position: absolute;
            inset: 0;
            background: linear-gradient(125deg,
                    rgba(255, 255, 255, 0.1),
                    rgba(255, 255, 255, 0.05) 30%,
                    transparent 60%);
            opacity: 0;
            transition: opacity 0.3s ease;
        }

        .btn-hero.btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
        }

        .btn-hero.btn-primary:hover::after {
            opacity: 1;
        }

        .btn-hero.btn-primary i {
            transition: transform 0.3s ease;
        }

        .btn-hero.btn-primary:hover i {
            transform: translateX(3px);
        }

        /* Loading state */
        .btn-hero.btn-primary .fa-spinner {
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        /* Content container */
        .hero-static {
            position: relative;
            z-index: 2;
        }