:root{font-family:Sora,Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#040814;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:#040814;font-size:17px}#root{min-height:100vh}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#040814}::-webkit-scrollbar-thumb{background:#78c8b938;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#78c8b966}.app{min-height:100vh;position:relative;overflow:hidden;color:#fbfeff;font-family:Sora,Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif}.hero-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 40%,#040814b8,#04081473 38%,#04081433 55%,#04081400 70%),linear-gradient(180deg,#04081400,#040814a6 65%,#040814);z-index:1}.hero{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-start;gap:.45rem;padding:0 clamp(1.5rem,3.5vw,2.5rem);padding-top:clamp(80px,10vh,100px);padding-bottom:60px;max-width:740px;margin:0 auto;align-items:center;text-align:center}.top-nav{position:fixed;top:24px;right:28px;z-index:3;display:flex;gap:.35rem;padding:.35rem .5rem;border-radius:999px;border:1px solid rgba(120,200,190,.18);background:#050c188c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.top-nav-link{position:relative;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:#aac8d2b3;transition:color .2s ease,box-shadow .2s ease}.top-nav-link svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.top-nav-link:hover{color:#c8ebe6e6;box-shadow:0 0 0 1px #78d2c833}.top-nav-link.active{color:#c8f5ebf2}.top-nav-link.active:after{content:"";position:absolute;bottom:-8px;width:5px;height:5px;border-radius:50%;background:#78e6d2e6;box-shadow:0 0 8px #78e6d299}.top-nav-tooltip{position:absolute;top:42px;left:50%;transform:translate(-50%,-6px);padding:.2rem .45rem;border-radius:6px;border:1px solid rgba(120,200,190,.2);background:#050c18b3;font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:#aacdd2bf;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.top-nav-link:hover .top-nav-tooltip{opacity:1;transform:translate(-50%)}.about .hero-overlay{background:radial-gradient(circle at 50% 25%,#040c18b8,#040c1873 38%,#040c182e 58%,#040c1800 74%),linear-gradient(180deg,#040c1800,#040c18b3 60%,#040c18)}.careers .hero-overlay{background:radial-gradient(circle at 50% 22%,#040c18c7,#040c1880 38%,#040c1833 58%,#040c1800 74%),linear-gradient(180deg,#040c1800,#040c18c7 62%,#040c18)}.career-hero{position:relative;z-index:2;padding:0 clamp(1.5rem,3.5vw,2.5rem);padding-top:clamp(64px,8vh,96px);padding-bottom:40px;max-width:1080px;margin:0 auto}.career-hero-inner{max-width:820px;animation:aboutHeroReveal .9s ease-out both}.career-label{margin:0;text-transform:uppercase;letter-spacing:.36em;font-size:.78rem;color:#94d2c8bf}.career-title{margin:.45rem 0 .35rem;font-size:clamp(2.6rem,4.2vw,3.6rem);font-weight:690;line-height:1.06;color:#fbfeff}.career-subtitle{margin:0;font-size:1.1rem;line-height:1.6;color:#94a3b8eb}.career-divider{margin-top:1.4rem;height:1px;background:linear-gradient(90deg,#78c8be99,#78c8be14)}.career-panel{background:#050c18d1;border:1px solid rgba(130,200,190,.18);box-shadow:0 20px 36px #02060e99;border-radius:12px;padding:clamp(1.35rem,2.6vw,1.95rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.career-panel:hover{transform:translateY(-2px);border-color:#78d2c838;box-shadow:0 22px 38px #02060e99,0 0 0 1px #78d2c826}.career-timeline{position:relative;z-index:2;max-width:1080px;margin:0 auto;padding:30px clamp(1.5rem,3.5vw,2.5rem) 70px;display:grid;gap:2.4rem}.career-timeline:before{content:"";position:absolute;left:calc(clamp(1.5rem,3.5vw,2.5rem) + 16px);top:10px;bottom:20px;width:1px;background:linear-gradient(180deg,#78c8be0d,#78c8be80,#78c8be0d)}.career-entry{position:relative;padding-left:2.8rem;animation:careerFade .8s ease-out both}.career-entry:nth-child(2){animation-delay:.06s}.career-entry:nth-child(3){animation-delay:.12s}.career-node{position:absolute;left:1rem;top:2.1rem;width:12px;height:12px;border-radius:50%;background:#78c8becc;box-shadow:0 0 0 7px #78c8be14}.career-entry:after{content:"";position:absolute;left:.8rem;top:2.1rem;width:16px;height:16px;border-radius:50%;border:1px solid rgba(120,200,190,.35)}.career-entry:hover{border-color:#78dcd259;box-shadow:0 24px 38px #02060e99,0 0 0 1px #78dcd226}.career-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.career-role{margin:0;font-size:1.12rem;color:#ebfaf8f2;text-transform:uppercase;letter-spacing:.1em}.career-org{margin:.25rem 0 0;font-size:.94rem;color:#bedce6e6;letter-spacing:.08em;text-transform:uppercase}.career-location{margin:.15rem 0 0;font-size:.86rem;color:#96afbee0;letter-spacing:.08em;text-transform:uppercase}.career-period{margin:0;font-size:.82rem;color:#b4d2d7d9;letter-spacing:.18em;text-transform:uppercase;font-family:IBM Plex Mono,Space Mono,monospace;text-align:right}.career-description{margin:.9rem 0 0;font-size:1.06rem;line-height:1.6;color:#aabecdeb;max-width:760px}.career-focus{margin-top:.85rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.career-focus-label{font-size:.76rem;text-transform:uppercase;letter-spacing:.24em;color:#96becdb3;font-family:IBM Plex Mono,Space Mono,monospace}.career-focus-items{display:flex;flex-wrap:wrap;gap:.5rem}.career-focus-items span{padding:.32rem .7rem;border-radius:999px;border:1px solid rgba(120,200,190,.25);background:#08101ab3;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#bee1ebe6}.career-annotation{margin-top:.8rem;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:#8cafbecc;font-family:IBM Plex Mono,Space Mono,monospace}@keyframes careerFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.about-hero{position:relative;z-index:2;padding:0 clamp(1.5rem,3.5vw,2.5rem);padding-top:clamp(64px,8vh,90px);padding-bottom:60px;max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:.35rem;text-align:left;align-items:flex-start}.about-hero-inner{max-width:760px;animation:aboutHeroReveal .9s ease-out both}.about-label{margin:0;text-transform:uppercase;letter-spacing:.36em;font-size:.78rem;color:#94d2c8bf}.about-title{margin:0;font-size:clamp(2.6rem,4.2vw,3.6rem);font-weight:690;line-height:1.04;color:#fbfeff}.about-title-accent{position:relative;color:#c3faf2fa;text-shadow:0 0 20px rgba(120,230,210,.4)}.about-title-accent:after{content:"";position:absolute;left:0;right:0;bottom:.15em;height:.2em;background:linear-gradient(90deg,#78e6d224,#78e6d280,#78e6d224);opacity:.75;z-index:-1}.about-body{margin:0;font-size:1.12rem;line-height:1.6;color:#94a3b8eb}.about-panel{background:#050c18d1;border:1px solid rgba(130,200,190,.18);box-shadow:0 20px 36px #02060e99;border-radius:12px;padding:clamp(1.25rem,2.6vw,1.85rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.about-panel:hover{transform:translateY(-2px);border-color:#78d2c838;box-shadow:0 22px 38px #02060e99,0 0 0 1px #78d2c826}.about-cta{margin:0;font-size:.9rem;color:#a0dcd2d9;text-transform:uppercase;letter-spacing:.16em}.about-section{position:relative;z-index:2;padding:56px clamp(1.5rem,3.5vw,2.5rem);max-width:1080px;margin:0 auto}.about-section:after{content:"";position:absolute;left:clamp(1.5rem,3.5vw,2.5rem);right:clamp(1.5rem,3.5vw,2.5rem);bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(120,200,190,.4),transparent);opacity:.55}.about-section-title{margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.28em;font-size:1.02rem;font-weight:650;color:#b4ebe1f2}.about-text{margin:0 0 .7rem;font-size:1.08rem;line-height:1.62;color:#a0b0c4eb;max-width:660px}.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.3rem,2.9vw,2.1rem);align-items:center}.about-grid-invert{grid-template-columns:repeat(2,minmax(0,1fr))}.about-copy{display:flex;flex-direction:column}.about-visual{border:1px solid rgba(160,220,220,.26);border-radius:10px;min-height:230px;background:linear-gradient(140deg,#0a121efa,#060c18f0);position:relative;overflow:hidden}.about-visual-label{position:absolute;top:12px;left:14px;font-size:.72rem;text-transform:uppercase;letter-spacing:.26em;color:#bef0e6c7}.about-visual-meta{position:absolute;top:12px;right:14px;display:flex;gap:.75rem;font-size:.66rem;text-transform:uppercase;letter-spacing:.2em;color:#a0c8d2b3;font-family:IBM Plex Mono,Space Mono,monospace}.about-visual-meta-right{text-align:right}.about-visual:hover{box-shadow:0 0 0 1px #5aa5ff33,0 0 18px #5aa5ff1f}.about-allocator:before{content:"";position:absolute;inset:20px;background:linear-gradient(90deg,rgba(90,165,255,.22) 1px,transparent 1px),linear-gradient(180deg,rgba(90,165,255,.22) 1px,transparent 1px);background-size:18px 18px;opacity:.7}.about-allocator-scale{position:absolute;left:12px;bottom:16px;display:grid;gap:.25rem;font-size:.62rem;letter-spacing:.14em;color:#96becdb3;font-family:IBM Plex Mono,Space Mono,monospace}.about-blocks{position:absolute;inset:28px 24px 26px 64px;background:linear-gradient(180deg,#5aa5ff42,#5aa5ff00),repeating-linear-gradient(90deg,#78c8ff38 0 42px,#5a78a00d 42px 60px);border:1px solid rgba(90,165,255,.4);box-shadow:inset 0 0 0 1px #5aa5ff1a}.about-wireframe:before{content:"";position:absolute;inset:22px;border:1px dashed rgba(140,200,190,.6);transform:skewY(-6deg);animation:aboutDrift 8s ease-in-out infinite}.about-wire{position:absolute;inset:30px;border:1px solid rgba(140,200,190,.32);transform:skewY(6deg);animation:aboutDriftReverse 10s ease-in-out infinite}.about-ticks{position:absolute;inset:36px;background-image:repeating-linear-gradient(0deg,rgba(120,190,185,.18) 0,rgba(120,190,185,.18) 1px,transparent 1px,transparent 28px),repeating-linear-gradient(90deg,rgba(120,190,185,.18) 0,rgba(120,190,185,.18) 1px,transparent 1px,transparent 28px);opacity:.55}.about-axis-label{position:absolute;font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#aad2d7b8;font-family:IBM Plex Mono,Space Mono,monospace}.about-axis-x{bottom:16px;right:18px}.about-axis-y{top:50%;left:16px}.about-axis-z{top:16px;right:28px}.about-visual-note{position:absolute;right:14px;bottom:14px;font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:#bee6ebcc;background:#060c16b3;border:1px solid rgba(120,200,190,.25);padding:.35rem .5rem;border-radius:6px;opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;font-family:IBM Plex Mono,Space Mono,monospace}.about-visual:hover .about-visual-note{opacity:1;transform:translateY(0)}.about-center{max-width:1080px;text-align:left}.about-flow{display:flex;align-items:center;gap:.9rem;margin-top:.8rem;flex-wrap:wrap}.about-flow-node{padding:.5rem .9rem;border-radius:999px;border:1px solid rgba(140,200,190,.35);background:#0a121eb3;color:#d2f5ebf2;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;font-family:IBM Plex Mono,Space Mono,monospace}.about-flow-node-warning{border-color:#e76b6b80;color:#e7a0a0eb;background:#280c12a6}.about-flow-link{width:54px;height:1px;background:linear-gradient(90deg,#78c8be38,#78c8bee6);position:relative}.about-flow-link:after{content:"";position:absolute;right:-4px;top:-3px;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid rgba(120,200,190,.7)}.about-flow-link-dashed{background:repeating-linear-gradient(90deg,rgba(231,107,107,.2) 0,rgba(231,107,107,.2) 6px,transparent 6px,transparent 12px)}.about-flow-link-dashed:after{border-left-color:#e76b6ba6}.about-flow-meta{margin-top:.4rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#96becdb3;font-family:IBM Plex Mono,Space Mono,monospace}.about-list{list-style:none;padding:0;margin:.9rem 0 0;display:flex;flex-wrap:wrap;gap:.55rem;color:#a0b0c4e6;font-size:.9rem}.about-list li{padding:.4rem .8rem;border-radius:999px;border:1px solid rgba(120,200,190,.25);background:#08101ab3;letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.about-closing{max-width:1080px;text-align:left;padding-top:14px;padding-bottom:36px}.about-closing:after{display:none}.about-closing-statement{margin:0 0 .65rem;font-size:1.25rem;line-height:1.4;color:#c8f5ebf2;letter-spacing:.06em;text-transform:uppercase}.about-closing-body{margin:0;font-size:1.06rem;line-height:1.62;color:#a0b0c4eb;max-width:700px}@keyframes aboutHeroReveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes aboutDrift{0%{transform:translateY(0) skewY(-6deg)}50%{transform:translateY(-4px) skewY(-6deg)}to{transform:translateY(0) skewY(-6deg)}}@keyframes aboutDriftReverse{0%{transform:translateY(0) skewY(6deg)}50%{transform:translateY(4px) skewY(6deg)}to{transform:translateY(0) skewY(6deg)}}@media(max-width:900px){.about-grid,.about-grid-invert{grid-template-columns:1fr}.about-center{text-align:left}.about-hero,.about-section,.about-closing{padding-left:1.5rem;padding-right:1.5rem;transform:none}}@media(max-width:900px){.career-header{flex-direction:column;align-items:flex-start}.career-period{text-align:left}.career-entry{padding-left:2.1rem}}@media(max-width:720px){.career-hero,.career-timeline{padding-left:1.5rem;padding-right:1.5rem}.career-timeline:before{left:calc(1.5rem + 12px)}.career-node,.career-entry:after{left:.7rem}}@media(max-width:720px){.top-nav{top:18px;right:16px;padding:.3rem .4rem}.top-nav-link{width:30px;height:30px}.top-nav-tooltip{top:38px}}.hero-role{text-transform:uppercase;letter-spacing:.28em;font-size:clamp(1.2rem,2.1vw,1.45rem);color:#aae6dce6;margin:0}.hero-title{font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:600;line-height:1.02;margin:0;color:#fbfeff}.hero-body{margin:0;font-size:clamp(1.05rem,1.7vw,1.15rem);line-height:1.6;color:#e1eef8d1;max-width:580px}.hero-cta{margin-top:.35rem;display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;color:#afe4dcf2;text-decoration:none;position:relative;width:fit-content}.hero-cta:after{content:"";height:1px;width:100%;background:#afe4dccc;position:absolute;left:0;bottom:-.2rem;transform:scaleX(.6);transform-origin:left;transition:transform .3s ease}.hero-cta:hover:after{transform:scaleX(1)}.hero-links{display:flex;flex-direction:column;gap:.25rem;margin-top:.35rem;align-items:center}.hero-link{font-size:1rem;color:#e8c468fa;letter-spacing:.02em;text-transform:none;text-decoration:none;position:relative;width:fit-content}.hero-link.no-underline:after{display:none}.hero-link:hover:after{transform:scaleX(1)}.hero-link:after{content:"";height:1px;width:100%;background:#e8c468c7;position:absolute;left:0;bottom:-.2rem;transform:scaleX(.6);transform-origin:left;transition:transform .3s ease}.hero-meta{margin:0;font-size:1rem;color:#ebf6fce6}@media(max-width:720px){.hero{padding:2.5rem 1.75rem 3rem}}.projects{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.6rem,2.8vw,2.2rem);align-items:start;max-width:1260px;width:100%;padding:52px clamp(1.5rem,4vw,2.5rem) clamp(3rem,6.5vw,4.4rem);margin:0 auto}.project-card{background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:32px;display:grid;gap:1.5rem;grid-template-rows:auto auto 1fr auto;min-height:760px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card:hover{transform:translateY(-4px);border-color:#78d2c838;box-shadow:0 26px 44px #02060e99,0 0 0 1px #78d2c824}.project-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.project-title{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.24em;color:#deebf6d1}.project-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#e76b6be6;background:#e76b6b1a;border:1px solid rgba(231,107,107,.35);padding:.35rem .6rem;border-radius:999px}.project-badge-private{color:#d4bc78e6;background:#d4bc781f;border-color:#d4bc784d}.project-badge-public{color:#8cd7cde6;background:#8cd7cd1f;border-color:#8cd7cd59}.project-preview{height:clamp(300px,42vw,360px);border-radius:8px;background:linear-gradient(135deg,#101828e6,#0c121ecc);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-preview-tech{position:relative;justify-content:flex-start}.project-preview-tech:before{content:"";position:absolute;inset:14px;background-image:linear-gradient(90deg,rgba(120,190,210,.18) 1px,transparent 1px),linear-gradient(180deg,rgba(120,190,210,.18) 1px,transparent 1px);background-size:20px 20px;opacity:.6}.project-preview-hex,.project-preview-meta{position:absolute;font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:#aacdd7bf;font-family:IBM Plex Mono,Space Mono,monospace}.project-preview-hex:first-of-type{left:18px;bottom:18px}.project-preview-hex:last-of-type{left:18px;bottom:42px}.project-preview-meta:nth-of-type(3){right:18px;top:18px}.project-preview-meta:nth-of-type(4){right:18px;top:38px}.project-preview-image{width:100%;height:100%;object-fit:cover;display:block}.project-preview-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.3em;color:#aabecd99}.project-description{margin:0;font-size:.94rem;line-height:1.6;color:#dcebf6d1}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .45rem;border-radius:4px;border:1px solid transparent}.tag-php{color:#78c8bef2;background:#78c8be2e;border-color:#78c8be66}.tag-neutral{color:#aac8d7f2;background:#8ca5be2e;border-color:#8ca5be59}.tag-ts{color:#5aa5ff;background:#5aa5ff2e;border-color:#5aa5ff66}.tag-node{color:#64d782;background:#64d7822e;border-color:#64d78266}.tag-c{color:#64d2eb;background:#64d2eb2e;border-color:#64d2eb66}.tag-cpp{color:#d28cff;background:#d28cff2e;border-color:#d28cff66}@media(max-width:1024px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.projects{grid-template-columns:1fr}}