:root{--bg:#000;--surface:#0a0a0a;--surface-2:#111;--border:#222;--border-2:#1a1a1a;--text:#c8c8c8;--muted:#666;--muted-2:#404040;--accent:#87ff87;--accent-2:#5fffff;--accent-dim:#5fd75f;--accent-glow:#87ff8714;--danger:#ff87af;--warn:#ffd7af;--font:"JetBrains Mono", "Fira Code", "Cascadia Code", "Courier New", monospace;--max-w:860px;--ease:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);min-height:100vh;font-size:15px;line-height:1.7}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}em{color:var(--accent);font-style:normal}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.site-nav{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#0a0a0aeb;padding:1.25rem 0;position:sticky;top:0}.site-nav .container{align-items:center;gap:0;display:flex}.nav-links{flex:1;gap:0;display:flex}.nav-links a,.nav-contact a{color:var(--muted);border-right:1px solid var(--border);letter-spacing:.02em;padding:0 .75rem;font-size:.8rem;transition:color .15s}.nav-links a:first-child{color:var(--accent);letter-spacing:0;padding-left:0;font-weight:600}.nav-links a:hover,.nav-contact a:hover{color:var(--accent);text-decoration:none}.nav-contact{margin-left:auto}.nav-contact a{color:var(--accent);border-right:none;padding-right:0;font-size:.8rem}.nav-contact a:before{content:"> ";color:var(--muted)}.section{border-bottom:1px solid var(--border);opacity:0;transition:opacity .55s var(--ease), transform .55s var(--ease);padding:4rem 0;transform:translateY(20px)}.section.revealed{opacity:1;transform:translateY(0)}.section:last-child{border-bottom:none}.section-title{color:var(--accent);letter-spacing:.01em;align-items:center;margin-bottom:2rem;font-size:1.05rem;font-weight:700;display:flex}.st-hash{color:var(--muted);margin-right:.35em;font-weight:400}.hero{border-bottom:1px solid var(--border);padding:4.5rem 0 3.5rem}.hero-inner{align-items:flex-start;gap:2rem;margin-bottom:2.5rem;display:flex}.hero-text{flex:1;min-width:0}.hero-title{color:var(--accent);min-height:2.4rem;margin-bottom:1.25rem;font-size:1.9rem;font-weight:700;position:relative}.hero-title:before{content:"> ";color:var(--muted)}.hero-title:hover{animation:.4s step-end forwards glitch}@keyframes glitch{0%{text-shadow:none;transform:translate(0)}10%{text-shadow:-2px 0 var(--danger), 2px 0 var(--accent-2);transform:translate(-1px)}20%{text-shadow:2px 0 var(--accent-2);transform:translate(2px,-1px)}30%{text-shadow:none;transform:translate(0)}40%{text-shadow:-1px 0 var(--danger);transform:translate(1px,1px)}50%{text-shadow:none;transform:translate(0)}to{text-shadow:none;transform:translate(0)}}.tw-cursor{color:var(--accent);font-weight:400;animation:1s step-end infinite blink}.tw-cursor.tw-done{animation:1.1s step-end infinite blink}.hero-bio{color:var(--text);max-width:580px;margin-bottom:1.75rem;line-height:1.85}.hero-avatar-wrap{flex-shrink:0;padding-top:.25rem}.hero-avatar{border:1px solid var(--border);width:150px;height:150px;animation:4s ease-in-out infinite avatar-pulse;display:block}@keyframes avatar-pulse{0%,to{border-color:var(--border);box-shadow:none}50%{border-color:var(--accent-dim);box-shadow:0 0 12px var(--accent-glow)}}.social-links{flex-wrap:wrap;gap:0;font-size:.8rem;display:flex}.social-links a{color:var(--muted);border-right:1px solid var(--border);padding:0 .6rem;transition:color .15s}.social-links a:first-child{padding-left:0}.social-links a:last-child{border-right:none}.social-links a:hover{color:var(--accent);text-decoration:none}.curl-box{border:1px solid var(--border);background:0 0;padding:1.25rem 1.5rem;font-size:.825rem;position:relative;overflow:hidden}.curl-box:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 60%);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.curl-prompt{color:var(--accent);margin-bottom:.75rem}.curl-output{flex-direction:column;gap:.15rem;margin-bottom:.75rem;padding-left:1.5rem;display:flex}.curl-output div{color:var(--text);line-height:1.6}.co-key{color:var(--muted);min-width:105px;display:inline-block}.curl-legend{border-top:1px solid var(--border);flex-direction:column;gap:.15rem;margin-top:.65rem;margin-bottom:.65rem;padding-top:.65rem;display:flex}.co-cmd{color:var(--accent);min-width:220px;font-size:.78rem;display:inline-block}.co-note{color:var(--muted);font-size:.78rem}.curl-cursor{color:var(--accent);line-height:1;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.terminal-box{border:1px solid var(--border);background:var(--surface);padding:1.25rem 1.5rem}.stack-table-wrap{border:1px solid var(--border);overflow-x:auto}.stack-table{border-collapse:collapse;width:100%;font-size:.825rem}.stack-table th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid var(--border);white-space:nowrap;padding:.55rem 1rem;font-size:.7rem}.stack-table td{border-bottom:1px solid var(--border-2);vertical-align:top;padding:.6rem 1rem}.stack-table tr:last-child td{border-bottom:none}.stack-table tr{transition:background .12s}.stack-table tr:hover td{background:var(--surface-2)}.st-layer{color:var(--muted);white-space:nowrap;font-size:.78rem}.st-tech{color:var(--accent);font-size:.82rem}.st-why{color:var(--muted);font-size:.78rem}.portfolio-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:1px;display:grid}.portfolio-item{background:var(--bg);padding:1.25rem 1.5rem;transition:background .15s;position:relative;overflow:hidden}.portfolio-item:before{content:"";background:0 0;width:2px;transition:background .2s;position:absolute;top:0;bottom:0;left:0}.portfolio-item:hover{background:var(--surface)}.portfolio-item:hover:before{background:var(--accent)}.portfolio-name{color:var(--accent);margin-bottom:.5rem;font-size:.875rem;font-weight:600;transition:opacity .15s}.portfolio-desc{color:var(--muted);margin-bottom:.85rem;font-size:.82rem;line-height:1.6}.portfolio-stack{color:var(--muted);font-size:.72rem}.portfolio-stack span{border:1px solid var(--border);margin-bottom:.25rem;margin-right:.25rem;padding:.1rem .4rem;transition:border-color .15s,color .15s;display:inline-block}.portfolio-item:hover .portfolio-stack span{border-color:var(--muted-2)}.cases-grid{background:var(--border);border:1px solid var(--border);gap:1px;display:grid}.case-card{background:var(--bg);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;transition:background .15s;display:flex;position:relative}.case-card:before{content:"";background:0 0;width:2px;transition:background .2s;position:absolute;top:0;bottom:0;left:0}.case-card:hover{background:var(--surface)}.case-card:hover:before{background:var(--accent)}.case-title{color:var(--text);margin-bottom:.35rem;font-size:.9rem;font-weight:600}.case-summary{color:var(--muted);font-size:.82rem;line-height:1.6}.case-meta{text-align:right;color:var(--muted);flex-shrink:0;font-size:.75rem}.case-year{margin-bottom:.5rem;display:block}.case-link{color:var(--accent);white-space:nowrap;font-size:.82rem;transition:opacity .15s}.case-link:hover{opacity:.75;text-decoration:none}.work-text{max-width:680px;margin-bottom:2rem}.work-text p{color:var(--text);line-height:1.85}.work-cta{border:1px solid var(--border);background:0 0;padding:1.25rem 1.5rem;display:inline-block;position:relative;overflow:hidden}.work-cta:before{content:"";background:linear-gradient(90deg, var(--accent), transparent 60%);opacity:.6;height:2px;position:absolute;top:0;left:0;right:0}.cta-prompt{color:var(--accent);margin-bottom:.85rem;font-size:.875rem}.cta-actions{flex-wrap:wrap;gap:.75rem;display:flex}.btn-cli{color:var(--muted);font-size:.82rem;font-family:var(--font);border:1px solid var(--border);cursor:pointer;letter-spacing:.02em;background:0 0;padding:.4rem .9rem;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-block}.btn-cli:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-glow);text-decoration:none}.contacts-list{flex-direction:column;gap:.75rem;display:flex}.contact-item{align-items:baseline;gap:1rem;font-size:.875rem;display:flex}.contact-label{color:var(--muted);min-width:80px;font-size:.78rem}.case-header{margin-bottom:3rem}.case-page-title{color:var(--accent);margin-bottom:1.5rem;font-size:1.4rem}.case-page-title:before{content:"> ";color:var(--muted)}.case-stack-tags{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.case-stack-tag{border:1px solid var(--border);color:var(--muted);padding:.15rem .5rem;font-size:.72rem}.back-link{color:var(--muted);margin-bottom:2rem;font-size:.82rem;transition:color .15s;display:inline-block}.back-link:hover{color:var(--accent);text-decoration:none}.article{max-width:680px}.article h2{color:var(--accent);margin-top:2rem;margin-bottom:.75rem;font-size:1rem}.article h2:before{content:"## ";color:var(--muted-2)}.article h3{color:var(--text);margin-top:1.5rem;margin-bottom:.5rem;font-size:.9rem}.article p{color:var(--text);margin-bottom:1rem;line-height:1.85}.article ul,.article ol{color:var(--text);margin-bottom:1rem;padding-left:1.5rem}.article li{margin-bottom:.3rem}.article code{font-family:var(--font);background:var(--surface);border:1px solid var(--border);color:var(--accent);padding:.1em .4em;font-size:.875em}.article pre{background:var(--surface);border:1px solid var(--border);margin-bottom:1rem;padding:1.25rem;overflow-x:auto}.article pre code{color:var(--text);background:0 0;border:none;padding:0}.article blockquote{border-left:2px solid var(--accent);color:var(--muted);margin-bottom:1rem;padding-left:1rem}.case-page-container{padding-top:3rem;padding-bottom:4rem}.case-meta-box{margin-top:.5rem;display:inline-block}.case-page-year{color:var(--muted);margin-right:1rem;font-size:.8rem}.case-stack-inline{display:inline-flex}.section-note{color:var(--muted);margin-top:1.5rem;font-size:.875rem}.contact-page{max-width:560px;padding-top:3rem;padding-bottom:4rem}.contact-form{flex-direction:column;gap:1.25rem;margin-top:2rem;display:flex}.form-field{flex-direction:column;gap:.35rem;display:flex}.form-label{color:var(--muted);letter-spacing:.04em;font-size:.78rem}.form-label span{color:var(--accent);margin-right:.4rem}.form-input,.form-textarea{background:var(--surface);border:1px solid var(--border);color:var(--text);font-family:var(--font);resize:none;outline:none;width:100%;padding:.6rem .9rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}.form-input:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-glow)}.form-input.is-error,.form-textarea.is-error{border-color:var(--danger)}.form-textarea{min-height:140px}.form-submit{align-self:flex-start}.form-note{color:var(--muted);margin-top:.5rem;font-size:.78rem}.alert-success{border:1px solid var(--accent);color:var(--accent);background:var(--accent-glow);margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem}.alert-error{color:var(--danger);margin-top:.2rem;font-size:.78rem}.site-footer{border-top:1px solid var(--border);color:var(--muted-2);text-align:center;padding:2rem 0;font-size:.78rem}@media (width<=640px){body{font-size:14px}.nav-links a{padding:0 .4rem;font-size:.72rem}.nav-contact a{font-size:.72rem}.hero{padding:3rem 0 2.5rem}.hero-title{font-size:1.4rem}.hero-inner{flex-direction:column-reverse;gap:1.5rem}.hero-avatar{width:100px;height:100px}.curl-box{font-size:.72rem}.curl-output{padding-left:0}.co-key{min-width:72px;font-size:.72rem}.portfolio-grid{grid-template-columns:1fr}.case-card{flex-direction:column;gap:.5rem}.case-meta{text-align:left}.stack-table th,.stack-table td{padding:.5rem .6rem;font-size:.74rem}.section{padding:3rem 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border)}::-webkit-scrollbar-thumb:hover{background:var(--muted-2)}