body { background-color: #050505; scroll-behavior: smooth; }
        .glass { background: rgba(15, 23, 42, 0.75); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.08); }
        .neon-glow:hover { box-shadow: 0 0 30px rgba(59, 130, 246, 0.3); border-color: #3b82f6; }
        .reveal { animation: reveal 0.8s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
        @keyframes reveal { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
        .data-mesh { background-image: radial-gradient(circle at 2px 2px, rgba(59, 130, 246, 0.08) 1px, transparent 0); background-size: 40px 40px; }
        .gradient-text { background: linear-gradient(to right, #3b82f6, #22c55e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .custom-scroll::-webkit-scrollbar { width: 5px; }
        .custom-scroll::-webkit-scrollbar-thumb { background: #1e293b; border-radius: 10px; }
        .grid-card { transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); border: 1px solid rgba(255, 255, 255, 0.04); }
        .grid-card:hover { transform: translateY(-8px); background: rgba(255, 255, 255, 0.03); border-color: rgba(59, 130, 246, 0.4); }
        .step-line { position: relative; }
        .step-line::after { content: ''; position: absolute; top: 24px; left: 50%; width: 100%; height: 2px; background: linear-gradient(to right, #3b82f6, transparent); z-index: -1; }
        @media (max-width: 1024px) { .step-line::after { display: none; } }