:root {
        --primary: #002a80;
        --accent: #005580;
        --text: #333;
        --white: #ffffff;
        --gray: #f4f4f4;
    }
    body { font-family: Arial, Helvetica, sans-serif; line-height: 1.6; color: var(--text); margin: 0; }
    a { text-decoration: none; color: var(--primary); }
    h1, h2 { color: var(--primary); }
    
    .g-container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; }
    .g-grid { display: flex; flex-wrap: wrap; gap: 20px; }
    
    /* Navigation */
    #g-navigation { background: var(--white); padding: 1rem 0; box-shadow: 0 2px 5px rgba(0,0,0,0.1); }
    .g-main-nav ul { list-style: none; padding: 0; display: flex; gap: 15px; margin: 0; }
    .g-logo img { height: 60px; }
    .button-pink { background: var(--primary); color: white; padding: 0.5rem 1rem; border-radius: 4px; display: inline-block; }

    /* Layout */
    #g-header, #g-footer { padding: 2rem 0; }
    #g-footer { background: var(--primary); color: white; }
    #g-footer a { color: #ccc; }
    
    .size-100 { width: 100%; }
    .size-68 { flex: 0 0 65%; }
    .size-32 { flex: 0 0 calc(35% - 20px); }
    .size-75 { flex: 0 0 70%; }
    .size-25 { flex: 0 0 calc(30% - 20px); }

    .sponsor-images img { height: 50px; object-fit: contain; margin-right: 20px; filter: grayscale(1) brightness(2); }

    /* Responsive */
    @media (max-width: 768px) {
        .g-grid { flex-direction: column; }
        .size-68, .size-32, .size-75, .size-25 { width: 100%; }
        .g-main-nav ul { flex-direction: column; }
    }