.blog-hero{background:var(--gradient-hero);padding:calc(var(--space-32) + 80px) 0 var(--space-16);position:relative;overflow:hidden}.blog-hero::before{content:'';position:absolute;top:-30%;right:-10%;width:50%;height:120%;background:radial-gradient(circle,rgba(67,160,71,.08) 0%,transparent 70%);pointer-events:none}.blog-hero::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:350px;height:350px;background:url('/logo-spar.webp?v=_szzWrxyCLtPifJwA0sih9JK6oI') center/contain no-repeat;opacity:.06;pointer-events:none;z-index:0}.blog-hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.blog-hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--primary-green);box-shadow:var(--shadow-md);margin-bottom:var(--space-6)}.blog-hero-badge svg{width:18px;height:18px}.blog-hero-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:var(--space-4);line-height:1.1}.blog-hero-title .highlight{color:var(--primary-green);position:relative}.blog-hero-description{font-size:var(--text-xl);color:var(--gray-600);line-height:1.7;margin-bottom:var(--space-8)}.blog-categories{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.blog-category-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;background:var(--white);color:var(--gray-700);border:1px solid var(--gray-200);cursor:pointer;transition:all var(--transition-fast)}.blog-category-btn:hover,.blog-category-btn.active{background:var(--primary-green);color:var(--white);border-color:var(--primary-green)}.blog-featured{padding:var(--space-16) 0;background:var(--white)}.blog-featured-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--space-6)}.blog-card{background:var(--white);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.blog-card-featured{grid-row:span 2}.blog-card-image{position:relative;overflow:hidden;aspect-ratio:16/9}.blog-card-featured .blog-card-image{aspect-ratio:4/3}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-category{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.blog-card-category.green{background:rgba(67,160,71,.9);color:var(--white)}.blog-card-category.yellow{background:rgba(255,193,7,.9);color:var(--gray-900)}.blog-card-category.blue{background:rgba(30,136,229,.9);color:var(--white)}.blog-card-content{padding:var(--space-6);display:flex;flex-direction:column;flex:1}.blog-card-featured .blog-card-content{padding:var(--space-8)}.blog-card-meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--gray-500);margin-bottom:var(--space-3)}.blog-card-meta-item{display:flex;align-items:center;gap:var(--space-1)}.blog-card-meta-item svg{width:16px;height:16px}.blog-card-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-3);color:var(--gray-900);line-height:1.3;transition:color var(--transition-fast)}.blog-card:hover .blog-card-title{color:var(--primary-green)}.blog-card-featured .blog-card-title{font-size:var(--text-2xl)}.blog-card-excerpt{color:var(--gray-600);line-height:1.6;margin-bottom:var(--space-4);flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--gray-100)}.blog-card-author{display:flex;align-items:center;gap:var(--space-3)}.blog-card-author-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:var(--text-sm)}.blog-card-author-name{font-size:var(--text-sm);font-weight:500;color:var(--gray-700)}.blog-card-link{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--primary-green);transition:gap var(--transition-fast)}.blog-card:hover .blog-card-link{gap:var(--space-3)}.blog-card-link svg{width:18px;height:18px}.blog-all{padding:var(--space-16) 0;background:var(--gray-50)}.blog-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-10)}.blog-section-title{font-size:var(--text-3xl)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.blog-newsletter{background:var(--gradient-cta);padding:var(--space-16) 0;position:relative;overflow:hidden}.blog-newsletter::before{content:'';position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.blog-newsletter-content{max-width:600px;margin:0 auto;text-align:center;position:relative;z-index:1}.blog-newsletter h2{color:var(--white);margin-bottom:var(--space-4)}.blog-newsletter p{color:rgba(255,255,255,.9);font-size:var(--text-lg);margin-bottom:var(--space-8)}.newsletter-form{display:flex;gap:var(--space-3);max-width:500px;margin:0 auto}.newsletter-input{flex:1;padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);border:0;font-size:var(--text-base);outline:0}.newsletter-input:focus{box-shadow:0 0 0 3px rgba(255,255,255,.3)}.newsletter-btn{padding:var(--space-4) var(--space-6);background:var(--white);color:var(--primary-green);border:0;border-radius:var(--radius-xl);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:1024px){.blog-featured-grid{grid-template-columns:1fr}.blog-card-featured{grid-row:auto}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-hero{padding:calc(var(--space-24) + 70px) 0 var(--space-12)}.blog-grid{grid-template-columns:1fr}.blog-section-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.newsletter-form{flex-direction:column}.newsletter-btn{width:100%}}