.loader{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#020c1b;z-index:9999}:root{--navy: #0a192f;--navy-light: #112240;--navy-lightest: #233554;--slate: #8892b0;--slate-light: #a8b2d1;--slate-lightest: #ccd6f6;--white: #e6f1ff;--green: #64ffda;--green-tint: rgba(100, 255, 218, .1);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Fira Code", "SF Mono", "Fira Mono", "Roboto Mono", monospace;--fz-xxs: 12px;--fz-xs: 13px;--fz-sm: 14px;--fz-md: 16px;--fz-lg: 18px;--fz-xl: 20px;--fz-xxl: 22px;--fz-heading: 32px;--nav-height: 70px;--nav-scroll-height: 70px;--tab-width: 120px;--transition: all .25s cubic-bezier(.645, .045, .355, 1);--easing: cubic-bezier(.645, .045, .355, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--navy-lightest) var(--navy)}body{font-family:var(--font-sans);font-size:var(--fz-lg);color:var(--slate);background-color:var(--navy);line-height:1.3;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background-color:var(--navy-lightest);border-radius:4px}::selection{background-color:var(--navy-lightest);color:var(--slate-lightest)}a{color:var(--green);text-decoration:none;transition:var(--transition)}a:hover{color:var(--green)}.mono{font-family:var(--font-mono);font-size:var(--fz-sm)}.btn{display:inline-block;font-family:var(--font-mono);font-size:var(--fz-sm);color:var(--green);background:transparent;border:1px solid var(--green);border-radius:4px;padding:.75rem 1rem;cursor:pointer;text-decoration:none;transition:var(--transition);line-height:1}.btn:hover{background-color:var(--green-tint)}.btn--sm{padding:.6rem 1rem;font-size:var(--fz-xs)}.btn--md{padding:.875rem 1.25rem}.btn--lg{padding:1.25rem 1.75rem;font-size:var(--fz-sm)}.fade-in{animation:fadeInUp .5s var(--easing) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section{max-width:1000px;margin:0 auto;padding:100px 0}.section__heading{display:flex;align-items:center;font-size:clamp(26px,5vw,var(--fz-heading));color:var(--slate-lightest);white-space:nowrap;margin-bottom:40px;font-weight:600}.numbered-heading:before{counter-increment:section 1;content:"0" counter(section) ".";font-family:var(--font-mono);color:var(--green);font-size:clamp(var(--fz-md),3vw,var(--fz-xl));font-weight:400;margin-right:10px}.numbered-heading:after{content:"";display:block;width:300px;height:1px;margin-left:20px;background-color:var(--navy-lightest)}.numbered-heading-sm:before{counter-increment:section 1;content:"0" counter(section) ".";font-family:var(--font-mono);color:var(--green);font-size:var(--fz-md);font-weight:400;margin-right:5px}.app{counter-reset:section}.main{padding:0 150px}@media (max-width: 1080px){.main{padding:0 100px}}@media (max-width: 768px){.main{padding:0 50px}}@media (max-width: 480px){.main{padding:0 25px}}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);background-color:#0a192fd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--transition);padding:0 50px}.navbar--scrolled{box-shadow:0 10px 30px -10px #020c1bb3;height:var(--nav-scroll-height)}.navbar__inner{display:flex;justify-content:space-between;align-items:center;height:100%;max-width:1600px;margin:0 auto}.navbar__logo{display:flex;align-items:center}.navbar__logo svg{transition:var(--transition)}.navbar__logo:hover svg polygon{stroke:var(--green);fill:var(--green-tint)}.navbar__links{display:flex;align-items:center;gap:5px}.navbar__list{display:flex;list-style:none;gap:5px;counter-reset:nav-item}.navbar__list li{counter-increment:nav-item}.navbar__list a{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--slate-lightest);padding:10px;text-decoration:none;transition:var(--transition)}.navbar__list a:before{content:"0" counter(nav-item) ". ";color:var(--green)}.navbar__list a:hover{color:var(--green)}.navbar__hamburger{display:none;background:none;border:none;cursor:pointer;padding:10px;z-index:101}.navbar__hamburger span{display:block;width:30px;height:2px;background-color:var(--green);margin:6px 0;transition:var(--transition);transform-origin:center}.navbar__hamburger--active span:nth-child(1){transform:rotate(45deg) translate(5px,6px)}.navbar__hamburger--active span:nth-child(2){opacity:0}.navbar__hamburger--active span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px)}.navbar__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a192fb3;z-index:98}@media (max-width: 768px){.navbar{padding:0 25px}.navbar__hamburger{display:block}.navbar__links{position:fixed;top:0;right:0;bottom:0;width:min(75vw,400px);background-color:var(--navy-light);flex-direction:column;justify-content:center;align-items:center;gap:30px;transform:translate(100%);transition:transform .3s var(--easing);z-index:99;box-shadow:-10px 0 30px -15px #020c1bb3}.navbar__links--open{transform:translate(0)}.navbar__list{flex-direction:column;align-items:center;gap:10px}.navbar__list a{font-size:var(--fz-lg);padding:15px}}.sidebar{position:fixed;bottom:0;width:40px;z-index:10}.sidebar--left{left:40px}.sidebar--right{right:40px}.sidebar__list{list-style:none;display:flex;flex-direction:column;align-items:center;gap:10px}.sidebar__list:after{content:"";display:block;width:1px;height:90px;background-color:var(--slate-light);margin-top:10px}.sidebar__link{display:flex;padding:10px;color:var(--slate-light);transition:var(--transition)}.sidebar__link svg{width:20px;height:20px}.sidebar__link:hover{color:var(--green);transform:translateY(-3px)}.sidebar__email{display:flex;font-family:var(--font-mono);font-size:var(--fz-xxs);color:var(--slate-light);letter-spacing:.1em;writing-mode:vertical-rl;padding:10px;transition:var(--transition)}.sidebar__email:after{content:"";display:block;width:1px;height:90px;background-color:var(--slate-light);margin-top:20px}.sidebar__email:hover{color:var(--green);transform:translateY(-3px)}@media (max-width: 1080px){.sidebar--left{left:20px}.sidebar--right{right:20px}}@media (max-width: 768px){.sidebar{display:none}}.hero{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;max-width:1000px;margin:0 auto;padding:0}.hero__greeting{color:var(--green);font-family:var(--font-mono);font-size:clamp(var(--fz-sm),5vw,var(--fz-md));margin-bottom:20px}.hero__name{font-size:clamp(40px,8vw,80px);color:var(--slate-lightest);line-height:1.1;margin:0;font-weight:700}.hero__tagline{font-size:clamp(40px,8vw,80px);color:var(--slate);line-height:1.1;margin-top:10px;font-weight:700}.hero__description{max-width:540px;margin-top:20px;color:var(--slate);font-size:var(--fz-xl);line-height:1.6}.hero__description a{color:var(--green);text-decoration:none}.hero__description a:hover{text-decoration:underline}.hero__cta{margin-top:50px}.about{max-width:900px}.about__grid{display:grid;grid-template-columns:3fr 2fr;gap:50px}.about__text p{margin-bottom:15px;line-height:1.6}.about__text a{color:var(--green);text-decoration:none;position:relative}.about__text a:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:var(--green);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--easing)}.about__text a:hover:after{transform:scaleX(1);transform-origin:left}.about__tech-list{display:grid;grid-template-columns:repeat(2,minmax(140px,200px));gap:0 10px;list-style:none;margin-top:20px;padding:0;overflow:hidden}.about__tech-list li{position:relative;padding-left:20px;margin-bottom:10px;font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--slate)}.about__tech-list li:before{content:"▹";position:absolute;left:0;color:var(--green);font-size:var(--fz-sm);line-height:18px}.about__photo{position:relative;max-width:300px}.about__photo-wrapper{position:relative;border-radius:4px;overflow:hidden;background-color:var(--green)}.about__photo-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--green);mix-blend-mode:multiply;opacity:.4;transition:var(--transition)}.about__photo-wrapper:hover:after{opacity:0}.about__photo-wrapper img{display:block;width:100%;height:auto;border-radius:4px;filter:grayscale(100%) contrast(1);transition:var(--transition)}.about__photo-wrapper:hover img{filter:none}.about__photo:before{content:"";position:absolute;top:20px;left:20px;width:100%;height:100%;border:2px solid var(--green);border-radius:4px;z-index:-1;transition:var(--transition)}.about__photo:hover:before{top:15px;left:15px}@media (max-width: 768px){.about__grid{grid-template-columns:1fr}.about__photo{margin:50px auto 0;width:70%}}.experience__content{display:flex;gap:20px}.experience__tabs{position:relative;display:flex;flex-direction:column;min-width:var(--tab-width);z-index:3}.experience__indicator{position:absolute;left:0;width:2px;height:42px;background-color:var(--green);transition:top .25s var(--easing);z-index:10}.experience__tab{display:flex;align-items:center;width:100%;height:42px;padding:0 20px 2px;border:none;border-left:2px solid var(--navy-lightest);background:transparent;color:var(--slate);font-family:var(--font-mono);font-size:var(--fz-xs);text-align:left;cursor:pointer;transition:var(--transition);white-space:nowrap}.experience__tab:hover{color:var(--green);background-color:var(--green-tint)}.experience__tab--active{color:var(--green)}.experience__panel{padding:10px 5px;width:100%}.experience__title{font-size:var(--fz-xxl);color:var(--slate-lightest);font-weight:500;margin-bottom:2px}.experience__company a{color:var(--green);text-decoration:none}.experience__company a:hover{text-decoration:underline}.experience__range{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--slate);margin-bottom:25px}.experience__duties{list-style:none;padding:0}.experience__duties li{position:relative;padding-left:30px;margin-bottom:10px;line-height:1.6;color:var(--slate)}.experience__duties li:before{content:"▹";position:absolute;left:0;color:var(--green);font-size:var(--fz-sm);line-height:24px}@media (max-width: 600px){.experience__content{flex-direction:column}.experience__tabs{flex-direction:row;overflow-x:auto;min-width:100%;margin-bottom:20px}.experience__tab{border-left:none;border-bottom:2px solid var(--navy-lightest);padding:0 15px;min-width:120px;justify-content:center}.experience__indicator{display:none}}.projects__inner{max-width:1000px}.featured-projects{display:flex;flex-direction:column;gap:80px;margin-bottom:80px}.featured{display:grid;grid-template-columns:1fr;gap:10px;align-items:center}.featured__content{position:relative;padding:30px 35px;background-color:var(--navy-light);border-radius:4px;transition:var(--transition)}.featured__content:hover{box-shadow:0 20px 30px -15px #020c1bb3}.featured__overline{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--green);margin-bottom:10px}.featured__title{font-size:clamp(24px,5vw,28px);color:var(--slate-lightest);margin-bottom:20px}.featured__title a{color:var(--slate-lightest);text-decoration:none;transition:var(--transition)}.featured__title a:hover{color:var(--green)}.featured__description{margin-bottom:20px}.featured__description p{color:var(--slate-light);line-height:1.6}.featured__tech{display:flex;flex-wrap:wrap;list-style:none;gap:10px;margin-bottom:15px;padding:0}.featured__tech li{font-family:var(--font-mono);font-size:var(--fz-xs);color:var(--slate);background:var(--green-tint);padding:4px 10px;border-radius:3px}.featured__links{display:flex;gap:15px}.featured__links a{color:var(--slate-lightest);transition:var(--transition);padding:5px}.featured__links a svg{width:22px;height:22px}.featured__links a:hover{color:var(--green)}.other-projects{text-align:center}.other-projects__heading{font-size:clamp(24px,5vw,var(--fz-heading));color:var(--slate-lightest);margin-bottom:10px}.other-projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;margin-top:50px}.other-card{display:flex;flex-direction:column;background-color:var(--navy-light);border-radius:4px;padding:32px 28px;text-align:left;cursor:pointer;transition:var(--transition);height:100%}.other-card:hover{box-shadow:0 20px 30px -15px #020c1bb3}.other-card__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.other-card__folder svg{width:40px;height:40px;color:var(--green);stroke:var(--green)}.other-card__links{display:flex;gap:10px}.other-card__links a{color:var(--slate-lightest);transition:var(--transition);padding:5px}.other-card__links a svg{width:20px;height:20px}.other-card__links a:hover{color:var(--green)}.other-card__title{font-size:var(--fz-xxl);color:var(--slate-lightest);margin-bottom:10px;font-weight:600}.other-card__title a{color:inherit;text-decoration:none}.other-card__title a:hover{color:var(--green)}.other-card__description{color:var(--slate-light);font-size:var(--fz-md);line-height:1.6;flex:1}.other-card__tech{display:flex;flex-wrap:wrap;list-style:none;gap:8px;margin-top:20px;padding:0}.other-card__tech li{font-family:var(--font-mono);font-size:var(--fz-xxs);color:var(--slate)}.other-projects__btn{margin-top:50px}.contact{max-width:600px;text-align:center;padding:100px 0 150px}.contact__inner{display:flex;flex-direction:column;align-items:center}.contact__overline{font-family:var(--font-mono);font-size:var(--fz-md);color:var(--green);display:block;margin-bottom:20px}.contact__title{font-size:clamp(40px,5vw,60px);color:var(--slate-lightest);margin-bottom:20px;font-weight:600}.contact__text{max-width:500px;margin-bottom:50px;line-height:1.6}.contact__btn{font-size:var(--fz-sm)}.footer{padding:15px 0;text-align:center}.footer__credit{text-decoration:none;color:var(--slate);transition:var(--transition)}.footer__credit:hover{color:var(--green)}.footer__credit p{font-family:var(--font-mono);font-size:var(--fz-xxs);line-height:1.5}@media (max-width: 480px){.section{padding:60px 0}.numbered-heading:after{width:100%}.hero{padding:0}.hero__name,.hero__tagline{font-size:clamp(30px,10vw,50px)}.featured__content{padding:25px 20px}.other-projects__grid{grid-template-columns:1fr}.contact{padding:60px 0 100px}}@media (max-width: 768px){.about__tech-list{grid-template-columns:repeat(2,minmax(120px,1fr))}}