.hex-clip {
            clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
        }

        .circuit-pattern {
            background-image: radial-gradient(circle at 2px 2px, rgba(100, 251, 206, 0.15) 1px, transparent 0);
            background-size: 32px 32px;
        }

        /* Animations */
        @keyframes shimmer {
            100% {
                transform: skewX(-12deg) translateX(200%);
            }
        }

        /* Custom Scrollbar for better UI */
        ::-webkit-scrollbar {
            width: 8px;
        }

        ::-webkit-scrollbar-track {
            background: #001F26;
        }

        ::-webkit-scrollbar-thumb {
            background: #156874;
            border-radius: 4px;
        }

        ::-webkit-scrollbar-thumb:hover {
            background: #64FBCE;
        }