@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #f5f0e8;--fg: #0a0a0a;--accent: #9b1d20;--accent-2: #0057ff;--muted: #6b6b6b;--border: #0a0a0a;--border-width: 2px;--shadow: 4px 4px 0px var(--border);--shadow-lg: 6px 6px 0px var(--border);--radius: 0px;--font-sans: "Space Grotesk", monospace, sans-serif;--font-mono: "Space Mono", monospace}[data-theme=dark]{--bg: #0f0f0f;--fg: #f0ece0;--accent: #b52429;--accent-2: #4d90ff;--muted: #999;--border: #f0ece0;--shadow: 4px 4px 0px var(--border);--shadow-lg: 6px 6px 0px var(--border)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-sans);line-height:1.6;transition:background-color .2s,color .2s}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;line-height:1.1;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,6vw,5rem)}h2{font-size:clamp(1.8rem,4vw,3rem)}h3{font-size:clamp(1.2rem,2.5vw,1.75rem)}p{max-width:65ch}a{color:var(--fg);text-decoration:none}code,pre{font-family:var(--font-mono);font-size:.9em}.btn{display:inline-block;padding:.6rem 1.4rem;font-family:var(--font-mono);font-weight:700;font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;border:var(--border-width) solid var(--border);box-shadow:var(--shadow);cursor:pointer;background:var(--bg);color:var(--fg);transition:transform .1s,box-shadow .1s}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translate(2px,2px);box-shadow:none}.btn-accent{background:var(--accent);color:#fff;border-color:var(--border)}.btn-accent:hover{background:var(--accent);color:#fff}.btn-invert{background:transparent;color:var(--bg);border-color:var(--bg);box-shadow:4px 4px 0 var(--bg)}.btn-invert:hover{background:var(--bg);color:var(--fg)}.card{border:var(--border-width) solid var(--border);box-shadow:var(--shadow);padding:1.5rem;background:var(--bg);transition:transform .1s,box-shadow .1s}.card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.tag{display:inline-block;padding:.15rem .6rem;font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border:var(--border-width) solid var(--border);background:var(--fg);color:var(--bg)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section-label{font-family:var(--font-mono);font-size:.95rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem}.divider{border:none;border-top:var(--border-width) solid var(--border);margin:2rem 0}.nav{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:var(--border-width) solid var(--border);padding:.75rem 0}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-logo{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--fg)}.nav-logo span{color:var(--accent)}.nav-links{display:flex;align-items:center;gap:.25rem;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .75rem;border:var(--border-width) solid transparent;transition:border-color .1s,background .1s}.nav-links a:hover,.nav-links a.active{border-color:var(--border);background:var(--fg);color:var(--bg)}.theme-toggle{background:none;border:var(--border-width) solid var(--border);padding:.35rem .6rem;font-family:var(--font-mono);font-size:.85rem;cursor:pointer;color:var(--fg);box-shadow:var(--shadow);transition:transform .1s,box-shadow .1s}.theme-toggle:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-lg)}.lang-toggle{display:inline-block;text-decoration:none;line-height:1}.footer{border-top:var(--border-width) solid var(--border);padding:2rem 0;font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer a{color:var(--muted);text-decoration:underline}.footer a:hover{color:var(--fg)}@media(max-width:640px){.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--bg);border-bottom:var(--border-width) solid var(--border);padding:1rem 1.5rem;gap:.5rem}.section{padding:3rem 0}}.highlight{background:var(--accent);color:#fff;padding:0 .25em}.highlight-2{background:var(--accent-2);color:#fff;padding:0 .25em}