:root{--ink: #0b0d10;--ink-2: #101318;--surface: #141920;--surface-2: #1a212a;--line: #232b35;--line-2: #2e3844;--text: #e8edf2;--muted: #94a1b2;--faint: #5f6b7a;--amber: #f5a524;--amber-soft: #ffca6b;--amber-dim: rgba(245, 165, 36, .12);--amber-line: rgba(245, 165, 36, .28);--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "Inter", system-ui, -apple-system, sans-serif;--display: "Space Grotesk", var(--sans);--maxw: 1080px;--radius: 14px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{margin:0;background:var(--ink);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(700px 500px at 82% -8%,rgba(245,165,36,.1),transparent 60%),radial-gradient(600px 500px at -5% 15%,rgba(56,132,189,.06),transparent 55%),linear-gradient(transparent 0 96%,#ffffff04 96%) 0 0 / 100% 44px,linear-gradient(90deg,transparent 0 96%,rgba(255,255,255,.015) 96%) 0 0 / 44px 100%}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:var(--amber);color:#1a1200}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{position:relative;z-index:1;padding:104px 0}.section:first-of-type{padding-top:0}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber);display:inline-flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:22px;height:1px;background:var(--amber-line)}.section-title{font-family:var(--display);font-weight:600;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;letter-spacing:-.02em;margin:14px 0 10px}.section-lead{color:var(--muted);max-width:52ch;margin:0 0 42px}:focus-visible{outline:2px solid var(--amber);outline-offset:3px;border-radius:4px}.chip{font-family:var(--mono);font-size:12.5px;color:var(--muted);background:var(--ink-2);border:1px solid var(--line);padding:6px 11px;border-radius:999px;transition:border-color .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.chip:hover{color:var(--text);border-color:var(--amber-line);transform:translateY(-1px)}.btn{font-family:var(--mono);font-size:13px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:9px;padding:11px 18px;border-radius:10px;border:1px solid var(--line-2);color:var(--text);background:var(--surface);cursor:pointer;transition:all .22s var(--ease)}.btn:hover{border-color:var(--amber-line);transform:translateY(-2px);box-shadow:0 10px 30px -18px #f5a52480}.btn--primary{background:var(--amber);color:#17110a;border-color:var(--amber);font-weight:600}.btn--primary:hover{background:var(--amber-soft)}.nav{position:fixed;top:0;left:0;right:0;z-index:50;transition:background .3s var(--ease),border-color .3s var(--ease),backdrop-filter .3s var(--ease);border-bottom:1px solid transparent}.nav--scrolled{background:#0b0d10b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav__inner{display:flex;align-items:center;justify-content:space-between;height:66px}.nav__brand{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:-.01em}.nav__brand b{color:var(--amber)}.nav__links{display:flex;align-items:center;gap:4px}.nav__link{font-family:var(--mono);font-size:13px;color:var(--muted);padding:8px 12px;border-radius:8px;transition:color .2s var(--ease),background .2s var(--ease)}.nav__link:hover{color:var(--text)}.nav__link[data-active=true]{color:var(--amber)}.nav__link[data-active=true]:before{content:"# ";color:var(--faint)}.kbd{font-family:var(--mono);font-size:11.5px;color:var(--muted);border:1px solid var(--line-2);border-radius:7px;padding:6px 10px;display:inline-flex;gap:4px;align-items:center;cursor:pointer;background:var(--ink-2);transition:border-color .2s var(--ease),color .2s var(--ease)}.kbd:hover{border-color:var(--amber-line);color:var(--text)}.nav__menu-btn{display:none}@media (max-width: 760px){.nav__links{display:none}.nav__menu-btn{display:inline-flex;background:var(--ink-2);border:1px solid var(--line-2);color:var(--text);border-radius:8px;padding:8px 10px;font-family:var(--mono);font-size:13px;cursor:pointer}}.hero{min-height:100svh;display:flex;align-items:center;position:relative;z-index:1;padding-top:66px}.hero__hi{font-family:var(--mono);color:var(--amber);font-size:14px;letter-spacing:.05em}.hero__name{font-family:var(--display);font-weight:700;font-size:clamp(2.9rem,9vw,6rem);line-height:.98;letter-spacing:-.035em;margin:14px 0 6px}.hero__name span{display:block}.hero__name .last{color:var(--faint)}.hero__role{font-family:var(--display);font-weight:500;font-size:clamp(1.15rem,3.4vw,1.9rem);color:var(--text);letter-spacing:-.01em}.hero__role em{color:var(--amber);font-style:normal}.hero__intro{color:var(--muted);max-width:56ch;margin:22px 0 30px;font-size:1.05rem}.hero__cta{display:flex;flex-wrap:wrap;gap:12px}.hero__scroll{position:absolute;bottom:30px;left:24px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint);display:inline-flex;align-items:center;gap:10px}.hero__scroll .rail{width:1px;height:34px;background:linear-gradient(var(--amber),transparent);animation:railpulse 2.2s var(--ease) infinite}@keyframes railpulse{0%,to{opacity:.4}50%{opacity:1}}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:56px}.stat{background:var(--ink);padding:22px 20px}.stat__v{font-family:var(--display);font-weight:700;font-size:1.9rem;letter-spacing:-.02em}.stat__v b{color:var(--amber);font-weight:700}.stat__l{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;color:var(--muted);text-transform:uppercase;margin-top:4px}@media (max-width: 680px){.stats{grid-template-columns:repeat(2,1fr)}}.about__grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}.about__body p{color:var(--muted);margin:0 0 18px}.about__body strong{color:var(--text);font-weight:600}.about__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:8px 22px}.about__row{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid var(--line)}.about__row:last-child{border-bottom:none}.about__row .k{font-family:var(--mono);font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--faint)}.about__row .v{color:var(--text);text-align:right;font-size:14px}@media (max-width: 820px){.about__grid{grid-template-columns:1fr}}.xp{position:relative;padding-left:28px}.xp:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--line)}.xp__item{position:relative;padding-bottom:44px}.xp__item:last-child{padding-bottom:0}.xp__dot{position:absolute;left:-27px;top:5px;width:11px;height:11px;border-radius:50%;background:var(--ink);border:2px solid var(--line-2)}.xp__item--current .xp__dot{background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 4px var(--amber-dim)}.xp__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}.xp__role{font-family:var(--display);font-weight:600;font-size:1.25rem;letter-spacing:-.01em}.xp__role b{color:var(--amber);font-weight:600}.xp__date{font-family:var(--mono);font-size:12px;color:var(--muted);white-space:nowrap}.xp__meta{font-family:var(--mono);font-size:12.5px;color:var(--faint);margin-top:2px}.xp__summary{color:var(--muted);margin:12px 0 14px}.xp__bullets{list-style:none;padding:0;margin:0;display:grid;gap:9px}.xp__bullets li{position:relative;padding-left:20px;color:var(--muted);font-size:14.5px}.xp__bullets li:before{content:"▸";position:absolute;left:0;color:var(--amber)}.xp__bullets li b{color:var(--text);font-weight:600}.xp__stack{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.xp__toggle{margin-top:14px;font-family:var(--mono);font-size:12.5px;color:var(--amber);background:none;border:none;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:6px}.xp__toggle:hover{color:var(--amber-soft)}.proj__filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.proj__filter{font-family:var(--mono);font-size:12.5px;background:var(--ink-2);border:1px solid var(--line);color:var(--muted);padding:7px 14px;border-radius:999px;cursor:pointer;transition:all .2s var(--ease)}.proj__filter:hover{color:var(--text);border-color:var(--line-2)}.proj__filter[data-active=true]{color:var(--amber);border-color:var(--amber-line);background:var(--amber-dim)}.proj__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media (max-width: 720px){.proj__grid{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;min-height:168px;transition:transform .25s var(--ease),border-color .25s var(--ease),background .25s var(--ease)}.card:hover{transform:translateY(-4px);border-color:var(--amber-line);background:var(--surface-2)}.card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card__folder{color:var(--amber)}.card__ext{color:var(--faint);display:flex;gap:14px;align-items:center;font-family:var(--mono);font-size:12px}.card__title{font-family:var(--display);font-weight:600;font-size:1.15rem;letter-spacing:-.01em}.card__title .pin{color:var(--amber);font-size:12px;margin-left:6px}.card__desc{color:var(--muted);font-size:14px;margin:8px 0 16px;flex:1}.card__foot{display:flex;align-items:center;gap:16px;font-family:var(--mono);font-size:12px;color:var(--muted)}.card__lang{display:inline-flex;align-items:center;gap:6px}.lang-dot{width:10px;height:10px;border-radius:50%;background:var(--faint)}.proj__state{color:var(--muted);font-family:var(--mono);font-size:13.5px;padding:20px 0}.proj__more{margin-top:26px;text-align:center}.skills__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media (max-width: 720px){.skills__grid{grid-template-columns:1fr}}.skillcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.skillcard h3{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin:0 0 16px}.skillcard__items{display:flex;flex-wrap:wrap;gap:8px}.learn__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media (max-width: 720px){.learn__grid{grid-template-columns:1fr}}.learn__card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:border-color .25s var(--ease)}.learn__card:hover{border-color:var(--amber-line)}.learn__emoji{font-size:1.5rem}.learn__card h3{font-family:var(--display);font-weight:600;font-size:1.1rem;margin:12px 0 8px}.learn__card p{color:var(--muted);font-size:14px;margin:0}.contact{text-align:center}.contact__title{font-family:var(--display);font-weight:700;font-size:clamp(2rem,6vw,3.4rem);letter-spacing:-.03em;margin:14px 0 12px}.contact__title em{color:var(--amber);font-style:normal}.contact__lead{color:var(--muted);max-width:46ch;margin:0 auto 34px}.contact__links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.footer{border-top:1px solid var(--line);padding:30px 0;position:relative;z-index:1}.footer__inner{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between}.footer__brand{font-family:var(--display);font-weight:700}.footer__brand b{color:var(--amber)}.footer__meta{font-family:var(--mono);font-size:12px;color:var(--faint)}.footer__links{display:flex;gap:16px;font-family:var(--mono);font-size:13px;color:var(--muted)}.footer__links a:hover{color:var(--amber)}.cmd__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0406089e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding-top:14vh;animation:fade .15s var(--ease)}@keyframes fade{0%{opacity:0}to{opacity:1}}.cmd{width:min(560px,92vw);background:var(--ink-2);border:1px solid var(--line-2);border-radius:var(--radius);box-shadow:0 30px 80px -20px #000000b3;overflow:hidden;animation:pop .18s var(--ease)}@keyframes pop{0%{transform:translateY(-8px) scale(.98);opacity:0}to{transform:none;opacity:1}}.cmd__input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--line);color:var(--text);font-family:var(--sans);font-size:15px;padding:16px 18px;outline:none}.cmd__list{max-height:320px;overflow-y:auto;padding:8px}.cmd__item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:9px;cursor:pointer;font-size:14px;color:var(--muted)}.cmd__item[data-active=true]{background:var(--amber-dim);color:var(--text)}.cmd__item .ic{font-family:var(--mono);color:var(--amber);width:18px;text-align:center}.cmd__item .hint{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--faint)}.cmd__empty{padding:22px;text-align:center;color:var(--faint);font-family:var(--mono);font-size:13px}.cmd__foot{display:flex;gap:16px;padding:10px 14px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--faint)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.reveal.in{opacity:1;transform:none}