:root{--bg:#0a0a0a;--surface:#111;--surface-2:#151515;--border:#262626;--text:#f5f5f5;--muted:#a1a1aa;--accent:#ff6b00;--accent-soft:#ff6b0026;--accent-glow:#ff6b0014;--nav-bg:#0a0a0ad1;--footer-bg:#0c0c0c;--border-soft:#ffffff0f;--border-medium:#ffffff17;--surface-soft:#ffffff06;--text-soft:#d4d4d8;--text-subtle:#a8a8ae;--label:#6f6f76;--label-faint:#55555b;--node:#343438;--node-border:#646469;--core-bg:linear-gradient(145deg, #18181a, #0c0c0d 70%);--core-label-bg:#0a0a0ab8;--dot-grid:#ffffff1a;--trace:#ffffff24;--container:1280px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f3f0ea;--surface:#ebe7df;--surface-2:#e4dfd6;--border:#d1cbc0;--text:#202022;--muted:#626269;--accent-soft:#dc56001f;--accent-glow:#ff6b0009;--nav-bg:#f3f0eae0;--footer-bg:#ebe7df;--border-soft:#2020221a;--border-medium:#20202229;--surface-soft:#20202209;--text-soft:#45454a;--text-subtle:#5c5c63;--label:#68686f;--label-faint:#77777e;--node:#aaa49a;--node-border:#777169;--core-bg:linear-gradient(145deg, #ded9d0, #cfc9bf 70%);--core-label-bg:#202022c2;--dot-grid:#20202229;--trace:#2020222e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] .system-core,[data-theme=light] .btn--primary,[data-theme=light] .section__label:before,[data-theme=light] .hero__dot,[data-theme=light] .system-status__dot,[data-theme=light] .experience-entry.active .experience-entry__node,[data-theme=light] .experience-entry:hover .experience-entry__node{box-shadow:none}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .25s,color .25s}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:0 0;border:none}.app{background:radial-gradient(circle at 77% 13%, var(--accent-glow), transparent 20%), var(--bg);min-height:100vh}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.navbar{z-index:20;background:var(--nav-bg);border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);width:100%;position:sticky;top:0}.navbar__inner{max-width:var(--container);justify-content:space-between;align-items:center;margin:0 auto;padding:22px 24px;display:flex}.navbar__brand{font-family:inherit;font-size:1.2rem;font-weight:700}.navbar__links{gap:24px;display:flex}.navbar__link{color:var(--muted);font:inherit;padding-bottom:5px;transition:color .3s;position:relative}.navbar__link:after{content:"";background:var(--accent);width:0;height:2px;transition:width .25s;position:absolute;bottom:0;left:0}.navbar__link:hover{color:var(--text)}.navbar__link:hover:after{width:100%}.language-switch{align-items:center;gap:8px;display:flex}.language-switch button{color:var(--muted)}.language-switch button.active{color:var(--accent);font-weight:700}.navbar__controls{align-items:center;gap:16px;display:flex}.theme-toggle{border:1px solid var(--border);width:32px;height:32px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;transition:color .2s,border-color .2s,background-color .2s;display:inline-flex}.theme-toggle:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.theme-toggle:focus-visible,.language-switch button:focus-visible,.navbar__brand:focus-visible,.navbar__link:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#about,#experience,#github{scroll-margin-top:100px}.theme-toggle svg{width:16px;height:16px}.hero{grid-template-columns:1.35fr .65fr;align-items:center;gap:64px;min-height:620px;padding:90px 0 110px;display:grid}.hero__details{grid-template-columns:repeat(2,max-content);gap:18px 52px;margin:30px 0;display:grid}.hero__details div{flex-direction:column;gap:4px;display:flex}.hero__detail-label{color:var(--label);text-transform:uppercase;letter-spacing:.12em;font-family:monospace;font-size:.68rem}.hero__details strong{color:var(--text-soft);font-size:.88rem;font-weight:500}.system-core img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.hero__system,.system-map,.system-core{-webkit-user-select:none;user-select:none}.hero__system{isolation:isolate;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.system-map{justify-content:center;align-items:center;width:420px;height:420px;display:flex;position:relative}.system-map:before{content:"";z-index:0;background-image:radial-gradient(var(--dot-grid) .7px, transparent .7px);pointer-events:none;background-size:18px 18px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 28%,#0000 72%);mask-image:radial-gradient(circle,#000 28%,#0000 72%)}.system-core{z-index:3;background:var(--core-bg);border:1px solid var(--border);border-radius:28px;flex-direction:column;justify-content:center;align-items:center;width:176px;height:176px;display:flex;position:relative;box-shadow:0 0 80px #ff6b001a}.system-core:before,.system-core:after{content:"";border-color:var(--accent);opacity:.75;width:18px;height:18px;position:absolute}.system-core:before{border-top:1px solid;border-left:1px solid;top:-6px;left:-6px}.system-core:after{border-bottom:1px solid;border-right:1px solid;bottom:-6px;right:-6px}.system-core__portrait{object-fit:cover;object-position:50% 42%;filter:saturate(.88)contrast(1.04)brightness(.88);border-radius:23px;width:calc(100% - 10px);height:calc(100% - 10px);position:absolute;inset:5px}.system-core__top,.system-core__bottom{z-index:2;letter-spacing:.2em;color:#f1f1f2;background:var(--core-label-bg);border:1px solid var(--border-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;padding:4px 6px;font-family:monospace;font-size:.55rem;position:absolute}.system-core__top{top:14px}.system-core__bottom{bottom:14px}.system-orbit{border:1px solid var(--border-soft);pointer-events:none;border-radius:50%;position:absolute}.system-orbit--inner{width:260px;height:260px}.system-orbit--outer{border-style:dashed;border-color:#ff6b0021;width:360px;height:360px;animation:40s linear infinite orbitRotate}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.system-node{z-index:4;text-transform:uppercase;letter-spacing:.14em;color:var(--label);align-items:center;gap:8px;font-family:monospace;font-size:.66rem;transition:color .45s;display:flex;position:absolute}.system-node span{background:var(--node);border:1px solid var(--node-border);border-radius:50%;width:7px;height:7px;transition:background-color .45s,border-color .45s,box-shadow .45s;box-shadow:0 0 #ff6b0000}.system-node--api{top:16px;left:50%;transform:translate(-50%)}.system-node--events{bottom:16px;left:50%;transform:translate(-50%)}.system-node--data{top:50%;left:-2px;transform:translateY(-50%)}.system-node--cloud{top:50%;right:-16px;transform:translateY(-50%)}.system-node.active{color:var(--text-soft)}.system-node.active span{background:var(--accent);border-color:var(--accent);position:relative;box-shadow:0 0 10px #ff6b0073}.system-node.active span:after{content:"";border:1px solid var(--accent);border-radius:50%;animation:2.4s infinite nodePulse;position:absolute;inset:-1px}.system-trace{z-index:2;background:linear-gradient(90deg, transparent, var(--trace), transparent);width:286px;height:1px;position:absolute}.system-trace--two{transform:rotate(90deg)}@keyframes nodePulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3)}}.system-status{color:var(--label-faint);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-top:12px;font-family:monospace;font-size:.65rem;display:flex}.system-status__dot{background:var(--accent);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #ff6b0080}.system-status strong{color:var(--muted);font-weight:400;animation:.45s ease-out statusReveal}@keyframes statusReveal{0%{opacity:0}to{opacity:1}}.hero__greeting{color:var(--muted);align-items:center;gap:10px;margin-bottom:18px;font-family:monospace;font-size:.9rem;display:flex}.hero__dot{background:var(--accent);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #ff6b008c}.hero__title{letter-spacing:-.045em;white-space:nowrap;margin-bottom:24px;font-size:clamp(3.4rem,5vw,5.2rem);line-height:.95}.cursor{color:var(--accent);animation:1s infinite blink}@keyframes blink{50%{opacity:0}}.hero__subtitle{max-width:580px;color:var(--text-soft);margin-bottom:18px;font-size:1.2rem;line-height:1.6}.hero__tech{color:var(--muted);margin-bottom:28px}.hero__buttons{gap:16px;margin-bottom:18px;display:flex}.btn{font:inherit;border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;padding:14px 22px;transition:all .3s;display:inline-flex}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 0 30px #ff6b002e}.btn--primary:hover{transform:translateY(-2px)}.btn--secondary{border:1px solid var(--border);background:0 0}.btn--secondary:hover{border-color:var(--accent);color:var(--accent)}.hero__availability{color:var(--muted);align-items:center;gap:9px;font-size:.82rem;display:flex}.availability-dot{background:var(--accent);border-radius:50%;width:5px;height:5px}.hero__domains{color:var(--label);text-transform:uppercase;letter-spacing:.16em;align-items:center;gap:10px;margin-bottom:26px;font-family:monospace;font-size:.72rem;display:flex}.hero__domains>span:first-child{color:var(--accent)}.hero__domains i{color:var(--label-faint);margin-right:10px;font-style:normal}.section{border-top:1px solid var(--border-soft);grid-template-columns:160px 1fr;gap:32px;padding:48px 0;display:grid}.section__label{color:var(--text);text-transform:uppercase;letter-spacing:.2em;padding-left:22px;font-size:.85rem;position:relative}.section__label:before{content:"";background:var(--accent);width:18px;height:2px;position:absolute;top:8px;left:0;box-shadow:0 0 10px #ff6b0059}.section__content p{color:var(--text-soft);line-height:1.8}.experience-intro{max-width:620px;margin-bottom:44px;color:var(--muted)!important}.experience-timeline{position:relative}.experience-timeline:before{content:"";background:linear-gradient(to bottom, var(--border-medium), var(--border-soft));width:1px;position:absolute;top:10px;bottom:22px;left:151px}.experience-entry{grid-template-columns:120px 28px minmax(0,1fr);gap:18px;padding-bottom:52px;display:grid;position:relative}.experience-entry:last-child{padding-bottom:4px}.experience-entry__period{color:var(--label);letter-spacing:.04em;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:8px;padding-top:1px;font-family:monospace;font-size:.72rem;display:flex}.experience-entry__period strong{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:.62rem;font-weight:500}.experience-entry__node{z-index:2;border:1px solid var(--node-border);background:var(--bg);border-radius:50%;justify-self:center;width:7px;height:7px;margin-top:5px;transition:background-color .4s,border-color .4s,box-shadow .4s;position:relative;box-shadow:0 0 #ff6b0000}.experience-entry.active .experience-entry__node,.experience-entry:hover .experience-entry__node{border-color:var(--accent);background:var(--accent);box-shadow:0 0 9px #ff6b0061}.experience-entry__content{border-bottom:1px solid var(--border-soft);max-width:760px;padding-bottom:38px;transition:border-color .35s}.experience-entry:last-child .experience-entry__content{opacity:.82;border-bottom:0;padding-bottom:0}.experience-entry:hover .experience-entry__content{border-color:#ff6b0033}.experience-entry__context{color:var(--label);letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px;font-family:monospace;font-size:.66rem;display:block}.experience-entry h3{letter-spacing:-.025em;margin-bottom:5px;font-size:clamp(1.25rem,2vw,1.65rem);transition:color .3s}.experience-entry:hover h3{color:var(--text)}.experience-entry__role{font-size:.88rem;color:var(--text-subtle)!important}.experience-entry__description{max-width:700px;margin-top:18px;color:var(--text-soft)!important}.experience-entry__technologies{flex-wrap:wrap;gap:8px 0;margin-top:20px;list-style:none;display:flex}.experience-entry__technologies li{color:var(--muted);font-family:monospace;font-size:.69rem;transition:color .3s}.experience-entry__technologies li:not(:last-child):after{content:"/";color:var(--border);margin:0 9px}.experience-entry:hover .experience-entry__technologies li{color:var(--text-subtle)}.github-showcase__intro{max-width:720px;padding-bottom:46px}.github-showcase__eyebrow,.project__annotation,.project__index span,.project__metadata dt{text-transform:uppercase;letter-spacing:.15em;font-family:monospace;font-size:.68rem}.github-showcase__eyebrow{color:var(--accent);margin-bottom:16px;display:block}.github-showcase__intro h2{letter-spacing:-.035em;margin-bottom:14px;font-size:clamp(1.8rem,3vw,2.7rem)}.github-showcase__intro p{max-width:630px}.project-list{border-top:1px solid var(--border-medium)}.project{border-bottom:1px solid var(--border-soft);grid-template-columns:130px minmax(0,1fr);gap:34px;padding:40px 0 44px;transition:border-color .35s;display:grid}.project:hover{border-color:#ff6b0040}.project__index{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.project__index strong{color:var(--label);font-family:monospace;font-size:1rem;font-weight:400;transition:color .35s}.project:hover .project__index strong{color:var(--accent)}.project__index span,.project__annotation,.project__metadata dt{color:var(--label)}.project__content{min-width:0}.project__heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:16px;display:flex}.project__heading h3{letter-spacing:-.025em;font-size:clamp(1.4rem,2.2vw,2rem)}.project__repository{color:var(--text-subtle);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;align-items:center;gap:8px;font-family:monospace;font-size:.68rem;transition:color .25s;display:inline-flex}.project__repository span{color:var(--accent);transition:transform .25s}.project__repository:hover{color:var(--text)}.project__repository:hover span{transform:translate(2px,-2px)}.project__description{max-width:740px}.project__metadata{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;display:grid}.project__metadata div{border-left:1px solid var(--border-medium);padding-left:14px}.project__metadata dt{margin-bottom:7px}.project__metadata dd{color:var(--text-soft);font-size:.86rem}.project__architecture{margin-top:30px}.project__annotation{margin-bottom:12px;display:block}.architecture-flow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.architecture-flow__step{color:var(--text-subtle);align-items:center;gap:8px;font-family:monospace;font-size:.73rem;display:inline-flex}.architecture-flow__step>span{background:var(--surface-soft);border:1px solid var(--border-soft);border-radius:6px;padding:7px 9px;transition:border-color .25s,color .25s}.architecture-flow__step:hover>span{color:var(--text);border-color:#ff6b004d}.architecture-flow__step i{color:var(--accent);opacity:.65;font-style:normal}.github-profile-link{color:var(--muted);justify-content:flex-end;align-items:center;gap:18px;padding:28px 0 8px;display:flex}.github-profile-link strong{color:var(--text);font-size:.9rem;font-weight:500}.github-profile-link i{color:var(--accent);font-style:normal;transition:transform .25s}.github-profile-link:hover i{transform:translate(2px,-2px)}.footer__inner{max-width:var(--container);color:var(--muted);justify-content:space-between;align-items:center;gap:24px;margin:0 auto;padding:36px 24px;display:flex}.footer{border-top:1px solid var(--border-soft);background:var(--footer-bg);width:100%}.footer__links{flex-wrap:wrap;gap:18px;display:flex}.footer__links a:hover{color:var(--accent)}@media (width<=900px){.navbar__inner{flex-wrap:wrap;gap:16px}.navbar__links{flex-wrap:wrap;order:3;justify-content:center;width:100%}.hero{text-align:left;grid-template-columns:1fr;gap:28px;padding-top:72px}.section{grid-template-columns:1fr}.footer__inner{flex-direction:column}}@media (width<=640px){.navbar__inner{padding:16px 20px}.navbar__links{display:none}.hero{min-height:auto;padding:64px 0 80px}.hero__title{white-space:normal;font-size:clamp(2.65rem,13vw,3.4rem)}.hero__domains{letter-spacing:.1em;gap:7px;font-size:.62rem}.hero__domains i{margin-right:7px}.hero__details{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.system-map{width:min(360px,92vw);height:min(360px,92vw);transform:scale(.88)}.hero__buttons{flex-direction:column;align-items:stretch}.experience-intro{margin-bottom:34px}.experience-timeline:before{left:3px}.experience-entry{grid-template-columns:8px minmax(0,1fr);gap:18px;padding-bottom:42px}.experience-entry__period{flex-direction:row;grid-area:1/2;align-items:flex-start;padding-top:0}.experience-entry__node{grid-area:1/1/span 2;margin-top:5px}.experience-entry__content{grid-column:2;padding-bottom:30px}.github-showcase__intro{padding-bottom:32px}.project{grid-template-columns:1fr;gap:22px;padding:32px 0 36px}.project__index{flex-direction:row;align-items:center}.project__heading{flex-direction:column;align-items:flex-start;gap:12px}.project__metadata{grid-template-columns:1fr;gap:16px}.architecture-flow,.architecture-flow__step{flex-direction:column;align-items:flex-start}.architecture-flow__step i{margin-left:13px;transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}