@import url("https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;900&family=JetBrains+Mono:wght@400;500&display=swap");*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}:root{--bg:#000;--fg:#fff;--card:#111;--surface:#111;--surface-2:#1a1a1a;--code-bg:#0d0d0d;--muted-fg:#888;--border:hsla(0,0%,100%,.08);--radius:0.75rem;--radius-lg:1rem;--max-width:1280px}body{font-family:Archivo,sans-serif;background:var(--bg);color:var(--fg);line-height:1.5}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.featured-row{display:grid;grid-template-columns:1fr 320px;grid-gap:24px;gap:24px;margin-bottom:64px}@media (max-width:1024px){.featured-row{grid-template-columns:1fr}}.featured-card{display:grid;grid-template-columns:60% 40%}@media (max-width:768px){.featured-card{grid-template-columns:1fr!important}}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media (max-width:1200px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.card-grid{grid-template-columns:1fr}}.blog-card{transition:transform .2s ease}.blog-card:hover{transform:scale(1.02)}@media (prefers-reduced-motion:no-preference){@keyframes hero-fade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-text-up{0%{transform:translateY(110%)}to{transform:translateY(0)}}.hero-animate{opacity:0;animation:hero-fade .8s ease forwards}.hero-animate-0{animation-delay:0ms}.hero-animate-1{animation-delay:.1s}.hero-animate-2{animation-delay:.2s}.hero-animate-3{animation-delay:.3s}.hero-animate-4{animation-delay:.4s}.hero-text-clip{overflow:hidden;display:block}.hero-text-inner{display:block;transform:translateY(110%);animation:hero-text-up .7s cubic-bezier(.16,1,.3,1) forwards}.hero-text-inner-0{animation-delay:0ms}.hero-text-inner-1{animation-delay:.1s}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal] [data-reveal-child]{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}[data-reveal].revealed [data-reveal-child]{opacity:1;transform:translateY(0)}[data-reveal].revealed [data-reveal-child]:first-child{transition-delay:0ms}[data-reveal].revealed [data-reveal-child]:nth-child(2){transition-delay:80ms}[data-reveal].revealed [data-reveal-child]:nth-child(3){transition-delay:.16s}[data-reveal].revealed [data-reveal-child]:nth-child(4){transition-delay:.24s}[data-reveal].revealed [data-reveal-child]:nth-child(5){transition-delay:.32s}[data-reveal].revealed [data-reveal-child]:nth-child(6){transition-delay:.4s}[data-reveal].revealed [data-reveal-child]:nth-child(7){transition-delay:.48s}[data-reveal].revealed [data-reveal-child]:nth-child(8){transition-delay:.56s}}.article-layout{display:grid;grid-template-columns:1fr 280px;grid-gap:48px;gap:48px}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{display:none!important}}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}@media (max-width:900px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.related-grid{grid-template-columns:1fr}}@media (max-width:768px){body>nav{padding:0 24px!important}body>footer{padding:24px!important}}.article-content h2{font-size:20px;font-weight:700;margin-top:40px;margin-bottom:16px;letter-spacing:-.01em;scroll-margin-top:80px}.article-content h3{font-size:18px;font-weight:600;margin-top:32px;margin-bottom:12px;scroll-margin-top:80px}.article-content p{font-size:16px;line-height:1.7;color:hsla(0,0%,100%,.7);margin-bottom:16px}.article-content a{color:var(--fg);text-decoration:underline;text-underline-offset:2px}.article-content a:hover{opacity:.8}.article-content strong{color:var(--fg);font-weight:600}.article-content ol,.article-content ul{padding-left:24px;margin-bottom:16px;color:hsla(0,0%,100%,.7)}.article-content li{margin-bottom:8px;font-size:16px;line-height:1.7}.article-content blockquote{border-left:2px solid hsla(0,0%,100%,.2);padding-left:16px;font-style:italic;color:hsla(0,0%,100%,.5);margin:16px 0}.article-content hr{border:none;border-top:1px solid hsla(0,0%,100%,.08);margin:32px 0}.article-content code:not(pre code){font-family:JetBrains Mono,monospace;font-size:13px;background:hsla(0,0%,100%,.06);padding:2px 6px;border-radius:4px}.article-content table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.code-block-wrapper{position:relative;margin:24px 0}.article-content pre,.code-block-wrapper pre{background:#0d0d0d;border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:16px;overflow-x:auto;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.6;color:hsla(0,0%,100%,.85);margin:24px 0}.code-block-wrapper pre{margin:0}.code-copy-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.4);cursor:pointer;opacity:0;transition:opacity .2s,color .15s,background .15s;font-size:16px}.code-block-wrapper:hover .code-copy-btn{opacity:1}.code-copy-btn:hover{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.7)}