a{
      text-decoration:none;
    }

    img{
      width:100%;
      display:block;
    }

    .container{
      width:90%;
      max-width:1300px;
      margin:auto;
    }

    /* HERO */
/*
    .hero{
      padding:90px 0 70px;
      background:
      radial-gradient(circle at top right, rgba(99,102,241,.35), transparent 30%),
      linear-gradient(135deg,#0f172a,#111827,#1e293b);
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    .hero-badge{
      display:inline-block;
      padding:10px 18px;
      border-radius:100px;
      background:rgba(99,102,241,.15);
      border:1px solid rgba(99,102,241,.3);
      color:#a5b4fc;
      font-size:14px;
      margin-bottom:25px;
    }

    .hero h1{
      font-size:56px;
      line-height:1.4;
      margin-bottom:25px;
      font-weight:900;
      max-width:850px;
    }

    .hero h1 span{
      color:#818cf8;
    }

    .hero p{
      max-width:700px;
      color:#cbd5e1;
      font-size:18px;
    } */

    /* BLOGS */

    .blogs{
      padding:80px 0;
    }

    .blog-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:30px;
    }

    .blog-card{
      background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      border-radius:28px;
      overflow:hidden;
      transition:.35s ease;
      backdrop-filter:blur(10px);
    }

    .blog-card:hover{
      transform:translateY(-10px);
      border-color:rgba(99,102,241,.4);
      box-shadow:0 20px 50px rgba(99,102,241,.15);
    }

    .blog-image{
      height:250px;
      overflow:hidden;
      position:relative;
    }

    .blog-image::after{
      content:'';
      position:absolute;
      inset:0;
      background:linear-gradient(to top, rgba(15,23,42,.9), transparent);
    }

    .blog-image img{
      height:100%;
      object-fit:cover;
      transition:.5s ease;
    }

    .blog-card:hover img{
      transform:scale(1.1);
    }

    .blog-content{
      padding:28px;
    }

    .blog-title{
      font-size:24px;
      margin-bottom:15px;
      font-weight:800;
      line-height:1.7;
    }

    .blog-desc{
      color:#94a3b8;
      font-size:15px;
      margin-bottom:25px;
    }

    .blog-btn{
      display:inline-block;
      padding:12px 24px;
      background:#6366f1;
      color:#fff;
      border-radius:16px;
      transition:.3s ease;
      font-size:14px;
      font-weight:700;
    }

    .blog-btn:hover{
      background:#818cf8;
      box-shadow:0 10px 25px rgba(99,102,241,.35);
    }


    /* TABLET */

    @media(max-width:992px){

      .hero h1{
        font-size:42px;
      }

      .blog-grid{
        grid-template-columns:repeat(2,1fr);
      }

    }


    /* MOBILE */

    @media(max-width:768px){

      .hero{
        padding:70px 0 50px;
      }

      .hero h1{
        font-size:32px;
      }

      .hero p{
        font-size:15px;
      }

      .blog-grid{
        grid-template-columns:1fr;
        gap:22px;
      }

      .blog-content{
        padding:22px;
      }

      .blog-title{
        font-size:20px;
      }

      .blog-image{
        height:220px;
      }

    }



        .blog-card__meta {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid rgba(15, 23, 42, 0.08);
}

.blog-card__publish-date {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;

  direction: rtl;
  font-size: 0.8125rem;
  font-weight: 500;
  line-height: 1.8;

  color: #64748b;
  background: rgba(79, 70, 229, 0.07);
  border: 1px solid rgba(79, 70, 229, 0.12);
  border-radius: 999px;

  padding: 4px 11px;
  white-space: nowrap;

  transition:
    color 0.2s ease,
    background-color 0.2s ease,
    border-color 0.2s ease,
    transform 0.2s ease;
}

.blog-card__date-icon {
  width: 6px;
  height: 6px;
  font-size: 0;
  flex: 0 0 6px;

  border-radius: 999px;
  background: #4f46e5;
  opacity: 0.75;
}

.blog-card:hover .blog-card__publish-date {
  color: #4338ca;
  background: rgba(79, 70, 229, 0.11);
  border-color: rgba(79, 70, 229, 0.2);
  transform: translateY(-1px);
}

@media (max-width: 640px) {
  .blog-card__publish-date {
    font-size: 0.765rem;
    padding: 3px 9px;
  }
}


        /* Blog cards - align publish date at bottom */

/* کانتینر کارت‌ها */
.blogs-grid,
.blog-list,
.blog-cards,
.posts-grid {
  align-items: stretch;
}

/* خود کارت مقاله */
.blog-card,
.post-card,
.article-card {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* اگر داخل کارت، لینک اصلی کل محتوا را گرفته باشد */
.blog-card > a,
.post-card > a,
.article-card > a {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* عنوان و توضیحات */
.blog-card h2,
.blog-card h3,
.post-card h2,
.post-card h3,
.article-card h2,
.article-card h3 {
  margin-bottom: 12px;
}

.blog-card p,
.post-card p,
.article-card p {
  margin-bottom: 16px;
}

/* تاریخ انتشار را همیشه پایین کارت نگه می‌دارد */
.blog-card .date,
.blog-card .published-date,
.blog-card .post-date,
.post-card .date,
.post-card .published-date,
.post-card .post-date,
.article-card .date,
.article-card .published-date,
.article-card .post-date {
  margin-top: auto;
  padding-top: 16px;
}