*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--fg:#e8e8e4;--dim:#4a4a4a;--border:#1e1e1e;--font:"Space Mono",monospace;--ease:cubic-bezier(.16,1,.3,1);--back:cubic-bezier(.34,1.56,.64,1)}html,body,#root{width:100%;min-height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);overflow-x:hidden;cursor:none;transition:background .7s,color .7s}#prog{position:fixed;top:0;left:0;height:2px;width:0%;background:var(--fg);z-index:9999;mix-blend-mode:difference;transition:width .08s linear}#tflash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;pointer-events:none;opacity:0;background:var(--fg);transition:opacity .15s}#tflash.on{opacity:.07}#wipe{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4000;pointer-events:none;background:var(--fg);transform:scaleY(0);transform-origin:bottom}#wipe.in{animation:wipeIn .45s var(--ease) forwards}#wipe.out{animation:wipeOut .45s var(--ease) forwards}@keyframes wipeIn{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes wipeOut{0%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(0);transform-origin:top}}#splash{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:8000;display:flex;align-items:center;justify-content:center;transition:opacity .9s var(--ease),transform .9s var(--ease)}#splash.hide{opacity:0;transform:translateY(-10px);pointer-events:none}.sp-name{font-size:clamp(26px,5vw,54px);font-weight:700;letter-spacing:-.03em;overflow:hidden}.sp-name span{display:block;animation:su 1s var(--ease) .3s both}.sp-bar{width:0;height:1px;background:var(--fg);margin-top:18px;animation:grow 1.6s var(--ease) .5s forwards}.sp-sub{font-size:10px;letter-spacing:.2em;color:var(--dim);margin-top:14px;opacity:0;animation:fu .8s ease 1.3s forwards}@keyframes grow{0%{width:0}to{width:100%}}.cur{position:fixed;width:7px;height:7px;background:var(--fg);border-radius:50%;pointer-events:none;z-index:7000;transform:translate(-50%,-50%);transition:width .2s,height .2s;mix-blend-mode:difference}.cur.h{width:13px;height:13px}.cur.ck{width:18px;height:18px;opacity:.5}.cur-ring{position:fixed;width:30px;height:30px;border:1px solid rgba(232,232,228,.4);border-radius:50%;pointer-events:none;z-index:6999;transform:translate(-50%,-50%);transition:width .4s var(--back),height .4s var(--back)}.cur-ring.h{width:56px;height:56px;opacity:.28}.rip{position:fixed;border-radius:50%;background:#e8e8e417;pointer-events:none;z-index:6998;transform:translate(-50%,-50%) scale(0);animation:rip .65s var(--ease) forwards}@keyframes rip{to{transform:translate(-50%,-50%) scale(1);opacity:0}}#fog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.proj-preview{position:fixed;width:220px;height:140px;pointer-events:none;z-index:3000;border:1px solid var(--border);overflow:hidden;opacity:0;transform:scale(.92) translateY(8px);transition:opacity .3s var(--ease),transform .3s var(--ease);background:var(--bg)}.proj-preview.show{opacity:1;transform:scale(1) translateY(0)}.proj-preview img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%)}.proj-preview .prev-label{position:absolute;bottom:0;left:0;right:0;padding:8px 10px;font-size:9px;letter-spacing:.12em;color:var(--dim);background:linear-gradient(transparent,#080808e6)}#btt{position:fixed;bottom:40px;right:40px;z-index:200;width:40px;height:40px;border:1px solid var(--border);background:var(--bg);color:var(--dim);font-family:var(--font);font-size:16px;cursor:none;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s,border-color .3s,color .3s}#btt.show{opacity:1;transform:translateY(0)}#btt:hover{border-color:var(--fg);color:var(--fg)}.wrap{position:relative;z-index:1}header{position:fixed;top:0;left:0;width:100%;padding:26px 44px;display:flex;justify-content:space-between;align-items:center;z-index:500}.logo-wrap{display:flex;align-items:center;gap:14px;mix-blend-mode:difference}.logo{font-size:12px;letter-spacing:.06em;text-decoration:none;color:var(--fg);font-weight:700;position:relative}.logo:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:var(--fg);transition:width .5s var(--ease)}.logo:hover:after{width:100%}.badge{display:flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.12em;color:var(--dim);padding:4px 10px;border:1px solid var(--border)}.badge-dot{width:6px;height:6px;border-radius:50%;background:#3ddc84;animation:pulse 2s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.themes{display:flex;gap:14px;font-size:10px;letter-spacing:.1em;color:var(--dim);mix-blend-mode:difference}.themes button{background:none;border:none;color:inherit;font-family:var(--font);cursor:none;transition:color .3s;padding:0;font-size:10px}.themes button:hover,.themes button.on{color:var(--fg)}.hbg{display:none;flex-direction:column;gap:5px;cursor:none;padding:4px;mix-blend-mode:difference;background:none;border:none}.hbg span{display:block;width:22px;height:1px;background:var(--fg);transition:transform .4s var(--ease),opacity .3s}.hbg.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hbg.open span:nth-child(2){opacity:0}.hbg.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobmenu{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:400;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:36px;opacity:0;pointer-events:none;transition:opacity .4s var(--ease)}.mobmenu.open{opacity:1;pointer-events:all}.mobmenu a{font-size:28px;font-weight:700;letter-spacing:-.02em;text-decoration:none;color:var(--dim);transition:color .3s}.mobmenu a:hover{color:var(--fg)}nav.side{position:fixed;left:40px;top:50%;transform:translateY(-50%);z-index:100;display:flex;flex-direction:column;gap:20px}nav.side a{text-decoration:none;color:var(--dim);font-size:10px;letter-spacing:.14em;display:flex;align-items:center;gap:10px;transition:color .3s;cursor:none;white-space:nowrap}.dot{width:4px;height:4px;border-radius:50%;background:var(--dim);flex-shrink:0;transition:background .3s,transform .45s var(--back),box-shadow .3s}nav.side a:hover{color:var(--fg)}nav.side a:hover .dot{background:var(--fg);transform:scale(2.2);box-shadow:0 0 8px #e8e8e480}nav.side a.on{color:var(--fg)}nav.side a.on .dot{background:var(--fg);transform:scale(1.6)}main{padding:0 0 0 140px}section{padding:130px 80px 130px 0}#home{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:100px;padding-bottom:80px;position:relative;overflow:hidden}.h-sub{font-size:10px;letter-spacing:.2em;color:var(--dim);margin-bottom:32px;text-transform:uppercase;min-height:16px}.h-title{font-size:clamp(52px,7.5vw,96px);font-weight:700;line-height:.95;letter-spacing:-.03em;will-change:transform}.h-title .ln{display:block;overflow:hidden}.h-title .ln span{display:block;opacity:0;transform:translateY(108%);animation:su .95s var(--ease) forwards}.h-title .ln:nth-child(1) span{animation-delay:2s}.h-title .ln:nth-child(2) span{animation-delay:2.12s}.h-title .ln:nth-child(3) span{animation-delay:2.24s}.h-desc{margin-top:48px;max-width:440px;font-size:13px;line-height:2.1;color:#e8e8e48c;opacity:0;animation:fu 1.1s ease 2.5s forwards}.h-desc em{font-style:italic;color:var(--fg)}.scroll-hint{position:absolute;bottom:48px;left:0;font-size:9px;letter-spacing:.25em;color:var(--dim);opacity:0;animation:fu 1s ease 2.9s forwards;display:flex;align-items:center;gap:14px;text-transform:uppercase}.scroll-hint:before{content:"";display:block;width:36px;height:1px;background:var(--dim);animation:la 2.5s ease 3.3s infinite}.stats{display:flex;gap:52px;margin-top:56px;opacity:0;animation:fu 1s ease 2.6s forwards}.stat-num{font-size:clamp(32px,4vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1}.stat-label{font-size:10px;letter-spacing:.15em;color:var(--dim);margin-top:6px;text-transform:uppercase}.about-grid{display:grid;grid-template-columns:200px 1fr;gap:64px;align-items:start}.avatar-wrap{position:relative}.avatar{width:180px;height:220px;background:var(--border);overflow:hidden;position:relative}.avatar:after{content:"FNT";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--dim);letter-spacing:-.02em}.avatar img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1;filter:grayscale(20%)}.about-content h3{font-size:10px;letter-spacing:.22em;color:var(--dim);text-transform:uppercase;margin-bottom:24px}.about-content p{font-size:13px;line-height:2.3;color:#e8e8e4a6;margin-bottom:20px}.aresei-btn{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--border);padding:14px 24px;color:var(--dim);text-decoration:none;font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:border-color .3s,color .3s,background .3s;font-family:var(--font);margin-top:32px}.aresei-btn:hover{border-color:var(--fg);color:var(--fg)}.aresei-btn-dot{width:6px;height:6px;border-radius:50%;background:#3ddc84;animation:pulse 2s ease infinite;flex-shrink:0}.sep{border-top:1px solid var(--border)}.sh{display:flex;align-items:baseline;gap:20px;margin-bottom:80px}.st{font-size:10px;letter-spacing:.22em;color:var(--dim);text-transform:uppercase}.sl{flex:1;height:1px;background:var(--border);max-width:180px;transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}.vis .sl{transform:scaleX(1)}.pl{list-style:none}.pi{border-top:1px solid var(--border);position:relative;overflow:hidden}.pi:last-child{border-bottom:1px solid var(--border)}.pi:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--fg);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}.pi:hover:after{transform:scaleX(1)}.plink{display:flex;justify-content:space-between;align-items:center;padding:24px 0;text-decoration:none;color:var(--fg);position:relative;z-index:1;gap:28px}.plink:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(232,232,228,.05),transparent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);z-index:-1}.pi:hover .plink:before{transform:scaleX(1)}.pname{font-size:clamp(14px,1.9vw,19px);font-weight:700;letter-spacing:-.01em;flex:1;transition:letter-spacing .45s ease}.pi:hover .pname{letter-spacing:.02em}.pmeta{font-size:10px;color:var(--dim);letter-spacing:.08em;text-align:right;white-space:nowrap}.ptag{font-size:9px;letter-spacing:.1em;color:var(--dim);padding:2px 8px;border:1px solid var(--border);white-space:nowrap}.parr{font-size:15px;color:var(--dim);flex-shrink:0;display:inline-block;transition:transform .45s var(--back),color .3s}.pi:hover .parr{transform:translate(6px,-6px);color:var(--fg)}.skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 60px}.skill-row{padding:10px 0;border-bottom:1px solid var(--border)}.skill-top{display:flex;justify-content:space-between;margin-bottom:10px;font-size:11px;letter-spacing:.08em}.skill-pct{color:var(--dim)}.skill-track{height:1px;background:var(--border);overflow:hidden}.skill-fill{height:100%;background:var(--fg);width:0;transition:width 1.3s var(--ease)}.skill-fill.go{width:var(--w)}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--border)}.tl-item{position:relative;margin-bottom:44px}.tl-item:last-child{margin-bottom:0}.tl-dot{position:absolute;left:-32px;top:6px;width:8px;height:8px;border-radius:50%;border:1px solid var(--dim);background:var(--bg);transition:border-color .3s,background .3s,box-shadow .3s}.tl-item:hover .tl-dot{border-color:var(--fg);background:var(--fg);box-shadow:0 0 10px #e8e8e44d}.tl-date{font-size:10px;letter-spacing:.15em;color:var(--dim);margin-bottom:8px}.tl-role{font-size:14px;font-weight:700;letter-spacing:-.01em;margin-bottom:4px}.tl-co{font-size:11px;color:var(--dim);letter-spacing:.06em;margin-bottom:10px}.tl-desc{font-size:12px;line-height:1.9;color:#e8e8e48c}.testi-wrap{overflow:hidden}.testi-track{display:flex;transition:transform .6s var(--ease)}.testi-slide{min-width:100%;padding-right:40px}.testi-quote{font-size:clamp(14px,1.8vw,18px);line-height:1.9;font-style:italic;color:#e8e8e4cc;margin-bottom:28px}.testi-author{font-size:11px;letter-spacing:.1em;color:var(--dim)}.testi-author strong{color:var(--fg);display:block;font-size:12px;margin-bottom:3px}.testi-nav{display:flex;gap:12px;margin-top:32px;align-items:center}.testi-btn{width:28px;height:28px;border:1px solid var(--border);background:none;cursor:none;font-family:var(--font);color:var(--dim);display:flex;align-items:center;justify-content:center;transition:border-color .3s,color .3s;font-size:14px}.testi-btn:hover{border-color:var(--fg);color:var(--fg)}.tdot{width:4px;height:4px;border-radius:50%;background:var(--border);transition:background .3s,transform .3s}.tdot.on{background:var(--fg);transform:scale(1.5)}.tdots{display:flex;gap:8px;margin-left:auto}.flist{list-style:none}.fi{border-top:1px solid var(--border)}.fi:last-child{border-bottom:1px solid var(--border)}.fq{display:flex;justify-content:space-between;align-items:center;padding:24px 0;cursor:none;font-size:13px;font-weight:700;letter-spacing:.02em;transition:color .3s;-webkit-user-select:none;user-select:none}.fq:hover{color:#fff}.ftog{font-size:20px;color:var(--dim);line-height:1;transition:transform .45s var(--back),color .3s}.fi.open .ftog{transform:rotate(45deg);color:var(--fg)}.fans{font-size:12px;line-height:2.1;color:#e8e8e48c;max-height:0;overflow:hidden;transition:max-height .6s var(--ease),padding .4s}.fi.open .fans{max-height:400px;padding-bottom:28px}.soc{display:flex;gap:32px;flex-wrap:wrap;align-items:center}.slink{text-decoration:none;color:var(--dim);font-size:11px;letter-spacing:.1em;position:relative;transition:color .3s;padding-bottom:3px;cursor:none}.slink:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--fg);transition:width .45s var(--ease)}.slink:hover{color:var(--fg)}.slink:hover:after{width:100%}.copy-btn{background:none;border:1px solid var(--border);color:var(--dim);font-family:var(--font);font-size:10px;letter-spacing:.1em;padding:8px 16px;cursor:none;transition:border-color .3s,color .3s,background .3s;display:flex;align-items:center;gap:8px}.copy-btn:hover{border-color:var(--fg);color:var(--fg)}.copy-btn.copied{border-color:#3ddc84;color:#3ddc84}footer{padding:48px 80px 48px 0;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--dim);letter-spacing:.1em}.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.reveal.vis{opacity:1;transform:translateY(0)}@keyframes su{0%{opacity:0;transform:translateY(108%)}to{opacity:1;transform:translateY(0)}}@keyframes fu{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes la{0%,to{width:36px;opacity:.5}50%{width:72px;opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:900px){nav.side{display:none}.hbg{display:flex}main{padding:0}section{padding:100px 24px 80px}.skills-grid{grid-template-columns:1fr;gap:0}.about-grid{grid-template-columns:1fr;gap:40px}footer{padding:32px 24px;flex-direction:column;gap:16px}header{padding:20px 24px}.stats{gap:32px}#btt{right:20px;bottom:20px}}