.blog-header{margin-top:108px;padding-top:40px;padding-bottom:36px}.blog-list{display:grid;grid-gap:22px;gap:22px;margin-top:26px;padding-bottom:96px}.blog-card{display:block;padding:28px 30px;border-radius:18px;background:var(--card);border:1px solid var(--border);box-shadow:0 20px 40px var(--shadow);transition:border-color .15s ease,box-shadow .15s ease}.blog-card:hover{border-color:rgba(90,167,255,.4);box-shadow:0 20px 50px rgba(90,167,255,.1)}.blog-card-title{font-family:var(--font-display),"Space Grotesk",sans-serif;font-size:30px;font-weight:600;line-height:1.2;margin-bottom:10px;color:var(--text)}.blog-card-description{color:#c4d4ea;font-size:15px;line-height:1.66}.blog-card-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px;font-size:13px;color:rgba(159,176,204,.8)}.blog-card-tags{display:flex;gap:8px;flex-wrap:wrap}.blog-tag{padding:4px 10px;border-radius:999px;font-size:11px;letter-spacing:.04em;border:1px solid rgba(148,163,184,.25);color:rgba(210,222,242,.85);background:rgba(8,12,22,.5)}.article{padding-top:120px;padding-bottom:96px;max-width:780px;margin:0 auto}.article-header{margin-bottom:42px}.article-title{font-family:var(--font-display),"Space Grotesk",sans-serif;font-size:clamp(28px,4vw,42px);line-height:1.18;letter-spacing:-.02em;margin-bottom:18px}.article-meta{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:14px;color:#b4c6de}.article-author{color:var(--text);font-weight:500}.article-divider{color:rgba(148,163,184,.3)}.prose h2{font-size:26px;margin-top:48px;margin-bottom:16px;letter-spacing:-.01em}.prose h2,.prose h3{font-family:var(--font-display),"Space Grotesk",sans-serif;font-weight:600}.prose h3{font-size:20px;margin-top:36px;margin-bottom:12px}.prose p{color:#bfd0e6;font-size:16px;line-height:1.78;margin-bottom:20px}.prose strong{color:var(--text);font-weight:600}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--accent-2)}.prose ol,.prose ul{margin-bottom:20px;padding-left:24px;color:var(--muted);font-size:16px;line-height:1.75}.prose li{margin-bottom:8px}.prose li::marker{color:var(--accent)}.prose blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid var(--accent);background:rgba(90,167,255,.06);border-radius:0 12px 12px 0}.prose blockquote p{margin-bottom:0;color:rgba(210,222,242,.9);font-style:italic}.prose hr{border:none;border-top:1px solid var(--border);margin:40px 0}.prose code:not(pre code){font-family:var(--font-mono),"IBM Plex Mono",monospace;font-size:14px;padding:2px 7px;border-radius:6px;background:rgba(90,167,255,.1);border:1px solid rgba(90,167,255,.2);color:var(--accent-2)}.prose pre{margin:24px 0;padding:20px 24px;border-radius:14px;border:1px solid rgba(148,163,184,.2);background:rgba(8,12,22,.8)!important;overflow-x:auto;font-size:14px;line-height:1.7}.prose pre code{font-family:var(--font-mono),"IBM Plex Mono",monospace;font-size:14px}.prose pre code [data-highlighted-line]{background:rgba(90,167,255,.08);border-left:2px solid var(--accent);margin:0 -24px;padding:0 22px}.prose [data-rehype-pretty-code-title]{font-family:var(--font-mono),"IBM Plex Mono",monospace;font-size:13px;color:var(--muted);padding:10px 24px;border:1px solid rgba(148,163,184,.2);border-bottom:none;border-radius:14px 14px 0 0;background:rgba(8,12,22,.6);margin-top:24px}.prose [data-rehype-pretty-code-title]+pre{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}.prose ul:has(input[type=checkbox]){list-style:none;padding-left:0}.prose ul:has(input[type=checkbox]) li{display:flex;align-items:flex-start;gap:10px}.prose input[type=checkbox]{margin-top:6px;accent-color:var(--accent)}.article-cta{margin-top:48px;padding:28px;border-radius:16px;border:1px solid rgba(90,167,255,.3);background:rgba(90,167,255,.05);text-align:center}.article-cta p{color:var(--muted);font-size:16px;margin-bottom:16px}.article-cta p:last-of-type{margin-bottom:0}.article-cta a{color:var(--accent);font-weight:600;text-decoration:none}.article-cta a:hover{text-decoration:underline}.article-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#b4c6de;margin-bottom:32px}.article-back:hover{color:var(--text)}@media (max-width:600px){.blog-header{margin-top:92px;padding-top:30px;padding-bottom:28px}.blog-card{padding:22px}.blog-card-title{font-size:24px}.article{padding-top:96px}.prose pre{padding:16px 18px;font-size:13px;border-radius:10px}.prose h2{font-size:22px}}