body {
            background-color: #030303;
            color: #e5e7eb;
            overflow-x: hidden;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #0a0a0a; }
        ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; }
        ::-webkit-scrollbar-thumb:hover { background: #555; }

        /* Selection Color */
        ::selection { background: rgba(59, 130, 246, 0.3); color: white; }

        /* Fluid Background */
        .gradient-bg {
            position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: -1;
            background: #000; overflow: hidden;
        }
        .g-blob {
            position: absolute; width: 800px; height: 800px;
            background: radial-gradient(circle, rgba(60, 20, 150, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
            border-radius: 50%; filter: blur(100px); opacity: 0.6;
            animation: moveBlobs 25s infinite alternate;
        }
        .g-blob:nth-child(1) { top: -20%; left: -20%; background: radial-gradient(circle, rgba(59, 130, 246, 0.2) 0%, rgba(0, 0, 0, 0) 70%); }
        .g-blob:nth-child(2) { bottom: -20%; right: -20%; background: radial-gradient(circle, rgba(6, 182, 212, 0.2) 0%, rgba(0, 0, 0, 0) 70%); animation-duration: 30s; }

        @keyframes moveBlobs {
            0% { transform: translate(0, 0) scale(1); }
            100% { transform: translate(100px, -50px) scale(1.1); }
        }

        /* Glass Components */
        .glass-panel {
            background: rgba(20, 20, 20, 0.4);
            backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.05);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
        }

        .glass-card {
            background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
            border: 1px solid rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(10px); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        }

        .glass-card:hover {
            border-color: rgba(255, 255, 255, 0.15); transform: translateY(-5px);
            background: linear-gradient(180deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.02) 100%);
            box-shadow: 0 20px 40px -10px rgba(0,0,0,0.5);
        }

        /* Holographic Text */
        .text-holographic {
            background: linear-gradient(135deg, #fff 0%, #a5b4fc 50%, #67e8f9 100%);
            -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        }

        /* Scroll Reveal Animation Classes */
        .reveal-up {
            opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
        }
        .reveal-up.active { opacity: 1; transform: translateY(0); }

        /* Capability Active State */
        .cap-active {
            background: linear-gradient(180deg, rgba(59, 130, 246, 0.1) 0%, rgba(0,0,0,0) 100%) !important;
            border-color: rgba(59, 130, 246, 0.4) !important;
            box-shadow: 0 0 30px rgba(59, 130, 246, 0.15);
        }
        .cap-active .bg-icon {
            opacity: 0.15 !important; transform: scale(1.2) rotate(10deg);
        }

        /* Typing Cursor */
        .typing-cursor::after {
            content: '|'; animation: blink 1s infinite;
        }
        @keyframes blink { 50% { opacity: 0; } }