.blog-page{--blog-ease: cubic-bezier(.16, 1, .3, 1)}.blog-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.65rem 1.25rem;border-radius:9999px;font-size:.8125rem;font-weight:600;white-space:nowrap;border:1px solid #e2e8f0;background:#fff;color:#64748b;transition:all .35s var(--blog-ease);box-shadow:0 1px 4px #0f172a0a}.blog-pill:hover{border-color:#ddd6fe;color:#7c3aed;background:#faf5ff;box-shadow:0 4px 12px #7c3aed1a}.blog-pill.is-active{background:linear-gradient(135deg,#7c3aed,#4f46e5);border-color:transparent;color:#fff;box-shadow:0 8px 24px #7c3aed59;transform:translateY(-1px)}.blog-card{display:flex;flex-direction:column;height:100%;border-radius:1.25rem;border:1px solid rgba(226,232,240,.9);background:#fff;overflow:hidden;box-shadow:0 4px 24px #0f172a0a;transition:transform .5s var(--blog-ease),box-shadow .5s var(--blog-ease),border-color .4s}.blog-card:hover{transform:translateY(-6px);border-color:#7c3aed33;box-shadow:0 24px 48px -12px #7c3aed29}.blog-card-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden}.blog-card-thumb img,.blog-card-thumb .blog-thumbnail{height:100%;width:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s var(--blog-ease)}.blog-card:hover .blog-card-thumb img,.blog-card:hover .blog-card-thumb .blog-thumbnail{transform:scale(1.06)}.blog-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,23,42,.55) 0%,transparent 55%);opacity:0;transition:opacity .4s}.blog-card:hover .blog-card-overlay{opacity:1}.blog-card-body{display:flex;flex-direction:column;flex:1;padding:1.5rem}.blog-card-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:9999px;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#7c3aed;background:#f5f3ff;border:1px solid #ede9fe}.blog-card-title{margin-top:.75rem;font-size:1.125rem;font-weight:700;line-height:1.35;color:#0f172a;transition:color .3s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card:hover .blog-card-title{color:#7c3aed}.blog-card-excerpt{margin-top:.5rem;font-size:.875rem;line-height:1.65;color:#64748b;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #f1f5f9}.blog-card-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:700;color:#7c3aed;transition:gap .3s var(--blog-ease)}.blog-card:hover .blog-card-link{gap:.6rem}.blog-card-meta{display:inline-flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:500;color:#94a3b8}.blog-reading-progress{position:fixed;top:4rem;left:0;z-index:50;height:3px;width:100%;background:#f1f5f9}.blog-reading-progress-bar{height:100%;background:linear-gradient(90deg,#7c3aed,#4f46e5,#10b981);transition:width .15s ease-out}.blog-prose{max-width:none;font-size:1.0625rem;line-height:1.8;color:#334155}.blog-prose h2,.blog-prose h3,.blog-prose h4{scroll-margin-top:6rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.blog-prose h2{margin-top:2.5rem;margin-bottom:1rem;font-size:1.75rem;padding-bottom:.5rem;border-bottom:1px solid #f1f5f9}.blog-prose h3{margin-top:2rem;margin-bottom:.75rem;font-size:1.375rem}.blog-prose p{margin-bottom:1.25rem}.blog-prose a{color:#7c3aed;font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#7c3aed59;transition:color .2s,text-decoration-color .2s}.blog-prose a:hover{color:#6d28d9;text-decoration-color:#7c3aed}.blog-prose img{border-radius:1rem;box-shadow:0 8px 32px #0f172a14}.blog-prose blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid #7c3aed;border-radius:0 .75rem .75rem 0;background:linear-gradient(135deg,#faf5ff,#f5f3ff);color:#4c1d95;font-style:italic}.blog-prose pre{position:relative;border-radius:.875rem;background:#1e1b4b!important;box-shadow:0 8px 32px #0f172a26}.blog-prose code:not(pre code){padding:.15rem .4rem;border-radius:.375rem;background:#f5f3ff;color:#6d28d9;font-size:.875em;font-weight:500}.blog-prose ul,.blog-prose ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-prose li{margin-bottom:.4rem}.blog-prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.blog-prose th,.blog-prose td{padding:.75rem 1rem;border:1px solid #e2e8f0}.blog-prose th{background:#f8fafc;font-weight:600;color:#0f172a}.blog-toc{position:sticky;top:6rem;padding:1.5rem;border-radius:1.25rem;background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.8);box-shadow:0 4px 24px #0f172a0a}.blog-toc-title{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#94a3b8;margin-bottom:1rem}.blog-toc-link{display:block;width:100%;text-align:left;font-size:.8125rem;line-height:1.45;color:#64748b;border-left:2px solid transparent;padding:.4rem 0 .4rem .75rem;margin-left:-.75rem;transition:all .25s}.blog-toc-link:hover{color:#7c3aed}.blog-toc-link.is-active{color:#7c3aed;font-weight:600;border-left-color:#7c3aed}.blog-toc-link.is-nested{padding-left:1.5rem;margin-left:-.75rem;font-size:.75rem}.blog-share-btn{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.875rem;border:1px solid #e2e8f0;background:#fff;color:#64748b;transition:all .3s var(--blog-ease);box-shadow:0 2px 8px #0f172a0a}.blog-share-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.blog-share-btn.twitter:hover{color:#1d9bf0;border-color:#bae6fd;background:#f0f9ff}.blog-share-btn.facebook:hover{color:#1877f2;border-color:#bfdbfe;background:#eff6ff}.blog-share-btn.linkedin:hover{color:#0a66c2;border-color:#bfdbfe;background:#eff6ff}.blog-share-btn.whatsapp:hover{color:#25d366;border-color:#bbf7d0;background:#f0fdf4}.blog-author-card{position:relative;overflow:hidden;border-radius:1.5rem;padding:2rem;background:linear-gradient(135deg,#faf5ff,#fff,#eff6ff);border:1px solid rgba(221,214,254,.6);box-shadow:0 8px 32px #7c3aed14}.blog-author-card:before{content:"";position:absolute;top:-40%;right:-20%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 70%);pointer-events:none}.blog-featured-image{position:relative;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 50px -12px #0f172a33}.blog-featured-image img{width:100%;max-height:480px;-o-object-fit:cover;object-fit:cover;transition:transform .8s var(--blog-ease)}.blog-featured-image:hover img{transform:scale(1.03)}.blog-featured-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,23,42,.15),transparent 40%);pointer-events:none}.blog-mobile-toc{border-radius:1rem;border:1px solid #e2e8f0;background:#fff;overflow:hidden;margin-bottom:2rem}.blog-mobile-toc summary{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;font-size:.875rem;font-weight:600;color:#334155;cursor:pointer;list-style:none}.blog-mobile-toc summary::-webkit-details-marker{display:none}.blog-mobile-toc-content{padding:0 1.25rem 1rem;border-top:1px solid #f1f5f9}.blog-skeleton{border-radius:1.25rem;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%);background-size:200% 100%;animation:blogShimmer 1.6s infinite}@keyframes blogShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#64748b}.blog-breadcrumb a{transition:color .2s}.blog-breadcrumb a:hover{color:#7c3aed}