.blog-hero{background:linear-gradient(135deg,#7367f014,#7367f005);padding:8rem 0 4rem;margin-top:0;position:relative;overflow:hidden}.blog-hero:before{content:"";position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,rgba(115,103,240,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none}.blog-hero:after{content:"";position:absolute;bottom:-150px;left:-100px;width:350px;height:350px;background:radial-gradient(circle,rgba(40,199,111,.12) 0%,transparent 70%);border-radius:50%;pointer-events:none}.blog-hero h1{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;background:linear-gradient(135deg,#7367f0,#5e50ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero-search{max-width:560px;margin:1.75rem auto 0;position:relative}.blog-hero-search input{border-radius:50px;padding:.95rem 1.5rem .95rem 3.25rem;border:1px solid rgba(115,103,240,.2);box-shadow:0 4px 20px #7367f014;font-size:1rem}.blog-hero-search input:focus{border-color:#7367f0;box-shadow:0 4px 24px #7367f02e}.blog-hero-search .search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#7367f0;pointer-events:none;font-size:1.1rem}.blog-featured{background:#fff;border-radius:1.25rem;overflow:hidden;box-shadow:0 8px 32px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.blog-featured:hover{transform:translateY(-2px);box-shadow:0 12px 40px #7367f026}.blog-featured-image{position:relative;height:100%;min-height:320px;overflow:hidden}.blog-featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-featured:hover .blog-featured-image img{transform:scale(1.04)}.blog-featured-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.25) 0%,transparent 50%)}.blog-featured-badge{position:absolute;top:1.25rem;right:1.25rem;z-index:2;background:linear-gradient(135deg,#ff9f43,#f78b2c);color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.8rem;font-weight:700;box-shadow:0 4px 14px #ff9f4366}.blog-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:1rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;height:100%;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #7367f01f;border-color:#7367f026}.blog-card-image{position:relative;height:200px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.blog-card:hover .blog-card-image img{transform:scale(1.06)}.blog-card-image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#7367f0,#5e50ee);display:flex;align-items:center;justify-content:center;color:#fff;font-size:3rem}.blog-card-categories{position:absolute;bottom:.85rem;right:.85rem;display:flex;gap:.35rem;flex-wrap:wrap;z-index:2}.blog-card-categories .badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb!important;color:#5e50ee!important;font-weight:600;padding:.4rem .7rem;border-radius:50px}.blog-card-body{padding:1.25rem;display:flex;flex-direction:column;flex:1}.blog-card-title{font-size:1.05rem;font-weight:700;line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:3.15em}.blog-card-title a{color:#2c2c40;text-decoration:none;transition:color .15s ease}.blog-card-title a:hover{color:#7367f0}.blog-card-excerpt{color:#6e6b7b;font-size:.9rem;line-height:1.7;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem;flex:1}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;padding-top:.85rem;border-top:1px solid rgba(0,0,0,.05);color:#a8a4b8;font-size:.78rem}.blog-card-meta i{margin-left:.25rem}.blog-card-author{display:flex;align-items:center;gap:.5rem}.blog-card-author-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#7367f0,#5e50ee);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.blog-sidebar{position:sticky;top:100px}.blog-sidebar-card{background:#fff;border-radius:1rem;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 18px #0000000a;border:1px solid rgba(0,0,0,.03)}.blog-sidebar-card h6{font-weight:700;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid rgba(115,103,240,.15);display:flex;align-items:center;gap:.5rem}.blog-sidebar-card h6 i{color:#7367f0}.blog-categories-list{list-style:none;padding:0;margin:0}.blog-categories-list li{margin-bottom:.5rem}.blog-categories-list a{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:.5rem;color:#2c2c40;text-decoration:none;transition:all .15s ease;font-size:.92rem}.blog-categories-list a:hover{background:#7367f014;color:#7367f0}.blog-categories-list .count{background:#7367f01a;color:#7367f0;padding:.15rem .5rem;border-radius:50px;font-size:.75rem;font-weight:600}.blog-popular-item{display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px dashed rgba(0,0,0,.08)}.blog-popular-item:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.blog-popular-item img{width:64px;height:64px;border-radius:.5rem;object-fit:cover;flex-shrink:0}.blog-popular-item .popular-thumb-fallback{width:64px;height:64px;border-radius:.5rem;background:linear-gradient(135deg,#7367f0,#5e50ee);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.blog-popular-item h6{font-size:.85rem;line-height:1.5;margin:0 0 .35rem;border:0;padding:0;display:block;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box}.blog-popular-item h6 a{color:#2c2c40;text-decoration:none}.blog-popular-item h6 a:hover{color:#7367f0}.blog-popular-item small{color:#a8a4b8;font-size:.72rem}.blog-tags-cloud{display:flex;flex-wrap:wrap;gap:.4rem}.blog-tags-cloud a{background:#7367f014;color:#5e50ee;padding:.4rem .85rem;border-radius:50px;font-size:.8rem;text-decoration:none;transition:all .15s ease;font-weight:500}.blog-tags-cloud a:hover{background:#7367f0;color:#fff;transform:translateY(-1px)}.post-hero{padding:7rem 0 2rem;background:linear-gradient(180deg,rgba(115,103,240,.04) 0%,transparent 100%)}.post-hero h1{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;line-height:1.4;margin-bottom:1rem;color:#2c2c40}.post-meta{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;color:#6e6b7b;font-size:.92rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.06)}.post-meta-item{display:flex;align-items:center;gap:.45rem}.post-meta-item i{color:#7367f0}.post-author-chip{display:inline-flex;align-items:center;gap:.6rem;background:#7367f014;padding:.4rem .85rem .4rem .4rem;border-radius:50px}.post-author-chip .author-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7367f0,#5e50ee);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.post-cover{margin:2rem 0;border-radius:1.25rem;overflow:hidden;box-shadow:0 14px 40px #0000001a}.post-cover img{width:100%;max-height:480px;object-fit:cover;display:block}.post-toc-card{background:linear-gradient(135deg,#7367f00d,#7367f005);border:1px solid rgba(115,103,240,.15);border-radius:1rem;padding:1.25rem 1.5rem;margin-bottom:2rem}.post-toc-card h6{color:#5e50ee;margin-bottom:.75rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.post-toc-card ol{list-style:none;counter-reset:toc;padding:0;margin:0}.post-toc-card li{counter-increment:toc;margin-bottom:.4rem;padding-right:1.75rem;position:relative}.post-toc-card li:before{content:counter(toc) ".";position:absolute;right:0;color:#7367f0;font-weight:700}.post-toc-card li.is-h3{padding-right:3rem;font-size:.92rem;color:#6e6b7b}.post-toc-card li.is-h3:before{right:1.5rem;color:#a8a4b8}.post-toc-card a{color:#2c2c40;text-decoration:none;transition:color .15s ease}.post-toc-card a:hover{color:#7367f0}.post-toc-sticky{position:sticky;top:100px}.blog-content{font-size:1.05rem;line-height:2;color:#4b4b5e}.blog-content>*:first-child{margin-top:0}.blog-content h2,.blog-content h3,.blog-content h4{color:#2c2c40}.blog-content h2{font-size:1.65rem;margin:2.5rem 0 1.25rem;padding-right:1rem;border-right:4px solid #7367f0}.blog-content h3{font-size:1.3rem;margin:1.75rem 0 .85rem}.blog-content blockquote{background:linear-gradient(135deg,rgba(115,103,240,.05) 0%,transparent 100%);border-right:4px solid #7367f0;padding:1.25rem 1.5rem;border-radius:0 .75rem .75rem 0;margin:1.5rem 0;color:#4b4b5e;font-style:normal;font-weight:500}.blog-content img{border-radius:.85rem;box-shadow:0 8px 24px #00000014}.blog-content a{color:#7367f0;text-decoration:underline;text-underline-offset:3px}.blog-content a:hover{color:#5e50ee}.post-tags{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.06)}.post-tags>strong{color:#6e6b7b;font-size:.9rem;margin-left:.25rem}.post-tags a{background:#7367f014;color:#5e50ee;padding:.4rem .9rem;border-radius:50px;font-size:.85rem;text-decoration:none;transition:all .15s ease}.post-tags a:hover{background:#7367f0;color:#fff}.post-cta{background:linear-gradient(135deg,#7367f0,#5e50ee);color:#fff;padding:2rem;border-radius:1.25rem;margin:2rem 0;text-align:center;box-shadow:0 14px 40px #7367f04d}.post-cta h4{color:#fff;margin-bottom:.5rem}.post-cta .btn{padding:.75rem 2rem;font-weight:600}.post-share{display:flex;gap:.5rem;align-items:center;margin:2rem 0;padding:1rem 1.25rem;background:#7367f00a;border-radius:.85rem}.post-share strong{color:#6e6b7b;margin-left:.5rem;font-size:.9rem}.post-share-btn{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#6e6b7b;border:1px solid rgba(0,0,0,.06);transition:all .15s ease;text-decoration:none}.post-share-btn:hover{background:#7367f0;color:#fff;border-color:#7367f0;transform:translateY(-2px)}.post-faq{margin-top:3rem}.post-faq h3{margin-bottom:1.5rem;font-weight:800}.post-faq .accordion-item{border:1px solid rgba(0,0,0,.06);border-radius:.85rem!important;margin-bottom:.75rem;overflow:hidden}.post-faq .accordion-button{font-weight:600;background:#fff;color:#2c2c40}.post-faq .accordion-button:not(.collapsed){background:#7367f00f;color:#5e50ee;box-shadow:none}.post-faq .accordion-body{color:#6e6b7b;line-height:2}.comment-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.06)}.comment-item{display:flex;gap:1rem;padding:1.25rem;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:.85rem;margin-bottom:1rem}.comment-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7367f0,#5e50ee);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.comment-body strong{color:#2c2c40}.comment-body small{color:#a8a4b8}.comment-reply{margin-top:.75rem;padding:.85rem 1rem;background:linear-gradient(135deg,rgba(115,103,240,.05) 0%,transparent 100%);border-right:3px solid #7367f0;border-radius:0 .5rem .5rem 0}.related-section{margin-top:4rem;padding-top:2.5rem;border-top:1px solid rgba(0,0,0,.06)}.related-section h3{font-weight:800;margin-bottom:1.5rem}@media (max-width: 991px){.blog-sidebar,.post-toc-sticky{position:static}.blog-hero{padding:6rem 0 2rem}.post-hero{padding:5.5rem 0 1rem}}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:transparent;z-index:1050;pointer-events:none}.reading-progress-bar{height:100%;background:linear-gradient(90deg,#7367f0,#28c76f);width:0;transition:width 80ms linear}