:root{--bg:#08080c;--bg2:#0e0e16;--panel:#111119;--border:#232333;--text:#c9c9d6;--dim:#6b6b7d;--bright:#f2f2f7;--violet:#a855f7;--pink:#ec4899;--green:#4ade80;--amber:#facc15;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);box-sizing:border-box}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);color:var(--text);font-family:SF Mono,Menlo,Consolas,monospace;line-height:1.6;overflow-x:hidden}::selection{background:var(--violet);color:#fff}.grad{background:linear-gradient(90deg,var(--violet),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.wrap{max-width:1100px;margin:0 auto;padding:0 32px}a{color:inherit;text-decoration:none}header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:#08080cd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}nav{display:flex;align-items:center;justify-content:space-between;padding:18px 32px;max-width:1100px;margin:0 auto}.logo{font-weight:700;color:var(--bright);display:flex;align-items:center;gap:8px}.logo span{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--violet),var(--pink));display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.navlinks{display:flex;gap:28px;font-size:13px;color:var(--dim)}.navlinks a:hover{color:var(--violet)}.resume{border:1px solid var(--border);padding:8px 14px;border-radius:6px;font-size:12px;color:var(--dim)}.resume:hover{border-color:var(--violet);color:var(--bright)}.hero{padding:90px 0 60px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}.tag{font-size:13px;color:var(--green);margin-bottom:16px}.cursor{display:inline-block;width:8px;height:16px;background:var(--green);animation:blink 1s step-end infinite;vertical-align:middle;margin-left:2px}@keyframes blink{50%{opacity:0}}h1{font-size:44px;line-height:1.15;color:var(--bright);font-weight:700;letter-spacing:-1px}.hero p{margin:20px 0 28px;color:var(--dim);max-width:46ch;font-size:15px}.btnrow{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:12px 20px;border-radius:0;font-size:13px;cursor:pointer;border:1px solid var(--border);transition:.2s}.btn.primary{background:transparent;color:var(--green);border:1px solid var(--green);text-transform:uppercase;letter-spacing:.5px}.btn.primary:hover{background:#4ade801f;box-shadow:0 0 0 1px var(--green),0 0 14px #4ade8059;transform:translateY(-1px)}.btn.ghost:hover{border-color:var(--violet);color:var(--bright)}.term{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -20px #a855f726}.term-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);background:#0c0c14}.dot{width:10px;height:10px;border-radius:50%}.term-bar span:nth-child(1){background:#ff5f56}.term-bar span:nth-child(2){background:#ffbd2e}.term-bar span:nth-child(3){background:#27c93f}.term-title{margin-left:auto;font-size:11px;color:var(--dim)}.term-body{padding:18px;font-size:12.5px;min-height:220px;white-space:pre-wrap}.term-body .k{color:#7dd3fc}.term-body .s{color:var(--amber)}.term-body .c{color:var(--dim)}.stats-wrap{padding:50px 0 90px}.stats-prompt{font-size:12px;color:var(--green);margin-bottom:18px}.stats-bar{display:flex;border:1px solid var(--border);border-radius:10px;background:var(--panel);overflow:hidden}.stat{flex:1;padding:26px 24px;position:relative;transition:.25s}.stat+.stat{border-left:1px dashed var(--border)}.stat:hover{background:#a855f70f}.stat .num{font-size:34px;font-weight:700;background:linear-gradient(90deg,var(--violet),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.stat .lbl{font-size:11px;color:var(--dim);margin-top:8px;letter-spacing:.3px}.stat .bar{position:absolute;left:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--violet),var(--pink));width:0;transition:width 1.1s ease}.stat.in .bar{width:100%}section{padding:70px 0}.sechead{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:34px;flex-wrap:wrap;gap:8px}.sechead h2{font-size:26px;color:var(--bright);border-left:3px solid var(--violet);padding-left:12px}.sechead .comment{font-size:12px;color:var(--dim)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.in{opacity:1;transform:translateY(0)}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.skillcol{border:1px solid var(--border);border-radius:8px;background:var(--panel);overflow:hidden}.skillcol-head{display:flex;align-items:center;gap:8px;padding:14px 16px;border-bottom:1px solid var(--border);background:#0c0c14;font-size:12.5px;color:var(--bright)}.skillcol-head .folder{color:var(--amber)}.skillcol-body{padding:16px}.skillrow{margin-bottom:14px}.skillrow:last-child{margin-bottom:0}.skillrow-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px}.skillrow-top .sname{color:var(--text)}.skillrow-top .spct{color:var(--dim)}.skilltrack{height:5px;border-radius:3px;background:#1a1a26;overflow:hidden}.skillfill{height:100%;border-radius:3px;width:0;transition:width 1s ease;background:linear-gradient(90deg,var(--violet),var(--pink))}.skillcol.in .skillfill{width:var(--pct)}.filters{display:flex;gap:8px}.fbtn{border:1px solid var(--border);padding:6px 14px;border-radius:0;font-size:12px;color:var(--dim);cursor:pointer}.fbtn.active{background:#4ade801f;color:var(--green);border:1px solid var(--green)}.proj-explorer{display:grid;grid-template-columns:270px 1fr;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel);min-height:340px}.badge{font-size:10px;padding:3px 8px;border-radius:4px;background:#a855f726;color:var(--violet)}.proj-list{border-right:1px solid var(--border);background:#0c0c14}.proj-row{display:flex;align-items:center;gap:10px;padding:13px 16px;font-size:12.5px;color:var(--dim);cursor:pointer;border-left:2px solid transparent;transition:.15s}.proj-row:hover{color:var(--text);background:#a855f70f}.proj-row.active{color:var(--bright);border-left-color:var(--pink);background:#a855f71a}.proj-row .dot2{width:6px;height:6px;border-radius:50%;flex-shrink:0}.proj-preview{padding:24px}.proj-preview .badge{margin-bottom:12px;display:inline-block}.proj-preview h3{color:var(--bright);font-size:18px;margin-bottom:10px}.proj-preview p{color:var(--dim);font-size:13.5px;max-width:56ch;margin-bottom:16px}.proj-preview .techline{font-size:12px;color:var(--violet);margin-bottom:18px}.proj-preview .openbtn{display:inline-block;padding:9px 16px;border-radius:6px;border:1px solid var(--border);font-size:12px;color:var(--text)}.proj-preview .openbtn:hover{border-color:var(--pink);color:var(--bright)}.timeline{position:relative;padding-left:26px;border-left:2px solid var(--border)}.tl-item{position:relative;margin-bottom:34px}.tl-item:before{content:"";position:absolute;left:-32px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 4px #a855f733}.tl-item h3{color:var(--bright);font-size:15px}.tl-item .co{color:var(--pink);font-size:12px;margin-top:2px}.tl-item .when{float:right;font-size:11px;color:var(--dim);border:1px solid var(--border);padding:3px 8px;border-radius:5px}.tl-item p{font-size:13px;color:var(--dim);margin:8px 0;max-width:60ch}.gh{display:grid;grid-template-columns:repeat(24,1fr);gap:3px}.cell{aspect-ratio:1;border-radius:2px;background:#1a1a26}.log{border-left:1px solid var(--border);padding-left:20px}.log li{list-style:none;font-size:12.5px;color:var(--dim);margin-bottom:10px}.log b{color:var(--bright)}.contrib{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rev{border:1px solid var(--border);border-radius:8px;padding:20px;background:var(--panel)}.rev.mid{border-color:var(--violet)}.who{display:flex;gap:10px;align-items:center;margin-bottom:10px}.avi{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--pink));display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700}.rev .name{color:var(--bright);font-size:13px}.rev .role{color:var(--dim);font-size:11px}.rev p{font-size:13px;color:var(--dim);font-style:italic}.contact-term{max-width:640px;margin:0 auto}label{display:block;font-size:12px;color:var(--green);margin:14px 0 6px}input,textarea{width:100%;background:#0c0c14;border:1px solid var(--border);border-radius:6px;padding:10px 12px;color:var(--bright);font-family:inherit;font-size:13px}input:focus,textarea:focus{outline:none;border-color:var(--violet)}.send{width:100%;margin-top:18px;padding:13px;border-radius:0;background:transparent;color:var(--green);border:1px solid var(--green);font-family:inherit;font-size:13px;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.send:hover{background:#4ade801f;box-shadow:0 0 0 1px var(--green),0 0 14px #4ade8059}footer{text-align:center;padding:40px 0;color:var(--dim);font-size:12px;border-top:1px solid var(--border)}.socials{display:flex;justify-content:center;gap:18px;margin-bottom:16px}.socials a{color:var(--dim)}.socials a:hover{color:var(--violet)}@media (max-width:860px){.hero{grid-template-columns:1fr;padding-top:50px}.stats-bar{flex-wrap:wrap}.stat{flex:1 1 50%}.stat+.stat{border-left:1px dashed var(--border)}.stat:nth-child(3){border-left:none}.skills,.reviews{grid-template-columns:repeat(2,1fr)}.proj-explorer{grid-template-columns:1fr}.proj-list{border-right:none;border-bottom:1px solid var(--border);max-height:220px;overflow-y:auto}.contrib{grid-template-columns:1fr}.navlinks{display:none}h1{font-size:32px}.gh{grid-template-columns:repeat(14,1fr)}}@media (max-width:520px){.skills,.reviews{grid-template-columns:1fr}.stat{flex:1 1 100%}.stat+.stat{border-left:none;border-top:1px dashed var(--border)}.wrap{padding:0 20px}}@media (prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}.cursor{animation:none}}