:root{--black:#000000;--white:#FFFFFF;--gray-50:#FAFAFA;--gray-100:#F4F4F4;--gray-200:#E5E5E5;--gray-400:#A0A0A0;--gray-600:#666666;--gray-800:#1A1A1A;--accent-technical:#ff0055;--accent-leadership:#00D4FF;--accent-career:#00FF88;--code-bg:#0A0A0A;--max-width:1400px;--reading-width:820px;--tag-technical:#FF0055;--tag-leadership:#00D4FF;--tag-career:#00FF88;--tag-security:#FF6B6B;--tag-cloud:#4ECDC4;--tag-ai:#9B59B6;--tag-opensource:#2ECC71;--tag-architecture:#3498DB;--tag-translation:#E67E22;--tag-productivity:#27AE60;--tag-automation:#8E44AD;--tag-personal-finance:#16A085;--tag-forex:#F39C12;--tag-linux:#E74C3C}@media(prefers-color-scheme:dark){:root{--black:#c9c8c8;--white:#1C1C1C;--gray-50:#2A2A2A;--gray-100:#333333;--gray-200:#404040;--gray-400:#888888;--gray-600:#CCCCCC;--gray-800:#E8E8E8;--code-bg:#262626;--accent-technical:#FF3377;--accent-leadership:#33CCFF;--accent-career:#33FF99;--tag-technical:#FF3377;--tag-leadership:#33CCFF;--tag-career:#33FF99;--tag-security:#FF7788;--tag-cloud:#66DDDD;--tag-ai:#BB77DD;--tag-opensource:#55DD88;--tag-architecture:#5599DD;--tag-translation:#F39C12;--tag-productivity:#2ECC71;--tag-automation:#9B59B6;--tag-personal-finance:#1ABC9C;--tag-forex:#F1C40F;--tag-linux:#E74C3C}.nav{background:rgba(28,28,28,.95) !important;border-bottom:1px solid var(--gray-200)}.search-container{background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:0 4px 20px rgba(0,0,0,.3)}.search-icon{filter:invert(1)}.search-input{background:var(--gray-50);color:var(--black);border:2px solid var(--gray-400)}.search-input:focus{border-color:var(--accent-technical);box-shadow:0 0 0 3px rgba(255,51,119,.2)}pre{background:var(--code-bg);border:1px solid var(--gray-200);color:var(--gray-600)}code{background:var(--gray-100);color:var(--gray-600)}.footer{background:var(--gray-50);border-top:8px solid var(--gray-400)}.footer-social img{filter:invert(1) !important}.grid-post:hover{background:var(--gray-100) !important;color:var(--white);box-shadow:0 0 30px rgba(255,255,255,.1)}.grid-post:hover .grid-post-title,.grid-post:hover .grid-post-title a,.grid-post:hover .grid-post-excerpt~p,.grid-post:hover .post-category,.grid-post:hover .post-number{color:var(--black)}.grid-post:hover .grid-post-meta{color:var(--gray-400)}.card-img img{border:2px solid var(--gray-400)}.card-img:hover img{box-shadow:0 4px 0 var(--gray-400)}.subscribe-modal-content{background:var(--white);border:4px solid var(--gray-400)}th{border-bottom:2px solid var(--gray-400)}td{border-bottom:1px solid var(--gray-200)}.article blockquote{border-top:4px solid var(--gray-400);border-bottom:4px solid var(--gray-400)}.article details{border:2px solid var(--gray-400)}.article details:hover{box-shadow:0 4px 0 var(--gray-400)}.article details[open] summary{border-bottom:2px solid var(--gray-400);background:var(--gray-100);color:var(--black)}.article details summary:hover{background:var(--gray-100);color:var(--black)}}*{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--accent-technical);color:var(--black)}body{font-family:'source serif 4',serif;background:var(--white);color:var(--black);line-height:1.7;font-size:20px;font-weight:400;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:inter,sans-serif;font-weight:900;line-height:1;letter-spacing:-.03em}h1{font-size:clamp(2.5rem,6vw,5rem);line-height:.95;letter-spacing:-.04em;margin-bottom:3rem}h2{font-size:2.5rem;margin-bottom:2rem;margin-top:3rem}h3{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;margin-top:2.5rem}p{margin-bottom:1.5rem}a{color:var(--black);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.2em;transition:all .2s ease}a:hover{text-decoration-color:var(--accent-technical)}.nav{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,.98);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid var(--gray-200)}.nav-inner{max-width:var(--max-width);margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-family:inter,sans-serif;font-weight:600;text-decoration:none;color:var(--black);letter-spacing:-.02em}.read-time{font-family:inter,sans-serif;font-size:1rem;color:var(--gray-600)}.progress-bar{position:absolute;bottom:-1px;left:0;height:2px;background:var(--accent-technical);transition:width .1s linear;width:0%}.nav-center{display:flex;align-items:center;gap:.5rem}.nav-link{font-family:inter,sans-serif;font-weight:500;text-decoration:none;color:var(--black);padding:.5rem .75rem;border-radius:4px;transition:all .2s ease;font-size:.95rem}.nav-link:hover{background:var(--gray-100);color:var(--accent-technical)}.nav-right{display:flex;align-items:center;gap:1rem}.search-toggle{background:0 0;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease;font-family:inter,sans-serif;font-weight:500;color:var(--black)}.search-label{font-size:.9rem}.search-toggle:hover{transform:scale(1.1)}.search-icon{width:20px;height:20px;margin:0}.search-container{position:absolute;top:100%;left:0;right:0;background:var(--white);border-bottom:1px solid var(--gray-200);box-shadow:0 4px 20px rgba(0,0,0,.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:99}.search-container.active{transform:translateY(0);opacity:1;visibility:visible}.search-box{max-width:var(--max-width);margin:0 auto;padding:2rem;position:relative}.search-input{width:100%;padding:1rem 1.5rem;font-family:inter,sans-serif;font-size:1.125rem;border:2px solid var(--black);background:var(--white);color:var(--black);outline:none;transition:all .2s ease}.search-input:focus{border-color:var(--accent-technical);box-shadow:0 0 0 3px rgba(0,212,255,.1)}.search-input::placeholder{color:var(--gray-400)}.search-results{position:absolute;top:100%;left:0;right:0;background:var(--white);border-bottom:4px solid var(--black);max-height:400px;overflow-y:auto;z-index:100;display:none}.search-results.active{display:block}.search-result-item{padding:1.5rem;border-bottom:1px solid var(--gray-200);text-decoration:none;color:var(--black);display:block;transition:all .2s ease}.search-result-item:hover{background:var(--gray-50)}.search-result-item:last-child{border-bottom:none}.search-result-title{font-family:inter,sans-serif;font-weight:700;font-size:1.125rem;margin-bottom:.5rem;line-height:1.3}.search-result-excerpt{font-size:1rem;color:var(--gray-600);line-height:1.4;margin-bottom:.5rem}.search-result-meta{font-family:inter,sans-serif;font-size:.875rem;color:var(--gray-400);display:flex;gap:1rem}.search-no-results{padding:2rem;text-align:center;color:var(--gray-600);font-style:italic}.search-loading{padding:2rem;text-align:center;color:var(--gray-600)}.search-highlight{background:var(--accent-technical);color:var(--black);padding:.1em .2em;border-radius:2px}.search-tag{display:inline-block;font-size:.75rem;font-weight:600;padding:.2em .5em;margin-right:.5em;background:var(--gray-100);color:var(--gray-600);border-radius:2px;text-transform:uppercase;letter-spacing:.05em}.hero{margin-top:80px;padding:6rem 2rem 4rem;max-width:var(--max-width);margin-left:auto;margin-right:auto}.category{font-family:inter,sans-serif;font-weight:500;font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-600);margin-bottom:2rem}a.category{text-decoration:none;transition:all .2s ease}a.category:hover{color:var(--accent-technical);transform:translateY(-2px)}.subtitle{font-size:1.5rem;line-height:1.5;max-width:900px;color:var(--gray-600);font-style:italic}.quick-nav{max-width:var(--max-width);margin:0 auto;padding:0 2rem 4rem;display:flex;gap:1rem;flex-wrap:wrap}.nav-pill{font-family:inter,sans-serif;font-weight:600;font-size:1rem;padding:.75rem 1.5rem;border:2px solid var(--black);text-decoration:none;color:var(--black);transition:all .2s ease;cursor:pointer}.nav-pill:hover{background:var(--black);color:var(--white);transform:translateY(-2px)}.key-point{padding:1.5rem;border:2px solid var(--black);font-family:inter,sans-serif;font-weight:600;font-size:1rem;transition:all .2s ease}.key-point:hover{background:var(--black);color:var(--white);transform:translateY(-2px)}.content-container{max-width:var(--max-width);margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:200px 1fr;gap:4rem}.toc{position:sticky;top:120px;height:fit-content}.toc-title{font-family:inter,sans-serif;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-600);margin-bottom:1rem}.toc nav ul{list-style:none;padding:0}.toc nav ul ul{padding-left:1rem}.toc nav li{margin-bottom:.5rem}.toc nav a{font-family:inter,sans-serif;font-weight:500;font-size:1rem;color:var(--gray-400);text-decoration:none;transition:color .2s ease;display:block;position:relative;padding-left:1.5rem}.toc nav>ul>li>a{padding-left:0}.toc nav a:hover{color:var(--black)}.toc nav a.active{color:var(--black)}.toc nav>ul>li>a.active::before{content:'';position:absolute;left:-1.5rem;top:50%;transform:translateY(-50%);width:12px;height:2px;background:var(--accent-technical)}.article{max-width:var(--reading-width);padding-bottom:6rem}.article blockquote{font-family:inter,sans-serif;font-weight:900;font-size:2rem;line-height:1.2;letter-spacing:-.03em;margin:3rem 0;padding:2rem 0;border-top:4px solid var(--black);border-bottom:4px solid var(--black);border-left:none;position:relative}.article blockquote cite,.article blockquote footer{display:block;font-family:inter,sans-serif;font-weight:600;font-size:1.25rem;margin-top:1.5rem;color:var(--gray-600);font-style:normal}.article blockquote cite::before,.article blockquote footer::before{content:"— ";font-weight:900}pre{background:var(--code-bg);border:1px solid var(--gray-800);padding:1rem;overflow-x:auto;margin:2rem 0;font-family:jetbrains mono,monospace;font-size:1rem;line-height:1.6;color:var(--white);white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}code{font-family:jetbrains mono,monospace;font-size:1rem;background:var(--gray-100);padding:.2em .4em;border-radius:3px;word-break:break-word}pre code{background:0 0;display:block;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}@media(max-width:640px){pre{margin-left:-1.5rem;margin-right:-1.5rem;border-left:none;border-right:none;border-radius:0;padding:1rem;font-size:.9rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;overflow-x:hidden}pre code{white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}code{font-size:.9em;word-break:break-all}pre{position:relative}pre.has-scroll{white-space:pre;overflow-x:auto;-webkit-overflow-scrolling:touch}code{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}}.highlight .c{color:#6a737d}.highlight .k{color:#ff79c6}.highlight .s{color:#50fa7b}.highlight .n{color:#f8f8f2}.highlight .o{color:#ffb86c}.highlight .m{color:#bd93f9}.highlight .nf{color:#8be9fd}ul,ol{margin-bottom:1.5rem;padding-left:2rem}li{margin-bottom:.5rem}.article ul li input[type=checkbox]{width:1.5rem;height:1.5rem;margin-right:.75rem;margin-top:.1rem;appearance:none;border:3px solid var(--black);background:var(--white);cursor:pointer;transition:all .2s ease;flex-shrink:0;position:relative;vertical-align:top}.article ul li input[type=checkbox]:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--black)}.article ul li input[type=checkbox]:checked{background:var(--black)}.article ul li input[type=checkbox]:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-weight:900;font-size:1rem;line-height:1}.article ul li:has(input[type=checkbox]){list-style:none;margin-left:-2rem;padding-left:0;font-family:inter,sans-serif;font-weight:500;display:flex;align-items:flex-start;margin-bottom:.75rem}.article ul li input[type=checkbox]+*{flex:1}.article ul li input[type=checkbox]:checked~*{text-decoration:line-through;opacity:.6}.article dl{margin:2rem 0;border:2px solid var(--black);background:var(--white)}.article dt{font-family:inter,sans-serif;font-weight:900;font-size:1.25rem;padding:1rem 1.5rem .5rem;border-bottom:1px solid var(--gray-200);background:var(--gray-50);margin:0}.article dd{padding:1rem 1.5rem 1.5rem;margin:0;border-bottom:2px solid var(--gray-200);line-height:1.6}.article dd:last-child{border-bottom:none}.article dt:hover{background:var(--black);color:var(--white)}.article dd+dd{border-top:1px solid var(--gray-200);padding-top:1rem}.article .footnotes{margin-top:4rem;padding-top:2rem;font-size:.95rem}.article .footnotes h2,.article .footnotes .footnotes-title{font-family:inter,sans-serif;font-weight:900;font-size:2rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.05em}.article .footnotes hr{border:2px solid var(--black);margin-bottom:1rem}.article .footnotes .footnote-backref{font-family:jetbrains mono,monospace;font-size:.875rem;margin-left:.5rem;text-decoration:none;color:var(--gray-600);border:1px solid var(--gray-400);padding:.2rem .5rem;transition:all .2s ease}.article .footnotes .footnote-backref:hover{background:var(--black);color:var(--white);border-color:var(--black)}.article a[href^="#fn:"],.article sup a{font-family:jetbrains mono,monospace;font-size:.75rem;font-weight:700;text-decoration:none;background:var(--accent-technical);color:var(--black);padding:.2rem .4rem;margin:0 .1rem;border-radius:2px;transition:all .2s ease;vertical-align:super;line-height:1}.article a[href^="#fn:"]:hover,.article sup a:hover{background:var(--black);color:var(--white);transform:translateY(-1px)}.article .footnote-inline{font-family:inter,sans-serif;font-size:.9rem;background:var(--gray-100);border:2px solid var(--gray-400);padding:.75rem 1rem;margin:1rem 0;position:relative;border-left:4px solid var(--accent-technical)}.article .footnote-inline::before{content:"†";position:absolute;left:-2px;top:-2px;background:var(--accent-technical);color:var(--black);font-weight:900;padding:.25rem .5rem;font-size:1rem}.article p{position:relative}.article p:has-text("^["){position:relative}.article *:contains("^["){position:relative}.article *:contains("^["){position:relative}.article p,.article span{position:relative}.article .footnote-inline,.article span.footnote{font-family:inter,sans-serif;font-size:.85rem;background:var(--gray-100);border:2px solid var(--gray-400);padding:.5rem .75rem;margin:0 .25rem;position:relative;border-left:3px solid var(--accent-technical);display:inline-block;cursor:help;vertical-align:super;line-height:1}.article .footnote-inline::before,.article span.footnote::before{content:"†";position:absolute;left:-3px;top:-2px;background:var(--accent-technical);color:var(--black);font-weight:900;padding:.2rem .4rem;font-size:.75rem;line-height:1}.article .sidenote,.article .marginnote{font-family:inter,sans-serif;font-size:.85rem;background:var(--accent-technical);color:var(--black);padding:.4rem .6rem;margin:0 .2rem;border-radius:3px;font-weight:600;vertical-align:super;line-height:1;cursor:help}.article abbr{font-family:inter,sans-serif;font-weight:600;text-decoration:none;border-bottom:2px dotted var(--gray-400);cursor:help;position:relative;transition:all .2s ease}.article abbr:hover{border-bottom-color:var(--accent-technical);color:var(--accent-technical)}.article abbr[title]:hover::after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--black);color:var(--white);padding:.5rem .75rem;font-family:inter,sans-serif;font-size:.875rem;font-weight:500;white-space:nowrap;z-index:1000;border:2px solid var(--black);margin-bottom:.5rem;animation:fadeIn .2s ease-in}.article abbr[title]:hover::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:.25rem;border:4px solid transparent;border-top-color:var(--black);z-index:1001}@keyframes fadeIn{from{opacity:0;transform:translateX(-50%)translateY(-4px)}to{opacity:1;transform:translateX(-50%)translateY(0)}}.article abbr[title*=HTML],.article abbr[title*=CSS],.article abbr[title*=JavaScript]{color:var(--tag-technical);border-bottom-color:var(--tag-technical)}.article abbr[title*=HTML]:hover::after,.article abbr[title*=CSS]:hover::after,.article abbr[title*=JavaScript]:hover::after{background:var(--tag-technical);border-color:var(--tag-technical)}.article abbr[title*=HTML]:hover::before,.article abbr[title*=CSS]:hover::before,.article abbr[title*=JavaScript]:hover::before{border-top-color:var(--tag-technical)}img{max-width:100%;height:auto;margin:2rem 0}figcaption{text-align:center;font-family:inter,sans-serif;font-size:.9rem;color:var(--gray-600);margin-top:.5rem;font-style:italic;line-height:1.4}figure{margin:2rem 0;text-align:center}figure img{margin:0 0 .5rem}table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--gray-200)}th{font-family:inter,sans-serif;font-weight:600;border-bottom:2px solid var(--black)}.brutalist-home{max-width:var(--max-width);margin:0 auto;padding:120px 2rem 6rem}.brutalist-header{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:4rem;padding-bottom:4rem;border-bottom:8px solid var(--black)}.brutalist-header h1{font-size:clamp(3rem,8vw,6rem);line-height:.9;margin-bottom:0}.brutalist-header .info{display:flex;flex-direction:column;justify-content:flex-end;font-family:inter,sans-serif;font-size:1.1rem}.brutalist-header .info p{margin-bottom:.5rem}.brutalist-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:4rem}.grid-post{border:2px solid var(--black);padding:2rem;margin:-2px 0 0 -2px;text-decoration:none;color:inherit;transition:all .2s ease;display:flex;flex-direction:column;min-height:350px;position:relative;overflow:hidden}.grid-post:hover{background:var(--black);color:var(--white);z-index:10;transform:scale(1.02);box-shadow:0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=leadership]:hover{box-shadow:inset 0 -6px 0 var(--tag-leadership),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=development]:hover,.grid-post[data-tag=git]:hover,.grid-post[data-tag=python]:hover,.grid-post[data-tag=go]:hover,.grid-post[data-tag=algorithms]:hover,.grid-post[data-tag=data]:hover,.grid-post[data-tag=compsci]:hover{box-shadow:inset 0 -6px 0 var(--tag-technical),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=career]:hover{box-shadow:inset 0 -6px 0 var(--tag-career),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=security]:hover,.grid-post[data-tag=privacy]:hover{box-shadow:inset 0 -6px 0 var(--tag-security),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=cloud]:hover{box-shadow:inset 0 -6px 0 var(--tag-cloud),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=ai]:hover{box-shadow:inset 0 -6px 0 var(--tag-ai),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=open-source]:hover{box-shadow:inset 0 -6px 0 var(--tag-opensource),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=architecture]:hover{box-shadow:inset 0 -6px 0 var(--tag-architecture),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=translation]:hover{box-shadow:inset 0 -6px 0 var(--tag-translation),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=productivity]:hover{box-shadow:inset 0 -6px 0 var(--tag-productivity),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=automation]:hover{box-shadow:inset 0 -6px 0 var(--tag-automation),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=personal-finance]:hover{box-shadow:inset 0 -6px 0 var(--tag-personal-finance),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=forex]:hover{box-shadow:inset 0 -6px 0 var(--tag-forex),0 0 30px rgba(0,0,0,.3)}.grid-post[data-tag=linux]:hover{box-shadow:inset 0 -6px 0 var(--tag-linux),0 0 30px rgba(0,0,0,.3)}.grid-post-recent{grid-column:span 2;grid-row:span 1}.grid-post-recent .grid-post-title{font-size:clamp(2.5rem,4vw,3.5rem)}.grid-post-recent .post-number{background:var(--black);color:var(--white) !important;padding:.25rem .75rem;font-weight:700}.featured-indicator{position:absolute;top:2rem;right:2rem;font-size:1.5rem;color:var(--accent-technical);opacity:0;transition:opacity .2s ease}.grid-post:hover .featured-indicator{opacity:1}.grid-post-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.post-number{font-family:jetbrains mono,monospace;font-size:.75rem;font-weight:500;opacity:.6}.post-category{font-family:inter,sans-serif;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.grid-post-title{font-family:inter,sans-serif;font-weight:900;font-size:clamp(1.5rem,2.5vw,2rem);line-height:1.05;letter-spacing:-.03em;margin-bottom:auto;margin-top:1rem;flex-grow:1;display:flex;align-items:center}.grid-post-title a{text-decoration:none;color:inherit}.grid-post-title a:hover{text-decoration:none;color:inherit}.grid-post-excerpt{font-family:'source serif 4',serif;font-size:1.1rem;line-height:1.5;margin:1.5rem 0;opacity:.8}.grid-post-meta,.post-date{font-family:inter,sans-serif;font-size:1rem;color:var(--gray-600);margin-top:2rem;display:flex;justify-content:space-between;align-items:baseline}.grid-post:hover .grid-post-meta{color:var(--gray-400)}.read-time{font-family:jetbrains mono,monospace;font-size:.75rem}.view-all{text-align:center;padding-top:2rem}.view-all-link{font-family:inter,sans-serif;font-weight:700;font-size:1.125rem;text-decoration:none;color:var(--black);padding:1rem 2rem;border:3px solid var(--black);display:inline-block;transition:all .2s ease}.view-all-link:hover{background:var(--black);color:var(--white);transform:translateY(-2px)}.posts-page{max-width:var(--max-width);margin:0 auto;padding:120px 2rem 6rem}.page-header{margin-bottom:4rem;padding-bottom:4rem;border-bottom:8px solid var(--black)}.page-header h1{font-family:inter,sans-serif;font-weight:900;font-size:clamp(4rem,10vw,8rem);line-height:.9;letter-spacing:-.04em;margin-bottom:2rem}.posts-meta{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:2rem}.post-count{font-family:jetbrains mono,monospace;font-size:1rem;color:var(--gray-600)}.filter-tabs{display:flex;gap:1rem;flex-wrap:wrap}.filter-tab{font-family:inter,sans-serif;font-weight:600;font-size:1rem;padding:.5rem 1.5rem;border:2px solid var(--black);background:var(--white);color:var(--black);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em}a.filter-tab{text-decoration:none;margin:.5rem .5rem .5rem 0}.filter-tab:hover,.filter-tab.active{background:var(--accent-technical);color:#fff;transform:translateY(-2px)}.posts-page .posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:4rem}.load-more-section{text-align:center;padding:4rem 0;border-top:2px solid var(--black)}.load-status{font-family:jetbrains mono,monospace;font-size:1rem;color:var(--gray-600);margin-bottom:2rem}.load-more-btn{font-family:inter,sans-serif;font-weight:700;font-size:1.125rem;padding:1rem 3rem;border:3px solid var(--black);background:var(--white);color:var(--black);cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background:var(--black);color:var(--white);transform:translateY(-2px)}.load-more-btn.loading{background:var(--gray-100);color:var(--gray-600);cursor:wait}.post-footer{margin-top:4rem;padding-top:3rem;border-top:2px solid var(--gray-200)}.post-tags{margin-bottom:3rem;font-family:inter,sans-serif}.tags-label{font-weight:600;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);margin-right:1rem}.tag-link{display:inline-block;font-size:1rem;font-weight:500;padding:.25rem .75rem;margin:.25rem;border:1px solid var(--gray-400);text-decoration:none;color:var(--gray-600);transition:all .2s ease}.tag-link:hover{border-color:var(--black);background:var(--black);color:var(--white)}.post-category-icon{width:1rem;margin:0}.post-navigation{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:3rem;padding-top:3rem;border-top:1px solid var(--gray-200)}.post-nav-item{display:flex;flex-direction:column;gap:.5rem;padding:2rem;border:2px solid var(--black);text-decoration:none;color:var(--black);transition:all .2s ease}.post-nav-placeholder{visibility:hidden}.post-nav-prev{text-align:left}.post-nav-next{text-align:right}.post-nav-item:hover{background:var(--black);color:var(--white);transform:translateY(-2px)}.nav-direction{font-family:inter,sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.nav-title{font-family:inter,sans-serif;font-weight:700;font-size:1.125rem;line-height:1.3}.related-posts{max-width:var(--max-width);margin:6rem auto 0;padding:4rem 2rem;border-top:8px solid var(--black)}.related-title{font-family:inter,sans-serif;font-weight:900;font-size:3rem;margin-bottom:3rem;text-align:center}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.related-post{background:var(--white);border:2px solid var(--black);padding:2rem;text-decoration:none;color:var(--black);transition:all .2s ease;display:flex;flex-direction:column;min-height:200px}.related-post:hover{background:var(--black);color:var(--white);transform:translateY(-4px);box-shadow:0 8px 0 var(--black)}.related-post-title{font-family:inter,sans-serif;font-weight:700;font-size:1.5rem;line-height:1.1;margin:1rem 0 auto;flex-grow:1}.related-meta{font-family:inter,sans-serif;font-size:1rem;color:var(--gray-600);display:flex;justify-content:space-between;margin-top:1rem}.related-post:hover .related-meta{color:var(--gray-400)}.footer{border-top:8px solid var(--black);padding:4rem 2rem;margin-top:6rem;background:var(--gray-50)}.footer-container{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-width);margin:0 auto;gap:3rem}.footer-left{display:flex;align-items:center;gap:2rem}@media(min-width:768px){.footer-left{max-width:60%}}.footer-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;margin:0}.footer-info p{margin:0;font-family:inter,sans-serif;line-height:1.4;font-size:1rem}.footer-info p strong{font-weight:700;font-size:1.1rem}.footer-info p:last-child{font-size:1rem;color:var(--gray-600);margin-top:.5rem}.footer-social{display:flex;gap:1.5rem}.footer-social a{display:inline-block;width:40px;height:40px;padding:.5rem;border:2px solid var(--black);background:var(--white);transition:all .2s ease}.footer-social a:hover{background:var(--black);transform:translateY(-2px)}.footer-social img{width:100%;height:100%;object-fit:contain;filter:none;transition:filter .2s ease;margin:0;margin-bottom:.15rem}.footer-social a:hover img{filter:invert(1)}.footer-nav{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.footer-link{font-family:inter,sans-serif;font-weight:500;text-decoration:none;color:var(--black);padding:.25rem 0;transition:color .2s ease;font-size:.9rem}@media(max-width:768px){.footer-nav{flex-direction:column;gap:.5rem}}.footer-link:hover{color:var(--accent-technical)}.footer-separator{font-family:inter,sans-serif;font-weight:500;color:var(--gray-400);padding:.25rem 0;font-size:.9rem;user-select:none}@keyframes fadeInScale{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.grid-post{animation:fadeInScale .6s ease-out forwards;opacity:0}.grid-post:nth-child(1){animation-delay:.1s}.grid-post:nth-child(2){animation-delay:.15s}.grid-post:nth-child(3){animation-delay:.2s}.grid-post:nth-child(4){animation-delay:.25s}.grid-post:nth-child(5){animation-delay:.3s}.grid-post:nth-child(6){animation-delay:.35s}@media(min-width:768px){.grid-post:nth-child(3n){grid-column:span 2}.grid-post:nth-child(3n) .grid-post-title{font-size:clamp(2rem,3vw,3rem)}}@media(max-width:1200px){.brutalist-grid,.posts-page .posts-grid{grid-template-columns:repeat(2,1fr)}.grid-post-recent{grid-column:span 2}}@media(max-width:1024px){.content-container{grid-template-columns:1fr;gap:2rem}.toc{display:none}h1{font-size:clamp(2rem,8vw,3.5rem)}h2{font-size:2rem}}@media(max-width:768px){.brutalist-header{grid-template-columns:1fr;gap:2rem}.brutalist-header h1.p-name,.page-header h1.p-name{margin-top:2rem}.brutalist-grid,.posts-page .posts-grid{grid-template-columns:1fr}.grid-post-recent{grid-column:span 1}.grid-post-recent .grid-post-title{font-size:clamp(2rem,6vw,3rem)}.page-header h1{font-size:clamp(3rem,15vw,5rem)}.posts-meta{flex-direction:column;gap:1.5rem}.post-navigation{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.related-posts{padding:3rem 1.5rem}.footer-container{flex-direction:column;text-align:center}.footer-left{flex-direction:column}}@media(max-width:640px){body{font-size:18px}.hero{padding:4rem 1.5rem 3rem}pre{margin-left:-1.5rem;margin-right:-1.5rem;border-left:none;border-right:none;border-radius:0;padding:1.5rem;max-width:100vw}.article{overflow-x:hidden}blockquote{font-size:1.5rem}.posts-grid{grid-template-columns:1fr}}@media(max-width:480px){.brutalist-home,.posts-page{padding:100px 1rem 4rem}.grid-post{padding:1.5rem;min-height:250px}.brutalist-header h1{font-size:clamp(2.5rem,12vw,4rem)}.post-nav-item{padding:1.5rem}.nav-title{font-size:1rem}.related-title{font-size:2rem}}.article details{border:2px solid var(--black);margin:2rem 0;background:var(--white);transition:all .2s ease}.article details:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--black)}.article details[open]{background:var(--gray-50)}.article details summary{font-family:inter,sans-serif;font-weight:700;font-size:1.125rem;padding:1.5rem;cursor:pointer;background:var(--white);border-bottom:2px solid transparent;transition:all .2s ease;list-style:none;position:relative;display:flex;align-items:center;justify-content:space-between}.article details summary::-webkit-details-marker{display:none}.article details summary::marker{content:none}.article details summary::after{content:'+';font-family:jetbrains mono,monospace;font-weight:900;font-size:1.25rem;line-height:1;transition:transform .2s ease;flex-shrink:0}.article details[open] summary::after{transform:rotate(45deg)}.article details summary:hover{background:var(--black);color:var(--white)}.article details[open] summary{border-bottom:2px solid var(--black);background:var(--black);color:var(--white)}.article details .details-content{padding:1.5rem}.article>details:nth-child(4)>p:nth-child(2){margin-top:1rem}.article details>*:not(summary){padding:0 1.5rem}.article details>pre{margin:0 1.5rem 1.5rem;padding:1rem}.article details>blockquote{margin:0 1.5rem 1.5rem;padding:1rem 0}.subscribe-button{font-family:inter,sans-serif;font-weight:700;font-size:1.125rem;padding:1rem 2rem;border:3px solid var(--black);background:var(--white);color:var(--black);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;margin:2rem auto;text-decoration:none}.subscribe-button:hover{background:var(--black);color:var(--white);transform:translateY(-2px);text-decoration:none}.subscribe-icon{font-size:1.25rem}.subscribe-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);backdrop-filter:blur(4px)}.subscribe-modal.active{display:flex;align-items:center;justify-content:center}.subscribe-modal-content{background:var(--white);border:4px solid var(--black);padding:0;position:relative;max-width:520px;width:90%;max-height:90vh;overflow:hidden}.subscribe-modal-close{position:absolute;top:1rem;right:1rem;background:var(--black);color:var(--white);border:none;width:40px;height:40px;font-size:1.5rem;font-weight:700;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.subscribe-modal-close:hover{background:var(--accent-technical);transform:scale(1.1)}.subscribe-modal-body{padding:2rem}.subscribe-modal-body iframe{width:100% !important;height:360px !important;border:none !important;background:0 0 !important}@media(max-width:640px){.subscribe-modal-content{width:95%;margin:1rem}.subscribe-modal-body{padding:1rem}.subscribe-modal-body iframe{height:320px !important}.subscribe-button{font-size:1rem;padding:.875rem 1.5rem}}form{margin:2rem 0}fieldset{border:3px solid var(--black);margin:2rem 0;padding:2rem;background:var(--white)}legend{font-family:inter,sans-serif;font-weight:900;font-size:1.25rem;padding:.5rem 1rem;background:var(--black);color:var(--white);border:none;margin-left:-1rem}label{font-family:inter,sans-serif;font-weight:600;font-size:1rem;display:block;margin-bottom:.5rem;margin-top:1.5rem;color:var(--black)}label:first-child{margin-top:0}input[type=text],input[type=email],input[type=password],input[type=url],input[type=tel],input[type=number],input[type=search],input[type=date],input[type=time],input[type=datetime-local],textarea,select{width:100%;padding:1rem;font-family:'source serif 4',serif;font-size:1rem;border:3px solid var(--black);background:var(--white);color:var(--black);outline:none;transition:all .2s ease;margin-bottom:1rem}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=url]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=search]:focus,input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus,textarea:focus,select:focus{border-color:var(--black);box-shadow:0 0 0 3px rgba(255,0,85,.1);transform:translateY(-2px)}input[type=text]:hover,input[type=email]:hover,input[type=password]:hover,input[type=url]:hover,input[type=tel]:hover,input[type=number]:hover,input[type=search]:hover,input[type=date]:hover,input[type=time]:hover,input[type=datetime-local]:hover,textarea:hover,select:hover{transform:translateY(-1px);box-shadow:0 2px 0 var(--black)}textarea{min-height:120px;resize:vertical;font-family:'source serif 4',serif;line-height:1.6}select{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 1rem center;background-repeat:no-repeat;background-size:1rem;padding-right:3rem;appearance:none}input[type=checkbox],input[type=radio]{width:1.5rem;height:1.5rem;margin-right:.75rem;margin-top:.1rem;appearance:none;border:3px solid var(--black);background:var(--white);cursor:pointer;transition:all .2s ease;flex-shrink:0;position:relative;vertical-align:top}input[type=radio]{border-radius:50%}input[type=checkbox]:hover,input[type=radio]:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--black)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--black)}input[type=checkbox]:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white);font-weight:900;font-size:1rem;line-height:1}input[type=radio]:checked::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.5rem;height:.5rem;background:var(--white);border-radius:50%}label:has(input[type=checkbox]),label:has(input[type=radio]){display:flex;align-items:flex-start;font-weight:500;cursor:pointer;margin-bottom:1rem}.checkbox-label,.radio-label{display:flex;align-items:flex-start;font-family:inter,sans-serif;font-weight:500;cursor:pointer;margin-bottom:1rem}button,input[type=submit],input[type=reset],input[type=button]{font-family:inter,sans-serif;font-weight:700;font-size:1rem;padding:1rem 2rem;border:3px solid var(--black);background:var(--white);color:var(--black);cursor:pointer;transition:all .2s ease;margin:.5rem .5rem .5rem 0;display:inline-block}button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background:var(--black);color:var(--white);transform:translateY(-2px);box-shadow:0 4px 0 var(--gray-800)}button:active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{transform:translateY(0);box-shadow:0 2px 0 var(--gray-800)}.btn-primary,button[type=submit],input[type=submit]{background:var(--accent-technical);color:var(--black);border-color:var(--accent-technical)}.btn-primary:hover,button[type=submit]:hover,input[type=submit]:hover{background:var(--black);color:var(--white);border-color:var(--black)}.btn-secondary{background:var(--gray-100);color:var(--black);border-color:var(--gray-400)}.btn-secondary:hover{background:var(--gray-400);color:var(--black);border-color:var(--gray-400)}input:disabled,textarea:disabled,select:disabled,button:disabled{background:var(--gray-100);color:var(--gray-400);border-color:var(--gray-200);cursor:not-allowed;opacity:.6}input:disabled:hover,textarea:disabled:hover,select:disabled:hover,button:disabled:hover{transform:none;box-shadow:none}.form-group{margin-bottom:1.5rem}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-row .form-group{flex:1;margin-bottom:0}.required::after{content:' *';color:#f08080;font-weight:900}.help-text{font-family:inter,sans-serif;font-size:.875rem;color:var(--gray-600);margin-top:.25rem;margin-bottom:1rem}.error-message{font-family:inter,sans-serif;font-size:.875rem;color:#f08080;background:rgba(255,107,107,.1);border:2px solid #f08080;padding:.5rem 1rem;margin-top:.5rem;margin-bottom:1rem}.success-message{font-family:inter,sans-serif;font-size:.875rem;color:#90ee90;background:rgba(46,204,113,.1);border:2px solid #90ee90;padding:.5rem 1rem;margin-top:.5rem;margin-bottom:1rem}@media(prefers-color-scheme:dark){fieldset{border-color:var(--gray-400);background:var(--gray-50)}legend{background:var(--gray-400);color:var(--black)}input[type=text],input[type=email],input[type=password],input[type=url],input[type=tel],input[type=number],input[type=search],input[type=date],input[type=time],input[type=datetime-local],textarea,select{background:var(--gray-50);border-color:var(--gray-400);color:var(--black)}input[type=checkbox],input[type=radio]{border-color:var(--gray-400);background:var(--gray-50)}input[type=checkbox]:checked,input[type=radio]:checked{background:var(--gray-400)}input[type=checkbox]:checked::after{color:var(--black)}input[type=radio]:checked::after{background:var(--black)}button,input[type=submit],input[type=reset],input[type=button]{background:var(--gray-50);border-color:var(--gray-400);color:var(--black) !important}button:hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background:var(--gray-400);color:var(--black);box-shadow:0 4px 0 var(--gray-600)}}@media print{.nav,.footer,.progress-bar,.toc,.subscribe-button,.subscribe-modal{display:none}body{font-size:12pt;line-height:1.5}h1{font-size:24pt}h2{font-size:18pt}a{color:var(--black);text-decoration:none}}