@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #f5f1e8;--bg-alt: #ece6d7;--surface: #fffef9;--surface-2: #fbf7ee;--ink: #161d27;--ink-soft: #45505e;--ink-faint: #8a93a1;--brand: #0a8f9c;--brand-deep: #08616c;--accent: #ff4d1c;--accent-deep: #d8380a;--volt: #c7f000;--line: #e2dbca;--line-strong: #cfc6af;--code-bg: #1b2431;--code-ink: #e9eef6;--code-accent: #7ce8d4;--carbon: #121820;--carbon-soft: #1c2530;--shadow-sm: 0 1px 2px rgba(18, 24, 32, .06), 0 2px 8px rgba(18, 24, 32, .05);--shadow-md: 0 2px 4px rgba(18, 24, 32, .06), 0 12px 28px rgba(18, 24, 32, .1);--shadow-lg: 0 4px 10px rgba(18, 24, 32, .08), 0 24px 48px rgba(18, 24, 32, .16);--radius: 14px;--radius-lg: 22px;--radius-pill: 999px;--font-display: "Space Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--font-body: "Atkinson Hyperlegible", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--container: 780px;--focus-ring: 0 0 0 3px rgba(255, 77, 28, .55);--transition: .16s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:6rem}body{font-family:var(--font-body);font-size:1.0625rem;line-height:1.7;color:var(--ink);background-color:var(--bg);background-image:radial-gradient(circle at 1px 1px,rgba(22,29,39,.05) 1px,transparent 0);background-size:26px 26px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.5rem}.skip-link{position:absolute;top:-1000px;left:-1000px;z-index:1000;padding:.65rem 1.1rem;background:var(--ink);color:#fff;font-family:var(--font-display);font-weight:600;font-size:.9rem;text-decoration:none;border-radius:var(--radius-pill);transition:none}.skip-link:focus{position:fixed;top:1rem;left:1rem;outline:none;box-shadow:var(--focus-ring)}.site-header{position:sticky;top:0;z-index:100;background:var(--carbon);color:#eaf0f6;border-bottom:3px solid var(--accent);box-shadow:var(--shadow-md)}.header-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem 1.25rem;padding:.9rem 1.5rem;max-width:var(--container);margin:0 auto}.brand{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:.55rem;line-height:1.2}.brand:before{content:"";display:inline-block;width:.85rem;height:.85rem;background:var(--volt);border-radius:50%;box-shadow:0 0 0 4px #c7f00038;flex-shrink:0}.brand:hover{color:var(--volt)}.site-header nav ul{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;list-style:none}.site-header nav a{display:inline-block;padding:.4rem .85rem;color:#cdd6e0;font-family:var(--font-display);font-size:.92rem;font-weight:500;letter-spacing:.01em;text-decoration:none;border-radius:var(--radius-pill);border:1px solid transparent;transition:color var(--transition),background var(--transition),border-color var(--transition)}.site-header nav a:hover{color:#fff;background:#ffffff14;border-color:#ffffff1f}.site-header nav a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.lang-switch{display:flex;align-items:center;gap:.3rem;padding:.25rem;background:#ffffff12;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-pill)}.lang-switch a{padding:.28rem .7rem;font-family:var(--font-mono);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#cdd6e0;text-decoration:none;border-radius:var(--radius-pill);transition:color var(--transition),background var(--transition)}.lang-switch a:hover{color:#fff;background:#ffffff1f}.lang-switch a.active{color:var(--carbon);background:var(--volt)}.lang-switch a.active:hover{background:#d9ff1a}main{display:block;padding:3rem 0 4.5rem;min-height:60vh}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.18;letter-spacing:-.02em;color:var(--ink);text-wrap:balance}h1{font-size:clamp(2.1rem,5.5vw,3.1rem);margin:0 0 1.1rem}h2{font-size:clamp(1.5rem,3.5vw,1.95rem);margin:2.6rem 0 1rem}h3{font-size:1.28rem;margin:1.9rem 0 .7rem}a{color:var(--brand-deep);text-decoration:underline;text-decoration-color:#08616c59;text-underline-offset:3px;transition:color var(--transition),text-decoration-color var(--transition)}a:hover{color:var(--accent-deep);text-decoration-color:currentColor}a:focus-visible{outline:none;border-radius:4px;box-shadow:var(--focus-ring)}.lead{font-size:1.3rem;line-height:1.55;color:var(--ink-soft);max-width:34em;margin:0 0 1.75rem}.meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em;color:var(--ink-faint);text-transform:uppercase}.meta time,.meta span{display:inline-flex;align-items:center;gap:.35rem}.hero-section{position:relative;padding:2.5rem 2rem;margin:0 0 2.75rem;background:linear-gradient(135deg,var(--carbon) 0%,var(--brand-deep) 100%);color:#eaf0f6;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.hero-section:after{content:"";position:absolute;top:-40%;right:-12%;width:22rem;height:22rem;background:radial-gradient(circle,rgba(199,240,0,.35) 0%,transparent 65%);pointer-events:none}.hero-section h1{position:relative;z-index:1;color:#fff;margin-bottom:.9rem}.hero-section .lead{position:relative;z-index:1;color:#cfe0e4}.hero-section .meta{position:relative;z-index:1;color:#9fb6bd}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-display);font-weight:600;font-size:.98rem;color:#fff;background:var(--accent);border:2px solid var(--accent);border-radius:var(--radius-pill);text-decoration:none;cursor:pointer;transition:background var(--transition),transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.btn:hover{color:#fff;background:var(--accent-deep);border-color:var(--accent-deep);transform:translateY(-2px);box-shadow:0 8px 20px #d8380a59}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:active{transform:translateY(0)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.5rem;margin:2rem 0}.card{display:flex;flex-direction:column;padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);overflow:hidden;position:relative}.card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--brand),var(--volt));opacity:0;transition:opacity var(--transition)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line-strong)}.card:hover:before{opacity:1}.card h3{margin:0 0 .6rem;font-size:1.22rem}.card h3 a{color:var(--ink);text-decoration:none;transition:color var(--transition)}.card h3 a:hover{color:var(--brand-deep)}.read-more{margin-top:auto;padding-top:1rem;font-family:var(--font-display);font-weight:600;font-size:.9rem;letter-spacing:.01em;color:var(--accent-deep);text-decoration:none}.read-more:after{content:" →";transition:transform var(--transition);display:inline-block}.read-more:hover{color:var(--accent)}.read-more:hover:after{transform:translate(4px)}.post-list{list-style:none;display:flex;flex-direction:column;gap:1.1rem;margin:2rem 0}.post-list li{border-bottom:1px solid var(--line);padding-bottom:1.1rem}.post-list li:last-child{border-bottom:none}.post-list a{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;color:var(--ink);font-family:var(--font-display);font-weight:600;font-size:1.12rem;text-decoration:none;transition:color var(--transition),padding-left var(--transition)}.post-list a time{font-family:var(--font-mono);font-weight:400;font-size:.8rem;color:var(--ink-faint);letter-spacing:.02em}.post-list a:hover{color:var(--brand-deep);padding-left:.4rem}.post-list a:focus-visible{outline:none;border-radius:4px;box-shadow:var(--focus-ring)}.prose{max-width:44em;font-size:1.075rem;line-height:1.78;color:var(--ink)}.prose p{margin:0 0 1.4rem}.prose h2{position:relative;padding-bottom:.45rem;border-bottom:3px solid var(--volt);margin-top:2.9rem}.prose h2:before{content:"// ";color:var(--accent);font-family:var(--font-mono);font-weight:700;font-size:.7em}.prose img.hero{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-md);margin:1.75rem 0 2rem}.prose code{font-family:var(--font-mono);font-size:.86em;padding:.14em .4em;background:var(--bg-alt);color:var(--accent-deep);border-radius:5px;border:1px solid var(--line)}.prose pre{padding:1.25rem 1.4rem;margin:1.6rem 0;background:var(--code-bg);color:var(--code-ink);border-radius:var(--radius);border-left:4px solid var(--volt);overflow-x:auto;font-family:var(--font-mono);font-size:.88rem;line-height:1.65;box-shadow:var(--shadow-sm)}.prose pre code{padding:0;background:transparent;color:inherit;border:none;border-radius:0}.prose blockquote{margin:1.8rem 0;padding:.9rem 1.4rem;background:var(--surface-2);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink-soft);font-style:italic}.prose blockquote p{margin:0}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.02em;color:var(--ink-faint);margin-bottom:1.75rem}.breadcrumb a{color:var(--brand-deep);text-decoration:none}.breadcrumb a:hover{color:var(--accent-deep);text-decoration:underline}.breadcrumb .sep{color:var(--ink-faint)}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25rem 0;list-style:none}.tag{display:inline-flex;align-items:center;padding:.28rem .75rem;font-family:var(--font-mono);font-size:.76rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--brand-deep);background:#0a8f9c1a;border:1px solid rgba(10,143,156,.3);border-radius:var(--radius-pill);text-decoration:none;transition:background var(--transition),color var(--transition),border-color var(--transition)}.tag:before{content:"#";color:var(--accent);margin-right:.15rem}.tag:hover{color:#fff;background:var(--brand);border-color:var(--brand)}.tag:hover:before{color:var(--volt)}.site-footer{background:var(--carbon);color:#cdd6e0;border-top:3px solid var(--volt);padding:3rem 0 2rem;margin-top:2rem}.footer-inner{max-width:var(--container);margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.site-footer nav ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}.site-footer nav a{color:#cdd6e0;font-family:var(--font-display);font-size:.9rem;font-weight:500;text-decoration:none;padding:.3rem .6rem;border-radius:6px;transition:color var(--transition),background var(--transition)}.site-footer nav a:hover{color:var(--volt);background:#ffffff12}.site-footer nav a:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(max-width:560px){body{font-size:1rem;background-size:20px 20px}.container{padding:0 1.1rem}.header-inner{padding:.7rem 1.1rem;justify-content:center;text-align:center}.brand{font-size:1.2rem}.site-header nav ul{justify-content:center;width:100%}.lang-switch{margin:0 auto}main{padding:2rem 0 3rem}h1{font-size:1.9rem}h2{font-size:1.45rem}.lead{font-size:1.15rem}.hero-section{padding:1.75rem 1.4rem;border-radius:var(--radius)}.grid{grid-template-columns:1fr;gap:1.1rem}.card{padding:1.25rem}.post-list a{font-size:1.02rem;flex-direction:column;gap:.25rem}.prose{font-size:1.02rem}.prose pre{font-size:.8rem;padding:1rem}.footer-inner{padding:0 1.1rem;text-align:center}.site-footer nav ul{justify-content:center}}