.blog-landing{max-width:1280px;margin:0 auto;padding:60px 20px}.blog-hero{text-align:center;margin-bottom:60px}.blog-title{letter-spacing:-1px;color:var(--foreground);margin-bottom:16px;font-size:3rem;font-weight:800}.blog-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6}.blog-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:768px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--primary-light);transform:translateY(-4px);box-shadow:0 12px 24px #0000000d}.blog-image-wrapper{aspect-ratio:16/9;position:relative;overflow:hidden}.blog-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-image{transform:scale(1.05)}.blog-tags{gap:8px;display:flex;position:absolute;top:16px;left:16px}.blog-tag{color:#fff;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-transform:uppercase;background:#000000b3;padding:4px 8px;font-size:.7rem;font-weight:600}.blog-content{flex-direction:column;flex:1;padding:24px;display:flex}.post-title{color:var(--foreground);margin-bottom:12px;font-size:1.25rem;font-weight:700;line-height:1.4}.post-excerpt{color:var(--text-secondary);flex:1;margin-bottom:24px;font-size:.9375rem;line-height:1.6}.post-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:.8125rem;font-weight:500;display:flex}.blog-post{max-width:800px;margin:0 auto;padding:60px 20px 100px}.back-link{color:var(--primary);margin-bottom:32px;font-size:.875rem;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.back-link:hover{opacity:.8}.post-header{margin-bottom:40px}.tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.tag{text-transform:uppercase;color:var(--primary);background:var(--surface-hover);border-radius:var(--radius-sm);padding:4px 10px;font-size:.75rem;font-weight:700}.title{color:var(--foreground);letter-spacing:-.5px;margin-bottom:24px;font-size:2.5rem;font-weight:800;line-height:1.2}.meta{color:var(--text-secondary);align-items:center;gap:12px;font-size:.9375rem;display:flex}.dot{color:var(--border)}.image-container{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;margin-bottom:48px;overflow:hidden}.main-image{object-fit:cover;width:100%;height:100%}.post-content{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.post-content h2{color:var(--foreground);margin:48px 0 24px;font-size:1.75rem;font-weight:700;line-height:1.3}.post-content p{margin-bottom:24px}.post-content ul,.post-content ol{margin-bottom:24px;padding-left:24px}.post-content li{margin-bottom:12px}.post-content strong{color:var(--foreground)}.post-content code{background:var(--surface-hover);color:var(--primary);border-radius:4px;padding:2px 6px;font-family:monospace}