.blog-page{--blog-bg:#f8fafc;--blog-surface:#ffffffeb;--blog-surface-strong:#fff;--blog-border:#e2e8f0;--blog-text:#0f172a;--blog-muted:#475569;--blog-muted-light:#64748b;--blog-accent:#6366f1;--blog-accent-dark:#4338ca;--blog-shadow:0 18px 45px #0f172a1f;--blog-soft-shadow:0 10px 30px #0f172a14;min-height:100vh;color:var(--blog-text);background:var(--blog-bg);position:relative}.blog-background{background-color:var(--blog-bg);z-index:0;background-image:radial-gradient(#6366f140 2px,#0000 2px);background-size:30px 30px;position:fixed;inset:0}.blog-background:before{content:"";opacity:.7;background:linear-gradient(#6366f114 0%,#f8fafc00 35%);position:absolute;inset:0}.blog-orb{display:none}.blog-page-content{z-index:1;position:relative}.blog-container{max-width:1200px;margin:0 auto;padding:0 2rem}.blog-hero{text-align:center;border-bottom:1px solid var(--blog-border);background:linear-gradient(#fffc 0%,#f8fafccc 65%,#0000 100%);padding:5.5rem 0 3.5rem;position:relative;overflow:hidden}.blog-hero:after{content:"";pointer-events:none;background:radial-gradient(circle at top,#6366f12e,#0000 55%);position:absolute;inset:0}.blog-hero-inner{z-index:1;max-width:860px;margin:0 auto;position:relative}.blog-hero-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:inline-flex}.blog-hero-pill{color:#4338ca;letter-spacing:.18em;text-transform:uppercase;background:#6366f11f;border:1px solid #6366f14d;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1.3rem;font-size:.75rem;font-weight:700;display:inline-flex}.blog-hero-pill--accent{color:#0f172a;letter-spacing:.12em;background:#0f172a0f;border-color:#0f172a1f}.blog-hero-title{background:linear-gradient(120deg,#0f172a 0%,#4f46e5 55%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 1.1rem;font-size:clamp(2.6rem,6vw,3.9rem);font-weight:900;line-height:1.05}.blog-hero-subtitle{color:var(--blog-muted);max-width:680px;margin:0 auto;font-size:1.15rem;line-height:1.7}.blog-stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1.5rem;margin:3rem auto 0;display:grid}.blog-stat-card{background:var(--blog-surface);border:1px solid var(--blog-border);text-align:center;box-shadow:var(--blog-soft-shadow);z-index:10;border-radius:18px;padding:1.5rem;transition:transform .3s,box-shadow .3s,border-color .3s}.blog-stat-card:hover{border-color:#6366f173;transform:translateY(-4px);box-shadow:0 20px 45px #6366f126}.blog-stat-value{color:#4338ca;margin-bottom:.3rem;font-size:2rem;font-weight:800}.blog-stat-label{color:var(--blog-muted-light);text-transform:uppercase;letter-spacing:.12em;font-size:.85rem}.blog-filters{background:var(--blog-surface);border:1px solid var(--blog-border);box-shadow:var(--blog-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;margin:2.5rem auto 0;padding:1.5rem}.blog-filters-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.blog-search{flex:1;min-width:220px;position:relative}.blog-search-input{border:1px solid var(--blog-border);width:100%;color:var(--blog-text);background:#fff;border-radius:12px;padding:.8rem 1rem;font-size:.95rem;transition:all .2s}.blog-search-input::placeholder{color:#94a3b8}.blog-search-input:focus{border-color:#6366f199;outline:none;box-shadow:0 0 0 4px #6366f126}.blog-search-dropdown{border:1px solid var(--blog-border);z-index:20;max-height:240px;box-shadow:var(--blog-shadow);background:#fff;border-radius:16px;padding:.75rem;position:absolute;top:calc(100% + .6rem);left:0;right:0;overflow-y:auto}.blog-search-item{color:var(--blog-text);border-radius:12px;padding:.7rem .9rem;transition:background .2s,color .2s;display:block}.blog-search-item+.blog-search-item{margin-top:.35rem}.blog-search-item:hover{color:#1e1b4b;background:#6366f11a}.blog-search-title{color:var(--blog-text);font-weight:600}.blog-search-meta{color:var(--blog-muted-light);margin-top:.2rem;font-size:.75rem}.blog-select{border:1px solid var(--blog-border);min-width:160px;color:var(--blog-text);background:#fff;border-radius:12px;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.blog-select:focus{border-color:#6366f199;outline:none;box-shadow:0 0 0 4px #6366f126}.blog-select option{color:var(--blog-text);background:#fff}.blog-button{border:1px solid var(--blog-border);color:var(--blog-text);cursor:pointer;background:#fff;border-radius:12px;padding:.75rem 1.4rem;font-weight:600;transition:all .2s}.blog-button:hover{color:var(--blog-accent-dark);background:#6366f11a;border-color:#6366f199}.blog-button--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 18px 35px #6366f140}.blog-button--primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed)}.blog-tags{flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;display:flex}.blog-tag{color:#4338ca;background:#6366f11a;border:1px solid #6366f133;border-radius:999px;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s}.blog-tag:hover{background:#6366f12e;border-color:#6366f166}.blog-tag--active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 12px 25px #6366f140}.blog-section{padding:3.5rem 0 2rem}.blog-section-header{text-align:center;margin-bottom:2.5rem}.blog-section-title{color:var(--blog-text);margin:0 0 .6rem;font-size:clamp(1.9rem,4vw,2.7rem);font-weight:800}.blog-section-subtitle{color:var(--blog-muted);margin:0;font-size:1rem}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.blog-card{background:var(--blog-surface);border:1px solid var(--blog-border);height:100%;box-shadow:var(--blog-soft-shadow);z-index:10;border-radius:22px;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s;display:flex;overflow:hidden}.blog-card:hover{border-color:#6366f173;transform:translateY(-8px);box-shadow:0 25px 55px #6366f133}.blog-card--featured{border-color:#fbbf2480}.blog-card--featured:hover{border-color:#fbbf24cc;box-shadow:0 25px 60px #fbbf2440}.blog-card-media{height:220px;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform .4s}.blog-card-image.is-loaded{opacity:1;transition:opacity .35s,transform .4s}.blog-card-placeholder{background:linear-gradient(135deg,#6366f159,#8b5cf626);width:100%;height:100%}.blog-card:hover .blog-card-image{transform:scale(1.06)}.blog-card-overlay{background:linear-gradient(#0f172a00 0%,#0f172a8c 90%);position:absolute;inset:0}.blog-card-category{color:#1e1b4b;text-transform:uppercase;letter-spacing:.08em;background:#ffffffe6;border:1px solid #0f172a1f;border-radius:999px;padding:.35rem .8rem;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem;box-shadow:0 6px 12px #0f172a1f}.blog-card-badge{color:#fff;text-transform:uppercase;letter-spacing:.06em;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:999px;padding:.4rem .85rem;font-size:.72rem;font-weight:700;position:absolute;bottom:1rem;left:1rem}.blog-card-readtime{color:#fff;background:#0f172ab3;border:1px solid #fff3;border-radius:999px;padding:.35rem .8rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;right:1rem}.blog-card-content{flex-direction:column;flex:1;gap:1rem;padding:1.6rem 1.7rem 1.5rem;display:flex}.blog-card-tags{flex-wrap:wrap;gap:.5rem;display:flex}.blog-card-tag{color:#4338ca;background:#6366f11a;border:1px solid #6366f12e;border-radius:999px;padding:.25rem .7rem;font-size:.72rem;font-weight:600}.blog-card-title{color:var(--blog-text);font-size:1.25rem;font-weight:750;line-height:1.35}.blog-card-excerpt{color:var(--blog-muted);font-size:.96rem;line-height:1.7}.blog-card-meta{color:var(--blog-muted-light);justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.blog-card-author{align-items:center;gap:.75rem;display:flex}.blog-card-author-avatar{object-fit:cover;background:linear-gradient(135deg,#6366f14d,#8b5cf633);border:2px solid #6366f140;border-radius:999px;width:42px;height:42px}.blog-card-author-name{color:var(--blog-text);font-weight:600}.blog-card-author-meta{color:var(--blog-muted-light);font-size:.75rem}.blog-card-stats{color:var(--blog-muted-light);align-items:center;gap:1rem;display:flex}.blog-card-stat{align-items:center;gap:.35rem;display:inline-flex}.blog-card-actions{border-top:1px solid #94a3b84d;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.blog-action-btn{color:var(--blog-text);background:#fff;border:1px solid #94a3b866;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1rem;font-size:.85rem;transition:all .2s;display:inline-flex}.blog-action-btn:hover{color:var(--blog-accent-dark);background:#6366f11a;border-color:#6366f166}.blog-action-btn--active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 12px 25px #6366f140}.blog-read-link{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:999px;padding:.7rem 1.4rem;font-size:.85rem;font-weight:600;transition:transform .2s,box-shadow .2s}.blog-read-link:hover{transform:translateY(-2px);box-shadow:0 12px 25px #6366f159}.blog-share-btn{width:38px;height:38px;color:var(--blog-text);background:#fff;border:1px solid #94a3b880;border-radius:12px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.blog-share-btn:hover{color:var(--blog-accent-dark);background:#6366f11a;border-color:#6366f166}.blog-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin-top:2.5rem;display:flex}.blog-page-btn{border:1px solid var(--blog-border);min-width:42px;color:var(--blog-text);background:#fff;border-radius:14px;padding:.65rem 1.1rem;transition:all .2s}.blog-page-btn:hover{color:var(--blog-accent-dark);background:#6366f11a;border-color:#6366f180}.blog-page-btn--active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 12px 25px #6366f140}.blog-page-btn--disabled{opacity:.5;cursor:not-allowed}.blog-empty{text-align:center;color:var(--blog-muted);padding:4rem 2rem}.blog-skeleton-card{background:var(--blog-surface);border:1px solid var(--blog-border);box-shadow:var(--blog-soft-shadow);z-index:10;border-radius:18px;overflow:hidden}.blog-skeleton-media{background:linear-gradient(90deg,#6366f11f,#fffc,#6366f11f) 0 0/200% 100%;height:180px;animation:1.5s ease-in-out infinite shimmer}.blog-skeleton-body{gap:.75rem;padding:1.5rem;display:grid}.blog-skeleton-line{background:linear-gradient(90deg,#6366f11f,#fffc,#6366f11f) 0 0/200% 100%;border-radius:6px;height:12px;animation:1.5s ease-in-out infinite shimmer}.blog-skeleton-line--short{width:60%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.blog-progress{z-index:60;background:#e2e8f0cc;height:4px;position:fixed;top:0;left:0;right:0}.blog-progress-fill{background:linear-gradient(135deg,#6366f1,#ec4899);height:100%;transition:width .2s}.blog-post-container{padding:4.5rem 0 3rem}.blog-article-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:2.5rem;display:grid}.blog-post-main{min-width:0}.blog-post-sidebar{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:110px}.blog-breadcrumbs{color:var(--blog-muted-light);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.85rem;display:inline-flex}.blog-breadcrumbs a{color:var(--blog-muted);transition:color .2s}.blog-breadcrumbs a:hover{color:var(--blog-accent-dark)}.blog-article-header{background:var(--blog-surface);border:1px solid var(--blog-border);box-shadow:var(--blog-soft-shadow);z-index:10;border-radius:24px;padding:2rem 2.4rem}.blog-img-fade.loaded{opacity:1;margin-bottom:2rem}.blog-cover{border:1px solid var(--blog-border);height:360px;box-shadow:var(--blog-shadow);border-radius:22px;margin-bottom:2rem;position:relative;overflow:hidden}.blog-cover img{object-fit:cover;width:100%;height:100%}.blog-cover:after{content:"";background:linear-gradient(#0f172a0d 0%,#0f172a59 100%);position:absolute;inset:0}.blog-post-title{color:var(--blog-text);margin:0 0 1rem;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:800;line-height:1.1}.blog-post-summary{color:var(--blog-muted);margin-bottom:1.8rem;font-size:1.1rem;line-height:1.7}.blog-post-meta{color:var(--blog-muted-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.blog-post-author{align-items:center;gap:.8rem;display:flex}.blog-post-author-avatar{object-fit:cover;background:linear-gradient(135deg,#6366f14d,#8b5cf633);border:2px solid #6366f140;border-radius:999px;width:52px;height:52px}.blog-post-stats{align-items:center;gap:1rem;font-size:.85rem;display:inline-flex}.blog-post-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.blog-post-tag{color:#4338ca;background:#6366f11a;border:1px solid #6366f12e;border-radius:999px;padding:.35rem .9rem;font-size:.78rem;font-weight:600;transition:all .2s}.blog-post-tag:hover{background:#6366f12e;border-color:#6366f159}.blog-post-actions{flex-wrap:wrap;justify-content:flex-start;gap:.75rem;margin-bottom:2.5rem;display:flex}.blog-post-content{background:var(--blog-surface-strong);border:1px solid var(--blog-border);color:var(--blog-text);box-shadow:var(--blog-soft-shadow);z-index:10;border-radius:24px;margin-bottom:2.5rem;padding:2.4rem;line-height:1.8}.blog-post-content .blog-html{color:var(--blog-text)}.blog-post-content .blog-html h1,.blog-post-content .blog-html h2,.blog-post-content .blog-html h3,.blog-post-content .blog-html h4{color:var(--blog-text);margin:2.2rem 0 1rem;line-height:1.3}.blog-post-content .blog-html p{color:var(--blog-muted);margin:1.1rem 0}.blog-post-content .blog-html blockquote{color:#1f2937;background:#6366f114;border-left:4px solid #6366f199;border-radius:12px;margin:1.8rem 0;padding:.75rem 1.25rem}.blog-post-content .blog-html pre{color:#e2e8f0;background:#0f172a;border-radius:16px;margin:1.6rem 0;padding:1.3rem;font-size:.9rem;overflow-x:auto;box-shadow:0 20px 40px #0f172a40}.blog-post-content .blog-html code{font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.blog-post-content .blog-html img{max-width:100%;box-shadow:var(--blog-soft-shadow);z-index:10;border-radius:16px;margin:1.6rem 0}.blog-post-content .blog-html figcaption{text-align:center;color:var(--blog-muted-light);margin-top:-.8rem;font-size:.85rem}.blog-sidebar-card{background:var(--blog-surface);border:1px solid var(--blog-border);box-shadow:var(--blog-soft-shadow);z-index:10;border-radius:20px;padding:1.5rem}.blog-sidebar-title{color:var(--blog-text);margin-bottom:1rem;font-size:1rem;font-weight:700}.blog-toc{gap:.5rem;display:grid}.blog-toc-link{color:var(--blog-muted);border-left:2px solid #0000;padding-left:.6rem;font-size:.85rem;transition:all .2s;display:block}.blog-toc-link--level-2{padding-left:1.1rem}.blog-toc-link--level-3{padding-left:1.6rem}.blog-toc-link--level-4{padding-left:2.1rem}.blog-toc-link:hover{color:var(--blog-accent-dark);border-color:#6366f199}.blog-author-body{align-items:flex-start;gap:1.2rem;display:flex}.blog-author-avatar{object-fit:cover;background:linear-gradient(135deg,#6366f14d,#8b5cf633);border:2px solid #6366f140;border-radius:999px;width:72px;height:72px}.blog-author-name{color:var(--blog-text);margin-bottom:.3rem;font-size:1.05rem;font-weight:700}.blog-author-meta{color:var(--blog-muted-light);margin-bottom:.5rem}.blog-author-bio{color:var(--blog-muted);font-size:.9rem;line-height:1.6}.blog-sidebar-actions{gap:.75rem;display:grid}.blog-related{margin-top:3rem}.blog-related-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.blog-related-card{background:var(--blog-surface);border:1px solid var(--blog-border);box-shadow:var(--blog-soft-shadow);z-index:10;border-radius:18px;transition:all .3s;overflow:hidden}.blog-related-card:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 18px 40px #6366f133}.blog-related-media{height:160px;position:relative;overflow:hidden}.blog-related-media img{object-fit:cover;width:100%;height:100%}.blog-related-body{padding:1.2rem}.blog-related-title{color:var(--blog-text);margin-bottom:.5rem;font-size:1rem;font-weight:700}.blog-related-meta{color:var(--blog-muted-light);justify-content:space-between;font-size:.8rem;display:flex}.blog-related-list{gap:.85rem;display:grid}.blog-related-mini{background:#ffffffe6;border:1px solid #94a3b840;border-radius:14px;padding:.75rem .9rem;transition:all .2s;display:block}.blog-related-mini:hover{border-color:#6366f166;box-shadow:0 12px 24px #6366f126}.blog-related-mini-title{color:var(--blog-text);margin-bottom:.2rem;font-weight:600}.blog-related-mini-meta{color:var(--blog-muted-light);font-size:.75rem}.blog-line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (max-width:1024px){.blog-article-layout{grid-template-columns:minmax(0,1fr)}.blog-post-sidebar{position:static}}@media (max-width:768px){.blog-container{padding:0 1.5rem}.blog-hero{padding:4.5rem 0 3rem}.blog-post-meta{flex-direction:column;align-items:flex-start}.blog-author-body{flex-direction:column}.blog-cover{height:240px}.blog-post-content{padding:1.6rem}}.blog-listing-header{padding:8rem 0 3rem}.blog-header-center{text-align:center;flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.blog-title-main{color:var(--blog-text);margin-bottom:.5rem;font-size:2.25rem;font-weight:800}.blog-subtitle-main{color:var(--blog-muted);font-size:1rem}.blog-filters-inline{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.blog-search-inline{width:400px;max-width:100%;position:relative}.blog-search-icon{color:var(--blog-muted-light);position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.blog-input-inline{border:1px solid var(--blog-border);background:var(--blog-surface-strong);border-radius:8px;outline:none;width:100%;padding:.65rem 1rem .65rem 2.5rem;font-size:.9rem;transition:all .2s}.blog-input-inline:focus{border-color:var(--blog-accent);box-shadow:0 0 0 3px #6366f11a}.blog-select-inline{border:1px solid var(--blog-border);background:var(--blog-surface-strong);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.25rem;border-radius:8px;outline:none;padding:.65rem 2rem .65rem 1rem;font-size:.9rem}.blog-btn-clear{border:1px solid var(--blog-border);color:var(--blog-muted);cursor:pointer;background:0 0;border-radius:8px;padding:.65rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s}.blog-btn-clear:hover{color:var(--blog-text);background:#f1f5f9}.blog-trending-container{border-top:1px dashed var(--blog-border);justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem 0;display:flex}.trending-label{color:var(--blog-text);font-size:.9rem;font-weight:600}.blog-trending-tags{flex-wrap:wrap;gap:.75rem;display:flex}.trending-tag-inline{color:var(--blog-accent);cursor:pointer;background:#6366f11a;border:1px solid #6366f133;border-radius:20px;align-items:center;gap:.25rem;padding:.35rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.trending-tag-inline:hover,.trending-tag-inline.active{background:var(--blog-accent);color:#fff;text-decoration:none}.blog-grid-2col{grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:3rem;display:grid}@media (max-width:768px){.blog-listing-header{padding:6rem 0 2rem}.blog-header-center{margin-bottom:1.5rem}.blog-title-main{font-size:1.85rem}.blog-subtitle-main{font-size:.9rem}.blog-filters-inline{flex-direction:column;align-items:stretch;gap:.75rem}.blog-search-inline{order:-1;width:100%!important}.blog-select-inline{width:100%}.blog-btn-clear{justify-content:center;width:100%}.blog-trending-container{flex-direction:column;align-items:flex-start;gap:.6rem;padding:1.25rem 0}.blog-trending-tags{gap:.5rem}.trending-tag-inline{padding:.3rem .8rem;font-size:.8rem}.blog-grid-2col{grid-template-columns:1fr;gap:1.5rem}.blog-card-content-modern{padding:1.25rem}.blog-card-title-modern{margin-bottom:.5rem;font-size:1.15rem}.blog-card-excerpt-modern{margin-bottom:1rem;font-size:.9rem}.blog-container{padding:0 1.25rem}.blog-pagination-clean{gap:.25rem}.blog-page-box{width:36px;height:36px;font-size:.85rem}}.blog-card-modern{background:var(--blog-surface-strong);border:1px solid var(--blog-border);border-radius:16px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.blog-card-modern:hover{box-shadow:var(--blog-soft-shadow);z-index:10;transform:translateY(-4px)}.blog-card-media-modern{aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.blog-card-img{object-fit:cover;transition:transform .5s}.blog-card-modern:hover .blog-card-img{transform:scale(1.05)}.blog-card-placeholder-modern{background:#e2e8f0;width:100%;height:100%}.blog-card-readtime-modern{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172acc;border-radius:20px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;right:1rem}.blog-card-content-modern{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-card-category-modern{margin-bottom:.75rem}.blog-card-category-modern a{color:var(--blog-accent-dark);background:#6366f11a;border-radius:4px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.blog-card-title-modern{margin-bottom:.75rem;font-size:1.35rem;font-weight:800;line-height:1.3}.blog-card-title-modern a{color:var(--blog-text);text-decoration:none}.blog-card-title-modern a:hover{color:var(--blog-accent)}.blog-card-excerpt-modern{color:var(--blog-muted);flex:1;margin-bottom:1.5rem;font-size:.95rem;line-height:1.6}.blog-card-footer-modern{border-top:1px solid var(--blog-border);justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.blog-card-author-modern{align-items:center;gap:.75rem;text-decoration:none;display:flex}.author-avatar-modern{object-fit:cover;border-radius:50%}.author-avatar-modern.fallback{background:#cbd5e1;width:38px;height:38px}.author-name-modern{color:var(--blog-text);font-size:.85rem;font-weight:600}.author-date-modern{color:var(--blog-muted-light);font-size:.8rem}.blog-card-stats-modern{color:var(--blog-muted-light);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.blog-card-stats-modern span{color:#334155;font-variant-numeric:tabular-nums;background:#0f172a0a;border:1px solid #94a3b838;border-radius:999px;justify-content:center;align-items:center;gap:.3rem;min-width:3.25rem;padding:.35rem .55rem;font-weight:700;display:inline-flex}.blog-card-stats-modern i{color:var(--blog-accent);margin-right:0}.blog-pagination-clean{justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.blog-page-box{border:1px solid var(--blog-border);background:var(--blog-surface-strong);width:40px;height:40px;color:var(--blog-text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-weight:500;transition:all .2s;display:flex}.blog-page-box.next-btn{width:auto;padding:0 1rem}.blog-page-box:hover:not(.disabled){border-color:var(--blog-accent);color:var(--blog-accent)}.blog-page-box.active{background:var(--blog-accent);color:#fff;border-color:var(--blog-accent)}.blog-page-box.disabled{opacity:.5;cursor:not-allowed;background:#f8fafc}.blog-page-dots{color:var(--blog-muted-light)}.blog-article-layout-modern{grid-template-columns:1fr 340px;align-items:start;gap:3rem;padding-top:8rem;display:grid}.blog-post-sidebar-modern{will-change:transform;height:fit-content;position:relative}@media (max-width:1024px){.blog-post-sidebar-modern{position:static;top:auto;bottom:auto}.blog-article-layout-modern{grid-template-columns:1fr}}.blog-breadcrumbs-modern{color:var(--blog-muted-light);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;display:flex}.blog-breadcrumbs-modern a{color:var(--blog-accent);font-weight:500}.blog-breadcrumbs-modern i{font-size:.6rem}.blog-article-header-modern{margin-bottom:2rem}.blog-post-title-modern{color:var(--blog-text);margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.2}.blog-post-meta-row-modern{border-top:1px solid var(--blog-border);border-bottom:1px solid var(--blog-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.blog-post-author-modern{align-items:center;gap:1rem;display:flex}.blog-post-share-modern{align-items:center;gap:.5rem;display:flex}.share-label{color:var(--blog-muted-light);margin-right:.5rem;font-size:.85rem}.share-btn-icon{border:1px solid var(--blog-border);background:var(--blog-surface-strong);width:36px;height:36px;color:var(--blog-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.share-btn-icon:hover{border-color:var(--blog-accent);color:var(--blog-accent)}.bookmark-btn.active{color:var(--blog-accent);border-color:var(--blog-accent);background:#6366f11a}.blog-cover-modern{width:100%;height:auto;min-height:200px;box-shadow:var(--blog-soft-shadow);z-index:10;background:#00000008;border-radius:16px;justify-content:center;align-items:center;margin-bottom:3rem;display:flex;position:relative;overflow:hidden}.blog-cover-modern img{display:block;object-fit:contain!important;width:100%!important;height:auto!important;position:relative!important}.blog-img-fade{opacity:0;transition:opacity .6s ease-in-out}.blog-img-fade.loaded{opacity:1}.blog-sidebar-card-modern{background:var(--blog-surface-strong);border:1px solid var(--blog-border);border-radius:16px;margin-bottom:1.5rem;padding:1.5rem}.blog-sidebar-title-modern{color:var(--blog-text);margin-bottom:1.25rem;font-size:1.1rem;font-weight:700}.blog-toc-modern{flex-direction:column;gap:.75rem;display:flex}.blog-toc-link-modern{color:var(--blog-muted);gap:.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.blog-toc-link-modern:hover{color:var(--blog-accent)}.toc-number{color:var(--blog-muted-light)}.blog-toc-link-modern.level-3{padding-left:1.5rem}.sidebar-author-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.sidebar-author-avatar{object-fit:cover;border-radius:50%}.sidebar-author-avatar.fallback{background:#cbd5e1}.sidebar-author-name{color:var(--blog-text);font-weight:700}.sidebar-author-role{color:var(--blog-muted-light);font-size:.85rem}.sidebar-author-bio{color:var(--blog-muted);margin-bottom:1rem;font-size:.9rem;line-height:1.6}.sidebar-author-socials{gap:.5rem;display:flex}.social-icon-modern{width:32px;height:32px;color:var(--blog-muted);background:#f1f5f9;border-radius:4px;justify-content:center;align-items:center;transition:all .2s;display:flex}.social-icon-modern:hover{background:var(--blog-accent);color:#fff}.blog-related-list-modern{flex-direction:column;gap:1rem;display:flex}.related-mini-card{align-items:center;gap:1rem;text-decoration:none;display:flex}.related-mini-card:hover .related-mini-title{color:var(--blog-accent)}.related-mini-img-wrapper{border-radius:8px;flex-shrink:0;width:80px;height:60px;position:relative;overflow:hidden}.related-mini-img-placeholder{background:#cbd5e1;border-radius:8px;flex-shrink:0;width:80px;height:60px}.related-mini-title{color:var(--blog-text);margin-bottom:.25rem;font-size:.9rem;font-weight:600;transition:color .2s}.related-mini-meta{color:var(--blog-muted-light);font-size:.75rem}.feedback-buttons-modern{gap:.5rem;display:flex}.feedback-btn{border:1px solid var(--blog-border);color:var(--blog-muted);cursor:pointer;background:0 0;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s}.feedback-btn:hover{border-color:var(--blog-accent);color:var(--blog-accent);background:#6366f10d}.blog-html-modern{color:#1e293b;word-break:break-word;overflow-wrap:break-word;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.0625rem;line-height:1.85}.blog-html-modern p{color:#1e293b;margin:0 0 1.35rem;font-size:1.0625rem;line-height:1.85}.blog-html-modern p:empty{min-height:1.35rem;margin:0;display:block}.blog-html-modern>:last-child{margin-bottom:0}.blog-html-modern h1,.blog-html-modern h2,.blog-html-modern h3,.blog-html-modern h4,.blog-html-modern h5,.blog-html-modern h6{color:#0f172a;letter-spacing:-.01em;scroll-margin-top:80px;font-weight:800;line-height:1.25}.blog-html-modern h1{border-bottom:2px solid #6366f133;margin:2.75rem 0 1rem;padding-bottom:.5rem;font-size:clamp(1.75rem,3.5vw,2.25rem)}.blog-html-modern h2{border-bottom:1px solid #6366f11f;margin:2.5rem 0 .875rem;padding-bottom:.35rem;font-size:clamp(1.4rem,2.8vw,1.75rem)}.blog-html-modern h3{margin:2rem 0 .75rem;font-size:clamp(1.15rem,2.2vw,1.375rem)}.blog-html-modern h4{margin:1.75rem 0 .65rem;font-size:1.1rem}.blog-html-modern h5{margin:1.5rem 0 .5rem;font-size:1rem;font-weight:700}.blog-html-modern h6{color:#475569;margin:1.35rem 0 .5rem;font-size:.9rem;font-weight:700}.blog-html-modern>h1:first-child,.blog-html-modern>h2:first-child,.blog-html-modern>h3:first-child,.blog-html-modern>h4:first-child{margin-top:0}.blog-html-modern ul,.blog-html-modern ol{color:#1e293b;margin:0 0 1.35rem;padding-left:1.75rem}.blog-html-modern li{margin-bottom:.45rem;line-height:1.75}.blog-html-modern li:last-child{margin-bottom:0}.blog-html-modern li>p{margin:0}.blog-html-modern ul{list-style-type:disc}.blog-html-modern ul ul{margin:.35rem 0;list-style-type:circle}.blog-html-modern ul ul ul{list-style-type:square}.blog-html-modern ol{list-style-type:decimal}.blog-html-modern ol ol{margin:.35rem 0;list-style-type:lower-alpha}.blog-html-modern blockquote{color:#334155;background:#6366f10f;border-left:4px solid #6366f1;border-radius:0 12px 12px 0;margin:2rem 0;padding:1.1rem 1.5rem 1.1rem 1.35rem;font-size:1.05rem;font-style:italic;line-height:1.8;position:relative}.blog-html-modern blockquote p{color:#334155;margin:0}.blog-html-modern blockquote p+p{margin-top:.75rem}.blog-html-modern code:not(pre code){color:#4f46e5;white-space:nowrap;background:#6366f11a;border:1px solid #6366f12e;border-radius:5px;padding:.15em .45em;font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875em}.blog-html-modern pre,.blog-html-modern pre.blog-code-block{color:#e2e8f0;background:#0f172a;border:1px solid #e2e8f014;border-radius:14px;margin:2rem 0;padding:1.4rem 1.6rem;font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.7;position:relative;overflow-x:auto;box-shadow:0 8px 32px #0f172a33}.blog-html-modern pre code{color:inherit;font-size:inherit;white-space:pre;background:0 0;border:none;padding:0;font-family:inherit}.blog-html-modern img,.blog-html-modern .blog-content-img{aspect-ratio:auto;border-radius:12px;max-width:100%;height:auto;margin:1.75rem auto;display:block;box-shadow:0 4px 20px #0f172a1a}.blog-html-modern a,.blog-html-modern .blog-content-link{color:#4f46e5;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px;transition:color .15s,text-decoration-color .15s}.blog-html-modern a:hover,.blog-html-modern .blog-content-link:hover{color:#4338ca;text-decoration-color:#4338ca}.blog-html-modern hr{border:none;border-top:2px solid #6366f126;border-radius:2px;margin:2.5rem 0}.blog-html-modern table{border-collapse:collapse;border-radius:12px;width:100%;margin:2rem 0;font-size:.95rem;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.blog-html-modern th{color:#1e1b4b;text-align:left;text-transform:uppercase;letter-spacing:.04em;background:#6366f11a;border-bottom:2px solid #6366f133;padding:.75rem 1rem;font-size:.85rem;font-weight:700}.blog-html-modern td{color:#334155;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}.blog-html-modern tr:last-child td{border-bottom:none}.blog-html-modern tr:nth-child(2n) td{background:#f8fafccc}.blog-html-modern strong{color:#0f172a;font-weight:700}.blog-html-modern em{color:#334155;font-style:italic}.blog-html-modern mark{color:#92400e;background:#fbbf244d;border-radius:3px;padding:.1em .25em}.blog-html-modern s{color:#64748b}.blog-html-modern figcaption{text-align:center;color:#64748b;margin-top:.5rem;font-size:.85rem;font-style:italic}.blog-html-modern ul[data-type=taskList]{padding-left:.5rem;list-style:none}.blog-html-modern ul[data-type=taskList] li{align-items:flex-start;gap:.6rem;display:flex}.blog-html-modern ul[data-type=taskList] li input[type=checkbox]{accent-color:#6366f1;flex-shrink:0;margin-top:.3rem}.blog-tiptap-content.ProseMirror{color:#1e293b;caret-color:#6366f1;outline:none;min-height:340px;padding:1.5rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.0625rem;line-height:1.85}.blog-tiptap-content.ProseMirror p{color:#1e293b;margin:0 0 1.35rem;line-height:1.85}.blog-tiptap-content.ProseMirror p:empty{min-height:1.35rem;margin:0;display:block}.blog-tiptap-content.ProseMirror>:last-child{margin-bottom:0}.blog-tiptap-content.ProseMirror h1,.blog-tiptap-content.ProseMirror h2,.blog-tiptap-content.ProseMirror h3,.blog-tiptap-content.ProseMirror h4{color:#0f172a;letter-spacing:-.01em;font-weight:800;line-height:1.25}.blog-tiptap-content.ProseMirror h1{border-bottom:2px solid #6366f133;margin:2.75rem 0 1rem;padding-bottom:.5rem;font-size:clamp(1.75rem,3.5vw,2.25rem)}.blog-tiptap-content.ProseMirror h2{border-bottom:1px solid #6366f11f;margin:2.5rem 0 .875rem;padding-bottom:.35rem;font-size:clamp(1.4rem,2.8vw,1.75rem)}.blog-tiptap-content.ProseMirror h3{margin:2rem 0 .75rem;font-size:clamp(1.15rem,2.2vw,1.375rem)}.blog-tiptap-content.ProseMirror h4{margin:1.75rem 0 .65rem;font-size:1.1rem}.blog-tiptap-content.ProseMirror>h1:first-child,.blog-tiptap-content.ProseMirror>h2:first-child,.blog-tiptap-content.ProseMirror>h3:first-child,.blog-tiptap-content.ProseMirror>h4:first-child{margin-top:0}.blog-tiptap-content.ProseMirror ul,.blog-tiptap-content.ProseMirror ol{margin:0 0 1.35rem;padding-left:1.75rem}.blog-tiptap-content.ProseMirror li{margin-bottom:.45rem;line-height:1.75}.blog-tiptap-content.ProseMirror li>p{margin:0}.blog-tiptap-content.ProseMirror ul{list-style-type:disc}.blog-tiptap-content.ProseMirror ul ul{margin:.35rem 0;list-style-type:circle}.blog-tiptap-content.ProseMirror ol{list-style-type:decimal}.blog-tiptap-content.ProseMirror blockquote{color:#334155;background:#6366f10f;border-left:4px solid #6366f1;border-radius:0 12px 12px 0;margin:2rem 0;padding:1.1rem 1.5rem 1.1rem 1.35rem;font-size:1.05rem;font-style:italic;line-height:1.8}.blog-tiptap-content.ProseMirror blockquote p{color:#334155;margin:0}.blog-tiptap-content.ProseMirror code:not(pre code){color:#4f46e5;background:#6366f11a;border:1px solid #6366f12e;border-radius:5px;padding:.15em .45em;font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875em}.blog-tiptap-content.ProseMirror pre,.blog-tiptap-content.ProseMirror pre.blog-code-block{color:#e2e8f0;background:#0f172a;border-radius:14px;margin:2rem 0;padding:1.4rem 1.6rem;font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.7;overflow-x:auto}.blog-tiptap-content.ProseMirror pre code{color:inherit;font-size:inherit;white-space:pre;background:0 0;border:none;padding:0}.blog-tiptap-content.ProseMirror img{border-radius:12px;max-width:100%;height:auto;margin:1.75rem auto;display:block;box-shadow:0 4px 20px #0f172a1a}.blog-tiptap-content.ProseMirror a{color:#4f46e5;text-underline-offset:2px;text-decoration:underline}.blog-tiptap-content.ProseMirror hr{border:none;border-top:2px solid #6366f126;margin:2.5rem 0}.blog-tiptap-content.ProseMirror strong{color:#0f172a;font-weight:700}.blog-tiptap-content.ProseMirror em{color:#334155;font-style:italic}.blog-tiptap-content.ProseMirror s{color:#64748b}.blog-tiptap-content.ProseMirror p.is-editor-empty:first-child:before,.blog-tiptap-content.ProseMirror.is-editor-empty:first-child:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none;float:left;height:0;font-style:italic}.blog-tiptap-content.ProseMirror ::selection{background:#6366f133}.blog-editor-wrap{border:1px solid #e2e8f0;border-radius:12px;margin-top:1rem;overflow:hidden}.blog-editor-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:8px;padding:8px;display:flex}.blog-editor-tb-btn{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:4px 8px}.blog-editor-tb-btn.is-active{color:#fff;background:#6366f1;border-color:#6366f1}.blog-editor-content.ProseMirror{outline:none;min-height:300px;padding:16px}.blog-editor-statusbar{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;padding:8px;font-size:.8rem}.blog-editor-simple-wrap{margin-top:1rem}.blog-editor-textarea{border:1px solid var(--border-color,#e2e8f0);width:100%;color:var(--admin-text,#1e293b);resize:vertical;background:#ffffffe6;border-radius:12px;outline:none;min-height:400px;padding:.85rem;font-family:inherit;font-size:.85rem;transition:all .2s}.blog-editor-textarea:focus{border-color:var(--primary,#6366f1);box-shadow:0 0 0 1px var(--primary,#6366f1);background:#fff}.blog-editor-textarea::placeholder{color:#94a3b8}.premium-editor-toolbar{z-index:100;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem 1rem;transition:all .3s;display:flex;position:sticky;top:0}.premium-editor-toolbar.is-sticky{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#f8fafcf2;border-bottom-color:#cbd5e1}.premium-editor-toolbar-group{background:#fff9;border:1px solid #e2e8f080;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem;transition:all .2s;display:flex}.premium-editor-toolbar-group:hover{background:#ffffffe6;border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0f}.premium-editor-toolbar-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.premium-editor-toolbar-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#0000,#6366f11a);transition:opacity .2s;position:absolute;inset:0}.premium-editor-toolbar-btn:hover{color:#1e293b;background:#f1f5f9;border-color:#e2e8f0;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a14}.premium-editor-toolbar-btn:hover:before{opacity:1}.premium-editor-toolbar-btn.is-active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;transform:translateY(-1px);box-shadow:0 4px 15px #6366f14d}.premium-editor-toolbar-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.premium-editor-toolbar-btn.variant-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 15px #6366f140}.premium-editor-toolbar-btn.variant-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px #6366f159}.premium-editor-toolbar-btn.variant-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#0000;box-shadow:0 4px 15px #ef444440}.premium-editor-toolbar-btn.variant-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444459}.premium-editor-icon{z-index:1;font-size:.875rem}.premium-editor-toolbar-divider{background:linear-gradient(#0000,#cbd5e1,#0000);border-radius:1px;width:1px;height:32px;margin:0 .5rem}.premium-editor-font-selector{position:relative}.premium-editor-select{appearance:none;color:#374151;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E") right .5rem center/1rem no-repeat;border:1px solid #e2e8f0;border-radius:10px;min-width:100px;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s}.premium-editor-select:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#cbd5e1}.premium-editor-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.premium-editor-content-wrapper{background:#fff;min-height:500px;position:relative}.premium-editor-content-area{cursor:text;min-height:500px}.premium-editor-content-area .ProseMirror{min-height:500px;font-family:var(--body-font,"Inter",sans-serif);color:#1e293b;background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border-radius:0 0 16px 16px;outline:none;padding:2.5rem 3rem;font-size:1rem;line-height:1.7;position:relative}.premium-editor-content-area .ProseMirror:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#e2e8f0,#0000);height:1px;position:absolute;top:0;left:3rem;right:3rem}.premium-editor-content-area .ProseMirror h1,.premium-editor-content-area .ProseMirror h2,.premium-editor-content-area .ProseMirror h3,.premium-editor-content-area .ProseMirror h4,.premium-editor-content-area .ProseMirror h5,.premium-editor-content-area .ProseMirror h6{color:#0f172a;margin:2rem 0 1rem;font-weight:700;line-height:1.3;font-family:var(--heading-font,"Inter",sans-serif)!important}.premium-editor-content-area .ProseMirror h1{background:linear-gradient(135deg,#0f172a 0%,#4f46e5 50%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800}.premium-editor-content-area .ProseMirror h2{color:#1e293b;font-size:1.875rem;font-weight:700}.premium-editor-content-area .ProseMirror h3{color:#334155;font-size:1.5rem;font-weight:600}.premium-editor-content-area .ProseMirror h4{color:#475569;font-size:1.25rem;font-weight:600}.premium-editor-content-area .ProseMirror p{color:#374151;margin:1.25rem 0;line-height:1.8;font-family:var(--body-font,"Inter",sans-serif)!important}.premium-editor-content-area .ProseMirror blockquote{color:#475569;background:linear-gradient(135deg,#6366f10d,#8b5cf605);border-left:4px solid #6366f1;border-radius:12px;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic;box-shadow:0 2px 8px #6366f114}.premium-editor-content-area .ProseMirror pre{color:#e2e8f0;background:#0f172a;border:1px solid #6366f133;border-radius:16px;margin:1.5rem 0;padding:1.5rem;font-size:.875rem;overflow-x:auto;box-shadow:0 10px 30px #0f172a4d}.premium-editor-content-area .ProseMirror code{color:#4338ca;background:#6366f11a;border-radius:6px;padding:.125rem .375rem;font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875em;font-weight:500}.premium-editor-content-area .ProseMirror pre code{color:inherit;background:0 0;border-radius:0;padding:0}.premium-editor-content-area .ProseMirror img{border:1px solid #e2e8f0;border-radius:16px;max-width:100%;height:auto;margin:1.5rem 0;box-shadow:0 10px 30px #0f172a26}.premium-editor-content-area .ProseMirror ul,.premium-editor-content-area .ProseMirror ol{margin:1rem 0;padding-left:1.5rem}.premium-editor-content-area .ProseMirror li{color:#374151;margin:.5rem 0;line-height:1.7}.premium-editor-content-area .ProseMirror a{color:#4f46e5;border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .2s}.premium-editor-content-area .ProseMirror a:hover{color:#4338ca;border-bottom-color:#4338ca}.premium-editor-content-area .ProseMirror hr{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);border:none;border-radius:2px;height:2px;margin:2rem 0}.premium-editor-content-area .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#94a3b8;pointer-events:none;height:0;font-size:1rem;font-style:italic;line-height:1.6}.premium-editor-statusbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.premium-editor-stats{align-items:center;gap:1.5rem;display:flex}.stat-item{background:#ffffffb3;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;padding:.375rem .75rem;transition:all .2s;display:flex}.stat-item:hover{background:#ffffffe6;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0f172a0f}.stat-icon{color:#6366f1;font-size:.75rem}.stat-value{color:#1e293b;text-align:right;min-width:2rem;font-size:.875rem;font-weight:600}.stat-label{color:#64748b;text-transform:lowercase;font-size:.75rem;font-weight:500}.premium-editor-status{align-items:center;display:flex}.status-indicator{border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.status-indicator.saving{color:#4f46e5;background:#6366f11a;border:1px solid #6366f133}.status-indicator.saved{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.status-icon{font-size:.75rem}.premium-bubble-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:.25rem;padding:.5rem;display:flex;box-shadow:0 10px 30px #0f172a4d}.premium-bubble-menu .premium-editor-toolbar-btn{color:#e2e8f0;background:0 0;border-color:#0000;min-width:32px;height:32px}.premium-bubble-menu .premium-editor-toolbar-btn:hover{color:#fff;box-shadow:none;background:#ffffff26;transform:none}.premium-bubble-menu .premium-editor-toolbar-btn.is-active{color:#c7d2fe;box-shadow:none;background:#6366f14d;border-color:#0000;transform:none}.premium-editor-fullscreen-overlay{z-index:10000;position:absolute;top:1rem;right:1rem}.fullscreen-exit-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ae6;border:1px solid #fff3;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.fullscreen-exit-btn:hover{background:#0f172af2;border-color:#ffffff4d;transform:translateY(-1px);box-shadow:0 4px 15px #0f172a4d}.premium-editor-loading{color:#64748b;background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.premium-editor-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1024px){.premium-editor-toolbar{gap:.25rem;padding:.5rem .75rem}.premium-editor-toolbar-group{gap:.125rem;padding:.125rem}.premium-editor-toolbar-btn{min-width:32px;height:32px;font-size:.8125rem}.premium-editor-content-area .ProseMirror{padding:2rem}.premium-editor-stats{gap:1rem}.stat-item{padding:.25rem .5rem}}@media (max-width:768px){.premium-editor-toolbar{gap:.125rem;padding:.5rem}.premium-editor-toolbar-group{padding:.125rem}.premium-editor-toolbar-btn{min-width:30px;height:30px;font-size:.75rem}.premium-editor-content-area .ProseMirror{padding:1.5rem 1rem;font-size:.9375rem}.premium-editor-statusbar{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem 1rem}.premium-editor-stats{justify-content:center;gap:.75rem}.stat-item{flex:1;justify-content:center;padding:.5rem .75rem}.premium-editor-select{min-width:80px;padding:.375rem 1.5rem .375rem .5rem;font-size:.75rem}}@media (max-width:480px){.premium-editor-toolbar-group{padding:.0625rem}.premium-editor-toolbar-btn{min-width:28px;height:28px;font-size:.6875rem}.premium-editor-content-area .ProseMirror{padding:1rem .75rem;font-size:.875rem}.premium-editor-toolbar-divider{height:24px;margin:0 .25rem}.stat-label{display:none}.stat-item{padding:.375rem .5rem}}.premium-editor-content-area .ProseMirror{caret-color:#6366f1}.premium-editor-content-area .ProseMirror ::selection{color:#1e293b;background:#6366f133}.premium-editor-content-area .ProseMirror ::selection{color:#1e293b;background:#6366f133}.premium-editor-wrap *{transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media print{.premium-editor-toolbar,.premium-editor-statusbar{display:none}.premium-editor-wrap{box-shadow:none;border:none}.premium-editor-content-area .ProseMirror{background:#fff;padding:0}}.blog-line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.comments-section-modern{border-top:1px solid var(--blog-border);margin-top:4rem;padding-top:3rem}.comments-title-modern{color:var(--blog-text);align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.5rem;font-weight:700;display:flex}.comment-input-container-modern{background:var(--blog-surface-strong);border:1px solid var(--blog-border);border-radius:12px;gap:1rem;margin-bottom:2.5rem;padding:1.25rem;display:flex;box-shadow:0 2px 12px #0000000a}.comment-avatar-modern{object-fit:cover;border-radius:50%;flex-shrink:0;width:40px;height:40px}.comment-avatar-fallback{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;flex-shrink:0;width:40px;height:40px}.comment-form-modern{flex:1}.comment-textarea-modern{border:1px solid var(--blog-border);background:var(--blog-bg);width:100%;color:var(--blog-text);resize:none;border-radius:20px;outline:none;padding:.75rem 1.25rem;font-size:.95rem;transition:all .2s}.comment-textarea-modern:focus{border-color:var(--blog-accent);box-shadow:0 0 0 3px #6366f11a}.comment-submit-row{justify-content:flex-end;margin-top:.75rem;display:flex}.comment-submit-btn-modern{background:var(--blog-accent);color:#fff;cursor:pointer;border:none;border-radius:20px;padding:.5rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s}.comment-submit-btn-modern:hover:not(:disabled){background:var(--blog-accent-dark);transform:translateY(-1px)}.comment-submit-btn-modern:disabled{opacity:.5;cursor:not-allowed}.comment-item-modern{gap:.75rem;margin-bottom:1.5rem;display:flex}.comment-content-wrapper-modern{flex:1}.comment-bubble-modern{background:#f1f5f9;border-radius:0 12px 12px;padding:.75rem 1rem;transition:all .2s;position:relative}.comment-item-modern:hover .comment-bubble-modern{background:#eef2f6}.comment-author-name-modern{color:var(--blog-text);margin-bottom:.15rem;font-size:.9rem;font-weight:700}.comment-text-modern{color:var(--blog-muted);font-size:.95rem;line-height:1.5}.comment-actions-modern{gap:1rem;margin-top:.4rem;padding-left:.5rem;display:flex}.comment-action-btn-modern{color:var(--blog-muted-light);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.25rem;padding:.2rem .4rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.comment-action-btn-modern:hover{color:var(--blog-text);background:#0000000d}.comment-action-btn-modern.active{color:var(--blog-accent)}.comment-date-modern{color:var(--blog-muted-light);margin-left:auto;font-size:.75rem}.reply-form-container-modern{border-left:2px solid var(--blog-border);margin-top:1rem;padding-left:1rem}.replies-list-modern{border-left:1px solid var(--blog-border);margin-top:1rem;padding-left:1rem}.comment-reply-item-modern{gap:.6rem;margin-top:1rem;display:flex}.comment-reply-bubble-modern{border:1px solid var(--blog-border);background:#f8fafc;border-radius:0 12px 12px;padding:.6rem .85rem}.comment-guest-input-modern{border:1px solid var(--blog-border);background:var(--blog-bg);width:100%;color:var(--blog-text);border-radius:12px;outline:none;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.comment-guest-input-modern:focus{border-color:var(--blog-accent);box-shadow:0 0 0 3px #6366f11a}.guest-note{font-style:italic;font-weight:500}.feedback-card-modern{text-align:center;position:relative;overflow:hidden}.feedback-buttons-modern{justify-content:center;margin-top:1rem;display:flex}.feedback-btn{border:2px solid var(--blog-border);color:var(--blog-text);cursor:pointer;background:0 0;border-radius:100px;align-items:center;gap:.75rem;padding:.8rem 2rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.feedback-btn:hover{border-color:var(--blog-accent);color:var(--blog-accent);transform:translateY(-3px);box-shadow:0 10px 20px #6366f11a}.feedback-btn.active{background:linear-gradient(135deg,var(--blog-accent)0%,#4f46e5 100%);color:#fff;border-color:#0000;animation:.4s cubic-bezier(.175,.885,.32,1.275) feedback-pop;box-shadow:0 10px 25px #6366f14d}.feedback-btn.active i{color:#fff;animation:.5s ease-out .2s feedback-thumb}@keyframes feedback-pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes feedback-thumb{0%{transform:translateY(0)rotate(0)}30%{transform:translateY(-5px)rotate(-15deg)}to{transform:translateY(0)rotate(0)}}.feedback-count-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:20px;padding:2px 10px;font-size:.85rem}.like-count-badge{color:#ff4757;background:#ff47571a;border-radius:10px;margin-left:4px;padding:1px 6px;font-size:.75rem;font-weight:700}.comment-avatar-fallback{color:#fff;text-transform:uppercase;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.blog-stats-row-inline{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;justify-content:center;align-items:center;gap:2rem;margin-top:2rem;padding:1.5rem;display:flex}.blog-stat-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-value{color:var(--blog-accent);font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:800}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--blog-muted-light);font-size:.75rem;font-weight:600}.blog-stat-sep{background:#ffffff1a;width:1px;height:30px}.blog-article-content{color:#1e293b;max-width:820px;margin:0 auto;font-size:1.15rem;line-height:1.85}.blog-article-content h1{color:#0f172a;margin:3rem 0 1.5rem;font-size:2.8rem;font-weight:800;line-height:1.2}.blog-article-content h2{color:#1e293b;margin:2.5rem 0 1.2rem;font-size:2rem;font-weight:700;line-height:1.3}.blog-article-content h3{color:#334155;margin:2rem 0 1rem;font-size:1.6rem;font-weight:600}.blog-article-content p{letter-spacing:-.003em;margin-bottom:1.75rem}.blog-article-content blockquote{color:#334155;background:#6366f108;border-left:5px solid #6366f1;border-radius:0 12px 12px 0;margin:2.5rem 0;padding:1rem 2rem;font-size:1.3rem;font-style:italic;line-height:1.6}.blog-article-content ul,.blog-article-content ol{margin-bottom:1.75rem;padding-left:1.75rem}.blog-article-content li{margin-bottom:.75rem}.blog-article-content pre{color:#e2e8f0;background:#0f172a;border-radius:16px;margin:2.5rem 0;padding:1.5rem;font-family:JetBrains Mono,monospace;font-size:.95rem;overflow-x:auto;box-shadow:0 20px 40px #0000001a}.blog-article-content img{border-radius:20px;max-width:100%;height:auto;margin:3rem 0;box-shadow:0 30px 60px #0000001f}.blog-article-content table{border-collapse:collapse;border:1px solid #e2e8f0;border-radius:12px;width:100%;margin:2.5rem 0;font-size:1rem;overflow:hidden}.blog-article-content th,.blog-article-content td{text-align:left;border:1px solid #e2e8f0;padding:1rem 1.25rem}.blog-article-content th{color:#0f172a;background:#f8fafc;font-weight:700}.blog-article-content a{color:#6366f1;text-underline-offset:4px;font-weight:500;text-decoration:underline;transition:color .2s}.blog-article-content a:hover{color:#4f46e5}