.hero-section {
      background: linear-gradient(rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url('./assets/img/hero-bg.webp') center/cover no-repeat;
      color: white;
      padding: 5rem 2rem;
      text-align: center;
    }

    .lead {
      color: #D3D3D3 !important;
    }

    .card-img-top {
      object-fit: cover;
      height: 180px;
    }

    .section-title {
      margin-top: 4rem;
      margin-bottom: 2rem;
      text-align: center;
    }

    /* Newsletter (centered, clean) */
    .gi-newsletter-card{
      max-width: 900px;
      margin: 0 auto;
      background: var(--surface);
      border: 1px solid var(--surface-border);
      box-shadow: var(--shadow-sm);
      border-radius: 16px;
      padding: 2rem;
    }
    @media (min-width: 768px){
      .gi-newsletter-card{ padding: 2.5rem; }
    }

    .gi-newsletter-card h2{ margin-bottom: .25rem; }
    .gi-newsletter-card p.gi-sub{ color: var(--muted); margin-bottom: 1.25rem; }

    .gi-newsletter-card .form-control{
      border: 1px solid var(--surface-border);
      border-radius: .75rem;
      padding: .875rem 1rem;
    }
    .gi-newsletter-card .form-control:focus{
      border-color: var(--primary);
      box-shadow: 0 0 0 3px rgba(0,123,148,.15);
      outline: none;
    }