/* ==========================================================================
   SHINOBIFLOW PREMIUM STYLESHEET
   UI8 & ThemeForest Standard (Dark Mode Only)
========================================================================== */

/* 1. Google Fonts Import */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;700&display=swap');

/* 2. Global Typography Setup */
html, body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
}

.font-mono-code { 
    font-family: 'Fira Code', monospace; 
}

/* 3. Custom Scrollbar */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, 0.5); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(6, 182, 212, 0.8); }

.custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
.custom-scrollbar::-webkit-scrollbar-track { background: transparent; }
.custom-scrollbar::-webkit-scrollbar-thumb { background: rgba(6, 182, 212, 0.3); border-radius: 10px; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* 4. Glow & Hover Effects */
.text-glow { text-shadow: 0 0 20px rgba(6, 182, 212, 0.5); }
.neon-glow { box-shadow: 0 0 15px rgba(6, 182, 212, 0.4); transition: all 0.3s ease-in-out; }
.neon-glow:hover { box-shadow: 0 0 25px rgba(6, 182, 212, 0.7); transform: translateY(-2px); }

/* 5. Glassmorphism Panels */
.glass-panel {
    background: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.08);
}