:root{color-scheme:dark;--ink: #0b1210;--panel: #101917;--panel-2: #16211e;--line: rgba(234, 242, 239, .09);--text: #eaf2ef;--muted: #8ba49b;--emerald: #34d399;--emerald-dim: #1f8f6d;--amber: #f5b942;--sky: #38bdf8;--violet: #a78bfa;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--container: 1080px;--nav-h: 64px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;margin:0;text-wrap:balance}p{margin:0}button{font-family:inherit}img{max-width:100%}::selection{background:var(--emerald-dim);color:#05130f}:focus-visible{outline:2px solid var(--emerald);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;left:-999px;top:.75rem;z-index:500;padding:.6rem 1rem;background:var(--emerald);color:#05130f;font-weight:600;border-radius:8px}.skip-link:focus-visible{left:.75rem}[id]{scroll-margin-top:calc(var(--nav-h) + 24px)}#scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;z-index:600;background:linear-gradient(90deg,var(--emerald-dim),var(--emerald),var(--amber));transform:scaleX(0);transform-origin:left;will-change:transform}#section-label{position:fixed;bottom:28px;left:50%;transform:translate(-50%) translateY(14px);z-index:550;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--emerald);background:#0b1210d9;border:1px solid var(--line);border-radius:999px;padding:.5rem 1.1rem;opacity:0;pointer-events:none;transition:opacity .35s ease,transform .35s ease;backdrop-filter:blur(10px)}#section-label.visible{opacity:1;transform:translate(-50%) translateY(0)}#transition-overlay{position:fixed;inset:0;z-index:700;pointer-events:none;display:flex;flex-direction:column}.overlay-slice{flex:1;background:var(--panel-2);transform:scaleY(0)}@keyframes slice-in{0%{transform:scaleY(0);transform-origin:bottom}to{transform:scaleY(1);transform-origin:bottom}}@keyframes slice-out{0%{transform:scaleY(1);transform-origin:top}to{transform:scaleY(0);transform-origin:top}}.slice-in{animation:slice-in .32s cubic-bezier(.77,0,.18,1) forwards}.slice-out{animation:slice-out .42s cubic-bezier(.77,0,.18,1) forwards}.nav{position:fixed;top:0;width:100%;z-index:400;background:#0b1210d1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s ease}.nav.scrolled{box-shadow:0 10px 30px -18px #000000b3}.nav__inner{max-width:var(--container);margin:0 auto;padding:0 1.5rem;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:1.25rem}.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:700;font-size:1.05rem}.brand img{width:28px;height:28px;border-radius:8px}.nav__links{display:none;gap:1.75rem;font-size:.9rem;font-weight:500}.nav__links a{position:relative;color:var(--muted);padding-bottom:3px;transition:color .25s ease}.nav__links a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--emerald);border-radius:2px;transition:width .28s ease,left .28s ease}.nav__links a:hover,.nav__links a.active{color:var(--text)}.nav__links a:hover:after,.nav__links a.active:after{width:100%;left:0}.nav__right{display:flex;align-items:center;gap:.75rem}.lang-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 .8rem;font-family:var(--font-mono);font-size:.72rem;font-weight:500;letter-spacing:.08em;color:var(--emerald);background:var(--panel);border:1px solid var(--line);border-radius:8px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .25s ease,background .25s ease}.lang-btn:hover{border-color:var(--emerald-dim);background:var(--panel-2)}.nav__cta{display:none}.nav__toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:none;border:1px solid var(--line);border-radius:10px;color:var(--text);cursor:pointer;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:border-color .25s ease,background .25s ease}.nav__toggle:hover{border-color:var(--emerald);background:var(--panel)}.nav__mobile{position:absolute;top:var(--nav-h);left:0;right:0;display:grid;grid-template-rows:0fr;visibility:hidden;background:#0b1210f7;border-bottom:1px solid var(--line);backdrop-filter:blur(14px);transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1),visibility 0s .4s;overflow:hidden}.nav__mobile.open{grid-template-rows:1fr;visibility:visible;transition:grid-template-rows .4s cubic-bezier(.16,1,.3,1)}.nav__mobile-inner{overflow:hidden}.nav__mobile a{display:flex;align-items:center;gap:.85rem;padding:.95rem 1.5rem;border-bottom:1px solid var(--line);color:var(--muted);font-size:.95rem;font-weight:500;transition:color .2s ease,background .2s ease}.nav__mobile a:hover,.nav__mobile a.active{color:var(--emerald);background:var(--panel)}.nav__mobile svg{flex-shrink:0;color:var(--emerald)}.nav__mobile-lang{display:flex;align-items:center;gap:.75rem;padding:.95rem 1.5rem;color:var(--muted);font-size:.9rem;font-weight:500}@media(min-width:980px){.nav__links{display:flex}.nav__cta{display:inline-flex}.nav__toggle,.nav__mobile{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border-radius:8px;font-family:var(--font-body);font-weight:600;font-size:.95rem;border:1px solid transparent;white-space:nowrap;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .15s ease,background .2s ease,border-color .2s ease,color .2s ease}.btn--primary{background:var(--emerald);color:#05130f}.btn--primary:hover{transform:translateY(-2px);background:#4fe0ad}.btn--ghost{border-color:var(--line);color:var(--text)}.btn--ghost:hover{transform:translateY(-2px);border-color:var(--emerald);color:var(--emerald)}.btn--sm{padding:.55rem 1.1rem;font-size:.85rem}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;color:var(--muted)}.eyebrow--plain{text-transform:uppercase;font-size:.75rem;letter-spacing:.12em;color:var(--emerald)}.dot{width:8px;height:8px;border-radius:50%;background:var(--emerald);box-shadow:0 0 #34d39999;animation:pulse 2.2s infinite;flex-shrink:0}@keyframes pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 8px #34d39900}to{box-shadow:0 0 #34d39900}}.hero{max-width:var(--container);margin:0 auto;padding:8.5rem 1.5rem 5rem;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center;position:relative}.hero__title{font-size:clamp(2.4rem,6vw,3.8rem);line-height:1.04;margin:1.25rem 0 .75rem;letter-spacing:-.02em}.accent{color:var(--emerald)}.hero__role{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hero__quote{margin:1.5rem 0 1.25rem;padding-left:1rem;border-left:2px solid var(--emerald-dim);color:var(--muted);font-style:italic;font-size:.95rem;max-width:52ch}.hero__bio{max-width:46ch;color:var(--muted);font-size:1.02rem}.hero__actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.hero__panel{display:flex;justify-content:center}.hero__photo{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-bottom:2rem}.hero__photo-frame{width:120px;height:120px;border-radius:50%;border:2px dashed var(--emerald-dim);display:flex;align-items:center;justify-content:center;color:var(--emerald-dim);background:var(--panel);transition:border-color .3s ease,transform .3s ease}.hero__photo-frame:hover{border-color:var(--emerald);transform:translateY(-3px)}.hero__photo-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.hero__photo-note{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.panel{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 30px 60px -30px #0009}.panel__bar{display:flex;align-items:center;gap:.4rem;padding:.7rem .9rem;background:var(--panel-2);border-bottom:1px solid var(--line)}.panel__dot{width:9px;height:9px;border-radius:50%;display:inline-block}.panel__label{margin-left:.6rem;font-family:var(--font-mono);font-size:.75rem;color:var(--muted)}.panel__body{padding:1.25rem 1.1rem;font-family:var(--font-mono);font-size:.85rem}.panel__body p{margin-bottom:.6rem}.tk-key{color:var(--emerald);margin-right:.4rem}.tk-out{color:var(--muted);margin-bottom:1rem!important}.tk-cursor{margin-bottom:0!important}.blink{animation:blink 1s step-end infinite;color:var(--emerald)}@keyframes blink{50%{opacity:0}}@media(min-width:900px){.hero{grid-template-columns:1.15fr .85fr;padding-top:10rem}}.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);overflow:hidden;padding:.9rem 0}.ticker__track{display:flex;width:max-content;animation:ticker 30s linear infinite}.ticker__track:hover{animation-play-state:paused}.ticker__item{display:inline-flex;align-items:center;gap:1rem;padding:0 1.5rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.ticker__item:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--emerald)}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.section{max-width:var(--container);margin:0 auto;padding:5rem 1.5rem}.section--tint{max-width:none;background:var(--panel)}.section--tint>*{max-width:var(--container);margin-left:auto;margin-right:auto}.section__head{max-width:640px;margin-bottom:2.75rem}.section__head h2{font-size:clamp(1.5rem,3vw,2rem);margin-top:.6rem}.about__head{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:start;margin-bottom:2.5rem}.about__left{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.about__left .section__head{margin-bottom:0}.about__text{color:var(--muted);max-width:60ch;font-size:1.02rem}.about__text p+p{margin-top:1rem}.about__quote{margin-top:1.5rem;color:var(--emerald);font-family:var(--font-display);font-weight:600;font-size:1.05rem}.about__role{margin-top:1.25rem;font-size:.9rem;color:var(--muted)}.about__role strong{color:var(--text)}@media(min-width:900px){.about__head{grid-template-columns:1.15fr 1fr}}.stats{margin-top:0;min-width:0}.stats__title{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--muted);margin-bottom:1.1rem}.stats__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.stat{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;padding:1.4rem 1.2rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;color:var(--text);text-align:left;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .2s ease,border-color .25s ease,background .25s ease}.stat:hover{transform:translateY(-3px);border-color:var(--emerald-dim);background:var(--panel-2)}.stat[aria-expanded=true]{border-color:var(--emerald)}.stat__num{font-family:var(--font-display);font-size:1.6rem;color:var(--emerald)}.stat__label{font-size:.82rem;color:var(--muted)}.stat__row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.75rem}.stat__chevron{color:var(--muted);flex-shrink:0;transition:transform .3s ease}.stat[aria-expanded=true] .stat__chevron{transform:rotate(180deg);color:var(--emerald)}.stat-panels{margin-top:1rem}.stat-panel{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s cubic-bezier(.16,1,.3,1),opacity .3s ease}.stat-panel.open{grid-template-rows:1fr;opacity:1}.stat-panel__inner{overflow:hidden}.stat-panel__card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1.5rem 1.75rem;margin-bottom:.5rem}.stat-panel__card h3{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--amber);margin-bottom:.9rem}.stat-panel__card p{color:var(--muted);font-size:.95rem;max-width:72ch}.stat-list{list-style:none;margin:.4rem 0 0;padding:0}.stat-list li{padding:.45rem 0;border-bottom:1px solid var(--line);display:flex;gap:.75rem;align-items:baseline;font-size:.95rem}.stat-list li:last-child{border-bottom:none}.stat-list .proj-name{font-weight:600;color:var(--text)}.stat-list .proj-desc{color:var(--muted);font-size:.88rem}.stat-list a{color:var(--emerald);font-weight:600}.stat-list a:hover{text-decoration:underline}.achv__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}@media(min-width:700px){.achv__grid{grid-template-columns:repeat(4,1fr)}}.achv{border:1px solid var(--line);border-radius:12px;padding:1.5rem 1.25rem;background:var(--ink);text-align:center;transition:transform .2s ease,border-color .25s ease}.achv:hover{transform:translateY(-3px);border-color:var(--emerald-dim)}.achv img{width:64px;height:64px;margin-bottom:.9rem}.achv h3{font-size:.95rem;margin-bottom:.35rem}.achv p{color:var(--muted);font-size:.8rem}.ghstats{display:grid;grid-template-columns:1fr;gap:1.5rem;justify-items:center;margin-top:2.5rem}.ghstats__row{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;align-items:center}.ghstats img{border-radius:10px;border:1px solid var(--line);background:var(--panel);max-height:190px}@media(max-width:700px){.ghstats img{max-height:none;width:100%;height:auto}}.skills__grid{display:grid;gap:1.25rem;grid-template-columns:1fr}.skill{border:1px solid var(--line);border-radius:10px;padding:1.5rem;background:var(--ink);transition:transform .2s ease,border-color .25s ease}.skill:hover{transform:translateY(-3px);border-color:var(--emerald-dim)}.skill h3{font-size:1rem;margin-bottom:1rem}.skill__tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill__tag{font-family:var(--font-mono);font-size:.78rem;padding:.35rem .65rem;border-radius:6px;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);cursor:pointer;line-height:1.5;text-align:left;transition:color .2s ease,border-color .2s ease,transform .15s ease}.skill__tag:hover{color:var(--emerald);border-color:var(--emerald-dim);transform:translateY(-1px)}.skill__tag:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.skill__tag[aria-expanded=true]{color:var(--emerald);border-color:var(--emerald-dim);background:#34d39914}.skill__tag svg{display:inline-block;vertical-align:middle;margin-left:.4rem;opacity:.5;transition:transform .2s ease,opacity .2s ease}.skill__tag:hover svg{opacity:1}.skill__tag[aria-expanded=true] svg{transform:rotate(180deg);opacity:1}.skill__desc,.project__tech-desc{max-height:0;opacity:0;overflow:hidden;font-size:.8rem;line-height:1.65;color:var(--muted);border-left:2px solid var(--emerald-dim);padding:0 .75rem;margin-top:0;transform:translateY(-8px);transition:max-height .45s cubic-bezier(.22,1,.36,1),opacity .35s ease,transform .35s cubic-bezier(.22,1,.36,1),margin-top .45s cubic-bezier(.22,1,.36,1)}.skill__desc.open,.project__tech-desc.open{max-height:200px;opacity:1;margin-top:.9rem;transform:translateY(0)}.desc-inner{opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease}.skill__desc.open .desc-inner,.project__tech-desc.open .desc-inner{opacity:1;transform:translateY(0);transition-delay:.1s}@media(min-width:700px){.skills__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.skills__grid{grid-template-columns:repeat(4,1fr)}}.projects__grid{display:grid;gap:1.25rem;grid-template-columns:1fr}.project{position:relative;border:1px solid var(--line);border-radius:12px;padding:1.75rem;background:var(--panel);display:flex;flex-direction:column;gap:.6rem;overflow:hidden;transition:transform .25s ease,border-color .3s ease}.project:before{content:"";position:absolute;inset:0;background:radial-gradient(500px at 20% 0%,var(--glow, rgba(52, 211, 153, .12)),transparent 60%);opacity:0;transition:opacity .45s ease;pointer-events:none}.project:hover{transform:translateY(-4px)}.project:hover:before{opacity:1}.project__tune{font-family:var(--font-mono);font-size:.72rem;color:var(--amber);position:relative}.project__status{position:relative;display:inline-flex;align-items:center;gap:.4rem;align-self:flex-start;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px}.project__status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.project__status--dev{color:var(--amber);background:#f5b9421a;border:1px solid rgba(245,185,66,.25)}.project__status--stable{color:var(--emerald);background:#34d3991a;border:1px solid rgba(52,211,153,.25)}.project__status--done{color:var(--sky);background:#38bdf81a;border:1px solid rgba(56,189,248,.25)}.project__status--old,.project__status--archived{color:var(--muted);background:#94a3b81a;border:1px solid rgba(148,163,184,.25)}.project h3{font-size:1.15rem;position:relative}.project__desc{color:var(--muted);font-size:.95rem;position:relative}.project__tech{display:flex;flex-wrap:wrap;gap:.4rem;position:relative}.tech-chip{font-family:var(--font-mono);font-size:.7rem;padding:.25rem .55rem;border-radius:6px;background:var(--panel-2);color:var(--muted);border:1px solid var(--line);cursor:pointer;line-height:1.5;text-align:left;transition:color .2s ease,border-color .2s ease,transform .15s ease}.tech-chip:hover{color:var(--emerald);border-color:var(--emerald-dim);transform:translateY(-1px)}.tech-chip:focus-visible{outline:2px solid var(--emerald);outline-offset:2px}.tech-chip[aria-expanded=true]{color:var(--emerald);border-color:var(--emerald-dim);background:#34d39914}.tech-chip svg{display:inline-block;vertical-align:middle;margin-left:.35rem;opacity:.5;transition:transform .2s ease,opacity .2s ease}.tech-chip:hover svg{opacity:1}.tech-chip[aria-expanded=true] svg{transform:rotate(180deg);opacity:1}.project__demos{display:flex;flex-wrap:wrap;gap:.75rem;position:relative;margin-top:.25rem}.project__demo{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;font-weight:600;color:var(--emerald)}.project__demo:hover{text-decoration:underline}.project__demo svg{width:14px;height:14px}.project__link{margin-top:.5rem;font-weight:600;font-size:.9rem;color:var(--emerald);width:fit-content;position:relative}.project__link:hover{text-decoration:underline}.project__features{margin-top:.75rem;padding-top:.75rem;border-top:1px dashed var(--line);position:relative}.project__features ul{margin:0;padding-left:1.1rem;display:grid;gap:.3rem}.project__features li{color:var(--muted);font-size:.85rem}.project--wide{grid-column:1 / -1}.projects__more{margin-top:2.5rem;color:var(--muted);font-size:.92rem}.projects__more a{color:var(--emerald);font-weight:600}@media(min-width:700px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.projects__grid{grid-template-columns:repeat(3,1fr)}}.contact{max-width:680px}.contact h2{margin-top:.6rem}.contact__body{color:var(--muted);margin:1.1rem 0 2rem;max-width:56ch}.contact__links{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem}.contact__active{border:1px solid var(--line);border-radius:12px;padding:1.1rem 1.3rem;background:var(--ink);max-width:56ch}.contact__active h3{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--amber);margin-bottom:.5rem}.contact__active p{color:var(--muted);font-size:.9rem}.footer{border-top:1px solid var(--line);padding:2rem 1.5rem;text-align:center;color:var(--muted);font-size:.82rem}.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}.reveal{opacity:1!important;transform:none!important}.ticker__track,.dot,.blink{animation:none!important}.overlay-slice{animation:none!important;transform:none!important}}