@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--bg-color: #050505;--text-primary: #F2F2F0;--text-secondary: #808080;--accent-color: #2A2A2A;--cursor-color: #ffffff;--transition-ease: cubic-bezier(.77, 0, .175, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body{background-color:var(--bg-color);color:var(--text-primary);font-family:Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow-wrap:break-word;word-wrap:break-word}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;pointer-events:auto}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.1;text-transform:uppercase}a{text-decoration:none;color:inherit}button{border:none;outline:none;background:none;font-family:inherit}::selection{background-color:var(--text-primary);color:var(--bg-color)}@media(pointer:coarse){*{cursor:auto!important}.custom-cursor,.cursor-dot{display:none!important}}.container{max-width:1400px;width:100%;margin:0 auto;padding:0 2rem;box-sizing:border-box}@media(max-width:768px){.container{padding:0 1.25rem}}@media(max-width:480px){.container{padding:0 1rem}}.flex-center{display:flex;justify-content:center;align-items:center}.App{min-height:100vh;width:100%;position:relative;overflow-x:hidden;background-color:var(--bg-color)}.app-content{position:relative;z-index:1;max-width:100vw;overflow-x:hidden}.app-content h1,.app-content h2,.app-content h3,.app-content p,.app-content li,.app-content span{max-width:100%}.preloader-container{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#050505;z-index:10000;display:flex;justify-content:center;align-items:center;color:#f2f2f0}.counter{font-family:Space Grotesk,monospace;font-size:5rem;font-weight:700}.galaxy-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;transform-origin:center center;will-change:transform}.galaxy-canvas{position:absolute;top:0;left:0;width:100%;height:100%;display:block}.galaxy-bg.galaxy-app{position:fixed;inset:0;z-index:0;width:100%;height:100%}.global-robot-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10}.header{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:100;mix-blend-mode:difference}.header-container{display:flex;justify-content:space-between;align-items:center}.logo{font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700;color:var(--text-primary);background:none;border:none;padding:0;cursor:pointer}.nav-list{display:flex;gap:2.5rem;list-style:none}.nav-item{font-family:Inter,sans-serif;font-size:.85rem;letter-spacing:.1em;color:var(--text-primary);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;padding:0;margin:0}.nav-item:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background-color:var(--text-primary);transition:width .3s var(--transition-ease)}.nav-item:hover:after{width:100%}@media(max-width:768px){.header{padding:1.2rem 0}.nav-list{gap:1.5rem}.nav-item{font-size:.8rem}.logo{font-size:1.2rem}}@media(max-width:480px){.header{padding:1rem 0}.nav-list{gap:1rem}.nav-item{font-size:.72rem;letter-spacing:.05em}.logo{font-size:1rem}}.hero-section{position:relative;height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:.3}.hero-content{text-align:center;z-index:2;position:relative;width:100%}.hero-title{font-size:clamp(3.5rem,12vw,14rem);font-weight:700;line-height:.88;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:1.5rem}.hero-title-line{display:block;opacity:0}.hero-subtitle,.hero-cta{opacity:0}.overflow-hidden{overflow:hidden}.hero-subtitle{font-family:Inter,sans-serif;font-size:clamp(.7rem,1.4vw,1.1rem);letter-spacing:.2em;color:var(--text-secondary);margin-bottom:3rem}.separator{color:var(--text-secondary);margin:0 .75rem}.hero-cta{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.view-work-btn{padding:.85rem 2rem;border:1px solid var(--text-secondary);color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:.85rem;letter-spacing:.1em;border-radius:50px;transition:all .3s ease;cursor:pointer}.view-work-btn:hover{background-color:var(--text-primary);color:var(--bg-color);transform:scale(1.05)}.scroll-indicator{width:1px;height:50px;background:linear-gradient(to bottom,var(--text-secondary),transparent);animation:scrollGrow 2s infinite ease-out}@keyframes scrollGrow{0%{height:0;opacity:0}50%{height:50px;opacity:1}to{height:50px;opacity:0;transform:translateY(20px)}}@media(max-width:768px){.hero-title{font-size:clamp(3rem,14vw,8rem);margin-bottom:1rem}.hero-subtitle{font-size:clamp(.65rem,1.8vw,.9rem);letter-spacing:.15em;margin-bottom:2rem}.hero-cta{gap:1.25rem}}@media(max-width:480px){.hero-title{font-size:clamp(2.8rem,17vw,5.5rem);margin-bottom:1rem;line-height:.9}.hero-subtitle{font-size:.62rem;letter-spacing:.1em;margin-bottom:1.75rem}.separator{margin:0 .4rem}.view-work-btn{padding:.75rem 1.6rem;font-size:.78rem}.scroll-indicator{height:36px}}.quote-section{min-height:80vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.quote-container{display:flex;flex-direction:column;align-items:flex-end}.quote-text{font-size:clamp(2rem,5vw,4rem);color:var(--text-primary);text-align:right;font-family:Space Grotesk,sans-serif;font-style:italic;opacity:.8;width:60%;margin-bottom:2.5rem;padding-right:2rem;line-height:1.2}.resume-btn-wrapper{padding-right:2rem;width:100%;display:flex;justify-content:flex-end}.btn-resume.outline-btn{display:inline-block;padding:1rem 2rem;border:1px solid var(--text-secondary);border-radius:50px;background:transparent;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,1.5vw,1.2rem);font-weight:500;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;transition:all .3s var(--transition-ease);cursor:pointer;position:relative;overflow:hidden}.btn-resume.outline-btn:hover{background-color:var(--text-primary);color:var(--bg-color);border-color:var(--text-primary);transform:translateY(-2px)}@media(max-width:768px){.quote-section{min-height:auto;margin-bottom:60px}.quote-text{width:100%;text-align:center;padding-right:0;margin:0 auto 2rem}.resume-btn-wrapper{width:100%;padding-right:0;justify-content:center;margin-right:0}}.about-section{position:relative;min-height:100vh;padding:6rem 0 5rem;width:100%;background-color:transparent;display:flex;align-items:center;overflow:hidden}.about-container{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:4rem}.about-left-wrap{position:relative;flex:0 0 40%}.about-left{position:relative;display:flex;flex-direction:column;gap:1.5rem;padding-right:3rem;border-right:1px solid var(--accent-color)}.section-label{font-family:Inter,sans-serif;font-size:.78rem;color:var(--text-secondary);letter-spacing:.25em;text-transform:uppercase;margin-bottom:.25rem}.philosophy-quote{font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,2.6vw,3rem);line-height:1.2;color:var(--text-primary);font-weight:700;font-style:normal}.philosophy-sub{font-family:Inter,sans-serif;font-size:clamp(.88rem,1.1vw,1rem);color:var(--text-secondary);line-height:1.75}.about-right{flex:0 0 58%;display:flex;justify-content:center;align-items:center;padding:1rem 0}.solar-system{position:relative;flex-shrink:0;overflow:visible}.sun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:66px;height:66px;border-radius:50%;background:radial-gradient(circle at 38% 38%,#fff8e1,#fbbf24 55%,#d97706);box-shadow:0 0 18px 7px #fbbf248c,0 0 46px 18px #fbbf2438,0 0 90px 38px #fbbf2414;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;animation:sunPulse 3.5s ease-in-out infinite;pointer-events:none}@keyframes sunPulse{0%,to{box-shadow:0 0 18px 7px #fbbf248c,0 0 46px 18px #fbbf2438}50%{box-shadow:0 0 28px 12px #fbbf24a6,0 0 70px 28px #fbbf244d}}.sun-title{font-family:Space Grotesk,sans-serif;font-size:.54rem;font-weight:800;color:#1c0e00;letter-spacing:.1em;line-height:1.4}.sun-sub{font-family:Space Grotesk,sans-serif;font-size:.42rem;font-weight:600;color:#3b1c00;letter-spacing:.08em}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07);pointer-events:none}.pw{position:absolute;border-radius:50%;pointer-events:none;z-index:15}.p-inner{position:absolute;top:0;left:50%;display:flex;flex-direction:column;align-items:center;gap:5px;transform-origin:50% 50%}.pdot{border-radius:50%;cursor:pointer;pointer-events:all;transition:transform .25s ease;flex-shrink:0;touch-action:manipulation}.pdot:hover{transform:scale(2.2)}@media(max-width:768px){.p-label{display:none}}.universe-hint{display:none;margin:0;font-family:Inter,sans-serif;font-size:.75rem;color:var(--text-secondary);text-align:center;padding-top:1rem;letter-spacing:.02em}@media(max-width:768px){.universe-hint{display:block}}.p-label{font-family:Inter,sans-serif;font-size:.55rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:.8;line-height:1}.planet-tooltip{position:absolute;transform:translate(-50%,calc(-100% - 16px));background:#0c0c0eeb;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:12px;padding:.9rem 1.1rem;width:200px;z-index:50;pointer-events:none;animation:tooltipIn .2s ease;box-shadow:0 12px 40px #00000080}.planet-tooltip-portal{position:fixed;z-index:99999;transform:translate(-50%,calc(-100% - 16px));pointer-events:auto}.planet-tooltip-portal.planet-tooltip-below{transform:translate(-50%,16px)}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%,calc(-100% - 8px)) scale(.92)}to{opacity:1;transform:translate(-50%,calc(-100% - 16px)) scale(1)}}.pt-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.pt-emoji{font-size:1rem;line-height:1}.pt-name{font-family:Space Grotesk,sans-serif;font-size:.82rem;font-weight:700;color:var(--text-primary);letter-spacing:.04em;text-transform:uppercase}.pt-stat{font-family:Inter,sans-serif;font-size:.72rem;color:#fbbf24;font-weight:600;margin-bottom:.4rem;letter-spacing:.02em}.pt-why{font-family:Inter,sans-serif;font-size:.68rem;color:var(--text-secondary);line-height:1.55}@media(max-width:768px){.about-section{padding:4.5rem 0 4rem;min-height:auto}.about-container{flex-direction:column;gap:3rem}.about-left-wrap{flex:unset;width:100%}.about-left{padding-right:0;border-right:none;border-bottom:1px solid var(--accent-color);padding-bottom:2.5rem}.about-right{flex:unset;width:100%;padding:.5rem 0;display:flex;justify-content:center;align-items:center;overflow:hidden}.solar-system{flex-shrink:0;overflow:hidden;max-width:100%}.sun{width:52px;height:52px;box-shadow:0 0 12px 5px #fbbf2480,0 0 28px 12px #fbbf2433,0 0 50px 22px #fbbf240f}.sun-title{font-size:.48rem}.sun-sub{font-size:.38rem}.planet-tooltip{width:170px;padding:.75rem .9rem}}@media(max-width:480px){.about-section{padding:3.5rem 0 3rem}.about-right{padding:.25rem 0}.sun{width:44px;height:44px;box-shadow:0 0 10px 4px #fbbf2480,0 0 22px 10px #fbbf242e,0 0 38px 16px #fbbf240d}.sun-title{font-size:.42rem}.sun-sub{font-size:.34rem}.philosophy-quote{font-size:clamp(1.4rem,6vw,2rem)}.p-label{font-size:.48rem}.planet-tooltip{width:155px;font-size:.65rem}}.experience-section{padding:6rem 0;min-height:100vh;background-color:var(--bg-color)}.section-title{font-size:clamp(2rem,5vw,6rem);color:var(--text-primary);margin-bottom:2rem;border-bottom:1px solid var(--accent-color);padding-bottom:1.25rem;text-align:left;width:65%;margin-left:auto}.experience-list{display:flex;flex-direction:column;margin-left:auto;width:65%}.experience-row{padding:3rem 0;border-bottom:1px solid var(--accent-color);transition:all .5s var(--transition-ease);cursor:pointer;position:relative;overflow:hidden}.experience-row:hover{padding-left:1.5rem;background-color:#ffffff05}.exp-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.exp-company{font-size:clamp(1.2rem,3vw,2.5rem);font-weight:700;font-family:Space Grotesk,sans-serif;color:var(--text-primary);overflow-wrap:break-word;word-break:break-word}.exp-period{font-family:Inter,sans-serif;color:var(--text-secondary);font-size:.9rem;white-space:nowrap}.exp-role{font-size:clamp(.9rem,1.5vw,1.2rem);color:var(--text-primary);margin-bottom:2rem;font-family:Inter,sans-serif;overflow-wrap:break-word;word-break:break-word}.exp-details{overflow:hidden;max-height:0;transition:max-height .5s var(--transition-ease)}.experience-row.active .exp-details,.experience-row:hover .exp-details{max-height:600px}.exp-highlights{list-style:none;margin-bottom:2rem}.highlight-item{font-family:Inter,sans-serif;color:var(--text-secondary);margin-bottom:.75rem;position:relative;padding-left:1.5rem;font-size:.95rem;line-height:1.6}.highlight-item:before{content:"→";position:absolute;left:0;color:var(--text-secondary)}.highlight-item.highlight{color:#fff;font-weight:600}.highlight-item.highlight:before{color:#fff}.exp-awards{display:flex;gap:.75rem;flex-wrap:wrap}.award-badge{padding:.4rem .9rem;border:1px solid var(--text-secondary);border-radius:50px;font-size:.78rem;color:var(--text-primary);font-family:Space Grotesk,sans-serif}@media(max-width:1024px){.experience-section{padding:5rem 0}}@media(max-width:768px){.experience-section{padding:4.5rem 0;min-height:auto}.section-title{width:100%;margin-left:0;margin-bottom:1.75rem;padding-bottom:1rem;text-align:left}.experience-list{width:100%;margin-left:0}.experience-row{padding:2rem 0}.experience-row:hover{padding-left:1rem}.exp-header{flex-direction:column;gap:.3rem;align-items:flex-start}.exp-highlights{margin-bottom:1.25rem}}@media(max-width:480px){.experience-section{padding:3.5rem 0}.experience-row{padding:1.5rem 0}.exp-role{font-size:.85rem;margin-bottom:1.25rem}.highlight-item{font-size:.85rem;margin-bottom:.6rem}.award-badge{font-size:.72rem;padding:.35rem .75rem}}.projects-section{position:relative;width:100%;background-color:var(--bg-color);overflow:hidden}@media(min-width:769px){.projects-section{height:100vh;display:flex;flex-direction:column;justify-content:center;padding-top:5.5rem;padding-bottom:2rem;box-sizing:border-box}.projects-wrapper{display:flex;gap:4vw;width:max-content;padding-left:6vw;padding-right:14vw;align-items:center}.project-card{width:55vw;max-width:820px;min-height:58vh;flex-shrink:0;padding:3rem}}.projects-header{position:absolute;top:3rem;left:0;right:0;z-index:10}@media(min-width:769px){.projects-header{top:5.5rem}}.projects-label{font-size:.9rem;letter-spacing:.25em;color:var(--text-secondary);text-transform:uppercase}.project-card{background-color:#111;border:1px solid var(--accent-color);display:flex;flex-direction:column;justify-content:space-between;transition:background-color .3s ease,border-color .3s ease;cursor:pointer;position:relative;overflow:hidden}.project-card:hover{background-color:#181818;border-color:#fff3}.card-content{z-index:2;position:relative}.project-cat{font-family:Space Grotesk,sans-serif;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:1rem;display:block}.project-title{font-size:clamp(1.8rem,3.5vw,4rem);color:var(--text-primary);margin-bottom:1.25rem;line-height:1}.project-desc{font-family:Inter,sans-serif;font-size:clamp(.88rem,1.1vw,1.05rem);color:var(--text-secondary);max-width:85%;line-height:1.65}.project-tech{font-family:Space Grotesk,sans-serif;font-size:.82rem;color:var(--text-primary);border-top:1px solid rgba(255,255,255,.1);padding-top:1rem;margin-top:2rem;z-index:2;position:relative;transition:border-color .3s ease}.project-card:hover .project-tech{border-top-color:#ffffff4d}.card-visual{position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.03) 100%);z-index:1;pointer-events:none}.project-bg-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0;opacity:.6;transition:opacity .5s ease,transform .5s ease;mask-image:linear-gradient(to right,#0003,#000 70%);-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.2) 0%,rgba(0,0,0,1) 70%)}.project-bg-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#111111f2,#1119,#1111114d),linear-gradient(to top,rgba(17,17,17,.9) 0%,transparent 40%)}.project-card:hover .project-bg-image{opacity:.8;transform:scale(1.05)}@media(min-width:769px)and (max-width:1024px){.project-card{width:72vw;padding:2.5rem}}@media(max-width:768px){.projects-section{height:auto;padding:4rem 0 3rem;overflow:visible}.projects-header{position:relative;top:auto;margin-bottom:1.75rem}.projects-wrapper{display:flex;flex-direction:column;gap:1.25rem;width:100%;padding:0 1.25rem}.project-card{width:100%;min-height:min(75vh,520px);padding:1.75rem}.project-title{font-size:clamp(1.4rem,6vw,2.2rem);margin-bottom:.75rem}.project-desc{max-width:100%;font-size:.88rem;margin-bottom:0}.project-tech{margin-top:1.25rem}.project-bg-image:after{background:linear-gradient(to right,#111111e6,#111111b3),linear-gradient(to top,rgba(17,17,17,.95) 0%,transparent 50%)}}@media(max-width:480px){.projects-section{padding:3rem 0 2.5rem}.projects-wrapper{padding:0 1rem;gap:1rem}.project-card{padding:1.4rem;min-height:min(70vh,460px)}.project-cat{font-size:.7rem}.project-tech{font-size:.75rem;margin-top:1rem}}.marquee-section{padding:4rem 0;overflow:hidden;background-color:var(--bg-color);border-top:1px solid var(--accent-color);border-bottom:1px solid var(--accent-color)}.marquee-wrapper{display:flex;overflow:hidden;white-space:nowrap;position:relative}.marquee-text{display:flex;align-items:center;gap:3rem;will-change:transform}.tech-item{font-family:Space Grotesk,sans-serif;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:600;letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;cursor:pointer;transition:color .3s ease;-webkit-text-stroke:1px var(--text-secondary);white-space:nowrap}.tech-item:hover{color:var(--text-primary);-webkit-text-stroke:1px var(--text-primary)}.tech-item .separator{margin:0 .5rem;opacity:.4}@media(max-width:768px){.marquee-section{padding:4rem 0}.marquee-text{gap:2rem}}@media(max-width:480px){.marquee-section{padding:3rem 0}.tech-item{font-size:1rem;letter-spacing:.08em}.marquee-text{gap:1.5rem}}.footer-section{min-height:70vh;background-color:#0a0a0a;color:var(--text-primary);display:flex;align-items:center;position:relative;z-index:10;padding:4rem 0 6rem}.footer-container{display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2rem;width:100%;padding-right:clamp(2rem,8vw,6rem)}.footer-title{font-size:clamp(3.5rem,13vw,13rem);line-height:.9;letter-spacing:-.04em;color:var(--text-primary)}.footer-links{display:flex;flex-direction:column;gap:.75rem;align-items:flex-end}.footer-link{font-family:Space Grotesk,sans-serif;font-size:clamp(1rem,2.5vw,2rem);color:var(--text-secondary);position:relative;transition:color .3s ease;word-break:break-all}.footer-link:hover{color:var(--text-primary)}.footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background-color:var(--text-primary);transition:width .3s var(--transition-ease)}.footer-link:hover:after{width:100%}.footer-socials{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);width:100%;display:flex;gap:2.5rem;flex-wrap:wrap;justify-content:center;font-family:Inter,sans-serif;font-size:.85rem;letter-spacing:.12em}.social-link{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.social-link:hover,.location{color:var(--text-secondary)}@media(max-width:768px){.footer-section{padding:4rem 0 7rem;min-height:auto}.footer-container{gap:2.5rem;width:100%;align-items:center;text-align:center}.footer-links{align-items:center}.footer-socials{bottom:2rem;gap:1.5rem}}@media(max-width:480px){.footer-section{padding:3rem 0 6rem}.footer-title{font-size:clamp(2.8rem,18vw,6rem);letter-spacing:-.03em}.footer-container{gap:2rem}.footer-link{font-size:clamp(.9rem,4vw,1.4rem)}.footer-socials{gap:1.25rem;font-size:.78rem;letter-spacing:.08em}}