.blog-header{text-align:center;background:var(--bg-surface);border-bottom:1px solid var(--border);padding:6rem 0 3rem}.blog-header h1{color:var(--text-primary);margin-bottom:1rem;font-size:3rem}.blog-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:1.1rem}.blog-list{gap:2rem;max-width:800px;margin:0 auto;padding:4rem 0;display:grid}.blog-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:2rem;text-decoration:none;transition:transform .2s,border-color .2s;display:block}.blog-card:hover{border-color:var(--accent);transform:translateY(-3px)}.blog-card h2{color:var(--text-primary);margin-bottom:.5rem;font-size:1.5rem}.blog-card p{color:var(--text-muted);line-height:1.6}.post-container{max-width:800px;margin:0 auto;padding:4rem 1rem}.post-header{text-align:center;margin-bottom:3rem}.post-title{margin-bottom:1rem;font-size:2.5rem;line-height:1.2}.post-meta{color:var(--text-muted);font-size:.9rem}.post-content{color:var(--text-primary);font-size:1.1rem;line-height:1.8}.post-content h2,.post-content h3{color:#fff;margin-top:2.5rem;margin-bottom:1rem}.post-content p{margin-bottom:1.5rem}.post-content ul,.post-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.post-content li{margin-bottom:.5rem}.post-content code{background:var(--bg-secondary);color:var(--accent);border-radius:4px;padding:.2rem .4rem;font-family:monospace;font-size:.9em}.post-content pre{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem;overflow-x:auto}.post-content pre code{color:inherit;background:0 0;padding:0}.post-cta{border:1px solid var(--accent);text-align:center;background:linear-gradient(135deg,#82e0aa1a,#82e0aa0d);border-radius:12px;margin-top:4rem;padding:2.5rem}.post-cta h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.8rem}.post-cta p{color:var(--text-muted);margin-bottom:1.5rem}