.blog-banner {
      background: linear-gradient(135deg, #2D213D 0%, #3F354B 100%);
      color: #fff;
      text-align: center;
      padding: 30px 20px;
      position: relative;
      overflow: hidden;
    }
    .blog-banner::before {
      content: "";
      position: absolute;
      top: -50px;
      left: -50px;
      width: 200%;
      height: 200%;
      background: linear-gradient(135deg, #2e7d32 0%, #66bb6a 40%);
      z-index: 0;
    }
    .blog-banner-content {
      position: relative;
      z-index: 1;
    }
    .blog-banner h1 {
      font-weight: 700;
      font-size: 3rem;
      margin-bottom: 0.5rem;
    }
    .blog-banner p {
      font-size: 1.2rem;
      margin: 0;
    }