.hex-bg {
            background-color: #0d1515;
            background-image: radial-gradient(rgba(0, 219, 231, 0.15) 1px, transparent 1px);
            background-size: 20px 20px;
        }
        .glass-panel {
            background: rgba(30, 41, 59, 0.4);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(0, 219, 231, 0.5);
            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: 8px;
            height: 1px;
            background: #e1fdff;
            box-shadow: 0 0 8px #e1fdff;
        }
        .glass-panel::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 1px;
            height: 8px;
            background: #e1fdff;
            box-shadow: 0 0 8px #e1fdff;
        }
        .text-glow {
            text-shadow: 0 0 8px rgba(0, 219, 231, 0.5);
        }
        .progress-bar-container {
            width: 100%;
            height: 8px;
            background: rgba(0, 219, 231, 0.1);
            border: 1px solid rgba(0, 219, 231, 0.3);
            border-radius: 2px;
            overflow: hidden;
        }
        .progress-bar-fill {
            height: 100%;
            background: #00dbe7;
            box-shadow: 0 0 10px #00dbe7;
        }
        .hud-scanline {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 2px;
            background: rgba(0, 219, 231, 0.3);
            box-shadow: 0 0 15px rgba(0, 219, 231, 0.8);
            animation: scanline 4s linear infinite;
            z-index: 50;
            pointer-events: none;
        }
        @keyframes scanline {
            0% { top: -5%; }
            100% { top: 105%; }
        }
        .glitch-hover:hover {
            animation: glitch-anim 0.2s linear infinite;
        }
        @keyframes glitch-anim {
            0% { transform: translate(0) }
            20% { transform: translate(-2px, 1px) }
            40% { transform: translate(-1px, -1px) }
            60% { transform: translate(2px, 1px) }
            80% { transform: translate(1px, -1px) }
            100% { transform: translate(0) }
        }
        
        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 4px;
        }
        ::-webkit-scrollbar-track {
            background: transparent;
        }
        ::-webkit-scrollbar-thumb {
            background: rgba(0, 219, 231, 0.3);
            border-radius: 2px;
        }
        ::-webkit-scrollbar-thumb:hover {
            background: rgba(0, 219, 231, 0.6);
        }