:root {
            --primary: #006400;
            --accent: #0cc485;
            --dark: #111111;
            --light: #f4f4f4;
            --gray: #58595b;
        }
        * { box-sizing: border-box; }
        body { font-family: 'Arial', sans-serif; margin: 0; color: #333; line-height: 1.6; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 15px; }
        a { text-decoration: none; color: inherit; }
        
        /* Header */
        .top-bar { background: var(--gray); color: #fff; padding: 7px 0; font-size: 12px; text-transform: uppercase; }
        .nav-bar { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; }
        .logo { font-size: 24px; font-weight: bold; color: var(--primary); }
        .nav-links { display: flex; gap: 20px; list-style: none; margin: 0; padding: 0; }
        
        /* Hero */
        .hero { height: 400px; background: #ddd; display: flex; align-items: center; justify-content: center; position: relative; }
        
        /* Layout Grid */
        .grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin: 40px 0; }
        .card { border: 1px solid #ddd; padding: 15px; text-align: center; }
        .card img { width: 100%; border-radius: 8px; }
        
        /* Footer */
        footer { background: var(--dark); color: #fff; padding: 40px 0; text-align: center; }
        
        /* Helpers */
        .leaf-icon { width: 40px; height: 40px; background: var(--primary); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); margin: 0 auto 20px; }
        
        @media (max-width: 768px) {
            .nav-links { display: none; }
        }