@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');
        
        body {
            font-family: 'Inter', sans-serif;
            background-color: #0f172a;
            color: #f8fafc;
            scroll-behavior: smooth;
        }

        .glass-nav {
            background: rgba(15, 23, 42, 0.85);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }

         .mobile-menu-overlay {
            transition: opacity 0.3s ease-in-out;
            pointer-events: none;
            opacity: 0;
        }

        .mobile-menu-overlay.active {
            pointer-events: auto;
            opacity: 1;
        }

        .mobile-menu-content {
            transition: transform 0.3s ease-in-out;
            transform: translateX(100%);
        }

        .mobile-menu-content.active {
            transform: translateX(0);
        }

        .gradient-text {
            background: linear-gradient(90deg, #38bdf8, #818cf8);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .card-hover {
            transition: all 0.3s ease;
        }

        .card-hover:hover {
            transform: translateY(-8px);
            border-color: #38bdf8;
            box-shadow: 0 20px 40px -15px rgba(56, 189, 248, 0.2);
        }

        .stat-card {
            background: linear-gradient(145deg, rgba(30, 41, 59, 0.5), rgba(15, 23, 42, 0.5));
        }