.vs-blog-page,
.vs-blog-page *{
box-sizing:border-box;
}

.vs-blog-page{
background:
radial-gradient(circle at 12% 18%, rgba(123,199,255,.08), transparent 22%),
radial-gradient(circle at 88% 20%, rgba(139,115,255,.08), transparent 22%),
linear-gradient(180deg,#06080d 0%,#090c12 44%,#05070b 100%);
}

.vs-blog-hero{
padding:90px 0 60px;
}

.vs-blog-posts{
padding:60px 0 90px;
}

.vs-blog-container{
width:min(calc(100% - 32px),1180px);
margin:0 auto;
}

.vs-blog-eyebrow{
color:#d8e9ff;
font-size:.75rem;
letter-spacing:.18em;
text-transform:uppercase;
font-weight:800;
margin-bottom:10px;
}

.vs-blog-title{
color:#fff;
font-size:clamp(2rem,3.5vw,3.2rem);
font-weight:900;
margin-bottom:14px;
}

.vs-blog-subtitle{
color:#b8c3d3;
max-width:720px;
}

.vs-blog-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:20px;
margin-top:30px;
}

.vs-blog-card{
padding:1.5rem;
border-radius:20px;
background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
border:1px solid rgba(255,255,255,.12);
}

.vs-blog-card h2{
font-size:1.2rem;
margin-bottom:.7rem;
}

.vs-blog-card h2 a{
color:#fff;
text-decoration:none;
}

.vs-blog-card p{
color:#bcc4d1;
font-size:.95rem;
line-height:1.6;
}

.vs-blog-read{
display:inline-block;
margin-top:10px;
font-weight:800;
color:#7BC7FF;
text-decoration:none;
}

@media(max-width:768px){

.vs-blog-grid{
grid-template-columns:1fr;
}

}
.vs-article{
  padding:90px 0 100px;
}

.vs-article-meta{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  color:#9fb0c7;
  font-size:.92rem;
  margin:8px 0 20px;
}

.vs-article-intro{
  color:#d5deeb;
  font-size:1.05rem;
  line-height:1.85;
  max-width:820px;
  margin-bottom:32px;
}

.vs-article-body{
  max-width:820px;
}

.vs-article-section{
  margin-bottom:32px;
}

.vs-article-section h2{
  color:#fff;
  font-size:1.55rem;
  line-height:1.15;
  margin:0 0 14px;
}

.vs-article-section p{
  color:#bcc4d1;
  font-size:1rem;
  line-height:1.85;
  margin:0 0 1rem;
}

.vs-article-cta{
  margin-top:40px;
  max-width:860px;
  padding:1.5rem;
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.12);
}

.vs-article-cta h2{
  color:#fff;
  font-size:1.4rem;
  margin:0 0 .7rem;
}

.vs-article-cta p{
  color:#bcc4d1;
  margin:0 0 1rem;
}