@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&family=Playfair+Display:ital@1&family=Silkscreen&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Outfit:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Outfit:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap);body,html{overflow-x:clip}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar-wrap{left:50%;margin:0;position:fixed;top:12px;transform:translateX(-50%);width:min(1200px,calc(100% - 24px));z-index:1000}@media (min-width:761px){.navbar-wrap.hide-on-desktop{display:none}}.navbar{align-items:center;backdrop-filter:blur(6px) saturate(250%);-webkit-backdrop-filter:blur(32px) saturate(250%);background:linear-gradient(135deg,hsla(0,0%,100%,.085),#fff0 30%,#0000004d),#19191959;border:1px solid #ffffff0d;border-color:hsla(0,0%,100%,.389) hsla(0,0%,100%,.288) hsla(0,0%,100%,.284) hsla(0,0%,100%,.323);border-radius:50px;border-style:solid;border-width:2px 1px 1px 3px;box-shadow:0 15px 35px #0006,inset 0 6px 15px #ffffff1a,inset 0 -6px 15px #0006;display:flex;justify-content:space-between;overflow:hidden;padding:8px 24px;position:relative;width:100%}.navbar:before{animation:edge-sweep 5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff,#0000);box-shadow:0 0 1px #fff;content:"";height:1px;left:-100%;pointer-events:none;position:absolute;top:0;width:150px;z-index:10}@keyframes edge-sweep{0%{left:-50%;opacity:0}10%{opacity:1}40%{left:120%;opacity:1}50%{opacity:0}to{left:100%;opacity:0}}.nav-logo{align-items:center;border-radius:50%;display:flex;height:30px;justify-content:center;overflow:hidden;position:relative;width:30px;z-index:2}.nav-logo img{height:250%;object-fit:cover;transform:translateY(5px);width:250%}.nav-links{display:flex;gap:60px;list-style:none;margin:0;padding:0}.nav-links li a{color:#ccc;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links li a:hover{color:#00ff2f}@media (max-width:1100px){.navbar-wrap{width:calc(80% - 18px)}.navbar{padding:10px 18px}.nav-links{gap:26px}}.nav-menu-btn{align-items:center;background:#05050566;border:1px solid #00ff2f59;border-radius:10px;cursor:pointer;display:none;flex-direction:column;gap:4px;height:34px;justify-content:center;padding:0;position:relative;width:34px;z-index:2}.nav-menu-btn span{background:#00ff2f;border-radius:2px;height:2px;transition:transform .2s ease,opacity .2s ease;width:14px}.mobile-nav-menu{display:none}@media (max-width:760px){.navbar-wrap{top:10px;width:calc(100% - 12px)}.navbar{border-radius:28px;padding:8px 14px}.nav-logo{height:30px;width:30px}.nav-links,.nav-wave-toggle{display:none}.nav-menu-btn{display:flex}.nav-menu-btn.open span:first-child{transform:translateY(6px) rotate(45deg)}.nav-menu-btn.open span:nth-child(2){opacity:0}.nav-menu-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav-menu{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#000000eb;border:1px solid #ffffff1a;border-radius:18px;box-shadow:0 10px 24px #00000057;display:flex;flex-direction:column;margin-top:8px;max-height:0;opacity:0;overflow:hidden;padding:0 14px;pointer-events:none;transition:max-height .3s ease,opacity .3s ease,padding .3s ease}.mobile-nav-menu.open{max-height:320px;opacity:1;padding:8px 14px;pointer-events:auto}.mobile-nav-menu a{border-bottom:1px solid #ffffff14;color:#d6d6d6;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:500;padding:10px 4px;text-decoration:none}.mobile-nav-menu a:last-child{border-bottom:none}.mobile-nav-menu a:hover{color:#00ff2f}}@media (max-width:400px){.nav-wave-toggle{display:none}.nav-wave-track{gap:3px}.nav-wave-bar{height:19px;width:3px}}.preloader{align-items:center;background:#000;display:flex;inset:0;isolation:isolate;justify-content:center;opacity:1;overflow:hidden;position:fixed;transform:translateZ(0);transition:transform .92s cubic-bezier(.76,0,.24,1);visibility:visible;will-change:transform;z-index:9999}.preloader.is-hidden{pointer-events:none;transform:translate3d(0,-102%,0)}.preloader-content{align-items:center;display:flex;flex-direction:column;gap:22px;padding:24px;position:relative;z-index:1}.preloader-logo-shell{aspect-ratio:1;isolation:isolate;position:relative;width:clamp(180px,24vw,280px)}.preloader-logo-core,.preloader-logo-edge,.preloader-logo-sweep{display:block;inset:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;position:absolute}.preloader-logo-core{animation:preloaderPulse 1.8s ease-in-out infinite;background:radial-gradient(circle at 50% 38%,#ffffff42 0,#2bff00 26%,#0dff00 54%,rgba(15,255,3,.999) 78%,#0dff0000 100%);transform-origin:center}.preloader-logo-edge{animation:preloaderEdgePulse 1.35s ease-in-out infinite;background:radial-gradient(circle at 50% 50%,#fff 0,#0dff00 30%,#0dff00 58%,#0dff0000 82%);transform-origin:center}.preloader-logo-sweep{animation:preloaderSweep 1.45s linear infinite;background:linear-gradient(115deg,#0000 26%,#ffffff24 38%,#fffffff2 50%,#ffffff1f 62%,#0000 74%);background-size:220% 100%;mix-blend-mode:screen;opacity:.85}.preloader-copy{color:#ffffffb8;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.42em;margin:0;text-transform:uppercase;transform:translateX(.22em)}@keyframes preloaderPulse{0%,to{opacity:.9;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}@keyframes preloaderEdgePulse{0%,to{opacity:.75;transform:scale(.99)}50%{opacity:1;transform:scale(1.04)}}@keyframes preloaderSweep{0%{background-position:-160% 50%;opacity:.35}25%{opacity:1}50%{opacity:.9}to{background-position:160% 50%;opacity:.35}}@media (max-width:768px){.preloader-logo-shell{width:clamp(160px,54vw,230px)}.preloader-copy{font-size:.7rem;letter-spacing:.32em}}@font-face{font-family:Extenda;font-style:normal;font-weight:400;src:url(/static/media/Extenda-40-Hecto-trial.041a493b1b98076150a5.ttf) format("truetype")}@font-face{font-family:GCGudlak;font-style:normal;font-weight:400;src:url(/static/media/GCGudlakDemo-Regular-BF695cd59bb1a11.5d94a4aea4b97440e4cd.ttf) format("truetype")}@font-face{font-family:GCGudlakLight;font-style:normal;font-weight:400;src:url(/static/media/GCGudlakDemo-Light-BF695cd59b5a172.a65f786270b36adc98f7.ttf) format("truetype")}:root{--font-intro:"GCGudlak","Playfair Display",serif;--font-name:"Extenda","Silkscreen",cursive;--font-desc:"Space Mono",monospace;--font-main:"Space Grotesk",sans-serif}.hero-bio-mobile{background:#111;box-sizing:border-box;display:none;padding:48px 28px 52px;width:100%}.hero-bio-text{color:#c8c8c8;font-family:Space Mono,monospace;font-family:var(--font-desc);font-size:clamp(12px,3.6vw,16px);letter-spacing:.03em;line-height:2;margin:0;text-align:center}.hero-bio-text span{color:#0dff00}.hero{align-items:center;background-color:#111;background-image:linear-gradient(#ffffff0a 1px,#0000 0),linear-gradient(90deg,#ffffff0a 1px,#0000 0);background-size:48px 48px;color:#fff;display:flex;flex-wrap:wrap;font-family:Space Grotesk,sans-serif;font-family:var(--font-main);gap:clamp(20px,4vw,60px);height:100%;justify-content:space-between;min-height:100vh;overflow-x:hidden;padding:clamp(32px,6vw,80px) clamp(16px,5vw,60px) clamp(16px,3vw,40px);position:relative}.hero:before{background:radial-gradient(ellipse at center,#0000 40%,#000000b3 100%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.hero>*{position:relative;z-index:1}.hero-left{display:flex;flex:1 1;flex-direction:column;gap:0;max-width:520px;min-width:clamp(260px,40vw,520px)}.intro{color:#e0e0e0;font-family:GCGudlak,Playfair Display,serif;font-family:var(--font-intro);font-size:clamp(22px,3.5vw,48px);font-style:italic;font-weight:400;line-height:1;margin:0 0 clamp(10px,1.5vw,20px);transform:translate(clamp(60px,15vw,220px),clamp(20px,3.5vw,55px));z-index:10}.name-box{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0b1e0aa6;border:1px solid #55f75a40;border-radius:60px;box-shadow:0 10px 30px #00000080;display:inline-block;margin-bottom:clamp(16px,2.5vw,36px);padding:clamp(6px,1vw,14px) clamp(18px,3vw,44px);transform:translate(clamp(40px,10vw,160px),clamp(-6px,-.5vw,-2px));width:fit-content}.name-box h1{color:#15ff00;font-family:Extenda,Silkscreen,cursive;font-family:var(--font-name);font-size:clamp(54px,11vw,155px);font-weight:7;letter-spacing:clamp(1px,.4vw,5px);line-height:1;margin:0;transform:translate(5px,clamp(4px,.8vw,12px))}.desc{color:silver;font-family:var(GCGudlak);font-size:clamp(11px,1.3vw,18px);letter-spacing:.02em;line-height:1.9;margin:0 0 clamp(24px,3vw,44px);text-align:justify;transform:translate(clamp(40px,10vw,155px))}.desc span{color:#2bff00;font-style:italic}.mobile-role-list{display:none;margin:0}.resume-btn{align-self:flex-start;background:#0000;border:1.5px solid #fff;border-radius:999px;color:#fff;cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:clamp(11px,1vw,15px);font-weight:600;letter-spacing:1.5px;padding:clamp(8px,1vw,14px) clamp(22px,2.5vw,40px);scale:1.1;transform:translate(clamp(120px,28vw,420px),clamp(-24px,-2vw,-10px));transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s;z-index:20}.resume-btn:hover{background:#28ff00;border-color:#28ff00;color:#000}.resume-btn-mobile{display:none}.hero-right{align-items:flex-end;display:flex;flex:1 1;justify-content:center;min-height:clamp(360px,55vw,640px);min-width:clamp(240px,38vw,560px);position:relative}.music-pill{align-items:center;appearance:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#1d8f2640;border:1px solid #ffffff26;border-radius:30px;box-shadow:0 8px 32px #00ff5033,0 2px 8px #00000080,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;display:inline-flex;font-family:Space Mono,monospace;font-size:clamp(9px,.9vw,13px);justify-content:center;left:clamp(6px,1vw,14px);letter-spacing:1px;padding:clamp(6px,.8vw,12px) clamp(14px,1.8vw,26px);position:absolute;scale:clamp(1,1.2vw,1.5);top:clamp(10px,2vw,26px);transform:translate(clamp(60px,18vw,270px),clamp(50px,8vw,110px));z-index:10}.music-pill:disabled{cursor:default;opacity:.72}.music-pill-label{align-items:center;display:inline-flex;justify-content:center}.music-pill-wave{display:none}.music-pill-wave-bar{background:linear-gradient(180deg,#edfff0f2,#fff 55%,#fffffff2);border-radius:999px;box-shadow:0 0 12px #fff;gap:5px;height:28px;opacity:.88;transform:scaleY(.24);transform:scaleY(var(--bar-scale,.24));transform-origin:center;transition:transform .2s ease;transition:transform .12s linear,opacity .2s ease;width:4px}.arch-bg,.arch-wrapper{align-items:flex-end;display:flex;justify-content:center;position:relative}.arch-bg{background:#2fff00;border-radius:50% 50% 0 0/40% 40% 0 0;height:clamp(300px,46vw,640px);overflow:hidden;transform:translate(clamp(20px,10vw,160px),48px);width:clamp(200px,28vw,420px)}.arch-bg img{filter:grayscale(100%);height:100%;object-fit:cover;object-position:top center;width:150%}.profile-placeholder{background:linear-gradient(180deg,#00b4004d,#00640080);height:100%;width:100%}@media (max-width:1100px){.intro{transform:translate(clamp(40px,10vw,160px),clamp(16px,3vw,42px))}.name-box{transform:translate(clamp(20px,6vw,110px),-4px)}.desc{transform:translate(clamp(20px,6vw,110px))}.resume-btn{transform:translate(clamp(80px,18vw,280px),-20px)}.music-pill{transform:translate(clamp(40px,12vw,180px),clamp(40px,6vw,80px))}}@media (max-width:950px){.hero-bio-mobile{--mobile-desc-section-pad-top:20px;--mobile-desc-section-pad-x:20px;--mobile-desc-section-pad-bottom:36px;--mobile-desc-max-width:min(92vw,420px);--mobile-desc-offset-x:0px;--mobile-desc-offset-y:150px;--mobile-desc-text-align:center;--mobile-desc-line-height:2;--mobile-resume-offset-x:0px;--mobile-resume-offset-y:60vw;--mobile-resume-hover-lift:1px;align-items:center;display:flex;flex-direction:column;gap:30px;justify-content:flex-start;min-height:90vh;padding:var(--mobile-desc-section-pad-top) var(--mobile-desc-section-pad-x) var(--mobile-desc-section-pad-bottom)}.hero-bio-text{font-family:GCGudlakLight;font-size:clamp(15px,4.5vw,18px);line-height:var(--mobile-desc-line-height);margin:0;max-width:var(--mobile-desc-max-width);text-align:var(--mobile-desc-text-align);transform:translate(var(--mobile-desc-offset-x),var(--mobile-desc-offset-y));width:100%}.hero{align-items:flex-start;flex-direction:column;gap:0;justify-content:space-between;min-height:100vh;overflow:hidden;padding:28px 24px 32px;text-align:left}.hero-left .desc{display:none}.hero-left{align-items:flex-start;flex:none;max-width:100%;min-width:0;width:100%;z-index:10}.intro{font-size:clamp(22px,6vw,36px);margin-bottom:4px;scale:1.5;transform:none;transform:translate(clamp(6vw,5vw,800px),clamp(23vw,2vw,800px))}.name-box{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;margin-bottom:10px;padding:0;transform:none}.name-box h1{font-size:clamp(24px,6vw,72px);letter-spacing:2px;scale:2;transform:translate(clamp(10px,8vw,800px),clamp(20vw,1vw,800px))}.mobile-role-list{color:#f2f2f2;display:block;font-family:GCGudlak,Playfair Display,serif;font-family:var(--font-intro);font-size:clamp(14px,3.8vw,18px);font-style:italic;letter-spacing:.03em;line-height:1.2;margin:0 0 12px;transform:translate(clamp(60vw,28vw,420px),clamp(24vw,-2vw,-10px))}.resume-btn{display:none}.resume-btn-mobile{--resume-mobile-width:clamp(13px,42vw,180px);--resume-mobile-height:clamp(38px,11vw,46px);align-items:center;align-self:center;background:#0000;border:1.5px solid #fff;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:Space Grotesk,sans-serif;font-family:var(--font-main);font-size:clamp(11px,2.7vw,13px);font-weight:700;height:var(--resume-mobile-height);justify-content:center;letter-spacing:1.8px;margin-top:0;text-transform:uppercase;transform:translate(var(--mobile-resume-offset-x),var(--mobile-resume-offset-y));transition:background .25s ease,color .25s ease,border-color .25s ease,transform .2s ease;width:var(--resume-mobile-width)}.resume-btn-mobile:hover{background:#28ff00;border-color:#28ff00;color:#000;transform:translate(var(--mobile-resume-offset-x),calc(var(--mobile-resume-offset-y) - var(--mobile-resume-hover-lift)))}.hero-right{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;min-height:0;overflow:hidden;position:relative;width:100%}.music-pill{font-size:10px;left:60%;padding:7px 18px;position:absolute;scale:1;top:30%;transform:none;translate:-50% 0;white-space:nowrap}.arch-wrapper{position:relative}.arch-bg{margin:0;scale:1.5;transform:none!important;width:clamp(300px,100vw,800px)}}@media (max-width:900px){.music-pill{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(30px);background:linear-gradient(180deg,#0dff00,#30ff2d);border:1px solid #00ff08;box-shadow:0 10px 30px hsla(0,33%,99%,.279),0 0 0 1px #fff0,inset 0 1px 0 #fff,inset 0 -10px 20px #00df13;height:38px;left:60%;min-width:112px;overflow:hidden;padding:0 14px;top:40%;transform:none;translate:-50% 0;white-space:normal;width:100px}.music-pill:before{background:#0aed0a;border-radius:999px;bottom:-14px;content:"";filter:blur(18px);height:24px;left:22%;opacity:.55;position:absolute;right:22%;transition:opacity .2s ease,transform .2s ease}.music-pill.is-playing:before{color:#f2f2f2;opacity:1;transform:scale(1.14)}.music-pill-label{color:#fff;display:none}.music-pill-wave{align-items:center;display:flex;gap:3px;justify-content:center;position:relative;width:100%;z-index:1}.music-pill.is-playing .music-pill-wave-bar{color:#fefefe;opacity:1}.music-pill:disabled .music-pill-wave-bar{box-shadow:none;color:#fefefe;opacity:.52}}@media (max-width:800px){.hero{padding:24px 20px}.hero-bio-mobile{--mobile-desc-section-pad-top:18px;--mobile-desc-section-pad-x:20px;--mobile-desc-section-pad-bottom:16px;--mobile-desc-max-width:min(92vw,340px)}.intro{font-size:clamp(20px,7vw,28px)}.name-box h1{font-size:clamp(48px,19vw,80px)}.arch-bg{height:clamp(280px,100vw,440px);width:clamp(200px,72vw,300px)}}@media (max-width:400px){.music-pill{height:34px;left:62%;min-width:96px;padding:0 10px;top:40%;width:96px}.music-pill-wave{gap:3px}.music-pill-wave-bar{height:19px;width:3px}.hero{padding:24px 20px}.hero-bio-mobile{--mobile-desc-section-pad-top:16px;--mobile-desc-section-pad-x:16px;--mobile-desc-section-pad-bottom:12px;--mobile-desc-max-width:min(94vw,300px)}.intro{font-size:clamp(20px,7vw,28px)}.name-box h1{font-size:clamp(48px,19vw,80px)}.arch-bg{height:clamp(280px,100vw,440px);width:clamp(200px,72vw,300px)}}@media (max-width:380px){.music-pill{height:34px;left:62%;min-width:96px;padding:0 10px;top:25%;width:96px}.intro{font-size:clamp(20px,3vw,28px);transform:translate(clamp(10px,8vw,800px),clamp(17vw,1vw,800px))}.name-box h1{font-size:clamp(48px,10vw,80px);transform:translate(clamp(10px,8vw,800px),clamp(16vw,1vw,800px))}.mobile-role-list{transform:translate(clamp(50vw,8vw,800px),clamp(15vw,1vw,800px))}.arch-bg{height:clamp(280px,90vw,440px);width:clamp(200px,60vw,300px)}}@media (max-width:360px){.music-pill{height:34px;left:62%;min-width:96px;padding:0 10px;top:40%;width:96px}.intro{font-size:clamp(20px,3vw,28px);transform:translate(clamp(10px,8vw,800px),clamp(20vw,1vw,800px))}.name-box h1{font-size:clamp(60px,10vw,80px);transform:translate(clamp(10px,8vw,800px),clamp(18vw,1vw,800px))}.mobile-role-list{transform:translate(clamp(52vw,8vw,800px),clamp(15vw,1vw,800px))}.arch-bg{height:clamp(280px,90vw,440px);width:clamp(200px,60vw,300px)}}.skills-section-wrapper{background:#1e1e1e;width:100%}.skills-section{background:#0000;color:#fff;margin:0 auto;max-width:1200px;padding:clamp(56px,8vw,128px) clamp(16px,4vw,40px)}.skills-main-title{color:#ccc;font-family:Space Grotesk,sans-serif;font-family:var(--font-main,"Space Grotesk",sans-serif);font-size:clamp(28px,4vw,52px);font-weight:300;margin-bottom:clamp(44px,6vw,88px);text-align:center}.highlight-purple{color:#09ff00;font-family:Playfair Display,serif;font-family:var(--font-intro,"Playfair Display",serif);font-style:italic;font-weight:500}.skills-grid{grid-gap:clamp(14px,2vw,28px);display:grid;gap:clamp(14px,2vw,28px);grid-template-columns:1fr 1fr;min-height:clamp(560px,72vw,860px)}.skill-card{background:#171717;border:1px solid #ffffff0d;border-radius:clamp(8px,1.2vw,16px);box-shadow:0 4px 20px #00000080;display:flex;flex-direction:column;overflow:hidden;position:relative}.card-content{margin-top:auto;padding:clamp(18px,2.5vw,34px);z-index:10}.card-title{color:#e0e0e0;font-family:sansf-seri;font-family:var(--font-main,sansf-seri);font-size:clamp(16px,1.8vw,26px);font-weight:400;margin-bottom:clamp(8px,1vw,14px)}.card-desc{color:#a0a0a0;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:clamp(12px,1.1vw,16px);line-height:1.6;max-width:95%}.tech-stack-card{grid-row:span 2;justify-content:flex-end}.tech-scatter-container{align-items:center;display:flex;flex:1 1;justify-content:center;min-height:clamp(260px,30vw,440px);overflow:hidden;width:100%}.dev-design-card{display:flex;flex-direction:column;justify-content:center;min-height:clamp(200px,22vw,360px)}.flow-diagram{gap:0;margin-bottom:clamp(12px,1.5vw,24px);margin-top:clamp(24px,3.5vw,56px)}.flow-diagram,.flow-node{align-items:center;display:flex;justify-content:center}.flow-node{background:#252528;border:1px solid #0000;border-radius:clamp(8px,1vw,14px);box-shadow:0 4px 10px #0000004d;color:#aaa;flex-shrink:0;height:clamp(38px,4.5vw,56px);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease,border .3s ease;width:clamp(38px,4.5vw,56px);z-index:2}.flow-node:before{background:linear-gradient(120deg,#0000,#fff9,#0000);content:"";height:100%;left:-150%;pointer-events:none;position:absolute;top:0;transform:skewX(-20deg);transition:left .6s cubic-bezier(.25,.46,.45,.94);width:50%;z-index:10}.flow-node:hover:before{left:150%}.flow-node:hover{border:1px solid #fff;box-shadow:0 3px 10px #cbcbcb;transform:translateY(-2px)}.custom-flow-icon{height:clamp(18px,2vw,28px);object-fit:contain;width:clamp(18px,2vw,28px)}.flow-node:not(.active-node) .custom-flow-icon{filter:brightness(0) invert(1)}.custom-flow-icon.active-icon{height:clamp(30px,3.5vw,48px);width:clamp(30px,3.5vw,48px)}.flow-node.active-node{background:#15fd00;border-radius:clamp(12px,1.4vw,18px);box-shadow:0 0 10px #fdfdfd1a;height:clamp(54px,6vw,76px);width:clamp(54px,6vw,76px)}.flow-line{background:#333;border-radius:2px;flex-shrink:0;height:2px;overflow:hidden;position:relative;width:clamp(30px,4vw,70px);z-index:1}.flow-line:after{animation:energy-flow 2.5s linear infinite;background:linear-gradient(90deg,#0000,#26ff00,#0000);box-shadow:0 0 8px #1aff00;content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.flow-line:nth-child(4):after{animation-delay:1.25s}@keyframes energy-flow{0%{left:-100%}to{left:100%}}.collab-card{min-height:clamp(200px,22vw,360px);overflow:hidden;position:relative}.collab-content{background:linear-gradient(0deg,#171717 60%,#171717cc 80%,#0000);bottom:0;left:0;position:absolute;width:100%}.macbook-wrapper{height:auto;opacity:.9;position:absolute;right:200px;top:20px;width:clamp(240px,55%,520px);z-index:1}.macbook-img{border-radius:8px;filter:brightness(.6) contrast(1.2);width:150%}@media (max-width:950px){.skills-grid{gap:clamp(12px,2.8vw,20px);grid-template-columns:1fr;min-height:auto}.tech-stack-card{grid-row:span 1;min-height:clamp(360px,78vw,560px)}.collab-card,.dev-design-card{min-height:clamp(240px,56vw,360px)}.macbook-wrapper{right:0;width:clamp(180px,0%,320px)}.macbook-img{border-radius:8px;filter:brightness(.6) contrast(1.2);width:200px}}@media (max-width:600px){.skills-section{padding:50px 14px 52px}.skills-main-title{font-size:clamp(22px,7vw,34px);padding:20px 1px 2px}.highlight-purple{margin-bottom:34px}.skill-card{border-radius:12px}.tech-stack-card{aspect-ratio:4/5;min-height:clamp(330px,94vw,500px)}.collab-card,.dev-design-card{aspect-ratio:16/11;min-height:clamp(230px,64vw,320px)}.collab-card{--mac-mobile-top:12px;--mac-mobile-right:100px;--mac-mobile-width:clamp(132px,52%,240px);--mac-mobile-scale:2}.card-content{padding:16px}.card-title{font-size:clamp(15px,4.5vw,20px)}.card-desc{font-size:clamp(12px,3.5vw,14px)}.flow-node{height:clamp(42px,11vw,60px);scale:1.2;width:clamp(42px,11vw,60px)}.flow-node.active-node{height:clamp(58px,15vw,80px);width:clamp(58px,15vw,80px)}.custom-flow-icon{height:clamp(20px,5vw,30px);width:clamp(20px,5vw,30px)}.custom-flow-icon.active-icon{height:clamp(34px,8vw,52px);width:clamp(34px,8vw,52px)}.flow-line{width:var(--flow-line-width)}.flow-diagram{--flow-group-x:0px;--flow-group-y:35px;--flow-left-node-x:0px;--flow-left-node-y:0px;--flow-mid-node-x:0px;--flow-mid-node-y:0px;--flow-right-node-x:0px;--flow-right-node-y:0px;--flow-line-width:clamp(46px,22vw,84px);--flow-line-left-x:0px;--flow-line-left-y:0px;--flow-line-right-x:0px;--flow-line-right-y:0px;margin-bottom:14px;margin-top:20px;position:relative;transform:translate(var(--flow-group-x),var(--flow-group-y))}.flow-diagram>.flow-node:first-child{left:var(--flow-left-node-x);top:var(--flow-left-node-y)}.flow-diagram>.flow-node:nth-child(3){left:var(--flow-mid-node-x);top:var(--flow-mid-node-y)}.flow-diagram>.flow-node:nth-child(5){left:var(--flow-right-node-x);top:var(--flow-right-node-y)}.flow-diagram>.flow-line:nth-child(2){left:var(--flow-line-left-x);top:var(--flow-line-left-y)}.flow-diagram>.flow-line:nth-child(4){left:var(--flow-line-right-x);top:var(--flow-line-right-y)}.macbook-wrapper{right:var(--mac-mobile-right);top:var(--mac-mobile-top);width:var(--mac-mobile-width)}.macbook-img{transform:scale(var(--mac-mobile-scale));transform-origin:center;width:100%}}@media (max-width:380px){.skills-section{padding:38px 10px 42px}.skills-main-title{margin-bottom:28px}.tech-stack-card{aspect-ratio:5/7;min-height:310px}.collab-card,.dev-design-card{aspect-ratio:7/5;min-height:220px}.collab-card{--mac-mobile-top:8px;--mac-mobile-right:-8px;--mac-mobile-width:clamp(118px,56%,195px);--mac-mobile-scale:1.12}.flow-diagram{gap:0;margin-top:16px}.card-content{padding:14px}.card-title{font-size:15px}.card-desc{font-size:12px;line-height:1.45}}@media (min-width:1600px){.skills-section{max-width:1400px}.skills-grid{min-height:820px}}.edu-section{background:#202020;font-family:Outfit,sans-serif;min-height:100vh;overflow:hidden;padding:100px 5% 120px;position:relative}.edu-grid-bg{background-image:linear-gradient(hsla(0,0%,100%,.016) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.016) 1px,#0000 0);background-size:60px 60px;inset:0;pointer-events:none;position:absolute}.edu-header{margin-bottom:80px;opacity:0;text-align:center;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.edu-header.edu-visible{opacity:1;transform:translateY(0)}.edu-title{color:#fff;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,7vw,4rem);font-weight:700;line-height:1;margin:0}.edu-title-accent{color:#28ff00;font-family:Playfair Display,serif;font-style:italic}.edu-timeline{margin:0 auto;max-width:920px;padding-left:44px;position:relative}.edu-timeline-rail{background:#90ff8333;z-index:0}.edu-timeline-progress,.edu-timeline-rail{height:0;left:0;position:absolute;top:0;width:1px}.edu-timeline-progress{background:linear-gradient(180deg,#51ff2f,#16d800);box-shadow:0 0 18px #35ff2f59;z-index:1}.edu-card{margin-bottom:44px;opacity:0;position:relative;transform:translateX(-22px);transition:opacity .55s ease 0s,transform .55s ease 0s;transition:opacity .55s ease var(--delay,0s),transform .55s ease var(--delay,0s)}.edu-card.edu-visible{opacity:1;transform:translateX(0)}.edu-dot{align-items:center;display:flex;justify-content:center;left:-52px;top:26px;z-index:2}.edu-dot,.edu-dot-ring{height:16px;position:absolute;width:16px}.edu-dot-ring{border:1px solid #33ff00bf;border-radius:50%;transition:transform .3s ease,border-color .3s ease}.edu-dot-inner{background:#fbfbfb;border-radius:50%;box-shadow:0 0 8px #51ff2fbf,0 0 18px #51ff2f73;height:7px;transition:transform .3s ease;width:7px}.edu-card:hover .edu-dot-ring{border-color:#fff9;transform:scale(1.55)}.edu-card:hover .edu-dot-inner{transform:scale(1.25)}.edu-card-body{background:#1e1e1e;border:1px solid #323232;border-radius:14px;box-shadow:0 0 3px #424242;overflow:hidden;padding:28px 30px 24px;position:relative;transition:border-color .3s ease,background .3s ease,transform .3s ease}.edu-card-body.has-media{grid-gap:22px;align-items:stretch;display:grid;gap:22px;grid-template-columns:minmax(170px,235px) 1fr}.edu-card:hover .edu-card-body{background:#383838;border-color:#ffffffd9;transform:translateX(6px)}.edu-card-media{border:1px solid #ffffff14;border-radius:12px;min-height:170px;overflow:hidden}.edu-card-image{display:block;height:100%;object-fit:cover;width:100%}.edu-card-content{min-width:0}.edu-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.edu-index{color:#23ff01;font-size:.68rem;font-weight:600;letter-spacing:.25em}.edu-year{border-radius:20px;color:#01ff09;font-size:.72rem;font-weight:500;letter-spacing:.08em;margin-left:auto;padding:3px 12px}.edu-degree{color:#fff;font-size:1.18rem;font-weight:700;letter-spacing:.01em;line-height:1.3;margin:0 0 5px}.edu-field{color:#2fff00c1;font-size:.85rem;font-weight:400;letter-spacing:.04em;margin:0 0 16px;opacity:.8}.edu-institution-row{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.edu-icon{flex-shrink:0;opacity:.65}.edu-institution{color:#ffffffb3;font-size:.82rem;font-weight:400}.edu-sep{color:#15ff0059}.edu-location{color:#ffffff61;font-size:.78rem;font-weight:300}.edu-description{color:#ffffff80;font-size:.85rem;font-weight:300;line-height:1.72;margin:0}.edu-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.edu-tag{background:#29ff0014;border:1px solid #4fff3f47;border-radius:999px;color:#cfffc7e6;font-size:.7rem;letter-spacing:.03em;padding:3px 10px}@media (max-width:768px){.edu-section{padding:80px 10% 100px}.edu-timeline{padding-left:30px}.edu-dot{left:-37px}.edu-card-body{padding:22px 18px 18px}.edu-card-body.has-media{gap:14px;grid-template-columns:1fr}.edu-card-media{min-height:140px}.edu-card:hover .edu-card-body{transform:translateX(3px)}}.proj-section{background:#1a1a1a;color:#fff;font-family:Outfit,sans-serif;padding-bottom:20vh;position:relative}.proj-header-sticky{height:auto;padding:8vh 5%;position:relative;top:0;width:100%;z-index:2}.proj-header-inner{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:1200px;text-align:center}.proj-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.35em;margin-bottom:12px;text-transform:uppercase}.proj-heading{font-size:clamp(2.4rem,7vw,6rem);font-weight:700;letter-spacing:-.02em;line-height:1;margin:0 0 16px}.proj-heading-accent.text-purple{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#a855f7,#c084fc);-webkit-background-clip:text;background-clip:text}.proj-cards-container{align-items:center;display:flex;flex-direction:column;gap:0;margin-top:-10vh;padding:0 5% 20vh;position:relative;z-index:3}.proj-card-slot{align-items:flex-start;display:flex;justify-content:center;position:sticky;top:0;width:100%}.proj-card-slot,.proj-card-slot:last-child{min-height:100vh}.proj-card.glassmorphism{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);backface-visibility:hidden;background:#0f0f12b3;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 30px 60px #0006,inset 0 1px 0 #ffffff1a;contain:paint;display:flex;flex-direction:column;isolation:isolate;max-width:900px;overflow:hidden;padding:40px;position:relative;top:15vh;top:var(--proj-card-top,15vh);transform-origin:top center;width:90%;will-change:transform}.proj-card-glow{inset:0;mix-blend-mode:screen;pointer-events:none;position:absolute;z-index:0}.proj-cover{border-radius:18px;margin-bottom:28px;overflow:hidden;position:relative}.proj-cover img{display:block;height:auto;width:100%}.proj-card-content,.proj-card-footer,.proj-card-header{position:relative;z-index:1}.proj-card-header{margin-bottom:30px}.proj-badge{align-items:center;background:#ffffff08;border:1px solid;border-radius:30px;display:inline-flex;font-size:.7rem;font-weight:600;letter-spacing:.15em;padding:6px 16px;text-transform:uppercase}.proj-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 24px}.proj-details{display:flex;flex-direction:column;gap:20px}.proj-desc{color:#ffffffb3;font-size:1.1rem;font-weight:300;line-height:1.6;margin:0;max-width:600px}.proj-features{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0 0 30px;padding:0}.proj-features li{align-items:center;color:#ffffffd9;display:flex;font-size:.95rem;font-weight:400;gap:12px}.proj-card-footer{border-top:1px solid #ffffff14;display:flex;justify-content:flex-start;margin-top:auto;padding-top:24px}.proj-cta-button{align-items:center;border-radius:40px;box-shadow:0 4px 15px #0003;color:#fff;display:inline-flex;font-size:.9rem;font-weight:500;gap:10px;padding:12px 28px;text-decoration:none;transition:transform .2s ease,filter .2s ease}.proj-cta-button:hover{filter:brightness(1.1);transform:translateY(-2px)}@media (max-width:1024px){.proj-progress-line{display:none}.proj-card-slot{min-height:110vh}.proj-card.glassmorphism{padding:30px}.proj-desc{font-size:1rem}}@media (max-width:600px){.proj-header-sticky{padding:5vh 5%;position:relative}.proj-card-slot{min-height:92vh}.proj-card-slot:last-child{min-height:100vh}.proj-card.glassmorphism{border-radius:18px;padding:24px 20px}.proj-title{font-size:1.8rem}.proj-features li{align-items:flex-start}.proj-features li svg{flex-shrink:0;margin-top:3px}}.works-section{background:#000;font-family:Outfit,sans-serif;min-height:100vh;overflow:hidden;padding:0 5% 120px;position:relative;z-index:2}.works-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.04'/%3E%3C/svg%3E");opacity:.4}.works-grid-bg,.works-noise{inset:0;pointer-events:none;position:absolute}.works-grid-bg{background-image:linear-gradient(hsla(0,0%,100%,.015) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.015) 1px,#0000 0);background-size:60px 60px}.works-inner{margin:0 auto;max-width:1200px;position:relative;z-index:2}.works-header{align-items:center;display:flex;justify-content:center;margin-bottom:52px;opacity:0;text-align:center;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}.works-header.works-header--visible{opacity:1;transform:translateY(0)}.works-heading{color:#fff;font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,5rem);font-weight:700;line-height:1;margin:0}.works-heading-accent{color:#fff;text-shadow:0 0 30px #41b3ff00}.works-cat-grid{align-items:center;display:flex;flex-direction:column;gap:32px;margin-top:40px}@media (min-width:900px){.works-cat-grid{flex-direction:row;gap:40px;justify-content:center}}.work-cat-card{align-items:center;animation:fadeUp .8s ease 0s forwards;animation:fadeUp .8s ease forwards var(--delay,0s);aspect-ratio:1/1;background:#000;border:1px solid #fff;border-radius:16px;display:flex;flex-direction:column;justify-content:center;max-width:260px;opacity:0;padding:32px;position:relative;text-decoration:none;transform:translateY(30px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;width:50%}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.work-cat-card:hover{border-color:#fffc;box-shadow:0 15px 35px #00000080,0 0 20px #ffffff0d;transform:translateY(-5px)}.work-cat-icon{align-items:center;display:flex;justify-content:center;margin-bottom:24px;transition:transform .3s ease}.work-cat-card:hover .work-cat-icon{transform:scale(1.05)}.work-cat-title{color:#fff;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:300;letter-spacing:.03em;margin:0;text-align:center}@media (max-width:1000px){.works-header{align-items:center;flex-direction:column;gap:16px}}.contact-section{background:#1e1e1e;color:#fff;flex-direction:column;font-family:Outfit,sans-serif;justify-content:center;min-height:100vh;padding:80px 5% 20px}.contact-email-card,.contact-section{align-items:center;display:flex;overflow:hidden;position:relative}.contact-email-card{background:linear-gradient(135deg,#0f0,#0ba100);border-radius:clamp(30px,5vw,60px);box-shadow:0 20px 60px #00000080;max-width:860px;padding:clamp(30px,6vw,60px) clamp(30px,8vw,80px);width:100%}.contact-card-texture{background-image:linear-gradient(#00000008 1px,#0000 0),linear-gradient(90deg,#00000008 1px,#0000 0),url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");background-size:40px 40px,40px 40px,100px 100px;inset:0;opacity:.25;pointer-events:none;position:absolute;z-index:1}.contact-card-content{position:relative;width:100%;z-index:2}.contact-card-heading{color:#111;font-size:clamp(2.5rem,5vw,4rem);font-weight:600;letter-spacing:-.02em;line-height:1.1;margin:0 0 .5rem}.contact-card-subheading{color:#111c;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:400;letter-spacing:-.01em;margin:0 0 1.5rem}.contact-card-form{max-width:500px;width:100%}.contact-input-wrapper{align-items:center;display:flex;position:relative}.contact-input-wrapper:after{background:#00000073;border-radius:50%;bottom:-40px;content:"";filter:blur(25px);height:60px;left:5%;pointer-events:none;position:absolute;width:90%;z-index:-1}.contact-card-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff6;border:1px solid #fff3;border-radius:999px;box-shadow:0 10px 30px #0000000d;color:#111;font-family:inherit;font-size:1.1rem;font-weight:500;padding:18px 70px 18px 30px;transition:background .3s ease,box-shadow .3s ease;width:100%}.contact-card-input::placeholder{color:#1119}.contact-card-input:focus{background:#ffffff80;box-shadow:0 0 0 4px #ffffff4d;outline:none}.contact-card-submit{align-items:center;background:#0000;border:none;border-radius:50%;color:#111;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .2s ease,background .2s ease;width:44px}.contact-card-submit:hover{background:#0000000d;transform:translateY(-50%) translateX(3px)}.contact-card-submit:disabled{cursor:default;opacity:.6}.contact-card-status{font-size:.82rem;font-weight:500;margin:12px 4px 0}.contact-card-status--success{color:#063f01db}.contact-card-status--error{color:#5f0c0cdb}.contact-card-particles-container{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.contact-card-particle{animation:floatParticle linear infinite alternate;background:#ffffff69;border-radius:50%;position:absolute}@keyframes floatParticle{0%{transform:translate(0)}to{transform:translate(var(--dx),var(--dy))}}.contact-footer{align-items:center;display:flex;flex-direction:column;gap:24px;margin-top:clamp(24px,5vw,40px);max-width:900px;width:100%}.social-icons{flex-wrap:wrap;gap:30px}.social-icons,.social-link-icon{display:flex;justify-content:center}.social-link-icon{align-items:center;color:#454545;font-size:1.4rem;transition:color .3s ease,transform .3s ease,filter .3s ease}.social-link-icon:hover{color:#04ff00;filter:drop-shadow(0 4px 12px rgba(164,235,52,.4));transform:translateY(-4px) scale(1.1)}.footer-credits{color:#666;text-align:center}.created-by{color:#888;display:flex;font-size:1.15rem;font-weight:300;gap:12px;margin:0 0 12px}.created-by,.signature-wrap{align-items:center;justify-content:center}.signature-wrap{display:inline-flex}.footer-brand-logo-image{display:block;height:auto;object-fit:contain;scale:2;transform:translateY(1px) translateX(5px);width:clamp(58px,8vw,86px)}.red-slashes{color:#3f0;font-family:sans-serif;font-style:italic;font-weight:800;letter-spacing:2px}.copyright{color:#666;font-size:.95rem;font-weight:400;margin:0}.copyright .red-slashes{letter-spacing:normal;margin:0 6px}@media (max-width:768px){.contact-email-card{border-radius:30px;min-height:100px;padding:10% 6%}.contact-footer{gap:56px;margin-top:60px}.contact-card-status{font-size:.78rem}}.posters-page{background:#111;color:#fff;display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:80px 5%}.posters-header{align-items:flex-start;display:flex;justify-content:space-between;position:relative;z-index:10}.posters-deck-container{flex:1 1;perspective:1200px;position:relative}.poster-card,.posters-deck-container{align-items:center;display:flex;justify-content:center}.poster-card{background:#1a1a1a;border-radius:16px;box-shadow:0 2px 0 #000c,0 0 0 1px #ffffff0d;color:#fff3;cursor:grab;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;height:420px;position:absolute;touch-action:none;transition:transform .3s cubic-bezier(.25,1,.5,1),box-shadow .3s ease;-webkit-user-select:none;user-select:none;width:300px}.poster-card img{border-radius:inherit;height:100%;object-fit:cover;opacity:.6;width:100%}.poster-card:active{cursor:grabbing}.poster-card.is-hovering:not(.is-active){box-shadow:0 20px 60px hsla(0,0%,100%,.648),0 0 0 1px #fff6}.poster-card.is-active{box-shadow:0 40px 100px #000,0 0 0 1px #fefefebb;z-index:100!important}.posters-controls{bottom:4px;display:flex;gap:50px;left:50%;position:absolute;transform:translateX(-50%);z-index:50}.poster-btn{background:#1212120d;border:1px solid hsla(0,0%,100%,.358);border-radius:30px;color:#fff;cursor:pointer;font-family:Outfit,sans-serif;font-size:.9rem;letter-spacing:1em;padding:12px 24px;scale:1.8;text-transform:uppercase;transition:background .3s,border-color .3s}.poster-btn:hover{background:#26ff00;border-color:rgba(255,255,254,.984)}@media (max-width:768px){.poster-card{height:340px;width:240px}}*{box-sizing:border-box;margin:0;padding:0}body{background:#000}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.app{background-color:#000;min-height:100vh}@media (max-width:760px){.app{padding-top:0}}
/*# sourceMappingURL=main.744a10ce.css.map*/