.blog-page{background-color:#f8fafc}.blog-page .container{max-width:1300px;margin:0 auto}.blog-hero{background-color:var(--primary);text-align:center;color:#fff;padding:150px 5% 100px}.blog-hero .subtitle{color:var(--secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:15px;font-size:.9rem;font-weight:800;display:block}.blog-hero .title{letter-spacing:-2px;margin-bottom:25px;font-size:3.5rem;font-weight:900}.blog-hero .desc{opacity:.8;max-width:700px;margin:0 auto;font-size:1.1rem;line-height:1.6}.blog-grid-section{padding:80px 5%}.blog-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.blog-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.blog-card:hover{border-color:var(--secondary);transform:translateY(-10px);box-shadow:0 20px 25px -5px #0000001a}.blog-card-image{height:240px;position:relative}.blog-card-image img{object-fit:cover;width:100%;height:100%}.blog-category{background-color:var(--secondary);color:#fff;text-transform:uppercase;border-radius:30px;align-items:center;gap:8px;padding:5px 15px;font-size:.75rem;font-weight:800;display:flex;position:absolute;top:20px;right:20px}.blog-card-content{padding:30px}.blog-meta{color:#94a3b8;gap:20px;margin-bottom:15px;font-size:.8rem;font-weight:700;display:flex}.blog-meta span{align-items:center;gap:6px;display:flex}.blog-card-title{color:var(--primary);margin-bottom:15px;font-size:1.4rem;font-weight:800;line-height:1.3}.blog-card-title a{color:inherit;text-decoration:none;transition:color .2s}.blog-card-title a:hover{color:var(--secondary)}.blog-card-excerpt{color:#64748b;margin-bottom:25px;font-size:.95rem;line-height:1.6}.read-more-btn{color:var(--primary);text-transform:uppercase;align-items:center;gap:10px;font-size:.9rem;font-weight:800;text-decoration:none;transition:gap .2s;display:inline-flex}.read-more-btn:hover{color:var(--secondary);gap:15px}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}.blog-hero .title{font-size:2.5rem}}