:root{color-scheme:dark;--bg: #070b12;--bg-elevated: #0e1524;--bg-card: #111827;--border: rgba(148, 163, 184, .14);--text: #e2e8f0;--text-muted: #94a3b8;--accent: #38bdf8;--accent-dim: rgba(56, 189, 248, .12);--max-width: 72rem;--font-sans: "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Cascadia Code", "SF Mono", Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-sans);background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(56,189,248,.15),transparent),var(--bg);color:var(--text);line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:min(var(--max-width),calc(100% - 2rem));margin-inline:auto}.site-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);backdrop-filter:blur(12px);background:#070b12d9}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem}.brand{display:flex;align-items:center;gap:.75rem;color:var(--text);font-weight:700;letter-spacing:-.02em;text-decoration:none}.brand:hover{text-decoration:none}.brand img{width:2rem;height:2rem;border-radius:.5rem}.nav{display:flex;gap:1.25rem;font-size:.95rem}.nav a{color:var(--text-muted);text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--text)}.site-footer{margin-top:4rem;border-top:1px solid var(--border);padding-block:2rem;color:var(--text-muted);font-size:.9rem}.site-footer .container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.hero{padding-block:5rem 3rem}.hero-badge{display:inline-block;margin-bottom:1rem;padding:.35rem .75rem;border:1px solid var(--border);border-radius:999px;background:var(--accent-dim);color:var(--accent);font-size:.85rem;font-weight:600}.hero h1{margin:0 0 1rem;max-width:16ch;font-size:clamp(2.5rem,6vw,4rem);line-height:1.05;letter-spacing:-.03em}.hero .lead{max-width:42rem;margin:0 0 2rem;color:var(--text-muted);font-size:1.15rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;border-radius:.65rem;font-weight:600;text-decoration:none}.button:hover{text-decoration:none}.button-primary{background:var(--accent);color:#041018}.button-secondary{border:1px solid var(--border);color:var(--text);background:var(--bg-elevated)}.section{padding-block:3rem}.section h2{margin:0 0 1.5rem;font-size:1.5rem;letter-spacing:-.02em}.grid-3{display:grid;gap:1rem}@media(min-width:768px){.grid-3{grid-template-columns:repeat(3,1fr)}}.card{padding:1.25rem;border:1px solid var(--border);border-radius:.85rem;background:var(--bg-card)}.card h3{margin:0 0 .5rem;font-size:1.05rem}.card p{margin:0;color:var(--text-muted);font-size:.95rem}.post-list{display:grid;gap:1rem}.post-card{display:block;padding:1.5rem;border:1px solid var(--border);border-radius:.85rem;background:var(--bg-card);color:inherit;text-decoration:none;transition:border-color .15s ease,transform .15s ease}.post-card:hover{border-color:#38bdf859;transform:translateY(-1px);text-decoration:none}.post-card h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--text)}.post-meta{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;color:var(--text-muted);font-size:.85rem}.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.tag{padding:.15rem .5rem;border-radius:999px;background:var(--accent-dim);color:var(--accent);font-size:.75rem}.prose{max-width:42rem;margin-inline:auto;padding-block:3rem 4rem}.prose h1{margin:0 0 1rem;font-size:clamp(2rem,4vw,2.75rem);line-height:1.1;letter-spacing:-.03em}.prose h2{margin-top:2.5rem;margin-bottom:.75rem;font-size:1.35rem}.prose h3{margin-top:1.75rem}.prose p,.prose li{color:#cbd5e1}.prose pre{overflow-x:auto;padding:1rem;border:1px solid var(--border);border-radius:.65rem;background:var(--bg-elevated);font-family:var(--font-mono);font-size:.85rem;line-height:1.5}.prose code{font-family:var(--font-mono);font-size:.9em}.prose a{color:var(--accent)}.prose hr{border:none;border-top:1px solid var(--border);margin-block:2rem}.page-header{padding-block:3rem 1rem}.page-header h1{margin:0 0 .5rem;font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.03em}.page-header p{margin:0;color:var(--text-muted)}