@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap");.font-display{font-family:Syne,sans-serif!important}*{font-family:Inter,sans-serif}h1,h2,h3{font-family:Syne,sans-serif}:root{--blog-bg:#fff;--blog-text:#334155;--blog-heading:#111827;--blog-muted:#64748b;--blog-border:rgba(0,0,0,.08);--blog-card:#f8fafc}.dark{--blog-bg:#09090b;--blog-text:#94a3b8;--blog-heading:#fff;--blog-muted:#94a3b8;--blog-border:hsla(0,0%,100%,.06);--blog-card:#131320}.meta-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.06);transition:all .2s ease}.meta-card:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1)}.section-divider{height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.07),transparent)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(124,58,237,.3);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:rgba(124,58,237,.5)}::selection{background:rgba(124,58,237,.3);color:#fff}.blog-content{font-size:17px;line-height:1.85;color:var(--blog-text);word-break:normal;overflow-wrap:break-word;margin-bottom:5rem}.blog-content h1{font-family:Syne,sans-serif;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900;margin:4rem 0 1.5rem;color:var(--blog-heading);letter-spacing:-.02em;line-height:1.2}.blog-content h2{font-size:clamp(1.4rem,3vw,2rem);margin:3.5rem 0 1.25rem;line-height:1.3}.blog-content h2,.blog-content h3{font-family:Syne,sans-serif;font-weight:700;color:var(--blog-heading)}.blog-content h3{font-size:1.25rem;margin:2.5rem 0 1rem;line-height:1.4}.blog-content h4{font-size:1.1rem;font-weight:600;margin:2rem 0 .75rem;color:#cbd5e1}.blog-content p{margin-bottom:1.5rem;color:var(--blog-text);line-height:1.85}.blog-content ul{list-style:none;padding:0;margin:0 0 1.5rem}.blog-content ul li{position:relative;padding-left:1.25rem;margin-bottom:.5rem;color:#94a3b8;line-height:1.7}.blog-content ul li:before{content:"▸";position:absolute;left:0;top:2px;color:#7c3aed;font-size:.7rem}.blog-content ol{list-style:decimal;padding-left:2rem;margin-bottom:1.5rem;color:#94a3b8}.blog-content ol li{margin-bottom:.5rem;color:#94a3b8;line-height:1.7}.blog-content img{display:block;width:100%;max-width:100%;height:auto;max-height:520px;object-fit:contain;object-position:center;margin:2.5rem auto;border-radius:.75rem;border:1px solid hsla(0,0%,100%,.05);box-shadow:0 25px 50px -12px rgba(0,0,0,.6);background:#0a0a12}.blog-content blockquote{position:relative;border-left:2px solid #7c3aed;background:rgba(124,58,237,.05);padding:1rem 1.5rem;font-style:italic;color:#c4b5fd;margin:2rem 0;border-radius:0 .75rem .75rem 0}.blog-content :not(pre)>code{background:#131320;color:#a78bfa;padding:.15em .45em;border-radius:.375rem;font-size:.875em;font-weight:600;border:1px solid rgba(124,58,237,.2);white-space:nowrap}.blog-content pre{background:#080810!important;color:#e2e8f0;padding:1.5rem;border-radius:.75rem;overflow-x:auto;margin:2rem 0;font-size:.875rem;font-family:JetBrains Mono,Fira Code,monospace;border:1px solid hsla(0,0%,100%,.05);white-space:pre}.blog-content pre code{white-space:pre;background:transparent!important;padding:0!important;border:none!important;color:inherit}.blog-content a{color:#a78bfa;font-weight:500;text-decoration:underline;text-decoration-color:rgba(167,139,250,.35);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s}.blog-content a:hover{color:#c4b5fd;text-decoration-color:rgba(196,181,253,.6)}.blog-content strong{color:var(--blog-heading);font-weight:700}.blog-content em{color:#c4b5fd}.blog-content table{width:100%;border-collapse:collapse;margin:2rem 0;border:1px solid hsla(0,0%,100%,.05);border-radius:.75rem;overflow:hidden;font-size:.875rem}.blog-content th{background:#0d0d1a;border-bottom:1px solid hsla(0,0%,100%,.05);padding:.75rem 1rem;text-align:left;font-weight:700;color:#fff}.blog-content td{border-bottom:1px solid hsla(0,0%,100%,.04);padding:.75rem 1rem;color:#94a3b8}.blog-content tr:last-child td{border-bottom:none}.blog-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);margin:3rem 0}@media (max-width:640px){.blog-content{font-size:15px}.blog-content img{max-height:300px}}