:root{--primary:#3B82F6;--secondary:#8B5CF6;--success:#16A34A;--warning:#D97706;--danger:#DC2626;--surface:#FFFFFF;--ink:#111827;--muted:#6B7280;--bg:#F9FAFB;--line:#E5E7EB;--font-body:"Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Poppins", "Roboto", system-ui, sans-serif;--font-mono:"Inconsolata", ui-monospace, SFMono-Regular, Menlo, monospace;--r-sm:6px;--r-md:10px;--r-lg:16px;--shadow-sm:0 1px 2px rgba(17, 24, 39, 0.04), 0 1px 1px rgba(17, 24, 39, 0.03);--shadow-md:0 6px 24px -8px rgba(17, 24, 39, 0.12), 0 2px 6px rgba(17, 24, 39, 0.04);--ease:cubic-bezier(0.2, 0.8, 0.2, 1)}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--primary);text-decoration:none;transition:color 180ms var(--ease)}a:hover,a:focus-visible{color:var(--secondary)}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.container{max-width:1080px;margin:0 auto;padding:0 24px}.nav{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.85);backdrop-filter:saturate(160%)blur(10px);border-bottom:1px solid var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.01em;color:var(--ink);display:inline-flex;align-items:center;gap:10px}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:inline-block}.nav-links{display:flex;gap:24px}.nav-links a{color:var(--ink);font-weight:500;font-size:14px}.nav-links a[aria-current=page]{color:var(--primary)}.hero{padding:96px 0 64px}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);background:rgba(59,130,246,8%);padding:4px 10px;border-radius:999px}.hero h1{font-family:var(--font-display);font-weight:700;font-size:clamp(32px,5vw,56px);line-height:1.1;letter-spacing:-.02em;margin:16px 0}.hero p.lede{font-size:clamp(16px,2vw,20px);line-height:1.6;color:var(--muted);max-width:640px;margin:0 0 32px}.hero-cta{display:inline-flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:500;font-size:14px;padding:10px 18px;border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;transition:transform 150ms var(--ease),background 180ms var(--ease),border-color 180ms var(--ease)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}.btn-ghost{background:0 0;color:var(--ink);border-color:var(--line)}.btn-ghost:hover{border-color:var(--ink)}.section{padding:48px 0}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:24px}.section-head h2{font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:-.01em;margin:0}.section-head .meta{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:880px){.posts{grid-template-columns:1fr}}.post{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:12px;transition:transform 180ms var(--ease),box-shadow 180ms var(--ease),border-color 180ms var(--ease)}.post:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:transparent}.post .tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}.post h3{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.35;margin:0}.post h3 a{color:var(--ink)}.post h3 a:hover{color:var(--primary)}.post p{color:var(--muted);font-size:14px;line-height:1.55;margin:0}.post .row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.lang-switch{display:inline-flex;gap:8px;padding-left:16px;margin-left:8px;border-left:1px solid var(--line)}.lang-link{color:var(--muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.04em}.lang-link.is-current{color:var(--primary);font-weight:600}.lang-link:hover{color:var(--secondary)}.translation-fallback{max-width:760px;margin:0 auto 16px;padding:12px 20px;background:rgba(217,119,6,8%);border:1px solid var(--warning);border-radius:var(--r-md);color:var(--ink);font-size:14px}.post-header{padding:64px 0 24px}.post-header .eyebrow{margin-bottom:16px}.post-header h1{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,44px);line-height:1.15;letter-spacing:-.02em;margin:0 0 16px}.post-header .meta-row{display:flex;gap:16px;font-family:var(--font-mono);font-size:12px;color:var(--muted)}.post-body{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:40px;max-width:760px;margin:0 auto}.post-body h2{font-family:var(--font-display);font-weight:600;font-size:24px;margin-top:32px}.post-body h3{font-family:var(--font-display);font-weight:600;font-size:20px;margin-top:24px}.post-body p{margin:0 0 16px}.post-body code{font-family:var(--font-mono);font-size:.9em;background:var(--bg);padding:2px 6px;border-radius:4px;border:1px solid var(--line)}.post-body pre{background:var(--ink);color:#f9fafb;padding:20px;border-radius:var(--r-md);overflow-x:auto;font-family:var(--font-mono);font-size:14px}.post-body pre code{background:0 0;border:none;color:inherit;padding:0}.post-body blockquote{border-left:3px solid var(--primary);padding:8px 16px;margin:24px 0;color:var(--muted);font-style:italic}.post-body ul,.post-body ol{padding-left:24px;margin:0 0 16px}.post-body li{margin:4px 0}.about{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:32px;display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:center}@media(max-width:640px){.about{grid-template-columns:1fr;text-align:left}}.avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:32px}.about h2{font-family:var(--font-display);font-weight:600;font-size:20px;margin:0 0 4px}.about p{color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:32px 0 48px;margin-top:64px;color:var(--muted);font-size:13px}footer .row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer a{color:var(--muted)}footer a:hover{color:var(--ink)}