/* 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; } /* ========================================================== FOOTER ANCHOR #footer is the direct flex child of ; the actual