@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap');
        
        :root {
            --primary: #2e7d32;
            --secondary: #1565c0;
            --accent: #ffab00;
            --dark: #263238;
            --light: #f5f5f5;
        }
        
        body {
            font-family: 'Poppins', sans-serif;
            scroll-behavior: smooth;
        }
        
        .hero {
            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
                        url('https://storage.googleapis.com/workspace-0f70711f-8b4e-4d94-86f1-2a93ccde5887/image/78ab5091-42e1-46c4-884a-93ee448830a9.png') no-repeat center center;
            background-size: cover;
            height: 100vh;
        }
        
        .service-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }
        
        .sector-icon {
            transition: all 0.3s ease;
        }
        
        .sector-card:hover .sector-icon {
            transform: scale(1.1);
            color: var(--accent);
        }
        
        .sector-card {
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .sector-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.1);
        }
        
        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-10px); }
        }
        
        .floating {
            animation: float 3s ease-in-out infinite;
        }
        
        .stats-item {
            transition: all 0.3s ease;
        }
        
        .stats-item:hover {
            background-color: rgba(255,255,255,0.1);
            transform: scale(1.05);
        }
        
        #sectorModal {
            transition: opacity 0.3s ease;
        }