@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg:#000;--bg-secondary:#09090b;--bg-card:#09090b;--text:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dimmed:#3f3f46;--border:#27272a;--border-hover:#3f3f46;--accent:#fff;--accent-dim:#ffffff0d;--accent-glow:#ffffff05;--green:#10b981;--green-dim:#10b9811a;--link:#a1a1aa;--link-hover:#fff;--max-width:640px;--nav-height:64px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--radius:8px;--shadow-card:0 0 0 1px var(--border);--shadow-hover:0 0 0 1px var(--border-hover)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.6}::selection{background:var(--text);color:var(--bg)}a{color:var(--link);text-decoration:none;transition:all .2s}a:hover{color:var(--link-hover)}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#000c;position:sticky;top:0}.nav-inner{max-width:var(--max-width);height:var(--nav-height);justify-content:space-between;align-items:center;margin:0 auto;padding:0 20px;display:flex}.nav-name{color:var(--text);font-size:14px;font-weight:500;transition:opacity .2s}.nav-name:hover{opacity:.7}.nav-links{gap:4px;list-style:none;display:flex}.nav-link{color:var(--text-muted);border-radius:6px;padding:6px 12px;font-size:13px;transition:all .2s}.nav-link:hover{color:var(--text)}.nav-link.active{color:var(--text);background:var(--bg-secondary)}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.page-content{padding-top:64px;padding-bottom:120px}.hero{margin-bottom:64px}.hero-greeting{color:var(--text);letter-spacing:-.02em;margin-bottom:16px;font-size:24px;font-weight:600}.hero-bio{color:var(--text-secondary);max-width:100%;font-size:14px;line-height:1.6}.hero-actions{gap:12px;margin-top:24px;display:flex}.resume-btn-hero{color:var(--bg);background:var(--text);border-radius:6px;align-items:center;padding:8px 20px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.resume-btn-hero:hover{opacity:.9;transform:translateY(-1px)}.section{margin-bottom:64px}.section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:500}.section-link{color:var(--text-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.section-link:hover{color:var(--text)}.skills-grid{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{color:var(--text-secondary);border:1px solid var(--border);background:0 0;border-radius:4px;padding:4px 10px;font-size:12px;transition:all .2s}.skill-tag:hover{border-color:var(--border-hover);color:var(--text)}.skill-tag.highlight{border-color:var(--text-muted);color:var(--text)}.work-list{flex-direction:column;display:flex}.work-card{border-bottom:1px solid var(--border);grid-template-columns:120px 1fr;gap:16px;padding:20px 0;display:grid}.work-card:last-child{border-bottom:none}.work-date{color:var(--text-muted);padding-top:2px;font-size:12px}.work-info{flex-direction:column;gap:2px;display:flex}.work-company{color:var(--text);font-size:14px;font-weight:500}.work-role{color:var(--text-secondary);font-size:13px}.work-desc{color:var(--text-muted);margin-top:8px;font-size:13px}.project-list{flex-direction:column;gap:12px;display:flex}.project-card{border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);padding:20px;transition:all .2s;display:block}.project-card:hover{border-color:var(--border-hover);background:#111}.project-title{color:var(--text);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px;font-weight:500;display:flex}.project-title:after{content:"↗";color:var(--text-muted);font-size:12px;transition:all .2s}.project-card:hover .project-title:after{color:var(--text);transform:translate(2px,-2px)}.project-desc{color:var(--text-muted);font-size:13px;line-height:1.5}.project-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.project-tag{color:var(--text-dimmed);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:11px}.connect-text{color:var(--text-secondary);margin-bottom:24px;font-size:14px}.social-links{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.social-link-btn{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:400;transition:all .2s;display:inline-flex}.social-link-btn:hover{border-color:var(--border-hover);color:var(--text)}.detail-back{color:var(--text-muted);align-items:center;gap:6px;margin-bottom:32px;font-size:13px;display:inline-flex}.detail-back:hover{color:var(--text)}.detail-title{color:var(--text);letter-spacing:-.02em;margin-bottom:8px;font-size:32px;font-weight:600}.detail-meta{gap:12px;margin-bottom:48px;display:flex}.detail-link{color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;padding:6px 14px;font-size:13px}.detail-link:hover{border-color:var(--text);color:var(--text)}.detail-content{color:var(--text-secondary);font-size:14px;line-height:1.7}.detail-content h2{color:var(--text);margin-top:40px;margin-bottom:12px;font-size:18px;font-weight:500}.detail-content p{margin-bottom:20px}.oss-card{border-bottom:1px solid var(--border);padding:16px 0}.oss-card:last-child{border-bottom:none}.oss-card:hover .oss-name{color:var(--text)}.oss-name{color:var(--text-secondary);margin-bottom:4px;font-size:14px;font-weight:500}.oss-desc{color:var(--text-muted);font-size:13px}@media (max-width:640px){.nav-inner{padding:0 16px}.nav-links{gap:0}.nav-link{padding:6px 8px;font-size:12px}.container{padding:0 16px}.work-card{grid-template-columns:1fr;gap:4px}.hero-greeting{font-size:20px}.page-content{padding-top:40px}}