/* Blogs page styles */
.blogs-hero{padding:56px 0 26px;}
.blogs-hero__kicker{letter-spacing:.35em;opacity:.8;text-transform:uppercase;font-size:12px;margin-bottom:10px;}
.blogs-hero__title{font-size:34px;line-height:1.15;margin:0 0 10px;}
.blogs-hero__sub{opacity:.85;max-width:760px;margin:0 auto 0;}
.blogs-list{padding:26px 0 70px;}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.blog-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.18);}
.blog-card h3{margin:0 0 8px;font-size:18px;}
.blog-card .meta{opacity:.75;font-size:13px;margin-bottom:10px;}
.blog-card p{opacity:.9;margin:0 0 12px;}
.blog-card a.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.18);text-decoration:none;}
.blog-card a.btn:hover{background:rgba(255,255,255,.08);}
@media (max-width: 900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width: 560px){.blog-grid{grid-template-columns:1fr;}.blogs-hero__title{font-size:28px;}}


/* Gradient tiles (two variations) */
.blog-card{position:relative;overflow:hidden;}
.blog-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg, rgba(28,173,227,.22) 0%, rgba(124,58,237,.18) 55%, rgba(238,21,121,.14) 100%);
  pointer-events:none;
}
.blog-card:nth-child(even)::before{
  background:linear-gradient(135deg, rgba(238,21,121,.18) 0%, rgba(124,58,237,.18) 55%, rgba(28,173,227,.14) 100%);
}
.blog-card>*{position:relative;z-index:1;}

/* Read more button: use the same blue→pink gradient as the site CTA */
.blog-card a.btn{
  border:none;
  background-image: linear-gradient(135deg, #1CADE3 0%, #7C3AED 50%, #EE1579 100%);
  color:#0B1020;
  font-weight:500;
}
.blog-card a.btn:hover{opacity:.95;}