
        body {
            font-family: 'Roboto Mono', monospace;
            background-color: #020617; /* slate-950 */
            color: #e2e8f0; /* slate-200 */
        }
        h1, h2, h3 {
            font-family: 'Exo 2', sans-serif;
        }
        .bg-tech-bg { background-color: #0f172a; } /* slate-900 */
        .border-cyan-glow { border-color: #06b6d4; }
        .text-cyan-glow { color: #06b6d4; }
        .bg-cyan-glow { background-color: #06b6d4; }
        .shadow-cyan-glow { box-shadow: 0 0 15px rgba(6, 182, 212, 0.5); }
        .hero-grid {
            background-image:
                linear-gradient(rgba(2, 6, 23, 0) 1px, transparent 1px),
                linear-gradient(90deg, rgba(2, 6, 23, 0) 1px, transparent 1px),
                linear-gradient(rgba(20, 83, 45, 0.1) 1px, transparent 1px),
                linear-gradient(90deg, rgba(20, 83, 45, 0.1) 1px, transparent 1px);
            background-size: 50px 50px, 50px 50px, 10px 10px, 10px 10px;
            background-position: -1px -1px, -1px -1px, -1px -1px, -1px -1px;
        }
        .section-title span {
            display: inline-block;
            background: linear-gradient(90deg, #06b6d4, #6366f1);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        .service-card:hover .service-icon {
            transform: scale(1.1);
            color: #22d3ee;
        }
        .counter-value {
            font-family: 'Exo 2', sans-serif;
        }
    