:root{--bg: #0a0a0a;--bg-elev: #111112;--bg-hover: #17171a;--text: #ededed;--text-muted: #a0a0a8;--text-dim: #6a6a72;--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--accent: #6ee7b7;--accent-dim: rgba(110, 231, 183, .14);--ring: rgba(110, 231, 183, .35);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);color-scheme:dark}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:clip}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(600px circle at 50% -10%,rgba(110,231,183,.06),transparent 60%),var(--bg)}body:after{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(700px circle at 50% 0%,#000,transparent 75%);mask-image:radial-gradient(700px circle at 50% 0%,#000,transparent 75%)}.topo{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5;background-image:url(/topo.svg);background-repeat:repeat;background-size:640px 640px;--mx: -800px;--my: -800px;--regO: 0;--r0x: -800px;--r0y: -800px;--r1x: -800px;--r1y: -800px;--r2x: -800px;--r2y: -800px;--r3x: -800px;--r3y: -800px;--r4x: -800px;--r4y: -800px;-webkit-mask-image:radial-gradient(circle 285px at var(--mx) var(--my),#000 0%,#000 16%,transparent 70%),radial-gradient(circle 230px at var(--r0x) var(--r0y),rgba(0,0,0,var(--regO)) 0%,transparent 78%),radial-gradient(circle 180px at var(--r1x) var(--r1y),rgba(0,0,0,var(--regO)) 0%,transparent 78%),radial-gradient(circle 200px at var(--r2x) var(--r2y),rgba(0,0,0,var(--regO)) 0%,transparent 78%),radial-gradient(circle 160px at var(--r3x) var(--r3y),rgba(0,0,0,var(--regO)) 0%,transparent 78%),radial-gradient(circle 185px at var(--r4x) var(--r4y),rgba(0,0,0,var(--regO)) 0%,transparent 78%);mask-image:radial-gradient(circle 285px at var(--mx) var(--my),#000 0%,#000 16%,transparent 70%),radial-gradient(circle 230px at var(--r0x) var(--r0y),rgba(0,0,0,var(--regO)) 0%,transparent 78%),radial-gradient(circle 180px at var(--r1x) var(--r1y),rgba(0,0,0,var(--regO)) 0%,transparent 78%),radial-gradient(circle 200px at var(--r2x) var(--r2y),rgba(0,0,0,var(--regO)) 0%,transparent 78%),radial-gradient(circle 160px at var(--r3x) var(--r3y),rgba(0,0,0,var(--regO)) 0%,transparent 78%),radial-gradient(circle 185px at var(--r4x) var(--r4y),rgba(0,0,0,var(--regO)) 0%,transparent 78%)}@supports not (mask-image: radial-gradient(#000,#000)){.topo{display:none}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--ring);outline-offset:3px;border-radius:6px}::selection{background:var(--accent-dim);color:var(--text)}.page{width:100%;max-width:640px;margin:0 auto;padding:88px 24px 64px}.section{margin-top:56px}@media(min-width:1000px){.page{max-width:1180px;padding:60px 24px}.hero{position:fixed;top:60px;width:340px;left:max(24px,calc(50% - 566px));max-height:calc(100vh - 84px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.hero::-webkit-scrollbar{display:none}.content{margin-left:416px}.content>.section:first-child{margin-top:0}.content .footer{margin-top:72px}}@media(min-width:1200px){.page{padding-left:40px;padding-right:40px}.hero{left:max(40px,calc(50% - 550px))}.content{margin-left:444px}}.section-label{display:flex;align-items:center;gap:11px;font-family:var(--font-mono);font-size:13px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--text);margin-bottom:22px}.section-label:after{content:"";flex:1;height:1px;background:var(--border)}.lang-switch{position:fixed;top:20px;right:20px;z-index:20;display:flex;gap:2px;padding:3px;background:var(--bg-elev);border:1px solid var(--border);border-radius:999px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lang-switch button{position:relative;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--text-dim);background:transparent;border:0;border-radius:999px;padding:5px 12px;cursor:pointer;transition:color .15s var(--ease-out)}.lang-switch button:hover{color:var(--text-muted)}.lang-switch button.active{color:#fff}.lang-switch .pill{position:absolute;z-index:-1;inset:0;background:#367a04;border-radius:999px}.hero{display:flex;flex-direction:column;align-items:flex-start}.avatar-wrap{position:relative;width:84px;height:84px;margin-bottom:16px}.avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;object-position:center 22%;border:1px solid var(--border-strong);background:var(--bg-elev)}.avatar-fallback{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:26px;font-weight:500;color:var(--accent);background:var(--accent-dim);border:1px solid var(--border-strong)}.name{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.role{margin-top:6px;font-size:16px;color:#c9c9d1}.role .accent{color:var(--accent)}.meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;color:#a6a6b0}.meta span{display:inline-flex;align-items:center;gap:6px}.bio{margin-top:14px;font-size:15.5px;color:#c9c9d1;max-width:52ch}.tw{position:relative;display:inline-block;vertical-align:top;max-width:100%}.tw-ghost{opacity:0}.tw-real{position:absolute;inset:0;white-space:pre-wrap}.tw-caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-.18em;background:#16c60c;animation:tw-blink 1.05s steps(1,end) infinite}@keyframes tw-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.socials{margin-top:20px;align-self:stretch;display:flex;flex-direction:column;gap:8px}.social-link{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:500;color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border);border-radius:12px;padding:10px 15px;transition:color .15s var(--ease-out),border-color .15s var(--ease-out),background .15s var(--ease-out),transform .15s var(--ease-out)}.social-link:hover{color:var(--text);border-color:var(--border-strong);background:var(--bg-hover);transform:translateY(-2px)}.social-link>svg:first-child{width:17px;height:17px;flex-shrink:0}.social-link>svg.social-mail-icon{width:19px;height:19px;margin:-1px}.social-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-link .ext{margin-left:auto;flex-shrink:0;color:var(--text-dim);transition:transform .18s var(--ease-out),color .18s var(--ease-out)}.social-link:hover .ext{color:#367a04;transform:translate(2px,-2px)}.projects{display:flex;flex-direction:column;gap:12px}.project{display:block;padding:18px;background:var(--bg-elev);border:1px solid var(--border);border-radius:14px;transition:border-color .18s var(--ease-out),background .18s var(--ease-out),transform .18s var(--ease-out)}.project:hover{border-color:var(--border-strong);background:var(--bg-hover);transform:translateY(-2px)}.project-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.project-title{font-size:15.5px;font-weight:600;letter-spacing:-.01em}.project-arrow{color:var(--text-dim);transition:transform .18s var(--ease-out),color .18s var(--ease-out);flex-shrink:0}.project:hover .project-arrow{color:#367a04;transform:translate(2px,-2px)}.project-desc{margin-top:7px;font-size:14px;color:var(--text-muted)}.tags{margin-top:13px;display:flex;flex-wrap:wrap;gap:6px}.tag{font-family:var(--font-mono);font-size:11.5px;color:var(--text-dim);border:1px solid var(--border);border-radius:6px;padding:3px 7px}.more-link{margin-top:4px;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;color:var(--text-dim);transition:color .15s var(--ease-out)}.more-link:hover{color:var(--text)}.skill-group{margin-bottom:18px}.skill-group:last-child{margin-bottom:0}.skill-group h3{font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:9px}.skill-list{display:flex;flex-wrap:wrap;gap:6px}.skill{font-family:var(--font-mono);font-size:12px;color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border);border-radius:7px;padding:4px 9px;transition:border-color .15s var(--ease-out),color .15s var(--ease-out)}.skill:hover{color:var(--text);border-color:var(--border-strong)}.footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-dim)}.footer a{color:var(--text-dim);transition:color .15s var(--ease-out)}.footer a:hover{color:var(--text-muted)}@media(max-width:520px){.page{padding:76px 20px 56px}.name{font-size:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}