:root{--bg-color: #f8fafc;--text-main: #1e293b;--text-muted: #64748b;--accent: #ff5a00;--accent-hover: #cc4800;--filament-cyan: #00bbf9;--card-bg: #ffffff;--border-color: #cbd5e1;--build-plate-grid: rgba(148, 163, 184, .1);--font-headings: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--radius-sm: .15rem;--radius-md: .25rem;--shadow-extrusion: 3px 3px 0px 0px var(--border-color);--shadow-extrusion-hover: 4px 4px 0px 0px var(--accent);--spacing-container: 760px}*{box-sizing:border-box;margin:0;padding:0}*:focus-visible{outline:2px dashed var(--accent);outline-offset:4px}html{font-size:100%;scroll-behavior:smooth;background-color:var(--bg-color);background-image:linear-gradient(var(--build-plate-grid) 1px,transparent 1px),linear-gradient(90deg,var(--build-plate-grid) 1px,transparent 1px);background-size:20px 20px}body{font-family:var(--font-body);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;min-height:100vh}.container{width:100%;max-width:var(--spacing-container);margin:0 auto;padding:0 1.5rem}.skip-link{position:absolute;top:-9999px;left:-9999px;background-color:var(--accent);color:#fff;padding:1rem;font-weight:700;text-decoration:none;z-index:9999;border-radius:var(--radius-sm)}.skip-link:focus{top:1rem;left:1rem}.site-header{background-color:#fffffff2;backdrop-filter:blur(8px);border-bottom:3px solid var(--text-main);position:sticky;top:0;z-index:100}.header-inner{display:flex;justify-content:space-between;align-items:center;height:4.5rem}.brand{font-family:var(--font-headings);font-size:1.5rem;font-weight:800;color:var(--text-main);text-decoration:none;letter-spacing:-.02em;text-transform:uppercase;display:flex;align-items:center;gap:.5rem}.brand:before{content:"";display:inline-block;width:20px;height:20px;background:conic-gradient(from 180deg at 50% 50%,var(--accent) 0deg,var(--filament-cyan) 360deg);border-radius:2px;box-shadow:2px 2px 0 var(--text-main)}.site-header nav ul{list-style:none;display:flex;gap:1.5rem;align-items:center}.site-header nav a{font-family:var(--font-headings);font-weight:600;color:var(--text-main);text-decoration:none;font-size:.95rem;transition:color .2s ease}.site-header nav a:hover{color:var(--accent)}.lang-switch{display:flex;gap:.25rem;background:var(--bg-color);padding:.25rem;border:1px solid var(--border-color);border-radius:var(--radius-sm)}.lang-switch a{padding:.25rem .5rem;font-size:.75rem;font-weight:700;color:var(--text-muted);text-decoration:none;border-radius:var(--radius-sm)}.lang-switch a.active{background-color:var(--text-main);color:#fff}main{flex:1;padding:3rem 0}h1,h2,h3{font-family:var(--font-headings);color:var(--text-main);line-height:1.2;margin-bottom:1rem}h1{font-size:2.5rem;font-weight:800;letter-spacing:-.03em}h2{font-size:2rem;font-weight:700}h3{font-size:1.25rem;font-weight:700}a{color:var(--accent);text-decoration:underline;text-decoration-color:#ff5a004d;text-decoration-thickness:2px;text-underline-offset:4px;transition:all .2s ease}a:hover{text-decoration-color:var(--accent)}.lead{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem;max-width:65ch}.meta{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.hero-section{background-color:var(--card-bg);border:2px solid var(--text-main);box-shadow:var(--shadow-extrusion);padding:3rem 2rem;margin-bottom:4rem;border-radius:var(--radius-md);position:relative;overflow:hidden}.hero-section:after{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle,var(--build-plate-grid) 20%,transparent 20%);background-size:10px 10px;opacity:.5;border-bottom-left-radius:100%}.btn{display:inline-flex;align-items:center;justify-content:center;background-color:var(--accent);color:#fff;font-family:var(--font-headings);font-weight:700;text-decoration:none;padding:.75rem 1.5rem;border:2px solid var(--text-main);border-radius:var(--radius-sm);box-shadow:4px 4px 0 0 var(--text-main);transition:all .1s ease-in-out;text-transform:uppercase;letter-spacing:.05em;cursor:pointer}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 0 var(--text-main);color:#fff;text-decoration:none}.btn:active{transform:translate(4px,4px);box-shadow:0 0 0 0 var(--text-main)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.card{background:var(--card-bg);border:2px solid var(--text-main);border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-extrusion);display:flex;flex-direction:column;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-extrusion-hover);border-color:var(--accent)}.card h3{margin-bottom:.75rem;margin-top:0}.card h3 a{color:var(--text-main);text-decoration:none}.card h3 a:hover{color:var(--accent)}.read-more{margin-top:auto;padding-top:1rem;font-family:var(--font-headings);font-weight:700;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.9rem}.read-more:after{content:"→";transition:transform .2s ease}.read-more:hover:after{transform:translate(4px)}.post-list{list-style:none;display:flex;flex-direction:column;gap:1rem}.post-list li{background:var(--card-bg);border:1px solid var(--border-color);padding:1rem 1.5rem;border-radius:var(--radius-sm);border-left:4px solid var(--filament-cyan);transition:border-color .2s ease}.post-list li:hover{border-left-color:var(--accent)}.post-list a{font-family:var(--font-headings);font-size:1.125rem;font-weight:600;color:var(--text-main);text-decoration:none}.post-list a:hover{color:var(--accent)}.prose{max-width:100%}.prose p{margin-bottom:1.5rem;font-size:1.125rem;color:var(--text-main)}.prose h2{margin-top:3rem;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:2px dashed var(--border-color)}.prose img.hero{width:100%;height:auto;border:2px solid var(--text-main);border-radius:var(--radius-md);box-shadow:var(--shadow-extrusion);margin:2rem 0;display:block}.prose code{font-family:var(--font-mono);background-color:#1e1e1e;color:#a6e22e;padding:.2em .4em;font-size:.85em;border-radius:var(--radius-sm)}.prose pre{background-color:#1e1e1e;padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin-bottom:2rem;border:2px solid var(--text-main);box-shadow:4px 4px #000000e6}.prose pre code{background-color:transparent;color:#f8f8f2;padding:0;font-size:.9rem}.prose blockquote{margin:2rem 0;padding:1.5rem 2rem;background-color:#f1f5f9;border-left:6px solid var(--accent);font-style:italic;border-radius:0 var(--radius-md) var(--radius-md) 0}.prose blockquote p:last-child{margin-bottom:0}.breadcrumb{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);margin-bottom:2rem;display:flex;gap:.5rem;align-items:center}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;margin-bottom:2rem}.tag{background-color:#e2e8f0;color:var(--text-main);font-family:var(--font-mono);font-size:.75rem;padding:.25rem .75rem;text-decoration:none;border:1px solid var(--border-color);border-radius:0;font-weight:600;position:relative;transition:all .2s ease}.tag:before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:4px;background-color:var(--filament-cyan);transition:width .2s ease}.tag:hover{background-color:var(--card-bg);border-color:var(--text-main)}.tag:hover:before{background-color:var(--accent);width:100%;opacity:.1}.site-footer{margin-top:auto;background-color:var(--card-bg);border-top:3px solid var(--text-main);padding:3rem 0}.footer-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.site-footer nav ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.site-footer nav a{font-family:var(--font-headings);color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.95rem}.site-footer nav a:hover{color:var(--accent)}@media(max-width:560px){.header-inner{flex-direction:column;height:auto;padding:1rem 0;gap:1rem}.site-header nav ul{flex-wrap:wrap;justify-content:center;gap:1rem}h1{font-size:2rem}h2{font-size:1.5rem}.grid{grid-template-columns:1fr}.hero-section{padding:2rem 1.5rem}.btn{width:100%}.meta{flex-direction:column;align-items:flex-start;gap:.5rem}.prose pre{padding:1rem}}