.blog-content{font-size:1.0625rem;line-height:1.8;color:#cbd5e1}.blog-content h2{font-family:Clash Display,sans-serif;font-weight:700;font-size:1.65rem;color:#f1f5f9;margin-top:3.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #334155;letter-spacing:-.01em}.blog-content h3{font-family:Clash Display,sans-serif;font-weight:600;font-size:1.25rem;color:#e2e8f0;margin-top:2.25rem;margin-bottom:.75rem}.blog-content p{margin-bottom:1.25rem;color:#cbd5e1}.blog-content>p:first-child{font-size:1.125rem;color:#94a3b8}.blog-content a{color:#c084fc;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}.blog-content a:hover{color:#d8b4fe;border-bottom-color:#c084fc}.blog-content strong{color:#f1f5f9;font-weight:600}.blog-content code:not(pre code){background:#1e293b;color:#c084fc;padding:.15em .4em;border-radius:.375rem;font-size:.875em;font-family:JetBrains Mono,monospace;border:1px solid #334155}.blog-content ul,.blog-content ol{margin:1.25rem 0;padding-left:0;list-style:none}.blog-content ul li,.blog-content ol li{position:relative;padding-left:1.75rem;margin-bottom:.625rem;color:#cbd5e1;line-height:1.7}.blog-content ul li:before{content:"";position:absolute;left:.25rem;top:.7em;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#9333ea)}.blog-content ol{counter-reset:blog-ol}.blog-content ol li{counter-increment:blog-ol}.blog-content ol li:before{content:counter(blog-ol);position:absolute;left:0;top:.1em;width:1.4rem;height:1.4rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;font-size:.75rem;font-weight:600;display:flex;align-items:center;justify-content:center}.blog-content .code-block-wrapper{margin:1.75rem 0;border-radius:.75rem;overflow:hidden;border:1px solid #334155;background:#0f172a}.blog-content .code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:#1e293b;border-bottom:1px solid #334155}.blog-content .code-block-header .code-dots{display:flex;gap:6px}.blog-content .code-block-header .code-dots span{width:10px;height:10px;border-radius:50%}.blog-content .code-block-header .code-dots span:nth-child(1){background:#ef4444;opacity:.7}.blog-content .code-block-header .code-dots span:nth-child(2){background:#eab308;opacity:.7}.blog-content .code-block-header .code-dots span:nth-child(3){background:#22c55e;opacity:.7}.blog-content .code-block-header .code-lang{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.15rem .6rem;border-radius:9999px;background:#334155;color:#94a3b8;font-family:JetBrains Mono,monospace}.blog-content .code-block-wrapper pre{margin:0!important;padding:1.25rem!important;background:transparent!important;border:none!important;border-radius:0!important;overflow-x:auto}.blog-content .code-block-wrapper code{font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.7;color:#e2e8f0;background:none!important;padding:0!important;border:none!important}.blog-content>pre,.blog-content>div>pre{margin:1.75rem 0;padding:1.25rem;background:#0f172a;border:1px solid #334155;border-radius:.75rem;overflow-x:auto}.blog-content pre code{font-family:JetBrains Mono,monospace;font-size:.85rem;line-height:1.7;color:#e2e8f0}.blog-content .callout{margin:2rem 0;padding:1.25rem 1.5rem;border-radius:.75rem;border-left:4px solid}.blog-content .callout p{margin:0}.blog-content .callout p+p{margin-top:.5rem}.blog-content .callout-title{font-family:Clash Display,sans-serif;font-weight:600;font-size:.9rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem}.blog-content .callout.tldr{background:#3b82f614;border-color:#3b82f6}.blog-content .callout.tldr .callout-title{color:#60a5fa}.blog-content .callout.tip{background:#22c55e14;border-color:#22c55e}.blog-content .callout.tip .callout-title{color:#4ade80}.blog-content .callout.key{background:#9333ea14;border-color:#9333ea}.blog-content .callout.key .callout-title{color:#c084fc}.blog-content .callout.note{background:#eab30814;border-color:#eab308}.blog-content .callout.note .callout-title{color:#facc15}.blog-content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9rem}.blog-content table thead tr{border-bottom:2px solid #334155}.blog-content table th{text-align:left;padding:.75rem 1rem;color:#94a3b8;font-weight:500;font-size:.85rem}.blog-content table td{padding:.75rem 1rem;color:#cbd5e1}.blog-content table tbody tr{border-bottom:1px solid #1e293b;transition:background .15s}.blog-content table tbody tr:hover{background:#1e293b80}.blog-content blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid #7c3aed;background:#9333ea0f;border-radius:0 .5rem .5rem 0;color:#94a3b8;font-style:italic}.blog-content blockquote p{color:#94a3b8;margin-bottom:0}.blog-content hr{margin:3rem 0;border:none;height:1px;background:linear-gradient(90deg,transparent,#334155 20%,#334155 80%,transparent)}.blog-content img{border-radius:.75rem;border:1px solid #334155;margin:2rem 0}.blog-content .step{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#9333ea);color:#fff;font-size:.8rem;font-weight:700;margin-right:.5rem;flex-shrink:0}