*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#0a0a0a;--border:#1f1f1f;--border2:#333;--text:#fff;--muted:#a1a1aa;--muted2:#71717a;--green:#4ade80;--green-dim:#1a3a26}html{scroll-behavior:smooth;background:var(--bg);color:var(--text);transition:background .3s,color .3s}body{background:var(--bg);color:var(--text);cursor:none;border-left:1px solid var(--border);border-right:1px solid var(--border);max-width:700px;min-height:100vh;margin:0 auto;font-family:Inter,system-ui,sans-serif;font-size:13px;line-height:1.7;overflow-x:hidden}#cur{pointer-events:none;z-index:9999;mix-blend-mode:difference;background:#fff;border-radius:50%;width:6px;height:6px;position:fixed;transform:translate(-50%,-50%)}#cur-ring{pointer-events:none;z-index:9998;border:1px solid #fff3;border-radius:50%;width:28px;height:28px;transition:width .2s,height .2s,border-color .2s;position:fixed;transform:translate(-50%,-50%)}body.hovering #cur-ring{border-color:#ffffff73;width:44px;height:44px}nav{z-index:100;border-bottom:1px solid #0000;padding:14px 0;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;top:0;left:0;right:0}nav.stuck{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:var(--border);background:#0a0a0ae6}.nav-wrap{justify-content:space-between;align-items:center;max-width:700px;margin:0 auto;padding:0 28px;display:flex}.nav-links{gap:24px;display:flex}.nav-links a{color:var(--muted);letter-spacing:.02em;font-family:Geist Mono,monospace;font-size:11.5px;text-decoration:none;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-right{align-items:center;gap:10px;display:flex}.nav-icon{color:var(--muted2);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .2s;display:flex}.nav-icon:hover{color:var(--text)}.page{max-width:700px;margin:0 auto;padding:0 28px}section{border-bottom:1px solid var(--border);padding:64px 0}section:last-of-type{border-bottom:none}.sec-title{color:var(--text);align-items:center;gap:8px;margin-bottom:32px;font-family:Playfair Display,serif;font-size:28px;font-weight:500;display:flex}.sec-title .hash{color:#eab308;opacity:.8;margin-left:2px;font-family:Geist Mono,monospace;font-size:20px;font-weight:500}#home{padding-top:108px}.hero-row{align-items:center;gap:16px;margin-bottom:18px;display:flex}.avatar{border:1px solid var(--border2);background:linear-gradient(135deg,#1a1a1a,#222);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:26px;display:flex;position:relative;overflow:hidden}.avatar img{object-fit:cover;object-position:center 65%;border-radius:50%;width:100%;height:100%}.online{background:var(--green);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;animation:2s infinite glow;position:absolute;bottom:2px;right:2px}@keyframes glow{0%,to{box-shadow:0 0 #4ade8080}50%{box-shadow:0 0 0 5px #4ade8000}}.hero-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hero-name{letter-spacing:-.02em;text-shadow:0 4px 24px #ffffff26;font-family:Playfair Display,serif;font-size:44px;font-weight:600;line-height:1.1}.hero-verified{color:var(--green);font-size:12px}.hero-loc{color:var(--muted);letter-spacing:.03em;font-family:Geist Mono,monospace;font-size:11px}.hero-role-wrap{height:16px;margin-top:3px;overflow:hidden}.role-slider{flex-direction:column;transition:transform .42s cubic-bezier(.4,0,.2,1);display:flex}.role-item{color:var(--muted);white-space:nowrap;letter-spacing:.02em;height:16px;font-family:Geist Mono,monospace;font-size:11.5px;line-height:16px}.hero-desc{color:#d4d4d8;max-width:600px;margin-bottom:28px;font-size:14.5px;line-height:1.85}.hero-desc a{color:var(--text);text-underline-offset:3px;font-weight:500;-webkit-text-decoration:underline #444;text-decoration:underline #444;transition:all .2s}.hero-desc a:hover{background:#eab30826;border-color:#facc15}.socials{flex-wrap:wrap;gap:8px;display:flex}.soc{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.soc:hover{border-color:var(--border2);color:var(--text);background:#161616}.soc svg{width:14px;height:14px}.skills-wrap{flex-wrap:wrap;gap:7px;display:flex}.skill{color:#e4e4e7;border:1px solid var(--border);letter-spacing:.02em;opacity:0;background:#0e0e0e;border-radius:6px;align-items:center;gap:8px;padding:6px 14px;font-family:Geist Mono,monospace;font-size:11.5px;transition:all .2s,opacity .35s,transform .35s;display:inline-flex;transform:translateY(8px)}.skill.in{opacity:1;transform:translateY(0)}.skill:hover{color:#fff;background:#ffffff08;border-style:solid;border-color:#888;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.sk-dot{border-radius:50%;flex-shrink:0;width:5px;height:5px}.lang .sk-dot{background:#f7df1e}.framework .sk-dot{background:#61dafb}.backend .sk-dot{background:#68a063}.db .sk-dot{background:#4479a1}.tool .sk-dot{background:#e97627}.ai .sk-dot{background:#a855f7}.blockchain .sk-dot{background:#f59e0b}.project{border-bottom:1px solid var(--border);cursor:default;padding:16px 0;position:relative}.projects-list .project:first-child{border-top:1px solid var(--border)}.proj-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.proj-left{align-items:center;gap:7px;display:flex}.proj-arrow{color:var(--muted2);margin-top:1px;font-size:11px;transition:color .2s}.project:hover .proj-arrow{color:var(--muted)}.proj-title,.project:hover .proj-title{letter-spacing:0;font-family:Playfair Display,serif;font-size:22px;font-weight:500;transition:color .2s}.proj-icons{flex-shrink:0;align-items:center;gap:8px;margin-top:1px;display:flex}.proj-icon-link{color:var(--muted2);text-decoration:none;transition:color .2s;display:flex}.proj-icon-link:hover{color:var(--text)}.proj-icon-link svg{width:13px;height:13px}.proj-desc{color:#a1a1aa;max-width:580px;margin:10px 0 14px;font-size:13.5px;line-height:1.75}.tech-row{flex-wrap:wrap;gap:5px;display:flex}.tech{color:#e4e4e7;letter-spacing:.02em;background:#161616;border:1px solid #333;border-radius:4px;padding:3px 10px;font-family:Geist Mono,monospace;font-size:10.5px;transition:all .15s}.tech:hover{color:#fff;background:#222;border-color:#555}.more-btn{color:var(--muted);border:1px solid var(--border);letter-spacing:.03em;border-radius:4px;align-items:center;gap:6px;margin-top:18px;padding:7px 14px;font-family:Geist Mono,monospace;font-size:11px;text-decoration:none;transition:all .2s;display:inline-flex}.more-btn:hover{border-color:var(--border2);color:var(--text);background:#111}.gh-wrap{padding-bottom:4px;overflow-x:auto}.gh-cell{background:#141414;border:1px solid #1a1a1a;border-radius:2px;flex-shrink:0;width:10px;height:10px;transition:transform .1s}.gh-cell:hover{z-index:1;transform:scale(1.4)}.gh-cell.l1{background:#1a3a26;border-color:#1e4a2e}.gh-cell.l2{background:#22863a;border-color:#2a9e46}.gh-cell.l3{background:#2ea043;border-color:#36be4f}.gh-cell.l4{background:#4ade80;border-color:#5ae88a}.gh-legend{color:#444;align-items:center;gap:5px;margin-top:10px;font-family:Geist Mono,monospace;font-size:10px;display:flex}.gh-leg{gap:3px;display:flex}.gh-leg-cell{border-radius:2px;width:10px;height:10px}.cert{border:1px solid var(--border);background:#0c0c0c;border-radius:6px;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;padding:16px 18px;transition:border-color .2s;display:flex}.cert:hover{border-color:var(--border2)}.cert-name{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;font-size:13px;font-weight:500;display:flex}.cert-badge{color:var(--green);background:var(--green-dim);letter-spacing:.03em;border:1px solid #2a5a3a;border-radius:3px;padding:1px 7px;font-family:Geist Mono,monospace;font-size:10px}.cert-desc{color:#666;font-size:12px;line-height:1.7}.cert-ext{color:var(--muted2);flex-shrink:0;margin-top:2px;text-decoration:none;transition:color .2s;display:flex}.cert-ext:hover{color:var(--text)}.cert-ext svg{width:13px;height:13px}.blog{border-bottom:1px solid var(--border);color:inherit;align-items:center;gap:14px;padding:14px 0;text-decoration:none;transition:opacity .2s;display:flex}.blogs-list .blog:first-child{border-top:1px solid var(--border)}.blog:hover{opacity:.75}.blog-thumb{border:1px solid var(--border);background:#111;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:58px;font-size:22px;display:flex;overflow:hidden}.blog-title{color:var(--text);margin-bottom:4px;font-size:13px;line-height:1.5}.blog-meta{color:var(--muted);letter-spacing:.03em;font-family:Geist Mono,monospace;font-size:10px}.edu-item,.vol-item{border-bottom:1px solid var(--border);opacity:0;padding:16px 0;transition:opacity .45s,transform .45s;transform:translateY(12px)}.edu-item.in,.vol-item.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.edu-item,.vol-item{opacity:1;transform:none}}.edu-list .edu-item:first-child,.vol-list .vol-item:first-child{border-top:1px solid var(--border)}.edu-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.edu-school{letter-spacing:-.01em;font-size:13.5px;font-weight:500}.edu-loc{color:var(--muted);flex-shrink:0;font-family:Geist Mono,monospace;font-size:10.5px}.edu-deg{color:#888;margin-top:3px;font-size:12px}.edu-courses{color:#555;margin-top:6px;font-family:Geist Mono,monospace;font-size:10.5px;line-height:1.6}.vol-title{font-size:13px;font-weight:500}.vol-org{color:var(--muted);margin-top:2px;font-family:Geist Mono,monospace;font-size:10.5px}.vol-desc{color:#777;margin-top:6px;font-size:12px;line-height:1.7}.calendar{width:100%}.calendar .contrib-number{color:#888;font-family:Geist Mono,monospace;font-size:11px}.calendar svg rect.ContributionCalendar-day{rx:2px}.gh-stats{flex-wrap:wrap;gap:18px;margin-bottom:16px;display:flex}.gh-stat{flex-direction:column;gap:2px;display:flex}.gh-stat-val{letter-spacing:-.02em;color:var(--text);font-size:20px;font-weight:600}.gh-stat-label{color:#555;font-family:Geist Mono,monospace;font-size:10px}footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:700px;margin:0 auto;padding:32px 28px;display:flex}.foot-txt{color:var(--muted2);font-family:Geist Mono,monospace;font-size:11px}@keyframes blurReveal{0%{opacity:0;filter:blur(8px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.fade-up{opacity:0;filter:blur(4px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1),filter .6s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.fade-up.in{opacity:1;filter:blur();transform:translateY(0)}@media (max-width:600px){.proj-preview{display:none}}html.light-theme,body.light-theme{--bg:#fff;--surface:#f9f9f9;--border:#e5e5e5;--border2:#d4d4d4;--text:#1a1a1a;--muted:#52525b;--muted2:#71717a;background:var(--bg);color:var(--text)}:is(html,body).light-theme .avatar{background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}:is(html,body).light-theme .skill{color:#1a1a1a;background:#f4f4f5}:is(html,body).light-theme .skill:hover{color:#000;background:#e4e4e7}:is(html,body).light-theme .tech{color:#1a1a1a;background:#f4f4f5;border-color:#e5e5e5}:is(html,body).light-theme .tech:hover{background:#e4e4e7;border-color:#d4d4d4}:is(html,body).light-theme .cert{background:#f9f9f9}:is(html,body).light-theme .blog-thumb,:is(html,body).light-theme .more-btn:hover{background:#f4f4f5}:is(html,body).light-theme nav.stuck{background:#ffffffe6}:is(html,body).light-theme .hero-desc a:hover{background:#eab30833}:is(html,body).light-theme .gh-cell{background:#ebedf0;border-color:#1b1f230f}:is(html,body).light-theme .gh-cell.l1{background:#9be9a8;border-color:#1b1f230f}:is(html,body).light-theme .gh-cell.l2{background:#40c463;border-color:#1b1f230f}:is(html,body).light-theme .gh-cell.l3{background:#30a14e;border-color:#1b1f230f}:is(html,body).light-theme .gh-cell.l4{background:#216e39;border-color:#1b1f230f}:is(html,body).light-theme .gh-leg-cell[style*="background:#141414"]{background:#ebedf0!important;border-color:#1b1f230f!important}:is(html,body).light-theme #cur{background:#000}:is(html,body).light-theme #cur-ring{border:1px solid #0003}:is(html,body).light-theme.hovering #cur-ring{border-color:#00000073}:is(html,body).light-theme .hero-desc{color:#444;font-weight:500}:is(html,body).light-theme .proj-desc,:is(html,body).light-theme .cert-desc,:is(html,body).light-theme .vol-desc,:is(html,body).light-theme .edu-deg,:is(html,body).light-theme .edu-courses{color:#555;font-weight:400}:is(html,body).light-theme .vol-org,:is(html,body).light-theme .edu-loc,:is(html,body).light-theme .blog-meta,:is(html,body).light-theme .nav-links a,:is(html,body).light-theme .hero-loc,:is(html,body).light-theme .role-item{color:#666}:is(html,body).light-theme .nav-links a.active,:is(html,body).light-theme .nav-links a:hover,:is(html,body).light-theme .hero-name,:is(html,body).light-theme .sec-title,:is(html,body).light-theme .proj-title,:is(html,body).light-theme .vol-title,:is(html,body).light-theme .edu-school{color:#111}:is(html,body).light-theme .soc{color:#555;background:#fff;border-color:#d4d4d4}:is(html,body).light-theme .soc:hover{color:#111;background:#f4f4f5;border-color:#a1a1aa}:is(html,body).light-theme .cert-name{color:#111}
