.blog-container {
          max-width: 900px;
          margin: 60px auto;
          padding: 20px;
        }
        
        .blog-title {
          font-size: 32px;
          margin-bottom: 20px;
        }
        
        .blog-card {
          background: #161616;
          padding: 20px;
          margin-bottom: 20px;
          border-radius: 8px;
        }
        
        .blog-card h2 {
          margin-bottom: 10px;
        }
        .blog-section {
          display: grid;
          grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
          gap: 25px;
          padding: 60px 20px;
          max-width: 1100px;
          margin: auto;
        }
        
        .blog-card {
          background: #0f0f0f;
          border: 1px solid rgba(168, 230, 61, 0.2);
          border-radius: 10px;
          overflow: hidden;
          transition: 0.3s;
        }
        
        .blog-card:hover {
          transform: translateY(-5px);
          border-color: #a8e63d;
        }
        
        .blog-card img {
          width: 100%;
          height: 200px;
          object-fit: cover;
        }
        
        .blog-content {
          padding: 20px;
        }
        
        .blog-content h2 {
          font-size: 18px;
          color: #a8e63d;
          margin-bottom: 10px;
        }
        
        .blog-content p {
          color: #ccc;
          margin-bottom: 15px;
        }
        
        .blog-content a {
          text-decoration: none;
        }