.blog-section-body{background:#f8fafc;padding:60px 0 80px;min-height:50vh}.blog-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:32px;gap:32px;max-width:1200px;margin:0 auto}.blog-card-modern{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative}.blog-card-modern:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#a855f7);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.blog-card-modern:hover{transform:translateY(-6px);box-shadow:0 12px 40px rgba(0,0,0,.1),0 4px 12px rgba(99,102,241,.08)}.blog-card-modern:hover:after{transform:scaleX(1)}.blog-card-img-wrap{position:relative;height:220px;overflow:hidden;background:#f1f5f9}.blog-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-card-modern:hover .blog-card-img-wrap img{transform:scale(1.06)}.blog-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.blog-card-img-placeholder svg{width:56px;height:56px;color:#cbd5e1}.blog-card-content{padding:24px 28px 28px;display:flex;flex-direction:column;flex:1 1}.blog-card-meta-row{display:flex;align-items:center;gap:16px;margin-bottom:14px;font-size:13px;color:#94a3b8}.blog-card-author,.blog-card-date{display:inline-flex;align-items:center;gap:5px}.blog-card-author svg,.blog-card-date svg{color:#a5b4fc;flex-shrink:0}.blog-card-heading{font-size:1.25rem;font-weight:700;color:#1e293b;line-height:1.45;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.blog-card-modern:hover .blog-card-heading{color:#6366f1}.blog-card-desc{font-size:.935rem;color:#64748b;line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px;flex-grow:1}.blog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:16px;border-top:1px solid #f1f5f9}.blog-card-tags-row{display:flex;flex-wrap:wrap;gap:6px}.blog-tag{font-size:11px;padding:4px 12px;background:#f1f5f9;color:#6366f1;border-radius:20px;font-weight:600;letter-spacing:.3px;text-transform:capitalize;transition:background .3s}.blog-card-modern:hover .blog-tag{background:#eef2ff}.blog-card-read{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#6366f1;white-space:nowrap;margin-left:auto;transition:gap .3s}.blog-card-modern:hover .blog-card-read{gap:10px}.blog-card-read svg{transition:transform .3s}.blog-card-modern:hover .blog-card-read svg{transform:translateX(3px)}.blog-empty{text-align:center;padding:80px 20px;max-width:500px;margin:0 auto}.blog-empty svg{width:80px;height:80px;color:#cbd5e1;margin-bottom:24px}.blog-empty h3{font-size:1.5rem;color:#1e293b;margin-bottom:12px}.blog-empty p{color:#64748b;line-height:1.6}.blog-loading .spinner{animation:blog-spin .8s linear infinite}@keyframes blog-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.blog-grid-modern{grid-template-columns:1fr;gap:24px}.blog-card-img-wrap{height:200px}.blog-card-content{padding:20px}.blog-section-body{padding:40px 0 60px}}@media (max-width:480px){.blog-grid-modern{gap:20px}.blog-card-heading{font-size:1.1rem}.blog-card-img-wrap{height:180px}.blog-card-bottom{flex-direction:column;align-items:flex-start}.blog-card-read{margin-left:0}}.blog-post-page{background:#f8fafc;min-height:100vh;overflow-x:hidden;font-family:Inter,sans-serif}.blog-breadcrumb{padding:24px 0;background:#fff;border-bottom:1px solid #e2e8f0}.blog-breadcrumb .container{max-width:900px;margin:0 auto;padding:0 20px}.breadcrumb-list{list-style:none;padding:0;margin:0;font-size:14px}.breadcrumb-list,.breadcrumb-list li{display:flex;align-items:center;gap:12px}.breadcrumb-list a{color:#64748b;text-decoration:none;transition:color .3s}.breadcrumb-list a:hover{color:#4f46e5}.breadcrumb-list .current{color:#1e293b;font-weight:500;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-separator{color:#94a3b8}.blog-post-header{max-width:900px;margin:0 auto;padding:60px 20px 40px;text-align:center}.blog-post-meta{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:24px;font-size:14px;color:#64748b}.blog-post-meta span{display:flex;align-items:center;gap:8px}.blog-post-meta svg{width:16px;height:16px;color:#6366f1}.blog-post-title{font-family:Inter,sans-serif;font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#0f172a;line-height:1.3;margin-bottom:20px}.blog-post-excerpt{font-family:DM Sans,sans-serif;font-size:1.2rem;color:#475569;max-width:700px;margin:0 auto;line-height:1.8;font-style:italic}.blog-featured-image{max-width:650px;margin:0 auto 40px;padding:0 20px}.blog-featured-image img{width:100%;height:auto;border-radius:16px;box-shadow:0 8px 30px rgba(0,0,0,.1)}.blog-post-content{max-width:750px;margin:0 auto;padding:0 20px 60px;font-family:DM Sans,sans-serif!important;color:#52525b}.blog-post-content *,.blog-post-content blockquote,.blog-post-content div,.blog-post-content li,.blog-post-content p,.blog-post-content span,.blog-post-content td,.blog-post-content th{font-family:Plus Jakarta Sans,sans-serif!important}.blog-post-content h2{font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;margin:48px 0 20px;line-height:1.3}.blog-post-content h3{font-family:Inter,sans-serif;font-size:1.35rem;font-weight:600;color:#1e293b;margin:36px 0 16px;line-height:1.4}.blog-post-content p{font-size:1.05rem;color:#52525b;line-height:1.95;margin-bottom:24px;font-weight:400;letter-spacing:.01em}.blog-post-content ol,.blog-post-content ul{margin:20px 0;padding-left:24px}.blog-post-content li{font-size:1.05rem;color:#52525b;line-height:1.95;margin-bottom:12px;font-weight:400}.blog-post-content a{color:#4f46e5;text-decoration:underline;text-underline-offset:3px;transition:color .3s}.blog-post-content a:hover{color:#6366f1}.blog-post-content strong{color:#0f172a;font-weight:600}.blog-post-content blockquote{margin:30px 0;padding:24px 30px;background:#eef2ff;border-left:4px solid #6366f1;border-radius:0 12px 12px 0;font-style:italic;color:#475569}.blog-post-content img{max-width:600px!important;width:100%!important;height:auto!important;object-fit:contain;border-radius:12px;margin:24px auto;display:block;box-shadow:0 4px 16px rgba(0,0,0,.08)}.blog-cta-section{background:#fff;border-radius:24px;padding:50px 40px;margin:60px auto;max-width:900px;border:1px solid #e2e8f0;box-shadow:0 4px 20px rgba(0,0,0,.04)}.blog-cta-title{font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700;color:#0f172a;text-align:center;margin-bottom:12px}.blog-cta-subtitle{font-size:1rem;color:#64748b;text-align:center;margin-bottom:40px}.blog-cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.blog-cta-card{display:flex;align-items:center;gap:16px;padding:20px 24px;background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;text-decoration:none;transition:all .3s}.blog-cta-card:hover{background:#eef2ff;border-color:#c7d2fe;transform:translateY(-4px);box-shadow:0 8px 24px rgba(99,102,241,.1)}.blog-cta-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0}.blog-cta-icon svg{width:24px;height:24px;color:#fff}.blog-cta-text{display:flex;flex-direction:column;gap:4px}.blog-cta-label{font-size:15px;font-weight:600;color:#1e293b}.blog-cta-desc{font-size:13px;color:#64748b}.blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.blog-loading .spinner{width:48px;height:48px;border:3px solid rgba(99,102,241,.2);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.blog-loading p{color:#64748b;font-size:15px}.blog-not-found{text-align:center;padding:100px 20px}.blog-not-found svg{width:120px;height:120px;color:#cbd5e1;margin-bottom:30px}.blog-not-found h2{font-size:2rem;color:#0f172a;margin-bottom:16px}.blog-not-found p{color:#64748b;margin-bottom:30px}.blog-not-found .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;text-decoration:none;border-radius:12px;font-weight:600;transition:all .3s}.blog-not-found .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(99,102,241,.3)}@media (max-width:768px){.blog-hero{min-height:260px}.blog-hero-content{padding:40px 16px}.blog-grid{grid-template-columns:1fr;gap:20px;padding:0 16px}.blog-card-image{height:180px}.blog-post-header{padding:40px 16px 30px}.blog-post-meta{flex-wrap:wrap;gap:12px}.blog-featured-image{max-width:100%;padding:0 16px}.blog-post-content{padding:0 16px 40px}.blog-post-content img{max-width:100%!important}.blog-cta-section{padding:30px 16px;margin:40px 16px}.blog-cta-grid{grid-template-columns:1fr}.blog-breadcrumb .container{padding:0 16px}}@media (max-width:480px){.blog-hero{min-height:200px}.blog-hero-content{padding:30px 12px}.blog-hero-title{font-size:1.5rem}.blog-hero-subtitle{font-size:.95rem}.blog-grid{padding:0 12px}.blog-post-content{padding:0 12px 30px}}