/* Blog specific styles */
.blog-hero { padding: 120px 0 60px; background: linear-gradient(135deg,#0a0a0a,#161616); }
.blog-container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
.blog-eyebrow { color:#00d4ff; font-weight:700; letter-spacing:2px; text-transform:uppercase; font-size:.9rem; }
.blog-title { font-size:3rem; font-weight:800; margin:12px 0 10px; background:linear-gradient(135deg,#fff,#00d4ff,#ff0080); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; }
.blog-subtitle { color:#cfcfcf; max-width:820px; font-size:1.1rem; }

.blog-grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap:24px; margin-top:32px; }
.post-card { background: linear-gradient(145deg,#1a1a1a,#0f0f0f); border:1px solid rgba(255,255,255,.08); border-radius:20px; padding:22px; transition:.3s; box-shadow:0 0 16px rgba(0,212,255,.08); }
.post-card:hover { transform: translateY(-6px); border-color: rgba(0,212,255,.28); box-shadow: 0 20px 40px rgba(0,212,255,.12); }
.post-meta { display:flex; gap:12px; align-items:center; color:#9aa0a6; font-size:.92rem; margin-bottom:10px; }
.badge { padding:4px 10px; border-radius:999px; border:1px solid rgba(0,212,255,.35); color:#00d4ff; background:linear-gradient(135deg, rgba(0,212,255,.12), rgba(255,0,128,.12)); font-weight:700; font-size:.8rem; }
.post-title { color:#fff; font-weight:800; font-size:1.25rem; margin:6px 0 8px; }
.post-excerpt { color:#cfcfcf; line-height:1.7; }
.post-actions { margin-top:14px; }
.post-link { color:#00d4ff; text-decoration:none; font-weight:700; }
.post-link:hover { text-decoration:underline; }

.blog-sidebar { margin-top: 40px; display:grid; grid-template-columns: 2fr 1fr; gap:24px; }
.categories { background: linear-gradient(145deg,#1a1a1a,#0f0f0f); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:18px; }
.categories h3 { color:#fff; font-size:1.1rem; margin-bottom:10px; }
.category-list { list-style:none; padding:0; }
.category-list li { margin:8px 0; }
.category-list a { color:#cfcfcf; text-decoration:none; }
.category-list a:hover { color:#00d4ff; }

.newsletter-cta { background: linear-gradient(135deg,#00d4ff,#ff0080); border-radius:16px; padding:22px; color:#fff; }
.newsletter-cta h3 { margin-bottom:8px; }
.newsletter-cta p { opacity:.95; }
.newsletter-cta form { display:flex; gap:8px; margin-top:12px; }
.newsletter-cta input { flex:1; padding:10px 12px; border:none; border-radius:10px; }
.newsletter-cta button { padding:10px 14px; border:none; border-radius:10px; background:#0a0a0a; color:#fff; cursor:pointer; }
.newsletter-cta button:hover { opacity:.9; }

@media (max-width: 960px) {
  .blog-sidebar { grid-template-columns: 1fr; }
}