:root{--bg: #000000;--panel: #0d0d0d;--line: #262626;--white: #ffffff;--gray: #8a8a8a}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--white);font-family:Space Grotesk,sans-serif;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}#app{display:contents}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a{color:inherit;text-decoration:none}::selection{background:var(--white);color:#000}:focus-visible{outline:1px solid var(--white);outline-offset:4px}.mono{font-family:JetBrains Mono,monospace;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gray)}h1,h2,h3{font-weight:600;letter-spacing:-.01em}.wrap{max-width:640px;margin:0 auto;padding:0 24px}header.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000bf;border-bottom:1px solid var(--line)}header.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:56px}.brand{font-weight:700;font-size:1.05rem;letter-spacing:-.02em}nav.links{display:flex;gap:22px}nav.links a{font-family:JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gray);transition:color .2s ease}nav.links a:hover{color:var(--white)}@media(max-width:520px){nav.links a:nth-child(3){display:none}}.hero{position:relative;padding:64px 0 48px;overflow:hidden}#signature{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.9}.hero-inner{position:relative;z-index:2}.avatar{width:88px;height:88px;border-radius:50%;border:1px solid var(--white);display:flex;align-items:center;justify-content:center;background:#000;margin-bottom:24px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero h1{font-size:clamp(2.2rem,9vw,3.1rem);line-height:1.06;margin:14px 0 12px}.hero h1 .cursor{display:inline-block;width:.5ch;background:var(--white);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.role{margin-bottom:20px}.tagline{max-width:440px;color:var(--gray);font-size:1rem;font-weight:400}.tagline strong{color:var(--white);font-weight:500}.hero-cta{margin-top:32px;display:flex;gap:12px;flex-wrap:wrap}.btn{font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:13px 22px;border:1px solid var(--white);border-radius:0;transition:all .2s ease}.btn.solid{background:var(--white);color:#000}.btn.solid:hover{background:transparent;color:var(--white)}.btn.ghost{border-color:var(--line);color:var(--gray)}.btn.ghost:hover{border-color:var(--white);color:var(--white)}section{padding:56px 0;border-top:1px solid var(--line)}.head{margin-bottom:30px;display:flex;align-items:baseline;gap:14px}.head .num{font-family:JetBrains Mono,monospace;font-size:.7rem;color:var(--gray)}.head h2{font-size:1.7rem}.about p{color:var(--gray);font-size:1rem;margin-bottom:16px;max-width:54ch}.about p strong{color:var(--white);font-weight:500}.about p:last-child{margin-bottom:0}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:30px;border:1px solid var(--line)}.stat{background:#000;padding:18px 8px;text-align:center}.stat b{display:block;font-size:1.6rem;font-weight:700}.stat span{font-family:JetBrains Mono,monospace;font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gray)}.panel{border:1px solid var(--line);padding:24px 20px;margin-bottom:14px;transition:border-color .2s ease,transform .2s ease}.panel:last-child{margin-bottom:0}.panel:hover{border-color:var(--white);transform:translate(3px)}.panel .idx{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.08em;color:var(--gray);display:block;margin-bottom:8px}.panel h3{font-size:1.25rem;margin-bottom:8px}.panel p{color:var(--gray);font-size:.92rem}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tags span{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.04em;color:var(--gray);border:1px solid var(--line);padding:4px 9px}.timeline{list-style:none}.timeline-item{display:grid;grid-template-columns:minmax(148px,180px) 14px 1fr;grid-template-areas:"when mark body";column-gap:16px;padding-bottom:36px}.timeline-item:last-child{padding-bottom:0}.timeline-when{grid-area:when;font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);padding-top:4px}.timeline-mark{grid-area:mark;position:relative;display:flex;justify-content:center}.timeline-mark:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--white);margin-top:6px;flex-shrink:0;z-index:1}.timeline-item:not(:last-child) .timeline-mark:after{content:"";position:absolute;top:16px;bottom:-32px;left:50%;width:1px;background:var(--line);transform:translate(-50%)}.timeline-body{grid-area:body}.timeline-body h3{font-size:1.25rem;margin-bottom:4px}.timeline-org{font-family:JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gray);margin-bottom:8px}.timeline-body p:not(.timeline-org){color:var(--gray);font-size:.92rem}.timeline-points{list-style:none;margin-top:10px}.timeline-points li{position:relative;color:var(--gray);font-size:.92rem;padding-left:14px;margin-bottom:6px}.timeline-points li:last-child{margin-bottom:0}.timeline-points li:before{content:"";position:absolute;left:0;top:.55em;width:4px;height:4px;border-radius:50%;background:var(--line)}.timeline-item:hover .timeline-when{color:var(--white)}.edu{margin-top:40px;padding-top:30px;border-top:1px solid var(--line)}.edu h3{font-size:1.25rem;margin:4px 0 8px}.edu p{color:var(--gray);font-size:.92rem}@media(max-width:560px){.timeline-item{grid-template-columns:14px 1fr;grid-template-areas:"mark when" "mark body"}}.contact h2{font-size:1.9rem;margin-bottom:12px}.contact p{color:var(--gray);max-width:46ch;margin-bottom:26px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.contact .btn.solid{padding:14px 28px}footer{border-top:1px solid var(--line);padding:24px 0 40px}footer p{font-family:JetBrains Mono,monospace;font-size:.6rem;letter-spacing:.06em;color:var(--gray);text-transform:uppercase}@media(min-width:720px){.wrap{max-width:760px}.hero{padding:100px 0 72px}.avatar{width:104px;height:104px}section{padding:76px 0}}