.blog-page{width:100%}.blog-hero{background:linear-gradient(135deg,rgba(251,191,36,.08),transparent 60%);border-bottom:1px solid rgba(255,255,255,.06);padding:3.5rem 1.25rem 3rem;text-align:center}.blog-hero-inner{max-width:640px;margin:0 auto}.blog-eyebrow{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#fbbf24;margin:0 0 .75rem}.blog-hero-title{font-size:2.5rem;font-weight:900;color:#f1f5f9;margin:0 0 1rem;line-height:1.15}.blog-hero-sub{color:#94a3b8;font-size:1.05rem;line-height:1.7;margin:0}.blog-container{max-width:1100px;margin:0 auto;padding:3rem 1.25rem 4rem}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.blog-card{background:#111827;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.blog-card:hover{transform:translateY(-4px);border-color:rgba(251,191,36,.35);box-shadow:0 12px 36px rgba(0,0,0,.4)}.blog-card-img{position:relative;aspect-ratio:16/9;background:#0a0e1a;overflow:hidden}.blog-card-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.blog-card:hover .blog-card-img img{transform:scale(1.04)}.blog-card-category{position:absolute;top:.65rem;left:.65rem;padding:.22rem .6rem;border-radius:6px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.blog-card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;flex:1 1}.blog-card-title{font-size:1rem;font-weight:700;color:#f1f5f9;line-height:1.4}.blog-card-excerpt,.blog-card-title{margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-excerpt{font-size:.85rem;color:#94a3b8;line-height:1.6;flex:1 1}.blog-card-meta{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.06);margin-top:auto}@media (max-width:900px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-hero-title{font-size:2rem}}@media (max-width:560px){.blog-grid{grid-template-columns:1fr}.blog-hero{padding:2.5rem 1rem 2rem}.blog-hero-title{font-size:1.6rem}.blog-container{padding:2rem 1rem 3rem}}