.blog-page{background:#f9f9f9;min-height:100vh;padding:60px 20px}.blog-header{text-align:center;margin-bottom:60px}.blog-header h1{color:#111;margin-bottom:10px;font-size:3rem}.blog-grid-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;display:grid}.blog-card{background:#fff;border-radius:16px;transition:transform .3s;overflow:hidden;box-shadow:0 10px 30px #0000000d}.blog-card:hover{transform:translateY(-5px)}.blog-img-wrapper{height:220px;position:relative;overflow:hidden}.blog-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover img{transform:scale(1.05)}.blog-cat{color:#fff;text-transform:uppercase;background:#2563eb;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:700;position:absolute;top:15px;left:15px}.blog-content{padding:25px}.blog-date{color:#888;margin-bottom:8px;font-size:13px;display:block}.blog-title-link{color:#111;text-decoration:none}.blog-title-link h2{margin-bottom:12px;font-size:1.4rem;line-height:1.4;transition:color .2s}.blog-title-link:hover h2{color:#2563eb}.read-more{color:#2563eb;margin-top:15px;font-weight:600;text-decoration:none;display:inline-block}.single-post-wrapper{background:#fff}.post-header{text-align:center;max-width:800px;margin:0 auto;padding:80px 20px 40px}.post-pill{color:#2563eb;text-transform:uppercase;background:#eff6ff;border-radius:20px;padding:5px 15px;font-size:13px;font-weight:600}.post-header h1{color:#111;margin:20px 0;font-size:3rem;line-height:1.2}.post-meta{color:#666;justify-content:center;gap:30px;font-size:14px;display:flex}.post-meta .icon{color:#999;margin-right:6px}.post-featured-image{border-radius:12px;max-width:1000px;margin:0 auto 60px;overflow:hidden;box-shadow:0 20px 40px #0000001a}.post-featured-image img{width:100%;display:block}.post-body-container{grid-template-columns:250px 1fr;gap:60px;max-width:1100px;margin:0 auto;padding:0 20px 100px;display:grid}.post-sidebar{height:fit-content;position:sticky;top:100px}.toc-box{background:#f8f9fa;border-left:4px solid #2563eb;border-radius:8px;padding:20px}.toc-box h3{margin-bottom:15px;font-size:16px}.toc-box ul{padding:0;list-style:none}.toc-box li{margin-bottom:10px}.toc-box a{color:#555;font-size:14px;text-decoration:none}.toc-box a:hover{color:#2563eb}.post-content{color:#292929;font-family:Merriweather,serif;font-size:1.15rem;line-height:1.8}.post-content h2{color:#111;margin:40px 0 20px;font-family:Inter,sans-serif;font-size:2rem}.post-content p{margin-bottom:20px}.post-content a{color:#2563eb;text-decoration:underline}.blog-cta,.bottom-cta-box{text-align:center;background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin:40px 0;padding:30px}.blog-cta h3{color:#1e40af;margin-top:0}.cta-link,.btn-cta{background:#2563eb;border-radius:30px;margin-top:10px;padding:12px 25px;font-weight:700;transition:background .3s;display:inline-block;color:#fff!important;text-decoration:none!important}.cta-link:hover,.btn-cta:hover{background:#1d4ed8}@media (max-width:900px){.post-body-container{grid-template-columns:1fr}.post-sidebar{display:none}.post-header h1{font-size:2rem}}