.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        
        /* Custom Scrollbar for inner content if needed */
        ::-webkit-scrollbar {
            width: 4px;
        }
        ::-webkit-scrollbar-track {
            background: transparent;
        }
        ::-webkit-scrollbar-thumb {
            background: #00dbe7;
            opacity: 0.5;
        }
        
        /* Hexagonal Background Pattern */
        .bg-hex-pattern {
            background-image: url("data:image/svg+xml,%3Csvg width='24' height='40' viewBox='0 0 24 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40c5.523 0 10-4.477 10-10 0-5.523-4.477-10-10-10v20zm24 0c-5.523 0-10-4.477-10-10 0-5.523 4.477-10 10-10v20zM0 0c5.523 0 10 4.477 10 10 0 5.523-4.477 10-10 10V0zm24 0c-5.523 0-10 4.477-10 10 0 5.523 4.477 10 10 10V0zM12 20c5.523 0 10 4.477 10 10 0 5.523-4.477 10-10 10-5.523 0-10-4.477-10-10 0-5.523 4.477-10 10-10z' fill='%2300dbe7' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
        }

        /* Glass Panel Base */
        .glass-panel {
            background-color: rgba(30, 41, 59, 0.4);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(0, 219, 231, 0.2);
            box-shadow: inset 0 0 20px rgba(0, 219, 231, 0.05);
            position: relative;
        }
        .glass-panel::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 16px;
            height: 1px;
            background-color: #00dbe7;
            opacity: 0.8;
        }
        .glass-panel::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 1px;
            height: 16px;
            background-color: #00dbe7;
            opacity: 0.8;
        }


        /* Scanline Animation */
        /*
        @keyframes scanline {
            0% { transform: translateY(-100%); }
            100% { transform: translateY(100%); }
        }
            */
        
        .scanline-overlay {
            position: absolute;
            inset: 0;
            pointer-events: none;
            overflow: hidden;
            z-index: 10;
        }
        
        .scanline-bar {
            width: 100%;
            height: 4px;
            background: linear-gradient(to bottom, transparent, rgba(0, 242, 255, 0.8), transparent);
            box-shadow: 0 0 15px rgba(0, 242, 255, 0.5);
            animation: scanline 3s linear infinite;
            position: absolute;
            top: 0;
            left: 0;
        }
        
        /* Tech Bar Progress */
        .tech-progress-bg {
            background-color: rgba(132, 148, 149, 0.2);
            position: relative;
            overflow: hidden;
        }
        .tech-progress-fill {
            background-color: #00dbe7;
            box-shadow: 0 0 10px rgba(0, 219, 231, 0.4);
            height: 100%;
            transition: width 1s ease-in-out;
        }