.blog-content-wrapper{max-width:100%;overflow-x:hidden}.blog-content-wrapper>*{max-width:100%}.article-content,.article-hero{contain:layout style}.article-hero-animate{animation:articleHeroIn .4s ease-out forwards}.article-content-animate{animation:articleContentIn .3s ease-out forwards}.related-card-animate{animation:relatedCardIn .35s ease-out forwards}@keyframes articleHeroIn{0%{opacity:.8;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes articleContentIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes relatedCardIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.related-card-animate:first-child{animation-delay:.1s}.related-card-animate:nth-child(2){animation-delay:.15s}.related-card-animate:nth-child(3){animation-delay:.2s}.blog-content-wrapper .highlight-box{border-left:4px solid;border-radius:.75rem;contain:layout style;margin:1.5rem 0;padding:1rem 1.25rem}.blog-content-wrapper .highlight-box.info,.blog-content-wrapper [style*="background: #e0f2fe"],.blog-content-wrapper [style*="background: rgb(224, 242, 254)"],.blog-content-wrapper [style*="background:#e0f2fe"]{background:linear-gradient(135deg,#e0f2fe,#f0f9ff)!important;border-left-color:#0284c7}.blog-content-wrapper .highlight-box.tip,.blog-content-wrapper [style*="background: #dcfce7"],.blog-content-wrapper [style*="background: rgb(220, 252, 231)"],.blog-content-wrapper [style*="background:#dcfce7"]{background:linear-gradient(135deg,#dcfce7,#f0fdf4)!important;border-left-color:#16a34a}.blog-content-wrapper .highlight-box.warning,.blog-content-wrapper [style*="background: #fef3c7"],.blog-content-wrapper [style*="background: rgb(254, 243, 199)"],.blog-content-wrapper [style*="background:#fef3c7"]{background:linear-gradient(135deg,#fef3c7,#fefce8)!important;border-left-color:#d97706}.blog-content-wrapper .highlight-box.danger,.blog-content-wrapper [style*="background: #fee2e2"],.blog-content-wrapper [style*="background: rgb(254, 226, 226)"],.blog-content-wrapper [style*="background:#fee2e2"]{background:linear-gradient(135deg,#fee2e2,#fef2f2)!important;border-left-color:#dc2626}.dark .blog-content-wrapper .highlight-box.info,.dark .blog-content-wrapper [style*="background: #e0f2fe"],.dark .blog-content-wrapper [style*="background:#e0f2fe"]{background:linear-gradient(135deg,#0c4a6e,#1e3a5f)!important;border-left-color:#38bdf8}.dark .blog-content-wrapper .highlight-box.tip,.dark .blog-content-wrapper [style*="background: #dcfce7"],.dark .blog-content-wrapper [style*="background:#dcfce7"]{background:linear-gradient(135deg,#14532d,#1a3a2a)!important;border-left-color:#4ade80}.dark .blog-content-wrapper .highlight-box.warning,.dark .blog-content-wrapper [style*="background: #fef3c7"],.dark .blog-content-wrapper [style*="background:#fef3c7"]{background:linear-gradient(135deg,#713f12,#4a3520)!important;border-left-color:#fbbf24}.dark .blog-content-wrapper .highlight-box.danger,.dark .blog-content-wrapper [style*="background: #fee2e2"],.dark .blog-content-wrapper [style*="background:#fee2e2"]{background:linear-gradient(135deg,#7f1d1d,#4a1d1d)!important;border-left-color:#f87171}.blog-content-wrapper .stat-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);list-style:none!important;margin:1rem 0;padding-left:0!important}.blog-content-wrapper .stat-grid>li{background:#ffffffb3;border:1px solid rgba(0,0,0,.06);border-radius:.625rem;margin-bottom:0!important;padding:.75rem 1rem;text-align:center;transition:transform .15s ease,box-shadow .15s ease}.blog-content-wrapper .stat-grid>li:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.blog-content-wrapper .stat-grid>li::marker{content:none}.blog-content-wrapper .stat-grid .stat-value{color:#4f46e5;display:block;font-size:1.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.2;margin-bottom:.125rem}.blog-content-wrapper .stat-grid .stat-label{color:#64748b;display:block;font-size:.8125rem;font-weight:500;line-height:1.3}.blog-content-wrapper .stat-grid.cols-3{grid-template-columns:repeat(3,1fr)}.blog-content-wrapper .stat-grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:640px){.blog-content-wrapper .stat-grid{gap:.5rem}.blog-content-wrapper .stat-grid,.blog-content-wrapper .stat-grid.cols-3,.blog-content-wrapper .stat-grid.cols-4{grid-template-columns:repeat(2,1fr)}.blog-content-wrapper .stat-grid .stat-value{font-size:1.25rem}.blog-content-wrapper .stat-grid>li{padding:.625rem .75rem}}.blog-content-wrapper .stat-inline{align-items:baseline;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border-radius:.375rem;color:#4338ca;display:inline-flex;font-weight:700;gap:.25rem;padding:.125rem .5rem;white-space:nowrap}.blog-content-wrapper .stat-featured{align-items:center;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid #e0e7ff;border-radius:.75rem;display:flex;gap:1rem;justify-content:center;margin:1.5rem 0;padding:1.25rem 1.5rem;text-align:center}.blog-content-wrapper .stat-featured .stat-number{color:#4f46e5;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;line-height:1}.blog-content-wrapper .stat-featured .stat-desc{color:#475569;font-size:1rem;line-height:1.4;text-align:left}.highlight-box.info .stat-grid .stat-value,[style*="background-color: #e0f2fe"] .stat-grid .stat-value,[style*="background-color: #f0f9ff"] .stat-grid .stat-value,[style*="background: #f0f9ff"] .stat-grid .stat-value{color:#0369a1}.highlight-box.tip .stat-grid .stat-value,[style*="background-color: #dcfce7"] .stat-grid .stat-value,[style*="background-color: #f0fdf4"] .stat-grid .stat-value,[style*="background: #f0fdf4"] .stat-grid .stat-value{color:#15803d}.highlight-box.warning .stat-grid .stat-value,[style*="background-color: #fef3c7"] .stat-grid .stat-value,[style*="background-color: #fefce8"] .stat-grid .stat-value,[style*="background: #fef3c7"] .stat-grid .stat-value{color:#b45309}.dark .blog-content-wrapper .stat-grid>li{background:#ffffff0d;border-color:#ffffff14}.dark .blog-content-wrapper .stat-grid .stat-value{color:#a5b4fc}.dark .blog-content-wrapper .stat-grid .stat-label{color:#94a3b8}.dark .blog-content-wrapper .stat-inline{background:linear-gradient(135deg,#312e81,#1e1b4b);color:#c7d2fe}.dark .blog-content-wrapper .stat-featured{background:linear-gradient(135deg,#1e1b4b,#312e81);border-color:#3730a3}.dark .blog-content-wrapper .stat-featured .stat-number{color:#a5b4fc}.dark .blog-content-wrapper .stat-featured .stat-desc{color:#cbd5e1}.dark .highlight-box.info .stat-grid .stat-value,.dark [style*="background-color: #f0f9ff"] .stat-grid .stat-value,.dark [style*="background: #f0f9ff"] .stat-grid .stat-value{color:#7dd3fc}.dark .highlight-box.tip .stat-grid .stat-value,.dark [style*="background-color: #f0fdf4"] .stat-grid .stat-value,.dark [style*="background: #f0fdf4"] .stat-grid .stat-value{color:#86efac}.dark .highlight-box.warning .stat-grid .stat-value,.dark [style*="background-color: #fef3c7"] .stat-grid .stat-value,.dark [style*="background: #fef3c7"] .stat-grid .stat-value{color:#fcd34d}.blog-content-wrapper blockquote{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:none;border-radius:1rem;box-shadow:0 4px 6px -1px #0000000d;color:#475569;font-style:italic;margin:2rem 0;padding:1.5rem 1.5rem 1.5rem 3rem;position:relative}.blog-content-wrapper blockquote:before{color:#6366f1;content:"“";font-family:Georgia,serif;font-size:3rem;left:.75rem;line-height:1;opacity:.6;position:absolute;top:.5rem}.dark .blog-content-wrapper blockquote{background:linear-gradient(135deg,#1e293b,#0f172a);color:#cbd5e1}.dark .blog-content-wrapper blockquote:before{color:#818cf8}.blog-content-wrapper pre{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;margin:1.5rem 0;overflow-x:auto;padding:1.25rem}.blog-content-wrapper pre code{color:#e2e8f0;font-family:Fira Code,JetBrains Mono,Consolas,Monaco,monospace;font-size:.875rem;line-height:1.7}.blog-content-wrapper code:not(pre code){background:#f1f5f9;border-radius:.25rem;color:#e11d48;font-family:Fira Code,JetBrains Mono,Consolas,Monaco,monospace;font-size:.9em;padding:.125rem .375rem}.dark .blog-content-wrapper code:not(pre code){background:#374151;color:#fb7185}.blog-toc{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:1rem;contain:layout style;margin-bottom:2rem;padding:1.25rem}.blog-toc-title{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:.75rem}.blog-toc-list{list-style:none;margin:0;padding:0}.blog-toc-list li{margin-bottom:.5rem}.blog-toc-list a{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:.5rem;padding:.25rem 0;text-decoration:none;transition:color .15s ease}.blog-toc-list a:hover{color:#6366f1}.blog-toc-list a:before{content:"→";font-size:.75rem;opacity:.5}.dark .blog-toc{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.dark .blog-toc-title{color:#f1f5f9}.dark .blog-toc-list a{color:#94a3b8}.dark .blog-toc-list a:hover{color:#818cf8}@media (min-width:1280px){.blog-toc-sticky{max-height:calc(100vh - 6rem);overflow-y:auto;position:sticky;top:5rem}}.floating-share{contain:layout style;display:flex;flex-direction:column;gap:.5rem;left:1rem;position:fixed;top:50%;transform:translateY(-50%);z-index:40}.floating-share-btn{align-items:center;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;color:#fff;display:flex;height:44px;justify-content:center;touch-action:manipulation;transition:transform .15s ease,box-shadow .15s ease;width:44px}.floating-share-btn:hover{box-shadow:0 10px 15px -3px #00000026;transform:scale(1.1)}.floating-share-btn.twitter{background:#1da1f2}.floating-share-btn.facebook{background:#4267b2}.floating-share-btn.whatsapp{background:#1a873a}.floating-share-btn.linkedin{background:#0077b5}.floating-share-btn.copy{background:#64748b}@media (max-width:1024px){.floating-share{display:none}}.scroll-to-top{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;bottom:1.5rem;box-shadow:0 4px 15px #6366f166;color:#fff;contain:layout style;cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;position:fixed;right:1.5rem;touch-action:manipulation;transform:translateY(20px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;visibility:hidden;width:48px;z-index:40}.scroll-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.scroll-to-top:hover{box-shadow:0 6px 20px #6366f180}@media (max-width:640px){.scroll-to-top{bottom:1rem;height:44px;right:1rem;width:44px}}.related-posts-carousel{display:flex;gap:1.5rem;overflow-x:auto;padding:.5rem;scroll-padding:1rem;scroll-snap-type:x mandatory;scrollbar-width:none}.related-posts-carousel::-webkit-scrollbar{display:none}.related-posts-carousel>article{flex:0 0 calc(100% - 2rem);scroll-snap-align:start}@media (min-width:768px){.related-posts-carousel>article{flex:0 0 calc(50% - 1rem)}}@media (min-width:1024px){.related-posts-carousel{display:grid;grid-template-columns:repeat(3,1fr);overflow-x:visible;scroll-snap-type:none}.related-posts-carousel>article{flex:none}}.author-card-modern{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:1.5rem;contain:layout style;padding:2rem}.author-card-modern .author-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 4px 15px #6366f14d;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.author-card-modern .author-info h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.25rem}.author-card-modern .author-info .title{color:#6366f1;font-size:.875rem;font-weight:500}.author-card-modern .author-bio{color:#64748b;font-size:.95rem;line-height:1.6}.author-card-modern .author-stats{border-top:1px solid #e2e8f0;display:flex;gap:2rem;margin-top:1rem;padding-top:1rem}.author-card-modern .author-stat{text-align:center}.author-card-modern .author-stat .value{color:#1e293b;font-size:1.25rem;font-weight:700}.author-card-modern .author-stat .label{color:#64748b;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.dark .author-card-modern{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.dark .author-card-modern .author-info h3{color:#f1f5f9}.dark .author-card-modern .author-info .title{color:#818cf8}.dark .author-card-modern .author-bio{color:#94a3b8}.dark .author-card-modern .author-stats{border-color:#334155}.dark .author-card-modern .author-stat .value{color:#f1f5f9}.dark .author-card-modern .author-stat .label{color:#94a3b8}.blog-content-wrapper{color:#374151;font-size:1.0625rem;letter-spacing:-.011em;line-height:1.8}.blog-content-wrapper h2{border-left:4px solid #6366f1;color:#1e293b;font-size:1.625rem;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:1rem;margin-top:2.5rem;padding-left:1rem;position:relative}.blog-content-wrapper h3{color:#1f2937;font-size:1.375rem;font-weight:600;letter-spacing:-.015em;line-height:1.35;margin-bottom:.75rem;margin-top:2rem}.blog-content-wrapper h4{color:#374151;font-size:1.125rem;font-weight:600;letter-spacing:-.01em;margin-bottom:.5rem;margin-top:1.5rem}.blog-content-wrapper p{line-height:1.8;margin-bottom:1.5rem}.blog-content-wrapper ol,.blog-content-wrapper ul{margin-bottom:1.5rem;padding-left:1.75rem}.blog-content-wrapper li{line-height:1.75;margin-bottom:.625rem}.blog-content-wrapper li::marker{color:#6366f1}.dark .blog-content-wrapper{color:#d1d5db}.dark .blog-content-wrapper h2{border-left-color:#818cf8;color:#f1f5f9}.dark .blog-content-wrapper h3{color:#e2e8f0}.dark .blog-content-wrapper h4{color:#cbd5e1}@media (min-width:1024px){.blog-content-wrapper{font-size:1.0625rem;line-height:1.8}.blog-content-wrapper h2{font-size:1.5rem}.blog-content-wrapper h3{font-size:1.25rem}.blog-content-wrapper p{margin-bottom:1.375rem}.blog-content-wrapper li{margin-bottom:.5rem}}.reading-progress{background:#0000001a;height:3px;left:0;position:fixed;right:0;top:0;z-index:50}.reading-progress-bar{background:linear-gradient(90deg,#6366f1,#8b5cf6 50%,#ec4899);background-size:200% 100%;height:100%;transition:width .1s ease-out}.dark .reading-progress{background:#ffffff1a}@media (max-width:640px){.blog-content-wrapper{font-size:1rem;line-height:1.8}.blog-content-wrapper h2{border-left-width:3px;font-size:1.375rem;margin-top:2rem;padding-left:.75rem}.blog-content-wrapper h3{font-size:1.1875rem;margin-top:1.5rem}.blog-content-wrapper p{margin-bottom:1.25rem}.blog-content-wrapper blockquote{margin:1.25rem 0;padding:1rem 1rem 1rem 2.5rem}.blog-content-wrapper blockquote:before{font-size:2.5rem;left:.5rem}.author-card-modern{padding:1.5rem}.author-card-modern .author-stats{flex-wrap:wrap;gap:1rem}}@media (min-width:641px) and (max-width:1023px){.blog-content-wrapper{font-size:1.0625rem;line-height:1.85}}.reading-time-badge{align-items:center;background:#6366f11a;border-radius:9999px;color:#6366f1;display:inline-flex;font-size:.875rem;font-weight:500;gap:.375rem;padding:.375rem .75rem}.dark .reading-time-badge{background:#818cf833;color:#a5b4fc}.blog-content-wrapper a:not(.no-style){color:#6366f1;text-decoration:underline;text-decoration-color:#6366f14d;text-underline-offset:2px;transition:text-decoration-color .15s ease}.blog-content-wrapper a:not(.no-style):hover{text-decoration-color:#6366f1}.dark .blog-content-wrapper a:not(.no-style){color:#a5b4fc;text-decoration-color:#a5b4fc4d}.dark .blog-content-wrapper a:not(.no-style):hover{text-decoration-color:#a5b4fc}.blog-toc-sidebar{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:1rem;contain:layout style;padding:1.25rem}.blog-toc-sidebar .blog-toc-title{align-items:center;border-bottom:1px solid #e2e8f0;color:#1e293b;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;padding-bottom:.75rem}.blog-toc-sidebar ul{list-style:none;margin:0;max-height:calc(100vh - 12rem);overflow-y:auto;padding:.5rem 0 0}.blog-toc-sidebar .toc-link{background:none;border:none;color:#64748b;cursor:pointer;display:block;font-size:.8125rem;text-decoration:none;transition:all .15s ease}.blog-toc-sidebar .toc-link:hover{background:#6366f114;color:#6366f1}.blog-toc-sidebar .toc-link.active{background:#6366f11f;color:#6366f1;font-weight:500}.dark .blog-toc-sidebar{background:linear-gradient(135deg,#1e293b,#0f172a);border-color:#334155}.dark .blog-toc-sidebar .blog-toc-title{border-bottom-color:#334155;color:#f1f5f9}.dark .blog-toc-sidebar .toc-link{color:#94a3b8}.dark .blog-toc-sidebar .toc-link:hover{background:#818cf81a;color:#818cf8}.dark .blog-toc-sidebar .toc-link.active{background:#818cf826;color:#818cf8}.blog-toc-sidebar ul::-webkit-scrollbar{width:4px}.blog-toc-sidebar ul::-webkit-scrollbar-track{background:transparent}.blog-toc-sidebar ul::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.blog-toc-sidebar ul::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dark .blog-toc-sidebar ul::-webkit-scrollbar-thumb{background:#475569}.dark .blog-toc-sidebar ul::-webkit-scrollbar-thumb:hover{background:#64748b}