@import "https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/tokyo-night-dark.css";
html{scroll-behavior:smooth}.blog-content{color:#374151;line-height:1.8}.blog-content h1{color:#030b2a;margin:3rem 0 2rem;font-size:2.5rem;font-weight:700;line-height:1.2}.blog-content h2{color:#030b2a;margin:2.5rem 0 1.5rem;scroll-margin-top:100px;font-size:2rem;font-weight:700;line-height:1.3}.blog-content h3{color:#030b2a;margin:2rem 0 1rem;font-size:1.5rem;font-weight:700;line-height:1.4}.blog-content h4{color:#030b2a;margin:1.5rem 0 .75rem;font-size:1.25rem;font-weight:600}.blog-content p{color:#374151;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.75}@media (max-width:768px){.blog-content h1{margin:2rem 0 1.5rem;font-size:1.875rem}.blog-content h2{margin:2rem 0 1rem;font-size:1.5rem}.blog-content h3{margin:1.5rem 0 .75rem;font-size:1.25rem}.blog-content h4{margin:1.25rem 0 .5rem;font-size:1.125rem}.blog-content p{margin-bottom:1.25rem;font-size:1rem;line-height:1.7}}.blog-content a{color:#ff6b35;font-weight:500;text-decoration:none;transition:all .2s}.blog-content a:hover{color:#e55a2b;text-decoration:underline}.blog-content strong{color:#030b2a;font-weight:600}.blog-content em{color:#6b7280;font-style:italic}.blog-content code{color:#1f2937;background-color:#f3f4f6;border-radius:.375rem;padding:.25rem .5rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.875rem}.blog-content pre{background:#282c34;border:1px solid #3e4451;border-radius:.75rem;margin:2rem 0;padding:1.5rem;position:relative;overflow-x:auto;box-shadow:0 10px 25px rgba(0,0,0,.1)}.blog-content pre code{color:inherit;background:0 0;border-radius:0;padding:0;font-size:.875rem}@media (max-width:768px){.blog-content pre{border-radius:.5rem;margin:1.5rem 0;padding:1rem}.blog-content pre code{font-size:.75rem;line-height:1.5}.blog-content code{padding:.2rem .4rem;font-size:.75rem}}.blog-content blockquote{color:#6b7280;background:#f9fafb;border-left:4px solid #ff6b35;border-radius:0 .5rem .5rem 0;margin:2rem 0;padding:1rem 1.5rem;font-style:italic}.blog-content ul,.blog-content ol{margin:1.5rem 0;padding-left:1.5rem}.blog-content li{color:#374151;margin:.5rem 0;line-height:1.75}@media (max-width:768px){.blog-content ul,.blog-content ol{margin:1.25rem 0;padding-left:1.25rem}.blog-content li{margin:.4rem 0;font-size:.95rem;line-height:1.6}.blog-content blockquote{margin:1.5rem 0;padding:.75rem 1rem;font-size:.95rem}.blog-content table{margin:1.5rem 0;font-size:.875rem}.blog-content th,.blog-content td{padding:.5rem}}.blog-content img{border-radius:.75rem;width:100%;height:auto;margin:2rem 0;box-shadow:0 10px 25px rgba(0,0,0,.1)}.blog-content hr{border:none;border-top:2px solid #e5e7eb;margin:3rem 0}.blog-content table{border-collapse:collapse;border-radius:.5rem;width:100%;margin:2rem 0;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1)}.blog-content th{text-align:left;color:#111827;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.75rem;font-weight:600}.blog-content td{color:#374151;border-bottom:1px solid #e5e7eb;padding:.75rem}.copy-button{color:#abb2bf;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.375rem;padding:.5rem .75rem;font-size:.75rem;transition:all .2s;position:absolute;top:.75rem;right:.75rem}.copy-button:hover{color:#fff;background:rgba(255,255,255,.2)}.blog-content pre:hover .copy-button{opacity:1}.hljs-comment,.hljs-quote{color:#9ca3af;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-subst{color:#f59e0b;font-weight:700}.hljs-number,.hljs-literal,.hljs-variable,.hljs-template-variable,.hljs-tag .hljs-attr{color:#10b981}.hljs-string,.hljs-doctag{color:#34d399}.hljs-title,.hljs-section,.hljs-selector-id{color:#60a5fa;font-weight:700}.hljs-subst{font-weight:400}.hljs-type,.hljs-class .hljs-title{color:#a78bfa;font-weight:700}.hljs-tag,.hljs-name,.hljs-attribute{color:#f87171;font-weight:400}.hljs-regexp,.hljs-link{color:#fbbf24}.hljs-symbol,.hljs-bullet{color:#fb7185}.hljs-built_in,.hljs-builtin-name{color:#38bdf8}.hljs-meta{color:#9ca3af}.hljs-deletion{background:#fca5a5}.hljs-addition{background:#86efac}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-function .hljs-title{color:#60a5fa}.hljs-params{color:#f9fafb}.hljs-attr{color:#fbbf24}.hljs-value{color:#34d399}.code-block-wrapper{position:relative}.code-copy-button{color:#f9fafb;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;transition:all .2s;position:absolute;top:.5rem;right:.5rem}.code-copy-button:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}