@import "https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Geist:wght@100..900&family=IBM+Plex+Mono:ital,wght@0,400;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap";:root,[data-theme=light]{--font-sans:"Geist", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Geist Mono", "IBM Plex Mono", monospace;--bg:#fafafa;--bg-page:#fff;--bg-card:#fff;--text:#111;--text-muted:#666;--text-dim:#aaa;--border:#ebebeb;--border-mid:#d4d4d4;--sidebar-bg:#fafafae0;--sidebar-w:220px;--dot-color:#0000000b;--radius:3px;--transition:.14s ease;--gh-green-0:#ebedf0;--gh-green-1:#9be9a8;--gh-green-2:#40c463;--gh-green-3:#30a14e;--gh-green-4:#216e39;--gh-mono-0:var(--bg-card);--gh-mono-1:#e2e2e2;--gh-mono-2:#a3a3a3;--gh-mono-3:#525252;--gh-mono-4:#171717}[data-theme=dark]{--bg:#09090b;--bg-page:#121215;--bg-card:#18181b;--text:#f4f4f5;--text-muted:#a1a1aa;--text-dim:#52525b;--border:#27272a;--border-mid:#3f3f46;--sidebar-bg:#09090be0;--dot-color:#ffffff14;--gh-green-0:#161b22;--gh-green-1:#0e4429;--gh-green-2:#006d32;--gh-green-3:#26a641;--gh-green-4:#39d353;--gh-mono-0:var(--bg-card);--gh-mono-1:#27272a;--gh-mono-2:#52525b;--gh-mono-3:#a1a1aa;--gh-mono-4:#f4f4f5}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto;font-size:15px;overflow-x:hidden}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(var(--dot-color) 1px, transparent 1px);background-size:20px 20px;line-height:1.6;transition:background-color .3s,color .3s}#root{background:var(--bg);min-height:100vh;transition:background-color .3s;display:flex}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}ul{list-style:none}.app-shell{width:100%;max-width:1140px;min-height:100vh;margin:0 auto;padding:0 1.5rem;display:flex;position:relative}.sidebar{z-index:100;box-sizing:border-box;background:0 0;flex-direction:column;flex-shrink:0;justify-content:space-between;align-self:flex-start;width:200px;height:100vh;max-height:100vh;padding:3.5rem 0 2.5rem;display:flex;position:sticky;top:0}.sidebar-axis{background:var(--border-mid);pointer-events:none;width:1.5px;position:absolute;top:3rem;bottom:3rem;right:0}.sidebar-brand{font-family:var(--font-mono);color:var(--text);letter-spacing:-.01em;cursor:pointer;text-align:right;width:100%;transition:opacity var(--transition);margin-bottom:2rem;padding:0 .5rem 0 0;font-size:.8rem;font-weight:700;line-height:1.35}.sidebar-brand:hover{opacity:.7}.sidebar-nav{flex-direction:column;gap:.1rem;display:flex}.sidebar-section-label{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.12em;margin-top:1.25rem;margin-bottom:.5rem;font-size:.58rem}.sidebar-link{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;text-align:right;width:100%;transition:color var(--transition);background:0 0;border:none;justify-content:flex-end;align-items:center;gap:.45rem;padding:.45rem 1.15rem .45rem 0;font-size:.78rem;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{color:var(--text)}.sidebar-link.active{color:var(--text);font-weight:700}.sidebar-link-dot{background:var(--border-mid);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;transition:all .18s cubic-bezier(.2,0,0,1);position:absolute;top:50%;right:-3.5px;transform:translateY(-50%)}.sidebar-link:hover .sidebar-link-dot{background:var(--text);box-shadow:0 0 0 2px var(--bg), 0 0 8px #00000059;transform:translateY(-50%)scale(1.4)}.sidebar-link.active .sidebar-link-dot{background:var(--text);box-shadow:0 0 0 2px var(--bg), 0 0 10px #0006;transform:translateY(-50%)scale(1.4)}.sidebar-link-icon{width:14px;height:14px;color:var(--text-dim);transition:color var(--transition);flex-shrink:0}.sidebar-link:hover .sidebar-link-icon,.sidebar-link.active .sidebar-link-icon{color:var(--text)}.sidebar-bottom{flex-direction:column;gap:1rem;display:flex}.sidebar-live-pill{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:.4rem;font-size:.65rem;display:inline-flex}.live-dot{background:#4ade80;border-radius:50%;flex-shrink:0;width:5px;height:5px;box-shadow:0 0 5px #4ade8080}.sidebar-email{font-family:var(--font-mono);color:var(--text-muted);word-break:break-all;transition:color var(--transition);font-size:.68rem}.sidebar-email:hover{color:var(--text)}.sidebar-kbd-row{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.sidebar-kbd-label{font-family:var(--font-mono);color:var(--text-dim);font-size:.65rem}.kbd{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border-mid);border-radius:var(--radius);color:var(--text-muted);border-bottom-width:2px;padding:.12rem .35rem;font-size:.55rem;font-weight:700}.page-content{background:0 0;flex:1;min-width:0}.page-shell,.page-shell--wide{width:100%;padding:3.5rem 1rem 3.5rem 2rem}.page-eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:.5rem;font-size:.62rem}.page-title{font-family:var(--font-sans);color:var(--text);letter-spacing:-.025em;font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;line-height:1.1}.page-sub{color:var(--text-muted);max-width:52ch;font-size:.92rem;line-height:1.7}.divider{background:var(--border);height:1px;margin:2rem 0}.card,.service-card,.server-card,.project-card,.card-dots{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--transition), box-shadow var(--transition);padding:1.5rem;position:relative;overflow:hidden}.card:after,.service-card:after,.server-card:after,.project-card:after,.card-dots:after{content:"";background-image:radial-gradient(var(--border-mid) 1.25px, transparent 1.25px);opacity:.65;pointer-events:none;z-index:0;background-size:9px 9px;width:140px;height:140px;position:absolute;top:0;right:0;-webkit-mask-image:radial-gradient(circle at 100% 0,#000 15%,#0000 80%);mask-image:radial-gradient(circle at 100% 0,#000 15%,#0000 80%)}.card>*,.service-card>*,.server-card>*,.project-card>*,.card-dots>*{z-index:1;position:relative}.card:hover,.service-card:hover,.server-card:hover,.project-card:hover,.card-dots:hover{border-color:var(--border-mid);box-shadow:0 2px 16px #0000000f}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.card-title{color:var(--text);margin-bottom:.5rem;font-size:.95rem;font-weight:600;line-height:1.3}.card-desc{color:var(--text-muted);font-size:.82rem;line-height:1.65}.badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);color:var(--text-dim);background:var(--bg);border-radius:var(--radius);white-space:nowrap;align-items:center;gap:.3rem;padding:.22rem .55rem;font-size:.62rem;font-weight:600;display:inline-flex}.badges-row{flex-wrap:wrap;gap:.4rem;margin-top:.75rem;display:flex}.home-hero{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;align-items:center;gap:3rem;padding:4rem 3.5rem 3rem;display:grid}.portrait-wrap{border-radius:50%;flex-shrink:0;width:160px;height:160px;position:relative;overflow:hidden}.portrait-wrap img{object-fit:cover;filter:grayscale()contrast(120%);width:100%;height:100%;display:block}.portrait-dot-overlay{pointer-events:none;background-image:radial-gradient(#00000059 1px,#0000 1px);background-size:3px 3px;border-radius:50%;position:absolute;inset:0}.hero-name{font-family:var(--font-sans);color:var(--text);letter-spacing:-.03em;margin-bottom:.75rem;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.1}.hero-tagline{color:var(--text-muted);max-width:48ch;margin-bottom:1.25rem;font-size:1rem;line-height:1.7}.slash-links{font-family:var(--font-mono);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.73rem;display:flex}.slash-links a{transition:color var(--transition)}.slash-links a:hover{color:var(--text);text-decoration:underline}.slash-sep{color:var(--text-dim)}.stats-bar{background:var(--bg-card);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.stat-cell{border-right:1px solid var(--border);padding:1.25rem 2rem}.stat-cell:last-child{border-right:none}.stat-val{font-family:var(--font-mono);color:var(--text);letter-spacing:-.03em;margin-bottom:.3rem;font-size:1.5rem;font-weight:700;line-height:1}.stat-lbl{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:.6rem}.blog-grid{grid-template-columns:1fr 340px;align-items:start;gap:3rem;display:grid}.blog-feature{border-bottom:1px solid var(--border);margin-bottom:2rem;padding-bottom:2rem}.blog-feature-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:.6rem;font-size:.62rem}.blog-feature-title{letter-spacing:-.02em;color:var(--text);cursor:pointer;transition:opacity var(--transition);margin-bottom:.75rem;font-size:1.6rem;font-weight:700;line-height:1.2}.blog-feature-title:hover{opacity:.7;text-decoration:underline}.blog-list-item{border-bottom:1px solid var(--border);cursor:pointer;grid-template-columns:1fr auto;align-items:baseline;gap:1rem;padding:.85rem 0;display:grid}.blog-list-item:last-child{border-bottom:none}.blog-list-title{color:var(--text);transition:text-decoration var(--transition);font-size:.88rem;font-weight:500;line-height:1.4}.blog-list-item:hover .blog-list-title{text-decoration:underline}.blog-date{font-family:var(--font-mono);color:var(--text-dim);white-space:nowrap;font-size:.65rem}.blog-sidebar-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-dim);margin-bottom:.75rem;font-size:.6rem}.repo-list{flex-direction:column;gap:0;display:flex}.repo-item{border-bottom:1px solid var(--border);transition:background var(--transition);justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.25rem 0;display:flex}.repo-item:last-child{border-bottom:none}.repo-name{font-family:var(--font-mono);color:var(--text);transition:text-decoration var(--transition);margin-bottom:.3rem;font-size:.9rem;font-weight:600;text-decoration:none}.repo-name:hover{text-decoration:underline}.repo-desc{color:var(--text-muted);max-width:52ch;margin-bottom:.6rem;font-size:.82rem;line-height:1.55}.repo-meta{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:1rem;font-size:.65rem;display:flex}.lang-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.repo-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.5rem;display:flex}.filter-bar{flex-wrap:wrap;gap:.4rem;margin-bottom:1.5rem;display:flex}.filter-btn{font-family:var(--font-mono);border:1px solid var(--border-mid);background:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all var(--transition);border-radius:20px;padding:.3rem .7rem;font-size:.65rem;font-weight:600}.filter-btn:hover{color:var(--text);border-color:var(--text)}.filter-btn.active{background:var(--text);color:var(--bg);border-color:var(--text)}.timeline{flex-direction:column;gap:0;padding-left:2rem;display:flex;position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:6px;bottom:0;left:0}.timeline-item{padding-bottom:2.5rem;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{background:var(--text);border:2px solid var(--bg);width:9px;height:9px;box-shadow:0 0 0 1px var(--border);border-radius:50%;position:absolute;top:5px;left:-2.4rem}.timeline-period{font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.35rem;font-size:.65rem}.timeline-role{color:var(--text);margin-bottom:.15rem;font-size:1rem;font-weight:700}.timeline-company{font-family:var(--font-mono);color:var(--text-muted);margin-bottom:.6rem;font-size:.78rem}.timeline-body{color:var(--text-muted);font-size:.85rem;line-height:1.7}.skill-rows{flex-direction:column;gap:1rem;display:flex}.skill-row-item{grid-template-columns:1fr 36px;align-items:center;gap:.5rem;display:grid}.skill-row-name{font-family:var(--font-mono);color:var(--text);margin-bottom:.25rem;font-size:.75rem;font-weight:600}.skill-row-pct{font-family:var(--font-mono);color:var(--text-dim);text-align:right;font-size:.68rem}.skill-track{background:var(--border);border-radius:2px;grid-column:1/-1;height:2px;margin-top:-.25rem;overflow:hidden}.skill-fill{background:var(--text);transform-origin:0;border-radius:2px;height:100%}.stack-section{margin-bottom:2.5rem}.stack-section-title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);border-bottom:1px solid var(--border);align-items:center;gap:.5rem;margin-bottom:.85rem;padding-bottom:.5rem;font-size:.7rem;display:flex}.tech-badge{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius);white-space:nowrap;cursor:default;transition:opacity var(--transition);color:#fff;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.7rem;font-weight:700;display:inline-flex}.tech-badge:hover{opacity:.85}.github-profile-header{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;align-items:start;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;display:grid}.github-avatar{border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:100px;height:100px;overflow:hidden}.github-avatar img{object-fit:cover;width:100%;height:100%}.github-stat-row{font-family:var(--font-mono);color:var(--text-muted);gap:2rem;margin-top:.5rem;font-size:.75rem;display:flex}.github-stat-row strong{color:var(--text);font-weight:700}.github-chart-box{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-card);padding:1.25rem;overflow-x:auto}.github-chart-box img{filter:grayscale()contrast(160%);width:100%;height:auto;display:block}.services-grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.25rem;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:box-shadow var(--transition), border-color var(--transition);flex-direction:column;gap:1rem;padding:1.75rem;display:flex}.service-card:hover{border-color:var(--border-mid);box-shadow:0 4px 20px #00000012}.service-icon{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);width:36px;height:36px;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.service-name{color:var(--text);font-size:.98rem;font-weight:700;line-height:1.3}.service-desc{color:var(--text-muted);flex:1;font-size:.83rem;line-height:1.65}.service-deliverables{flex-direction:column;gap:.3rem;margin-top:.25rem;display:flex}.service-deliverable{font-family:var(--font-mono);color:var(--text-muted);align-items:baseline;gap:.4rem;font-size:.7rem;display:flex}.service-deliverable:before{content:"›";color:var(--text-dim);flex-shrink:0}.contact-split{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;display:grid}.contact-head{color:var(--text);letter-spacing:-.025em;margin-bottom:.85rem;font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;line-height:1.15}.contact-sub{color:var(--text-muted);margin-bottom:1.5rem;font-size:.88rem;line-height:1.7}.contact-handle{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:.8rem 0;display:flex}.contact-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:.6rem}.contact-value{font-family:var(--font-mono);color:var(--text);font-size:.78rem;font-weight:600}.copy-btn{font-family:var(--font-mono);border:1px solid var(--border-mid);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:all var(--transition);padding:.18rem .45rem;font-size:.6rem;font-weight:700}.copy-btn:hover{border-color:var(--text);color:var(--text)}.copy-btn.copied{color:#16a34a;border-color:#16a34a}.contact-form{flex-direction:column;gap:.9rem;display:flex}.form-group{flex-direction:column;gap:.3rem;display:flex}.form-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.62rem}.form-input,.form-textarea{width:100%;font-family:var(--font-sans);color:var(--text);background:var(--bg-card);border:1px solid var(--border-mid);resize:none;border-radius:var(--radius);transition:border-color var(--transition);outline:none;padding:.65rem .85rem;font-size:.88rem}.form-input:focus,.form-textarea:focus{border-color:var(--text)}.submit-btn{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;background:var(--text);color:var(--bg);border-radius:var(--radius);cursor:pointer;transition:opacity var(--transition);border:none;justify-content:center;align-items:center;gap:.45rem;padding:.7rem 1.5rem;font-size:.73rem;font-weight:700;display:inline-flex}.submit-btn:hover{opacity:.8}.submit-btn:disabled{opacity:.35;cursor:not-allowed}.skeleton{background:linear-gradient(90deg, var(--border) 25%, var(--bg-alt,#f0f0f0) 50%, var(--border) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:2px}.hero-profile-grid{grid-template-columns:250px 1fr;align-items:center;gap:3rem;margin-bottom:3.5rem;display:grid}.hero-stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:2.5rem;display:grid}.home-container{width:100%;padding:3.5rem 1rem 3.5rem 2rem}@media (width<=860px){.app-shell{flex-direction:column;padding:0 .5rem}.sidebar{background:var(--bg);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);z-index:1000;flex-direction:column;align-self:stretch;gap:.5rem;width:100%;height:auto;max-height:none;padding:.75rem .85rem;display:flex;position:sticky;top:0}.sidebar-axis{display:none}.sidebar-brand{font-size:.85rem;text-align:left!important;margin-bottom:0!important;padding-right:0!important}.sidebar-nav{-webkit-overflow-scrolling:touch;white-space:nowrap;gap:.4rem;width:100%;padding-bottom:.2rem;overflow-x:auto;flex-direction:row!important;display:flex!important}.sidebar-link{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:center;font-size:.72rem;padding:.35rem .65rem!important}.sidebar-link-dot{display:none}.sidebar-section-label,.sidebar-bottom{display:none!important}.page-shell,.page-shell--wide,.home-container{padding:1.5rem .5rem!important}.hero-profile-grid{text-align:center;grid-template-columns:1fr!important;gap:1.75rem!important}.hero-profile-portrait{margin:0 auto;width:180px!important}.hero-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.cards-grid,.blog-grid{grid-template-columns:1fr!important}.contact-split{gap:2rem;grid-template-columns:1fr!important}}html.lenis,html.lenis body{height:auto}.custom-horizontal-scroll{scrollbar-width:thin;scrollbar-color:var(--border-mid) transparent}.custom-horizontal-scroll::-webkit-scrollbar{height:4px}.custom-horizontal-scroll::-webkit-scrollbar-track{background:0 0}.custom-horizontal-scroll::-webkit-scrollbar-thumb{background:var(--border-mid);border-radius:4px}.custom-horizontal-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}