@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500&display=swap";:root{--background:#fff;--foreground:#09090b;--card:#fff;--card-hover:#fafafa;--primary:#18181b;--primary-foreground:#fafafa;--secondary:#f4f4f5;--secondary-foreground:#18181b;--muted:#fafafa;--muted-foreground:#71717a;--subtle:#a1a1aa;--border:#e4e4e7;--border-strong:#d4d4d8;--ring:#18181b;--radius:.75rem;--radius-sm:.5rem;--radius-full:999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 12px -2px #00000014, 0 2px 4px -2px #0000000a;--shadow-lg:0 12px 32px -8px #0000001f, 0 4px 8px -4px #0000000f;--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--nav-h:60px;--container:1200px}[data-theme=dark]{--background:#09090b;--foreground:#fafafa;--card:#0e0e11;--card-hover:#141418;--primary:#fafafa;--primary-foreground:#18181b;--secondary:#1c1c20;--secondary-foreground:#fafafa;--muted:#0c0c0f;--muted-foreground:#a1a1aa;--subtle:#71717a;--border:#26262b;--border-strong:#3f3f46;--ring:#d4d4d8;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 12px -2px #00000080;--shadow-lg:0 12px 32px -8px #0009}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 24px);-webkit-text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:15px;line-height:1.65;transition:background-color .2s,color .2s}h1,h2,h3,h4{letter-spacing:-.025em;margin:0;font-weight:600;line-height:1.15}p{margin:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit}::selection{background:var(--foreground);color:var(--background)}:focus-visible{outline:2px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:min(var(--container), calc(100% - 48px));margin-inline:auto}.skip-link{z-index:100;background:var(--primary);color:var(--primary-foreground);border-radius:0 0 var(--radius-sm) 0;padding:10px 16px;font-size:14px;font-weight:500;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.mono-label{font-family:var(--font-mono);color:var(--muted-foreground);letter-spacing:.02em;white-space:nowrap;font-size:11px;font-weight:400}.kicker{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground);font-size:11px;font-weight:500;display:inline-block}.btn{border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 16px;font-size:14px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s,opacity .15s;display:inline-flex}.btn-sm{height:34px;padding:0 12px;font-size:13px}.btn-icon{width:34px;height:34px;padding:0}.btn-primary{background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{opacity:.9}.btn-outline{background:var(--background);color:var(--foreground);border-color:var(--border)}.btn-outline:hover{background:var(--secondary);border-color:var(--border-strong)}.btn-ghost{color:var(--muted-foreground);background:0 0}.btn-ghost:hover{background:var(--secondary);color:var(--foreground)}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:500;line-height:1.5;display:inline-flex}.badge-secondary{background:var(--secondary);color:var(--secondary-foreground)}.badge-outline{color:var(--muted-foreground);border:1px solid var(--border);background:0 0}.stack-row{flex-wrap:wrap;gap:6px;display:flex}.card-links{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.card-link{border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--background);color:var(--foreground);align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;transition:background-color .15s,border-color .15s,transform .15s;display:inline-flex}.card-link:hover{background:var(--secondary);transform:translateY(-1px)}.card-link svg:last-child{color:var(--muted-foreground)}.card-media{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--secondary);aspect-ratio:16/10;margin:4px 0 14px;position:relative;overflow:hidden}.card-media img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.media-status{border-radius:var(--radius-full);background:color-mix(in srgb, var(--background) 88%, transparent);-webkit-backdrop-filter:blur(4px);border:1px solid var(--border);color:var(--foreground);padding:3px 9px;font-size:10.5px;font-weight:500;position:absolute;top:8px;left:8px}.work-tag{border-radius:var(--radius-full);white-space:nowrap;border:1px solid #0000;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;line-height:1.5;display:inline-flex}.work-client{background:var(--primary);color:var(--primary-foreground)}.work-freelance{color:var(--foreground);border-color:var(--border-strong);background:0 0}.work-personal{background:var(--secondary);color:var(--muted-foreground)}.work-internal{color:var(--muted-foreground);border-style:dashed;border-color:var(--border-strong);background:0 0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;transition:border-color .18s,background-color .18s,box-shadow .18s,transform .18s}.icon-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--secondary);width:38px;height:38px;color:var(--foreground);flex:none;place-items:center;display:inline-grid}.icon-box.sm{width:32px;height:32px}.nav-wrap{z-index:50;background:color-mix(in srgb, var(--background) 80%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0}.nav{height:var(--nav-h);justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand-mark{background:var(--primary);width:32px;height:32px;color:var(--primary-foreground);border-radius:var(--radius-sm);font-family:var(--font-mono);letter-spacing:-.02em;flex:none;place-items:center;font-size:12px;font-weight:500;display:grid}.brand-text{flex-direction:column;line-height:1.25;display:flex}.brand-text strong{font-size:13.5px;font-weight:600}.brand-text small{color:var(--muted-foreground);font-size:11px}.nav-links{align-items:center;gap:4px;display:flex}.nav-links a{border-radius:var(--radius-sm);color:var(--muted-foreground);padding:7px 11px;font-size:13.5px;font-weight:500;transition:color .15s,background-color .15s}.nav-links a:hover{color:var(--foreground);background:var(--secondary)}.nav-actions{align-items:center;gap:6px;display:flex}.nav-toggle{display:none}.mobile-nav{border-top:1px solid var(--border);background:var(--background);padding:8px 0 14px}.mobile-nav .container{flex-direction:column;display:flex}.mobile-nav a{color:var(--muted-foreground);border-bottom:1px solid var(--border);padding:11px 4px;font-size:15px;font-weight:500}.mobile-nav a:last-child{border-bottom:0}.hero{padding:72px 0 0;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background-image:linear-gradient(to right, var(--border) 1px, transparent 1px), linear-gradient(to bottom, var(--border) 1px, transparent 1px);opacity:.55;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 55% at 50% 0,#000 40%,#0000 100%);mask-image:radial-gradient(75% 55% at 50% 0,#000 40%,#0000 100%)}.hero-inner{grid-template-columns:1.1fr .9fr;align-items:center;gap:56px;display:grid}.hero-copy,.hero-aside{min-width:0}.pill{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--muted-foreground);box-shadow:var(--shadow-sm);align-items:center;gap:8px;margin-bottom:26px;padding:5px 13px 5px 9px;font-size:12.5px;font-weight:500;display:inline-flex}.pulse{background:var(--foreground);border-radius:50%;flex:none;width:7px;height:7px;position:relative}.pulse:after{content:"";background:var(--foreground);border-radius:50%;animation:2s cubic-bezier(0,0,.2,1) infinite ping;position:absolute;inset:0}@keyframes ping{75%,to{opacity:0;transform:scale(2.4)}}.hero h1{letter-spacing:-.04em;text-wrap:balance;margin-bottom:22px;font-size:clamp(32px,3.9vw,50px);font-weight:700;line-height:1.08}.hero-underline{white-space:nowrap;position:relative}.hero-underline:after{content:"";background:var(--foreground);opacity:.22;height:.09em;position:absolute;bottom:.1em;left:0;right:0}.lead{color:var(--muted-foreground);max-width:56ch;margin-bottom:30px;font-size:16.5px}.hero-actions{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.hero-actions .btn-outline{font-family:var(--font-mono);font-size:13px}.hero-meta{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:18px;font-size:13px;display:flex}.hero-meta span,.hero-meta a{align-items:center;gap:6px;display:inline-flex}.hero-meta a{transition:color .15s}.hero-meta a:hover{color:var(--foreground)}.profile-card{box-shadow:var(--shadow-lg);padding:18px}.profile-head{align-items:center;gap:13px;padding-bottom:16px;display:flex}.profile-head img{border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border);width:46px;height:46px}.profile-head strong{font-size:14px;display:block}.profile-head small{color:var(--muted-foreground);font-size:12px}.terminal{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--muted);overflow:hidden}.terminal-bar{border-bottom:1px solid var(--border);gap:6px;padding:10px 12px;display:flex}.terminal-bar i{background:var(--border-strong);border-radius:50%;width:9px;height:9px}.terminal pre{margin:0;padding:16px;overflow-x:auto}.terminal code{font-family:var(--font-mono);color:var(--muted-foreground);white-space:pre;font-size:11.5px;line-height:1.85}.stats{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);grid-template-columns:repeat(4,1fr);margin:64px 0 0;display:grid;overflow:hidden}.stat{border-right:1px solid var(--border);padding:24px 22px}.stat:last-child{border-right:0}.stat strong{letter-spacing:-.04em;font-size:30px;font-weight:700;line-height:1.1;display:block}.stat span{color:var(--muted-foreground);font-size:12.5px}.section{padding:88px 0}.section-muted{background:var(--muted);border-block:1px solid var(--border)}.section-header{max-width:640px;margin-bottom:40px}.section-header h2{letter-spacing:-.035em;margin:12px 0 0;font-size:clamp(27px,3.2vw,38px);font-weight:700}.section-header p{color:var(--muted-foreground);margin-top:13px;font-size:15.5px}.featured-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.featured-card{flex-direction:column;padding:26px;display:flex}.featured-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.featured-top{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.featured-index{font-family:var(--font-mono);color:var(--border);letter-spacing:-.03em;font-size:26px;font-weight:500}.featured-meta{align-items:center;gap:10px;margin-bottom:10px;display:flex}.featured-card h3{margin-bottom:10px;font-size:20px}.featured-card>p{color:var(--muted-foreground);font-size:14.5px}.highlights{flex-direction:column;gap:7px;margin:18px 0;display:flex}.highlights li{color:var(--muted-foreground);gap:9px;font-size:13.5px;display:flex}.highlights li svg{color:var(--foreground);opacity:.55;flex:none;margin-top:4px}.featured-card .stack-row{margin-top:auto}.featured-foot{border-top:1px solid var(--border);font-family:var(--font-mono);color:var(--foreground);align-items:center;gap:7px;margin-top:18px;padding-top:16px;font-size:12px;display:flex}.filters{flex-wrap:wrap;gap:7px;margin-bottom:26px;display:flex}.filter{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--background);color:var(--muted-foreground);cursor:pointer;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.filter:hover{border-color:var(--border-strong);color:var(--foreground)}.filter.active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.filter-count{font-family:var(--font-mono);opacity:.6;font-size:10.5px}.project-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-card{background:var(--background);flex-direction:column;display:flex}.project-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.project-card h3{margin-bottom:4px;font-size:16px}.project-period{margin-bottom:10px;display:block}.project-card>p{color:var(--muted-foreground);margin-bottom:14px;font-size:13.5px}.project-metric{font-family:var(--font-mono);color:var(--foreground);background:var(--secondary);border-radius:var(--radius-sm);margin-bottom:14px;padding:6px 10px;font-size:11.5px}.project-card .stack-row{margin-top:auto}.timeline{flex-direction:column;display:flex}.timeline-item{grid-template-columns:28px 1fr;gap:20px;display:grid}.timeline-rail{justify-content:center;display:flex;position:relative}.timeline-rail:before{content:"";background:var(--border);width:1px;position:absolute;top:0;bottom:0}.timeline-item:first-child .timeline-rail:before{top:26px}.timeline-item:last-child .timeline-rail:before{bottom:calc(100% - 26px)}.timeline-dot{z-index:1;background:var(--background);border:2px solid var(--border-strong);border-radius:50%;width:10px;height:10px;margin-top:22px;position:relative}.timeline-dot.current{background:var(--foreground);border-color:var(--foreground)}.timeline-card{margin-bottom:18px}.timeline-head{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.timeline-card h3{font-size:17.5px}.timeline-company{color:var(--muted-foreground);margin-top:4px;font-size:14px}.timeline-note{color:var(--subtle)}.timeline-when{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.timeline-place{color:var(--subtle);align-items:center;gap:5px;font-size:12px;display:inline-flex}.bullets{flex-direction:column;gap:9px;margin-bottom:18px;display:flex}.bullets li{color:var(--muted-foreground);padding-left:17px;font-size:14px;position:relative}.bullets li:before{content:"";background:var(--border-strong);border-radius:50%;width:5px;height:5px;position:absolute;top:9px;left:0}.timeline-card.education{align-items:center;gap:16px;display:flex}.education h3{font-size:16px}.education .timeline-company{margin:4px 0 3px}.stack-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stack-card{background:var(--background)}.stack-card:hover{border-color:var(--border-strong)}.stack-card h3{margin:14px 0;font-size:15.5px}.stack-note{border-top:1px solid var(--border);color:var(--muted-foreground);margin-top:14px;padding-top:12px;font-size:12.5px;font-style:italic}.principles{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.principle{background:var(--background)}.principle h3{margin:10px 0 8px;font-size:15.5px}.principle p{color:var(--muted-foreground);font-size:13.5px}.oss-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.oss-card{flex-direction:column;display:flex}.oss-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.oss-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.oss-stars{border-radius:var(--radius-full);background:var(--secondary);font-family:var(--font-mono);align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.oss-card h3{word-break:break-word;margin-bottom:8px;font-size:15px}.oss-card>p{color:var(--muted-foreground);flex:1;font-size:13.5px}.oss-link{align-items:center;gap:6px;margin-top:16px;font-size:12.5px;font-weight:500;display:inline-flex}.oss-cta{background:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:26px;display:flex}.oss-cta h3{margin-bottom:6px;font-size:17px}.oss-cta p{color:var(--muted-foreground);max-width:52ch;font-size:14px}.stars{color:var(--foreground);gap:2px;display:inline-flex}.stars .star-empty{color:var(--border-strong)}.reviews-layout{grid-template-columns:300px 1fr;align-items:start;gap:18px;display:grid}.reviews-summary{top:calc(var(--nav-h) + 20px);background:var(--background);flex-direction:column;display:flex;position:sticky}.reviews-score{border-bottom:1px solid var(--border);align-items:center;gap:14px;margin-bottom:16px;padding-bottom:16px;display:flex}.reviews-score strong{letter-spacing:-.04em;font-size:42px;font-weight:700;line-height:1}.reviews-score>div{flex-direction:column;gap:6px;display:flex}.reviews-summary>p{color:var(--muted-foreground);font-size:13.5px}.reviews-facts{border-top:1px solid var(--border);flex-direction:column;gap:2px;margin:18px 0;display:flex}.reviews-facts li{border-bottom:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;font-size:13px;display:flex}.fact-score{font-family:var(--font-mono);color:var(--foreground);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.fact-score svg{color:var(--foreground)}.reviews-summary .btn{margin-top:auto}.reviews-wrap{flex-direction:column;display:flex}.reviews-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.reviews-more{color:var(--muted-foreground);margin-top:18px;font-size:13px}.reviews-more a{color:var(--foreground);border-bottom:1px solid var(--border-strong);align-items:center;gap:4px;font-weight:500;display:inline-flex}.reviews-more a:hover{border-color:var(--foreground)}.review-card{background:var(--background);flex-direction:column;gap:12px;display:flex;position:relative;overflow:hidden}.review-quote{color:var(--border);position:absolute;top:16px;right:18px}.review-card>p{color:var(--foreground);font-size:14px;line-height:1.6}.review-author{align-items:center;gap:11px;margin-top:auto;padding-top:8px;display:flex}.review-avatar{border-radius:var(--radius-full);background:var(--secondary);width:36px;height:36px;color:var(--foreground);flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.review-author strong{font-size:13.5px;display:block}.review-author small{color:var(--muted-foreground);font-size:12px}.contact-card{text-align:center;background:var(--muted);padding:52px 44px}.contact-card h2{letter-spacing:-.035em;margin:12px 0 14px;font-size:clamp(26px,3.4vw,40px);font-weight:700}.contact-card>p{color:var(--muted-foreground);max-width:58ch;margin-inline:auto;font-size:15.5px}.contact-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}footer{border-top:1px solid var(--border);padding:30px 0}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.footer-brand{align-items:center;gap:11px;display:flex}.footer-brand strong{font-size:13.5px;display:block}.footer-brand small{color:var(--muted-foreground);font-size:11.5px}.footer-links{gap:4px;display:flex}.footer-links a{border-radius:var(--radius-sm);width:34px;height:34px;color:var(--muted-foreground);place-items:center;transition:background-color .15s,color .15s;display:grid}.footer-links a:hover{background:var(--secondary);color:var(--foreground)}.footer-copy{color:var(--muted-foreground);font-size:12.5px}.js .reveal{opacity:0;transition:opacity .5s,transform .5s;transform:translateY(12px)}.js .reveal.visible{opacity:1;transform:none}@media (width<=1024px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-aside{max-width:460px}.project-grid,.stack-grid,.oss-grid,.principles{grid-template-columns:repeat(2,1fr)}.reviews-layout{grid-template-columns:1fr}.reviews-summary{position:static}.nav-links{display:none}.nav-toggle{display:inline-grid}}@media (width<=768px){.container{width:calc(100% - 32px)}.section{padding:64px 0}.hero{padding-top:48px}.stats{grid-template-columns:repeat(2,1fr);margin-top:44px}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--border)}.featured-grid{grid-template-columns:1fr}.brand-text small,.nav-social{display:none}.contact-card{padding:36px 22px}.timeline-when{align-items:flex-start}}@media (width<=560px){.project-grid,.stack-grid,.oss-grid,.principles,.reviews-grid,.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--border)}.stat:last-child{border-bottom:0}.timeline-item{grid-template-columns:16px 1fr;gap:14px}.hero-actions .btn{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js .reveal{opacity:1;transform:none}}