.blog-page{min-height:calc(100vh - 200px);background:#fff}.blog-container{max-width:1400px;margin:0 auto;padding:5rem 2rem 4rem}.blog-hero{text-align:center;margin-bottom:5rem;max-width:900px;margin-left:auto;margin-right:auto}.blog-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#0f172a;margin-bottom:1.5rem;line-height:1.1;letter-spacing:-.03em}.blog-subtitle{font-size:1.25rem;color:#64748b;line-height:1.7;letter-spacing:-.01em}.all-posts-section,.featured-section{margin-bottom:5rem}.section-title{font-size:.875rem;font-weight:700;color:#10b981;margin-bottom:2.5rem;letter-spacing:.1em;text-transform:uppercase;position:relative;padding-left:3rem}.section-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:2rem;height:2px;background:#10b981}.featured-grid,.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.no-posts{text-align:center;padding:4rem 0;color:#94a3b8;font-size:1.125rem}.blog-post-card{background:#fff;border-radius:1rem;overflow:hidden;border:1px solid rgba(0,0,0,.05);transition:all var(--transition-standard);display:flex;flex-direction:column;height:100%}.blog-post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:rgba(16,185,129,.2)}.post-image-link{display:block;overflow:hidden;position:relative}.post-image{width:100%;height:220px;object-fit:cover;transition:transform .5s ease}.blog-post-card:hover .post-image{transform:scale(1.05)}.post-content{padding:2rem;flex:1;display:flex;flex-direction:column}.post-meta{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#94a3b8;margin-bottom:1rem}.post-category{color:#10b981;font-weight:600;letter-spacing:.02em}.post-separator{color:#e2e8f0}.post-date,.post-reading-time{color:#94a3b8}.post-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;line-height:1.3;letter-spacing:-.02em;transition:color .2s}.post-title a{text-decoration:none;color:inherit}.post-title a:hover{color:#10b981}.post-description{color:#64748b;line-height:1.7;margin-bottom:1.25rem;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.post-tag{background:rgba(16,185,129,.08);color:#059669;padding:.375rem .875rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:500;letter-spacing:.01em}.read-more-link{color:#10b981;font-weight:600;text-decoration:none;transition:all var(--transition-micro);display:inline-flex;align-items:center;gap:.5rem;font-size:.9375rem;margin-top:auto}.read-more-link:after{content:"→";transition:transform var(--transition-micro)}.read-more-link:hover{color:#059669}.read-more-link:hover:after{transform:translateX(4px)}.blog-post-page{min-height:calc(100vh - 200px);background:#fff}.blog-post-container{max-width:800px;margin:0 auto;padding:4rem 2rem}.breadcrumbs{margin-bottom:2rem;font-size:.9375rem;color:#94a3b8}.breadcrumbs a{color:#64748b;text-decoration:none;font-weight:500;transition:color .2s}.breadcrumbs a:hover{color:#10b981}.post-header{margin-bottom:3rem}.post-header .post-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#0f172a;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.03em}.post-header .post-description{font-size:1.25rem;color:#64748b;line-height:1.7;margin-bottom:2rem;letter-spacing:-.01em}.post-header .post-author{color:#94a3b8;font-weight:500;font-size:.9375rem}.post-featured-image{margin-bottom:3rem;border-radius:1rem;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1)}.post-featured-image img{width:100%;height:auto;display:block}.post-content.prose{line-height:1.8;color:#334155;font-size:1.0625rem;letter-spacing:-.01em}.post-content.prose h2{font-size:2rem;font-weight:700;color:#0f172a;margin-top:3rem;margin-bottom:1.5rem;line-height:1.3;letter-spacing:-.02em}.post-content.prose h3{font-size:1.5rem;font-weight:600;color:#0f172a;margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.02em}.post-content.prose p{margin-bottom:1.5rem}.post-content.prose ol,.post-content.prose ul{margin-bottom:1.5rem;padding-left:2rem}.post-content.prose li{margin-bottom:.75rem}.post-content.prose strong{font-weight:600;color:#0f172a}.post-content.prose em{font-style:italic}.post-content.prose a{color:#10b981;text-decoration:underline;text-decoration-color:rgba(16,185,129,.3);transition:all var(--transition-micro)}.post-content.prose a:hover{color:#059669;text-decoration-color:#059669}.post-content.prose code{background:rgba(16,185,129,.08);color:#059669;padding:.25rem .5rem;border-radius:.375rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em;font-weight:500}.post-content.prose pre{background:#0f172a;color:#f1f5f9;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:2rem 0;box-shadow:0 10px 30px rgba(0,0,0,.3)}.post-content.prose pre code{background:none;padding:0;color:inherit}.post-content.prose blockquote{border-left:4px solid #10b981;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#64748b;font-size:1.125rem}.post-content.prose hr{border:none;border-top:2px solid rgba(0,0,0,.05);margin:3rem 0}.post-cta{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:3rem 2.5rem;border-radius:1rem;text-align:center;margin:3rem 0;box-shadow:var(--shadow-green-glow)}.post-cta .cta-content h3{font-size:2rem;font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}.post-cta .cta-content p{font-size:1.125rem;margin-bottom:2rem;opacity:.95;letter-spacing:-.01em}.post-cta .cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.post-cta .cta-button-primary{background:#fff;color:#10b981;padding:.875rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;transition:transform var(--transition-micro);letter-spacing:-.01em}.post-cta .cta-button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px hsla(0,0%,100%,.3)}.post-cta .cta-button-secondary{background:hsla(0,0%,100%,.15);color:#fff;padding:.875rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:600;border:1px solid hsla(0,0%,100%,.3);transition:all var(--transition-micro);letter-spacing:-.01em}.post-cta .cta-button-secondary:hover{background:hsla(0,0%,100%,.25);border-color:#fff}.post-share{background:linear-gradient(135deg,rgba(16,185,129,.05),rgba(16,185,129,.02));padding:2.5rem;border-radius:1.25rem;border:1px solid rgba(16,185,129,.1);margin:3rem 0;text-align:center}.post-share h4{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:1.5rem;letter-spacing:-.02em}.post-share .share-buttons{display:flex;gap:.875rem;justify-content:center;flex-wrap:wrap}.post-share .share-button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fff;color:#64748b;border-radius:50%;text-decoration:none;border:1px solid rgba(0,0,0,.06);transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.04)}.post-share .share-button svg{transition:transform .2s ease}.post-share .share-button:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.post-share .share-button:hover svg{transform:scale(1.1)}.post-share .share-button:active{transform:translateY(-1px)}.post-share .share-button-twitter:hover{background:#000;border-color:#000;color:#fff}.post-share .share-button-linkedin:hover{background:#0a66c2;border-color:#0a66c2;color:#fff}.post-share .share-button-facebook:hover{background:#1877f2;border-color:#1877f2;color:#fff}.post-share .share-button-threads:hover{background:#000;border-color:#000;color:#fff}.post-share .share-button-reddit:hover{background:#ff4500;border-color:#ff4500;color:#fff}.post-share .share-button-copy.copied,.post-share .share-button-copy:hover{background:#10b981;border-color:#10b981;color:#fff}.post-share .share-button-copy.copied{animation:pulse .3s ease}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.blog-footer{background:#0f172a;color:#fff;padding:3rem 2rem;border-top:1px solid hsla(0,0%,100%,.05)}.blog-footer-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-links{display:flex;gap:2rem}.footer-links a{color:#94a3b8;text-decoration:none;font-weight:500;font-size:.9375rem;transition:color .2s;letter-spacing:-.01em}.footer-links a:hover{color:#10b981}@media(max-width:768px){.blog-container{padding:3rem 1.5rem 2rem}.blog-title{font-size:2.5rem}.blog-subtitle{font-size:1.125rem}.section-title{padding-left:2.5rem}.section-title:before{width:1.5rem}.featured-grid,.posts-grid{grid-template-columns:1fr}.post-content{padding:1.5rem}.post-title{font-size:1.25rem}.blog-post-container{padding:2rem 1.5rem}.post-header .post-title{font-size:2rem}.post-header .post-description{font-size:1.125rem}.post-content.prose{font-size:1rem}.post-content.prose h2{font-size:1.5rem}.post-content.prose h3{font-size:1.25rem}.post-cta{padding:2rem 1.5rem}.post-cta .cta-content h3{font-size:1.5rem}.post-cta .cta-content p{font-size:1rem}.post-cta .cta-buttons{flex-direction:column}.post-cta .cta-button-primary,.post-cta .cta-button-secondary{width:100%}.blog-footer-container{flex-direction:column;text-align:center}.footer-links{flex-direction:column;gap:1rem}}