.blog-card {
      border-radius: 12px;
      overflow: hidden;
      box-shadow: 0 4px 12px rgba(0,0,0,0.15);
      transition: transform 0.2s ease;
      margin-bottom: 20px;
      cursor: pointer;
    }
    .blog-card:hover { transform: translateY(-5px); }
    .blog-img {
      position: relative;
      height: 160px;
      background-size: cover;
      background-position: center;
    }
    .tags {
      position: absolute;
      top: 10px;
      left: 10px;
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
    }
    .tag {
      font-size: 12px;
      padding: 4px 8px;
      border-radius: 8px;
      font-weight: 600;
    }
    .tag-blue { background-color: #0d6efd; color: white; }
    .tag-red { background-color: #dc3545; color: white; }
    .tag-green { background-color: #198754; color: white; }
    .tag-orange { background-color: #d46205; color: white; }
    .tag-yellow { background-color: #ffc107; color: black; }
    .tag-purple { background-color: #6f42c1; color: white; }
    .tag-gray { background-color: #6c757d; color: white; }
    .blog-body { padding: 15px; }
    .blog-title { font-size: 18px; font-weight: 700; margin-bottom: 8px; }
    .blog-meta { font-size: 14px; color: gray; }
    .highlight-box {
      background: #000;
      color: white;
      padding: 10px 20px;
      border-radius: 8px;
      font-size: 20px;
      font-weight: bold;
      text-align: center;
    }