.blog-page{min-height:100vh}.blog-hero{background:linear-gradient(135deg,var(--color-slate-900) 0,var(--color-slate-800) 50%,var(--color-slate-700) 100%);color:var(--color-white);padding:var(--spacing-20) 0 var(--spacing-16);margin-top:80px;text-align:center}.blog-hero h1{color:var(--color-white);font-size:var(--font-size-5xl);margin-bottom:var(--spacing-4)}.blog-hero-subtitle{font-size:var(--font-size-xl);color:hsla(0,0%,100%,.9);max-width:700px;margin:0 auto}.section-title{font-size:var(--font-size-3xl);color:var(--color-slate-900);margin-bottom:var(--spacing-8);text-align:center}.featured-posts{margin-bottom:var(--spacing-16)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:var(--spacing-8);gap:var(--spacing-8);margin-bottom:var(--spacing-12)}.featured-card{background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-lg);transition:all var(--transition-base);position:relative;overflow:hidden}.featured-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg,var(--color-emerald-500),var(--color-emerald-700))}.featured-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-emerald-300)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:var(--spacing-6);gap:var(--spacing-6)}.blog-card{background:var(--color-white);border:1px solid var(--color-slate-200);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);transition:all var(--transition-base);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-emerald-300)}.post-category{display:inline-block;background:var(--color-emerald-100);color:var(--color-emerald-800);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-4)}.blog-card h3,.featured-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-4);line-height:1.3}.blog-card h3 a,.featured-card h3 a{color:var(--color-slate-900);text-decoration:none;transition:color var(--transition-base)}.blog-card h3 a:hover,.featured-card h3 a:hover{color:var(--color-emerald-500)}.post-excerpt{color:var(--color-slate-600);line-height:1.7;margin-bottom:var(--spacing-6);flex-grow:1}.post-meta{gap:var(--spacing-4);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);color:var(--color-slate-500)}.post-meta,.post-meta span{display:flex;align-items:center}.post-meta span{gap:var(--spacing-1)}.read-more-link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--color-emerald-500);font-weight:600;text-decoration:none;transition:all var(--transition-base);margin-top:auto}.read-more-link:hover{color:var(--color-emerald-600);gap:var(--spacing-3)}.read-more-link svg{transition:transform var(--transition-base)}.read-more-link:hover svg{transform:translateX(4px)}@media (max-width:1024px){.featured-grid{grid-template-columns:1fr}.posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.blog-hero{padding:var(--spacing-12) 0 var(--spacing-10)}.blog-hero h1{font-size:var(--font-size-3xl)}.blog-hero-subtitle{font-size:var(--font-size-lg)}.featured-grid,.posts-grid{grid-template-columns:1fr}.blog-card,.featured-card{padding:var(--spacing-5)}}