@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-void:#070b14;--color-slate:#0f172a;--color-slate-mid:#1e293b;--color-cyan:#00d9ff;--color-cyan-dim:#0ea5e9;--color-purple:#818cf8;--color-teal:#14b8a6;--color-coral:#ff2d20;--color-docker:#0db7ed;--color-gold:#f59e0b;--color-text:#e2e8f0;--color-muted:#94a3b8;--color-border:#94a3b81f;--font-main:"Space Grotesk", system-ui, sans-serif;--font-mono:"Space Mono", "Courier New", monospace}html{scroll-behavior:auto;touch-action:pan-y;height:100%;overflow-x:hidden}body{background:var(--color-void);min-height:100%;color:var(--color-text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:pan-y;overflow:hidden scroll}.scroll-container{width:100%;position:relative}.canvas-wrapper{z-index:0;touch-action:pan-y;width:100%;height:100dvh;position:fixed;top:0;left:0;overflow:hidden}.scroll-spacer{z-index:1;touch-action:pan-y;-webkit-overflow-scrolling:touch;height:600vh;position:relative}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);background:#0f172a8c;border-radius:20px}.glass-light{-webkit-backdrop-filter:blur(16px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px}.loading-screen{background:var(--color-void);z-index:1000;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-logo{font-family:var(--font-mono);letter-spacing:.1em;color:var(--color-text);font-size:2.5rem;font-weight:700}.loading-logo span{color:var(--color-cyan);text-shadow:0 0 20px var(--color-cyan)}.loading-bar-track{background:#94a3b826;border-radius:2px;width:280px;height:2px;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg, var(--color-purple), var(--color-cyan));height:100%;box-shadow:0 0 12px var(--color-cyan);border-radius:2px;transition:width .3s}.loading-text{font-family:var(--font-mono);color:var(--color-muted);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem}.hud{z-index:20;pointer-events:none;font-family:var(--font-mono);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);position:fixed}.hud-zone{flex-direction:column;gap:.5rem;display:flex;top:2rem;left:2rem}.hud-zone-label{letter-spacing:.2em;color:var(--color-muted);text-transform:uppercase;opacity:0;font-size:.65rem;transition:opacity .5s,transform .5s;transform:translateY(-8px)}.hud-zone-label.visible{opacity:1;transform:translateY(0)}.hud-zone-name{color:var(--color-cyan);text-shadow:0 0 20px #00d9ff66;opacity:0;font-size:1rem;font-weight:700;transition:opacity .5s .1s,transform .5s .1s;transform:translateY(-8px)}.hud-zone-name.visible{opacity:1;transform:translateY(0)}.hud-progress{flex-direction:column;align-items:center;gap:.5rem;display:flex;bottom:2rem;left:50%;transform:translate(-50%)}.hud-progress-track{background:#94a3b826;border-radius:2px;width:200px;height:2px;overflow:hidden}.hud-progress-fill{background:linear-gradient(90deg, var(--color-purple), var(--color-cyan));height:100%;box-shadow:0 0 8px var(--color-cyan);border-radius:2px;transition:width .1s linear}.hud-scroll-hint{letter-spacing:.2em;color:var(--color-muted);text-transform:uppercase;font-size:.6rem;animation:2s ease-in-out infinite pulse-hint}@keyframes pulse-hint{0%,to{opacity:.4}50%{opacity:1}}.landing-overlay{z-index:10;width:100%;height:100dvh;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);pointer-events:none;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;top:0;left:0}.landing-overlay.hidden{opacity:0}.landing-panel{text-align:center;-webkit-backdrop-filter:blur(24px);background:#070b1499;border:1px solid #00d9ff26;border-radius:28px;width:90%;max-width:640px;padding:3.5rem 4rem;box-shadow:0 0 80px #00d9ff0f,0 40px 80px #00000080,inset 0 1px #ffffff0f}.landing-init-text{font-family:var(--font-mono);letter-spacing:.22em;color:var(--color-cyan);text-transform:uppercase;opacity:0;margin-bottom:1.5rem;font-size:.65rem;animation:.8s .5s forwards fadeSlideUp}.landing-name{letter-spacing:-.02em;background:linear-gradient(135deg, #e2e8f0 0%, var(--color-cyan) 50%, var(--color-purple) 100%);-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;margin-bottom:.6rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;line-height:1;animation:.8s .8s forwards fadeSlideUp}.landing-title{color:var(--color-muted);opacity:0;margin-bottom:.9rem;font-size:.95rem;font-weight:400;animation:.8s 1s forwards fadeSlideUp}.landing-hook{color:#94a3b8bf;opacity:0;max-width:420px;margin:0 auto 1.6rem;font-size:.82rem;line-height:1.6;animation:.8s 1.2s forwards fadeSlideUp}.landing-socials{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;margin-bottom:1.6rem;animation:.8s 1.5s forwards fadeSlideUp;display:flex}.landing-social-btn{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-muted);pointer-events:auto;background:#ffffff0a;border:1px solid #94a3b82e;border-radius:8px;align-items:center;gap:.45rem;min-height:36px;padding:.5rem 1rem;font-size:.68rem;text-decoration:none;transition:color .25s,border-color .25s,background .25s;display:inline-flex}.landing-social-btn:hover{color:var(--color-cyan);background:#00d9ff0f;border-color:#00d9ff66}.landing-social-cv{color:var(--color-cyan);background:#00d9ff0d;border-color:#00d9ff4d}.landing-social-cv:hover{background:#00d9ff1a;border-color:#00d9ff99}.landing-cta{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:#94a3b880;opacity:0;align-items:center;gap:.5rem;font-size:.72rem;animation:.8s 1.9s forwards fadeSlideUp,3s 2.5s infinite pulse-hint;display:inline-flex}@keyframes pulse-border{0%,to{border-color:#00d9ff4d;box-shadow:0 0 #00d9ff00}50%{border-color:#00d9ffb3;box-shadow:0 0 20px #00d9ff26}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-overlay{opacity:0;z-index:15;pointer-events:none;width:90%;max-width:840px;padding-bottom:env(safe-area-inset-bottom,0px);transition:opacity .7s cubic-bezier(.34,1.56,.64,1),transform .7s cubic-bezier(.34,1.56,.64,1);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.85)}.contact-overlay.visible{opacity:1;pointer-events:all;transform:translate(-50%,-50%)scale(1)}.contact-panel{-webkit-backdrop-filter:blur(28px);background:#070b14bf;border:1px solid #00d9ff2e;border-radius:28px;grid-template-columns:1fr 1.4fr;gap:3rem;padding:3rem;display:grid;box-shadow:0 0 100px #00d9ff14,0 60px 120px #0009,inset 0 1px #ffffff0f}.contact-info h2{background:linear-gradient(135deg, var(--color-text), var(--color-gold));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.contact-info .zone-tag{font-family:var(--font-mono);letter-spacing:.2em;color:var(--color-gold);text-transform:uppercase;margin-bottom:1.5rem;font-size:.65rem;display:block}.contact-info p{color:var(--color-muted);margin-bottom:2rem;font-size:.9rem;line-height:1.7}.contact-links{flex-direction:column;gap:.75rem;display:flex}.contact-link{color:var(--color-muted);align-items:center;gap:.75rem;font-size:.85rem;text-decoration:none;transition:color .3s;display:flex}.contact-link:hover{color:var(--color-cyan)}.contact-link-icon{background:#00d9ff14;border:1px solid #00d9ff26;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;display:flex}.contact-form{flex-direction:column;gap:1rem;display:flex}.contact-link-text{word-break:break-all!important;overflow-wrap:break-word!important;white-space:normal!important}.mobile-only-divider{display:none}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-group label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted);font-size:.65rem}.form-group input,.form-group textarea{border:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-main);resize:none;background:#ffffff08;border-radius:10px;outline:none;padding:.75rem 1rem;font-size:.9rem;transition:border-color .3s,box-shadow .3s}.form-group input:focus,.form-group textarea:focus{border-color:#00d9ff66;box-shadow:0 0 0 3px #00d9ff14}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b866}.submit-btn{background:linear-gradient(135deg, var(--color-cyan), var(--color-purple));color:var(--color-void);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;margin-top:.5rem;padding:.85rem 2rem;font-size:.8rem;font-weight:700;transition:opacity .3s,transform .2s}.submit-btn:hover{opacity:.9;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.zone-chip{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--color-cyan);background:#00d9ff14;border:1px solid #00d9ff33;border-radius:50px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.65rem;display:inline-flex}@media (max-width:960px){.zi-wrapper{width:320px;right:1rem}.contact-overlay{width:94%;max-width:700px}}@media (max-width:768px){body{overflow-x:hidden}.mobile-only-divider{background:linear-gradient(90deg,#0000,#94a3b824,#0000);width:100%;height:1px;margin:1rem 0;display:block!important}.hud-zone{gap:.3rem;top:1rem;left:1rem}.hud-zone-name{font-size:.85rem}.hud-zone-label{font-size:.58rem}.hud-progress-track{width:160px}.hud-scroll-hint{font-size:.55rem}.loading-logo{font-size:2rem}.loading-bar-track{width:220px}.landing-panel{border-radius:22px;padding:2.25rem 1.75rem}.landing-name{font-size:clamp(1.8rem,7vw,3rem)}.landing-title{font-size:.9rem}.landing-sub{font-size:.7rem}.contact-panel{border-radius:22px;grid-template-columns:1fr;gap:1.5rem;padding:2rem}.zi-wrapper{z-index:21;pointer-events:none;border-radius:22px 22px 0 0;width:100%;max-height:85vh;padding:0;inset:auto 0 0;overflow:hidden;transform:none}.zi-panel{max-height:85vh;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,16px));pointer-events:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-bottom:none;border-left:none;border-right:none;border-radius:22px 22px 0 0;flex-direction:column;animation:.45s cubic-bezier(.34,1.15,.64,1) both zi-slide-up;display:flex;overflow-y:auto!important}.zi-panel:before{content:"";background:#94a3b859;border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:0 auto .9rem;display:block}.zi-tag{flex-shrink:0;margin-bottom:.75rem;padding-bottom:.55rem}.zi-divider{flex-shrink:0;margin:.65rem 0}.hud-progress{bottom:calc(85vh + 1rem)}}@keyframes zi-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.landing-overlay{padding:0 .75rem;padding-bottom:max(8vh, env(safe-area-inset-bottom,16px));align-items:flex-end}.landing-panel{border-radius:20px;max-width:100%;padding:1.75rem 1.5rem}.landing-init-text{letter-spacing:.18em;margin-bottom:1.25rem;font-size:.6rem}.landing-name{margin-bottom:.4rem;font-size:clamp(1.6rem,9vw,2.4rem)}.landing-title{margin-bottom:.35rem;font-size:.83rem}.landing-sub{margin-bottom:1.75rem;font-size:.65rem}.landing-cta{padding:.6rem 1.5rem;font-size:.65rem}.hud-zone{top:.75rem;left:.75rem}.hud-zone-name{font-size:.78rem}.hud-zone-label{font-size:.52rem}.hud-progress{bottom:calc(85vh + .5rem)}.hud-progress-track{width:140px;height:2px}.loading-logo{letter-spacing:.08em;font-size:1.7rem}.loading-bar-track{width:200px}.loading-text{font-size:.65rem}.contact-overlay{width:100%;max-width:100%;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:0;inset:auto 0 0;transform:translateY(20px)scale(.97)}.contact-overlay.visible{transform:translateY(0)scale(1)}.contact-panel{border-radius:0;gap:1.25rem;padding:1.5rem}.contact-info h2{font-size:1.3rem}.contact-info p{font-size:.82rem}.zi-wrapper{max-height:85vh}.zi-panel{max-height:85vh;padding:.85rem 1rem calc(1.25rem + env(safe-area-inset-bottom,16px));overflow-y:auto!important}.zi-name{font-size:1.2rem}.zi-bio{font-size:.78rem;line-height:1.6}.zi-stats{gap:.5rem;grid-template-columns:repeat(2,1fr)!important}.zi-stat-num{font-size:.95rem}.zi-stat-lbl{font-size:.55rem}.zi-project-name{font-size:.82rem}.zi-project-stack{font-size:.57rem}.zi-project-desc{font-size:.73rem}.zi-exp-role{font-size:.8rem}.zi-exp-company{font-size:.72rem}.zi-exp-bullets li{font-size:.68rem;line-height:1.45}.zi-exp-list{gap:.6rem}.zi-project-list{gap:.45rem}}@media (max-width:480px){html,body{max-width:100vw;overflow-x:hidden}.zi-wrapper{max-height:85vh}.zi-panel{max-height:85vh;padding:.75rem .85rem calc(1rem + env(safe-area-inset-bottom,16px));border-radius:18px 18px 0 0;overflow-y:auto!important}.zi-panel:before{width:32px;margin-bottom:.7rem}.zi-tag{letter-spacing:.14em;margin-bottom:.6rem;padding-bottom:.45rem;font-size:.5rem}.zi-section-title{letter-spacing:.14em;margin-bottom:.45rem;font-size:.52rem}.zi-divider{margin:.5rem 0}.zi-name{font-size:1.1rem}.zi-role{margin-bottom:.5rem;font-size:.6rem}.zi-bio{margin-bottom:.5rem;font-size:.74rem}.zi-edu-degree{font-size:.77rem}.zi-edu-school{font-size:.68rem}.zi-edu-meta{font-size:.58rem}.zi-edu-card{margin-bottom:.35rem;padding:.5rem .6rem}.zi-tech-tag{padding:.18rem .5rem;font-size:.58rem}.zi-project-card{padding:.55rem .7rem}.zi-exp-bullets li{font-size:.67rem}.hud-zone-name{font-size:.7rem}.hud-progress-track{width:110px}.landing-panel{padding:1.5rem 1.25rem}.landing-name{font-size:clamp(1.4rem,10vw,2rem)}}.zi-wrapper{z-index:18;pointer-events:none;width:380px;max-height:88vh;position:fixed;top:50%;right:1.5rem;transform:translateY(-50%)}@keyframes zi-slide-in{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.zi-panel{-webkit-backdrop-filter:blur(28px);pointer-events:auto;scrollbar-width:thin;scrollbar-color:#00d9ff2e transparent;background:#06091cdb;border:1px solid #94a3b821;border-radius:20px;max-height:88vh;padding:1.4rem 1.5rem;animation:.5s cubic-bezier(.34,1.15,.64,1) both zi-slide-in;overflow-y:auto;box-shadow:0 0 60px #00d9ff0d,0 30px 60px #00000080,inset 0 1px #ffffff0d}.zi-panel::-webkit-scrollbar{width:3px}.zi-panel::-webkit-scrollbar-track{background:0 0}.zi-panel::-webkit-scrollbar-thumb{background:#00d9ff33;border-radius:2px}.zi-tag{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-cyan);border-bottom:1px solid #00d9ff26;margin-bottom:.9rem;padding-bottom:.65rem;font-size:.58rem}.zi-section{margin-bottom:.25rem}.zi-divider{background:linear-gradient(90deg,#0000,#94a3b824,#0000);height:1px;margin:.85rem 0}.zi-section-title{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.6rem;font-size:.58rem}.zi-name{letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-text), var(--color-cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.15rem;font-size:1.45rem;font-weight:700}.zi-role{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-purple);margin-bottom:.7rem;font-size:.68rem}.zi-bio{color:var(--color-muted);margin-bottom:.75rem;font-size:.82rem;line-height:1.7}.zi-lang-row{flex-wrap:wrap;gap:.45rem;display:flex}.zi-badge{font-family:var(--font-mono);letter-spacing:.08em;border-radius:50px;padding:.22rem .7rem;font-size:.62rem}.zi-badge-purple{color:var(--color-purple);background:#818cf814;border:1px solid #818cf847}.zi-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.zi-stat{background:#00d9ff0a;border:1px solid #00d9ff1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.12rem;padding:.5rem .2rem;display:flex}.zi-stat-num{font-family:var(--font-mono);color:var(--color-cyan);font-size:1.05rem;font-weight:700}.zi-stat-lbl{color:var(--color-muted);text-align:center;letter-spacing:.04em;font-size:.57rem}.zi-edu-card{background:#ffffff05;border:1px solid #94a3b812;border-radius:10px;align-items:flex-start;gap:.7rem;margin-bottom:.45rem;padding:.6rem .7rem;display:flex}.zi-edu-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;margin-top:4px}.zi-edu-degree{color:var(--color-text);margin-bottom:.1rem;font-size:.82rem;font-weight:600}.zi-edu-school{color:var(--color-muted);word-break:break-word;margin-bottom:.08rem;font-size:.73rem}.zi-edu-meta{font-family:var(--font-mono);color:#64748bd9;font-size:.62rem}.zi-skillbars{flex-direction:column;gap:.42rem;display:flex}.zi-skillbar-row{align-items:center;gap:.55rem;display:flex}.zi-skillbar-name{font-family:var(--font-mono);color:var(--color-text);flex-shrink:0;width:82px;font-size:.66rem}.zi-skillbar-track{background:#94a3b81a;border-radius:3px;flex:1;height:5px;overflow:hidden}.zi-skillbar-fill{border-radius:3px;height:100%}.zi-skillbar-pct{font-family:var(--font-mono);text-align:right;flex-shrink:0;width:30px;font-size:.6rem}.zi-tag-grid{flex-wrap:wrap;gap:.38rem;display:flex}.zi-tech-tag{font-family:var(--font-mono);letter-spacing:.04em;color:var(--color-cyan);background:#00d9ff0f;border:1px solid #00d9ff2e;border-radius:6px;padding:.22rem .6rem;font-size:.63rem}.zi-tech-tag-red{color:#ff2d20;background:#ff2d200f;border-color:#ff2d2033}.zi-tech-tag-dim{color:var(--color-muted);background:#94a3b80a;border-color:#94a3b81f}.zi-project-list{flex-direction:column;gap:.6rem;display:flex}.zi-project-card{background:#ffffff05;border:1px solid #94a3b812;border-left:3px solid;border-radius:10px;padding:.7rem .85rem;transition:background .2s}.zi-project-card:hover{background:#ffffff0a}.zi-project-name{margin-bottom:.18rem;font-size:.86rem;font-weight:700}.zi-project-stack{font-family:var(--font-mono);color:#94a3b8a6;letter-spacing:.03em;margin-bottom:.3rem;font-size:.6rem}.zi-project-desc{color:var(--color-muted);word-break:break-word;font-size:.77rem;line-height:1.6}.zi-exp-list{flex-direction:column;gap:.8rem;display:flex}.zi-exp-item{align-items:flex-start;gap:.7rem;display:flex}.zi-exp-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.zi-exp-role{margin-bottom:.1rem;font-size:.85rem;font-weight:600}.zi-exp-company{color:var(--color-text);margin-bottom:.06rem;font-size:.76rem}.zi-exp-period{font-family:var(--font-mono);color:#64748bd9;margin-bottom:.4rem;font-size:.6rem}.zi-exp-bullets{flex-direction:column;gap:.22rem;margin:0;padding:0;list-style:none;display:flex}.zi-exp-bullets li{color:var(--color-muted);word-break:break-word;padding-left:1rem;font-size:.75rem;line-height:1.5;position:relative}.zi-exp-bullets li:before{content:"›";color:#00d9ff80;position:absolute;left:0}.zi-skill-groups{flex-direction:column;gap:.75rem;display:flex}.zi-skill-group-header{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.zi-skill-group-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.zi-skill-group-title{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;font-size:.6rem;font-weight:700}.zi-skill-chips{flex-wrap:wrap;gap:.35rem;display:flex}.zi-skill-chip{font-family:var(--font-mono);letter-spacing:.04em;background:#0003;border:1px solid;border-radius:5px;padding:.2rem .55rem;font-size:.63rem}.zi-project-links{gap:.6rem;margin-top:.55rem;display:flex}.zi-project-link{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-muted);border:1px solid #94a3b82e;border-radius:5px;padding:.2rem .6rem;font-size:.6rem;text-decoration:none;transition:color .2s,border-color .2s}.zi-project-link:hover{color:var(--color-cyan);border-color:#00d9ff59}.zi-project-link-live{color:#4ade80;border-color:#4ade8040}.zi-project-link-live:hover{color:#4ade80;border-color:#4ade8080}.pnav{z-index:20;pointer-events:auto;flex-direction:column;gap:1.1rem;display:flex;position:fixed;top:50%;left:1.5rem;transform:translateY(-50%)}.pnav-item{cursor:pointer;background:0 0;border:none;align-items:center;gap:.6rem;min-width:44px;min-height:44px;padding:.25rem 0;display:flex}.pnav-dot{background:0 0;border:1.5px solid #94a3b859;border-radius:50%;flex-shrink:0;width:7px;height:7px;transition:background .25s,border-color .25s,transform .25s}.pnav-label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#94a3b866;opacity:0;font-size:.6rem;transition:color .25s,opacity .3s,transform .3s;transform:translate(-4px)}.pnav-item:hover .pnav-label{opacity:1;color:var(--color-muted);transform:translate(0)}.pnav-item:hover .pnav-dot{border-color:var(--color-muted)}.pnav-item-active .pnav-dot{background:var(--color-cyan);border-color:var(--color-cyan);transform:scale(1.3)}.pnav-item-active .pnav-label{opacity:1;color:var(--color-cyan);transform:translate(0)}@media (max-width:768px){.pnav{display:none}}@media (max-width:600px){.landing-hook{margin-bottom:1.2rem;font-size:.76rem}.landing-social-btn{padding:.45rem .85rem;font-size:.62rem}.zi-skill-chip{padding:.16rem .45rem;font-size:.58rem}.zi-project-link{padding:.16rem .5rem;font-size:.57rem}}@media (max-width:480px){.landing-socials{gap:.45rem}.landing-social-btn{padding:.4rem .7rem;font-size:.6rem}}.zi-panel{box-sizing:border-box;flex-direction:column!important;display:flex!important;overflow:hidden!important}.zi-scroll-box{flex-direction:column;padding-right:6px;display:flex;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;flex:auto!important;overflow:hidden auto!important}.zi-edu-school,.zi-exp-company,.zi-project-desc,.zi-exp-bullets li{white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important}@media (max-width:768px){.zi-wrapper{flex-direction:column!important;max-height:80vh!important;display:flex!important}.zi-panel{height:80vh!important;max-height:80vh!important}}@media (max-width:480px){.zi-wrapper,.zi-panel{height:78vh!important;max-height:78vh!important}.zi-stats{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}}.zi-wrapper{box-sizing:border-box}.zi-panel{box-sizing:border-box;flex-direction:column!important;width:100%!important;max-width:100%!important;display:flex!important;overflow:hidden!important}.zi-tag{flex-shrink:0!important}@media (max-width:768px){.zi-wrapper{width:85%!important;max-width:85%!important;max-height:75vh!important;padding:0!important;inset:auto auto 0 0!important;transform:none!important}.zi-panel{width:100%!important;max-width:100%!important;height:75vh!important;max-height:75vh!important;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,16px))!important;border-radius:22px 22px 0 0!important}.zi-panel:before{margin:0 auto .9rem!important}}@media (max-width:480px){.zi-wrapper{width:85%!important;max-width:85%!important;height:72vh!important;max-height:72vh!important}.zi-panel{height:72vh!important;max-height:72vh!important;padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom,12px))!important}.zi-stats{grid-template-columns:repeat(2,1fr)!important;gap:.4rem!important}}@media (max-width:768px){.contact-overlay{width:85%!important;max-width:85%!important;max-height:80vh!important;padding:0!important;inset:auto auto 0 0!important;transform:none!important}.contact-panel{-webkit-overflow-scrolling:touch;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,16px))!important;border-radius:22px 22px 0 0!important;flex-direction:column!important;grid-template-columns:1fr!important;gap:1.25rem!important;max-height:80vh!important;display:flex!important;overflow-y:auto!important}.contact-info p{margin-bottom:1rem!important;font-size:.8rem!important}.contact-links{margin-bottom:.5rem;gap:.5rem!important}}@media (max-width:480px){.contact-overlay,.contact-panel{width:85%!important;max-width:85%!important;max-height:75vh!important}.contact-panel{padding:1rem 1rem calc(1.25rem + env(safe-area-inset-bottom,12px))!important}.contact-form{gap:.75rem!important}.form-group input,.form-group textarea{padding:.6rem .8rem!important;font-size:.82rem!important}.submit-btn{padding:.7rem 1.5rem!important;font-size:.75rem!important}}@media (max-width:960px){.zi-wrapper{width:320px;right:1rem}.contact-overlay{width:94%;max-width:700px}}@media (max-width:768px){body{overflow-x:hidden}.mobile-only-divider{background:linear-gradient(90deg,#0000,#94a3b824,#0000);width:100%;height:1px;margin:1rem 0;display:block!important}.hud-zone{gap:.3rem;top:1rem;left:1rem}.hud-zone-name{font-size:.85rem}.hud-zone-label{font-size:.58rem}.hud-progress{bottom:3.5rem}.hud-progress-track{width:160px}.hud-scroll-hint{font-size:.55rem}.loading-logo{font-size:2rem}.loading-bar-track{width:220px}.landing-panel{border-radius:22px;padding:2.25rem 1.75rem}.landing-name{font-size:clamp(1.8rem,7vw,3rem)}.landing-title{font-size:.9rem}.landing-sub{font-size:.7rem}.zi-wrapper{flex-direction:column!important;justify-content:flex-end!important;width:85%!important;max-width:85%!important;max-height:80vh!important;padding:0!important;display:flex!important;inset:auto auto 0 0!important;transform:none!important}.zi-panel{width:100%!important;max-width:100%!important;height:auto!important;max-height:80vh!important;padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,16px))!important;border-radius:22px 22px 0 0!important;flex-direction:column!important;display:flex!important;overflow:hidden!important}.zi-scroll-box{flex:0 auto!important;overflow:hidden auto!important}.zi-tag{margin-bottom:.75rem;padding-bottom:.55rem;flex-shrink:0!important}.zi-divider{margin:.65rem 0;flex-shrink:0!important}.contact-overlay{width:85%!important;max-width:85%!important;max-height:80vh!important;padding:0!important;inset:auto auto 0 0!important;transform:none!important}.contact-panel{padding:1.25rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom,16px))!important;border-radius:22px 22px 0 0!important;flex-direction:column!important;grid-template-columns:1fr!important;gap:1.25rem!important;height:auto!important;max-height:80vh!important;display:flex!important;overflow:hidden!important}.contact-info p{margin-bottom:1rem!important;font-size:.8rem!important}.contact-links{margin-bottom:.5rem;gap:.5rem!important}}@media (max-width:600px){.landing-overlay{padding:0 .75rem;padding-bottom:max(8vh, env(safe-area-inset-bottom,16px));align-items:flex-end}.landing-panel{border-radius:20px;max-width:100%;padding:1.75rem 1.5rem}.landing-init-text{letter-spacing:.18em;margin-bottom:1.25rem;font-size:.6rem}.landing-name{margin-bottom:.4rem;font-size:clamp(1.6rem,9vw,2.4rem)}.landing-title{margin-bottom:.35rem;font-size:.83rem}.landing-sub{margin-bottom:1.75rem;font-size:.65rem}.landing-cta{padding:.6rem 1.5rem;font-size:.65rem}.hud-zone{top:.75rem;left:.75rem}.hud-zone-name{font-size:.78rem}.hud-zone-label{font-size:.52rem}.hud-progress-track{width:140px;height:2px}.loading-logo{letter-spacing:.08em;font-size:1.7rem}.loading-bar-track{width:200px}.loading-text{font-size:.65rem}.landing-hook{margin-bottom:1.2rem;font-size:.76rem}.landing-social-btn{padding:.45rem .85rem;font-size:.62rem}.zi-skill-chip{padding:.16rem .45rem;font-size:.58rem}.zi-project-link{padding:.16rem .5rem;font-size:.57rem}.zi-name{font-size:1.2rem}.zi-bio{font-size:.78rem;line-height:1.6}.zi-project-name{font-size:.82rem}.zi-project-stack{font-size:.57rem}.zi-project-desc{font-size:.73rem;line-height:1.5}.zi-exp-role{font-size:.8rem}.zi-exp-company{font-size:.72rem}.zi-exp-bullets li{font-size:.68rem;line-height:1.45}.zi-exp-list{gap:.6rem}.zi-project-list{gap:.45rem}}@media (max-width:480px){html,body{max-width:100vw;overflow-x:hidden}.zi-wrapper,.contact-overlay{width:85%!important;max-width:85%!important;max-height:75vh!important}.zi-panel,.contact-panel{height:auto!important;max-height:75vh!important;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom,12px))!important}.zi-panel:before{width:32px;margin-bottom:.7rem}.zi-tag{letter-spacing:.14em;margin-bottom:.6rem;padding-bottom:.45rem;font-size:.5rem}.zi-section-title{letter-spacing:.14em;margin-bottom:.45rem;font-size:.52rem}.zi-divider{margin:.5rem 0}.zi-name{font-size:1.1rem}.zi-role{margin-bottom:.5rem;font-size:.6rem}.zi-bio{margin-bottom:.5rem;font-size:.74rem}.zi-edu-degree{font-size:.77rem}.zi-edu-school{font-size:.68rem}.zi-edu-meta{font-size:.58rem}.zi-edu-card{margin-bottom:.35rem;padding:.5rem .6rem}.zi-tech-tag{padding:.18rem .5rem;font-size:.58rem}.zi-project-card{padding:.55rem .7rem}.zi-exp-bullets li{font-size:.67rem}.hud-zone-name{font-size:.7rem}.hud-progress-track{width:110px}.landing-panel{padding:1.5rem 1.25rem}.landing-name{font-size:clamp(1.4rem,10vw,2rem)}.landing-socials{gap:.45rem}.landing-social-btn{padding:.4rem .7rem;font-size:.6rem}.zi-stats{grid-template-columns:repeat(2,1fr)!important;gap:.4rem!important}.zi-stat-num{font-size:.95rem}.zi-stat-lbl{font-size:.55rem}.contact-form{gap:.75rem!important}.form-group input,.form-group textarea{padding:.6rem .8rem!important;font-size:.82rem!important}.submit-btn{padding:.7rem 1.5rem!important;font-size:.75rem!important}}.zi-panel,.contact-panel{box-sizing:border-box}.zi-scroll-box{box-sizing:border-box;flex-direction:column;padding-right:4px;display:flex;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;flex:auto!important;overflow:hidden auto!important}.zi-item-content{flex:1!important;min-width:0!important}.zi-edu-school,.zi-exp-company,.zi-project-desc,.zi-bio,.zi-exp-bullets li{white-space:normal!important;word-break:break-word!important;overflow-wrap:break-word!important}.zi-scroll-box::-webkit-scrollbar{width:4px!important}.zi-scroll-box::-webkit-scrollbar-track{background:0 0!important}.zi-scroll-box::-webkit-scrollbar-thumb{background:#00d9ff40!important;border-radius:10px!important}