:root {
            --primary: #0070c0;
            --secondary: #003663;
            --text: #1c1c1c;
            --white: #ffffff;
            --footer: #003663;
        }
        body { font-family: Arial, Helvetica, sans-serif; margin: 0; color: var(--text); }
        .container { max-width: 1024px; margin: 0 auto; padding: 0 20px; }
        header { background: var(--white); padding: 20px 0; border-bottom: 3px solid var(--primary); }
        nav { background: var(--secondary); }
        nav ul { list-style: none; padding: 0; margin: 0; display: flex; }
        nav a { color: var(--white); text-decoration: none; padding: 15px 20px; display: block; }
        nav a:hover { background: var(--primary); }
        .hero { text-align: center; padding: 40px 0; }
        .hero img { max-width: 100%; height: auto; }
        .content { padding: 40px 0; }
        .business-members-title { text-align: center; color: var(--primary); font-size: 2em; margin: 20px 0; border-bottom: 2px solid var(--primary); display: inline-block; width: 100%; }
        footer { background: var(--footer); color: var(--white); padding: 40px 0; }
        .sponsor-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; align-items: center; justify-items: center; }
        .sponsor-img { max-width: 150px; height: auto; filter: brightness(0) invert(1); }
        @media (max-width: 768px) { nav ul { flex-direction: column; } }