.blog-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.blog-header{text-align:center;background:linear-gradient(135deg,var(--color-primary)0%,#004085 100%);color:#fff;border-radius:16px;margin-bottom:4rem;padding:4rem 0}.blog-header h1{margin-bottom:1rem;font-size:3rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;display:grid}.blog-card{background:#fff;border:1px solid #eee;border-radius:12px;flex-direction:column;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 6px #0000000d}.blog-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #0000001a}.blog-card-image-wrapper{width:100%;height:200px;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%}.blog-card-content{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.blog-card-category{text-transform:uppercase;color:var(--color-primary);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.blog-card h2{color:#333;margin-bottom:.75rem;font-size:1.25rem;line-height:1.4}.blog-card p{color:#666;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.blog-card-footer{color:#999;justify-content:space-between;align-items:center;margin-top:auto;font-size:.85rem;display:flex}.article-container{max-width:800px;margin:0 auto;padding:4rem 1rem}.article-header{text-align:center;margin-bottom:3rem}.article-category{color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-weight:700;display:block}.article-title{color:#1a1a1a;margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.article-meta{color:#666;font-size:1rem}.article-hero-wrapper{border-radius:20px;width:100%;height:400px;margin-bottom:3rem;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.article-hero-image{object-fit:cover}.article-content{color:#333;font-size:1.15rem;line-height:1.8}.article-content h2{color:#1a1a1a;margin:3rem 0 1.5rem;font-size:2rem}.article-content h3{margin:2rem 0 1rem;font-size:1.5rem}.article-content p{margin-bottom:1.5rem}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content li{margin-bottom:.5rem}.article-cta{text-align:center;background:#f8fbff;border:1px solid #e1e8f0;border-radius:20px;margin-top:5rem;padding:4rem}.article-cta h3{margin-bottom:1rem;font-size:2rem}.article-cta p{color:#666;margin-bottom:2rem}@media (max-width:768px){.blog-header h1,.article-title{font-size:2.5rem}}