/* Continuous Linear Hue Cycle */
    @keyframes neonShift {
      0%   { filter: hue-rotate(0deg); }
      100% { filter: hue-rotate(360deg); }
    }

    /* Animation Classes */
    .animate-neon-glow {
      animation: neonShift 6s linear infinite;
    }
    .animate-hue-linear {
      animation: neonShift var(--anim-speed, 4s) infinite linear;
    }

    /* Glassmorphism Card Style */
    .glass-card {
      background: rgba(0, 0, 0, 0.4);
      backdrop-filter: blur(12px);
      -webkit-backdrop-filter: blur(12px);
      border: 1px solid rgba(255, 255, 255, 0.1);
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
      height: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #090d16;
    }
    ::-webkit-scrollbar-thumb {
      background: #1e293b;
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #334155;
    }

    /* Keep the header visible while scrolling */
    #header {
    position: sticky;
    top: 0;
    z-index: 1000;
    }

    html,
    body {
    min-height: 100%;
    }

    body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    }

    main {
    flex: 1;
    }

    /* Prevent English text appearing before translation */
    html:not(.language-ready) [data-i18n] {
    visibility: hidden;
    }

    /* Keep the sidebar and its backdrop above the header */
    #sidebar-backdrop {
    z-index: 1000;
    }

    #sidebar-drawer {
    z-index: 1001;
    }