@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", monospace;--color-bg:#eef4f6;--color-bg-deep:#dbeafe;--color-surface:#ffffffd1;--color-surface-strong:#fff;--color-text:#0b1220;--color-text-soft:#334155;--color-muted:#64748b;--color-border:#0f172a1f;--color-border-light:#0f172a14;--color-accent:#0891b2;--color-accent-hover:#0e7490;--color-accent-2:#7c3aed;--color-accent-3:#10b981;--color-accent-gradient:linear-gradient(135deg, #0891b2 0%, #2563eb 48%, #7c3aed 100%);--color-tag-bg:#0891b21a;--color-tag-text:#0e7490;--radius-sm:8px;--radius:16px;--radius-lg:24px;--max-w:1040px;--content-w:760px;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 18px 45px #0f172a14;--shadow-md:0 24px 70px #0f172a24}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#050a12;--color-bg-deep:#0f172a;--color-surface:#0f172ab8;--color-surface-strong:#101827;--color-text:#f8fafc;--color-text-soft:#cbd5e1;--color-muted:#94a3b8;--color-border:#94a3b838;--color-border-light:#94a3b824;--color-accent:#22d3ee;--color-accent-hover:#67e8f9;--color-accent-2:#a78bfa;--color-accent-3:#34d399;--color-tag-bg:#22d3ee1f;--color-tag-text:#67e8f9;--shadow-sm:0 1px 2px #0003;--shadow:0 18px 45px #00000059;--shadow-md:0 24px 70px #0000007a}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-sans);background:radial-gradient(circle at 14% 12%, color-mix(in srgb, var(--color-accent) 22%, transparent), transparent 28rem), radial-gradient(circle at 88% 4%, color-mix(in srgb, var(--color-accent-2) 22%, transparent), transparent 26rem), linear-gradient(180deg, var(--color-bg), var(--color-bg-deep));color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.75}body:before{content:"";pointer-events:none;opacity:.32;background-image:linear-gradient(var(--color-border-light) 1px, transparent 1px), linear-gradient(90deg, var(--color-border-light) 1px, transparent 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 68%);mask-image:linear-gradient(#000 0%,#0000 68%)}.site-backdrop{z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 0,#ffffff7a,#0000 34rem);position:fixed;inset:0}@media (prefers-color-scheme:dark){.site-backdrop{background:radial-gradient(circle at 50% 0,#22d3ee1f,#0000 34rem)}}::selection{background:var(--color-accent);color:#001018}a{color:var(--color-accent);text-decoration:none;transition:color .2s,border-color .2s,transform .2s,background .2s,box-shadow .2s}a:hover{color:var(--color-accent-hover)}header{z-index:100;border-bottom:1px solid var(--color-border-light);background:color-mix(in srgb, var(--color-bg) 78%, transparent);-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);position:sticky;top:0}header nav{width:min(var(--max-w), calc(100% - 40px));justify-content:space-between;align-items:center;gap:24px;min-height:72px;margin:0 auto;display:flex}.logo{letter-spacing:-.04em;color:var(--color-text);align-items:center;gap:10px;font-size:1rem;font-weight:900;display:inline-flex}.logo:hover{color:var(--color-text);transform:translateY(-1px)}.logo-mark{border:1px solid var(--color-border);background:var(--color-accent-gradient);color:#fff;width:36px;height:36px;font-family:var(--font-mono);box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;font-size:.85rem;display:grid}.nav-links{align-items:center;gap:10px;display:flex}.nav-links a{border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text-soft);border-radius:999px;padding:8px 14px;font-size:.875rem;font-weight:700}.nav-links a:hover{border-color:color-mix(in srgb, var(--color-accent) 45%, transparent);color:var(--color-text);box-shadow:var(--shadow-sm)}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 36px;display:grid}.metric-card{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);padding:16px 18px}.metric-value{color:var(--color-text);font-size:1.25rem;font-weight:700;line-height:1.2}.metric-label{color:var(--color-muted);font-size:.825rem}.tip-card{background:var(--color-surface);border-radius:var(--radius);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);margin-bottom:40px;padding:18px 20px}.tip-card p{color:var(--color-text-soft);margin-bottom:12px}.tip-card button{background:var(--color-accent-gradient);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:999px;padding:8px 14px;font-size:.8125rem;font-weight:600}.tip-card button:hover{filter:brightness(1.05)}.post-excerpt{color:var(--color-text-soft);margin:2px 0 6px}.tag-cloud{flex-wrap:wrap;gap:10px 14px;padding:0;list-style:none;display:flex}.tag-cloud li{align-items:center;gap:8px;display:inline-flex}.tag-count{color:var(--color-muted);font-size:.8125rem}.empty-state{color:var(--color-text-soft)}main{width:min(var(--max-w), calc(100% - 40px));margin:0 auto;padding:76px 0 104px}.page-header{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:linear-gradient(135deg, color-mix(in srgb, var(--color-surface-strong) 92%, transparent), var(--color-surface)), radial-gradient(circle at 90% 0, color-mix(in srgb, var(--color-accent) 16%, transparent), transparent 18rem);box-shadow:var(--shadow);margin-bottom:56px;padding:42px}.hero{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr);align-items:center;gap:36px;display:grid;overflow:hidden}.eyebrow{color:var(--color-accent);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-size:.82rem;font-weight:700}.page-header h1{letter-spacing:-.075em;max-width:800px;margin-bottom:.35em;font-size:clamp(2.45rem,7vw,5.75rem);font-weight:900;line-height:.92}.page-header p{max-width:640px;color:var(--color-text-soft);font-size:clamp(1rem,2.2vw,1.22rem);line-height:1.7}.hero-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:28px;display:flex}.button{background:var(--color-accent-gradient);color:#fff;min-height:46px;box-shadow:0 14px 30px color-mix(in srgb, var(--color-accent) 24%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:0 18px;font-weight:800;display:inline-flex}.button:hover{color:#fff;transform:translateY(-2px)}.status-pill{border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text-soft);font-family:var(--font-mono);border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:.8rem;display:inline-flex}.status-pill span{background:var(--color-accent-3);width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb, var(--color-accent-3) 16%, transparent);border-radius:50%}.terminal-card{box-shadow:var(--shadow-md);background:#07111f;border:1px solid #94a3b838;border-radius:22px;overflow:hidden;transform:rotate(1.2deg)}.terminal-dots{gap:8px;padding:16px 18px 0;display:flex}.terminal-dots span{background:#fb7185;border-radius:50%;width:10px;height:10px}.terminal-dots span:nth-child(2){background:#fbbf24}.terminal-dots span:nth-child(3){background:#34d399}.terminal-card pre{color:#d1fae5;font-family:var(--font-mono);margin:0;padding:22px 24px 26px;font-size:.88rem;line-height:1.8;overflow-x:auto}.topic-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:-22px 0 56px;display:grid}.topic-grid div{border:1px solid var(--color-border-light);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:22px}.topic-grid span{color:var(--color-accent);font-family:var(--font-mono);margin-bottom:14px;font-size:.78rem;font-weight:700;display:block}.topic-grid strong{color:var(--color-text);margin-bottom:6px;font-size:1rem;display:block}.topic-grid p{color:var(--color-muted);font-size:.92rem;line-height:1.6}.section-head{color:var(--color-muted);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:18px;font-size:.76rem;font-weight:800;display:flex}.section-head:after{content:"";background:var(--color-border-light);flex:1;height:1px}.post-list{gap:16px;padding:0;list-style:none;display:grid}.post-list>li{border:1px solid var(--color-border-light);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-sm);padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;position:relative}.post-list>li:before{content:"";border-radius:var(--radius) 0 0 var(--radius);background:var(--color-accent-gradient);opacity:.68;width:4px;position:absolute;inset:0 auto 0 0}.post-list>li:hover{border-color:color-mix(in srgb, var(--color-accent) 34%, transparent);background:var(--color-surface-strong);box-shadow:var(--shadow);transform:translateY(-3px)}.post-card-top{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px;display:flex}.post-list a{color:var(--color-text);letter-spacing:-.025em;font-size:1.2rem;font-weight:800;line-height:1.35}.post-list>li:hover a{color:var(--color-accent)}.post-list time,.meta{color:var(--color-muted);font-family:var(--font-mono);white-space:nowrap;font-size:.78rem}.post-list p{color:var(--color-text-soft);margin-top:12px;font-size:.96rem;line-height:1.65}.article-header{max-width:var(--content-w);border-bottom:1px solid var(--color-border-light);margin:0 auto 44px;padding-bottom:34px}.article-header h1{letter-spacing:-.06em;margin-bottom:.35em;font-size:clamp(2.2rem,6vw,4.35rem);font-weight:900;line-height:.98}.meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tags{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.tag{border:1px solid color-mix(in srgb, var(--color-accent) 18%, transparent);background:var(--color-tag-bg);color:var(--color-tag-text);font-family:var(--font-mono);border-radius:999px;align-items:center;padding:4px 10px;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-flex}a.tag:hover{border-color:color-mix(in srgb, var(--color-accent) 40%, transparent);background:color-mix(in srgb, var(--color-accent) 16%, transparent)}article{max-width:var(--content-w);margin:0 auto}article h1,article h2,article h3{color:var(--color-text);line-height:1.2}article h1{letter-spacing:-.04em;margin-bottom:.5em;font-size:2rem;font-weight:900}article h2{border-bottom:1px solid var(--color-border-light);letter-spacing:-.035em;margin-top:2.4em;margin-bottom:.65em;padding-bottom:.45em;font-size:1.55rem;font-weight:850}article h3{margin-top:2em;margin-bottom:.55em;font-size:1.22rem;font-weight:800}article p{color:var(--color-text-soft);margin-bottom:1.25em;font-size:1.03rem;line-height:1.85}article p:first-of-type{color:var(--color-text);font-size:1.14rem}article ul,article ol{margin-bottom:1.35em;padding-left:1.45em}article li{color:var(--color-text-soft);margin-bottom:.38em}article li::marker{color:var(--color-accent)}article li>ul,article li>ol{margin-top:.3em;margin-bottom:.25em}article strong{color:var(--color-text);font-weight:750}article img{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);max-width:100%;height:auto;box-shadow:var(--shadow);margin:1.5em 0}article blockquote{border:1px solid var(--color-border-light);border-left:4px solid var(--color-accent);border-radius:0 var(--radius) var(--radius) 0;background:var(--color-surface);color:var(--color-text-soft);margin:1.7em 0;padding:1em 1.2em 1em 1.35em}article blockquote p:last-child{margin-bottom:0}article hr{background:var(--color-border);border:none;height:1px;margin:2.7em 0}article code{border:1px solid var(--color-border-light);background:color-mix(in srgb, var(--color-accent) 10%, var(--color-surface));color:var(--color-accent-hover);font-family:var(--font-mono);border-radius:6px;padding:.16em .44em;font-size:.86em;font-weight:600}article pre{border-radius:var(--radius-lg);color:#e2e8f0;box-shadow:var(--shadow);background:#07111f;border:1px solid #94a3b838;margin:1.7em 0;padding:24px 28px;font-size:.9rem;line-height:1.75;overflow-x:auto}article pre code{color:inherit;font-size:inherit;background:0 0;border:0;padding:0;font-weight:400}article a code{color:var(--color-accent)}footer{width:min(var(--max-w), calc(100% - 40px));border-top:1px solid var(--color-border-light);color:var(--color-muted);justify-content:space-between;gap:16px;margin:0 auto;padding:28px 0 40px;font-size:.84rem;display:flex}@media (width<=760px){header nav{width:min(100% - 28px, var(--max-w));min-height:66px}main{width:min(100% - 28px, var(--max-w));padding-top:44px}.page-header{margin-bottom:36px;padding:28px}.hero,.topic-grid{grid-template-columns:1fr}.terminal-card{transform:none}.topic-grid{margin-top:-12px}.post-card-top{display:block}.post-list time{margin-top:6px;display:block}footer{width:min(100% - 28px, var(--max-w));display:grid}}@media (width<=720px){.metrics-grid{grid-template-columns:1fr}}