::-webkit-scrollbar { width: 5px; height: 5px; }
    ::-webkit-scrollbar-track { background: #020407; }
    ::-webkit-scrollbar-thumb { background: #0d1a2d; border-radius: 2px; }
    ::-webkit-scrollbar-thumb:hover { background: #00f0ff; }

    .cyber-grid {
      background-size: 32px 32px;
      background-image: 
        linear-gradient(to right, rgba(0, 240, 255, 0.035) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(0, 240, 255, 0.035) 1px, transparent 1px);
    }

    .glass-hud {
      background: rgba(5, 9, 16, 0.84);
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      border: 1px solid rgba(0, 240, 255, 0.16);
      box-shadow: 0 0 50px -12px rgba(0, 240, 255, 0.15), inset 0 0 35px -15px rgba(157, 78, 221, 0.15);
    }

    .glass-card {
      background: rgba(8, 14, 25, 0.65);
      backdrop-filter: blur(16px);
      -webkit-backdrop-filter: blur(16px);
      border: 1px solid rgba(255, 255, 255, 0.06);
      transform-style: preserve-3d;
      transition: transform 0.12s ease-out, border-color 0.25s ease, box-shadow 0.25s ease;
      will-change: transform;
    }

    .scanline {
      position: fixed;
      top: 0; left: 0; right: 0; height: 3px;
      background: linear-gradient(90deg, transparent, rgba(0, 240, 255, 0.85), transparent);
      animation: scanMove 4s linear infinite;
      pointer-events: none;
      opacity: 0.5;
    }
    @keyframes scanMove {
      0% { top: -2%; opacity: 0; }
      15% { opacity: 0.8; }
      85% { opacity: 0.8; }
      100% { top: 102%; opacity: 0; }
    }

    .crt-overlay {
      background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.35) 50%);
      background-size: 100% 4px;
      pointer-events: none;
    }

    .glitch-text {
      text-shadow: 0 0 14px rgba(0,240,255,0.7), 0 0 28px rgba(157,78,221,0.5);
    }

    .glow-cyan {
      box-shadow: 0 0 20px -3px rgba(0, 240, 255, 0.35);
    }