@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#12201c;font-synthesis:none;--bg:#f2f5f1;--surface:#fff;--surface2:#e9eeea;--text:#12201c;--muted:#68756f;--line:#ced8d2;--accent:#087e61;--glow:#6ee7b7;--nav:#f2f5f1d1;background:#f2f5f1;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}:root[data-theme=dark]{color:#eef5f1;--bg:#07100e;--surface:#0c1714;--surface2:#111f1b;--text:#eef5f1;--muted:#91a39b;--line:#20332d;--accent:#4adea8;--glow:#4adea8;--nav:#07100ed1;background:#07100e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{background:var(--bg);color:var(--text);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.3;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);z-index:-2;background-size:64px 64px;position:fixed;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#0000 75%);mask-image:linear-gradient(#000,#0000 75%)}body:after{content:"";background:var(--accent);filter:blur(170px);opacity:.09;z-index:-1;border-radius:50%;width:650px;height:650px;position:fixed;top:-320px;right:-180px}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}.container{width:min(1180px,100% - 48px);margin-inline-start:auto;margin-inline-end:auto}.scroll-progress{z-index:100;background:var(--accent);transform-origin:0;height:2px;position:fixed;top:0;bottom:auto;left:0;right:0}.skip-link{background:var(--accent);color:#04100d;z-index:200;padding:10px 14px;position:fixed;top:-60px;left:20px}.skip-link:focus{top:10px}.nav-shell{z-index:90;background:var(--nav);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #0000;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:76px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand>span{background:var(--accent);color:#05120e;border-radius:4px;place-items:center;width:34px;height:34px;font-size:12px;font-weight:800;display:grid}.brand b{letter-spacing:-.02em;font-size:14px}.nav-links{align-items:center;gap:20px;display:flex}.nav-links a{color:var(--muted);padding:28px 0;font-size:12px;position:relative}.nav-links a:after{content:"";background:var(--accent);height:2px;transition:all .25s;position:absolute;bottom:19px;left:0;right:100%}.nav-links a:hover,.nav-links a.active{color:var(--text)}.nav-links a.active:after{right:0}.nav-actions{gap:8px;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:5px;place-items:center;width:38px;height:38px;display:grid}.menu-btn{display:none}.hero{grid-template-columns:1.12fr .88fr;align-items:center;gap:70px;min-height:calc(100svh - 76px);padding-block-start:80px;padding-block-end:80px;display:grid}.availability,.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font:500 11px DM Mono,monospace}.availability{align-items:center;gap:9px;display:flex}.availability i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;max-width:780px;margin:26px 0;font-size:clamp(45px,5.3vw,76px);line-height:1.04}h1 em{color:var(--muted);font-style:normal}.hero-copy{color:var(--muted);max-width:690px;font-size:17px;line-height:1.75}.hero-actions,.contact-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;gap:9px;height:46px;padding:0 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.button:hover{border-color:var(--accent);transform:translateY(-2px)}.button.primary{background:var(--accent);color:#03130d;border-color:var(--accent)}.button.text{background:0 0;border-color:#0000}.social-row{gap:12px;margin-top:22px;display:flex}.social-row a{color:var(--muted)}.hero-metrics{border-top:1px solid var(--line);gap:30px;margin-top:52px;padding-top:25px;display:flex}.hero-metrics>div{align-items:center;gap:10px;display:flex}.hero-metrics strong{color:var(--accent);font:500 25px DM Mono}.hero-metrics span{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;line-height:1.5}.network-visual{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 94%,transparent),color-mix(in srgb,var(--surface2) 82%,transparent));border:1px solid var(--line);border-radius:8px;padding:18px;position:relative;box-shadow:0 35px 100px #0000002e}.network-visual:before,.network-visual:after{content:"";border-color:var(--accent);width:30px;height:30px;position:absolute}.network-visual:before{border-top:1px solid;border-left:1px solid;top:-7px;left:-7px}.network-visual:after{border-bottom:1px solid;border-right:1px solid;bottom:-7px;right:-7px}.visual-top{color:var(--muted);align-items:center;gap:9px;margin-bottom:20px;font:10px DM Mono;display:flex}.visual-top i{background:var(--accent);border-radius:50%;width:5px;height:5px}.visual-top span:last-child{margin-left:auto}.flow-node{border:1px solid var(--line);background:var(--surface);border-radius:5px;align-items:center;gap:13px;padding:13px;display:flex}.node-icon{background:color-mix(in srgb,var(--accent) 12%,transparent);width:36px;height:36px;color:var(--accent);border-radius:4px;place-items:center;display:grid}.flow-node strong,.flow-node small{display:block}.flow-node strong{font-size:13px}.flow-node small{color:var(--muted);margin-top:3px;font-size:10px}.node-status{color:var(--muted);font:10px DM Mono;margin-left:auto!important}.flow-line{background:var(--line);width:1px;height:20px;margin:auto;position:relative;overflow:hidden}.flow-line i{background:var(--accent);width:3px;height:5px;box-shadow:0 0 8px var(--accent);position:absolute;left:-1px}.section{padding-block-start:120px;padding-block-end:120px}.section-heading{grid-template-columns:70px 1fr;margin-bottom:60px;display:grid}.section-index{color:var(--muted);padding-top:7px;font:12px DM Mono}.section-heading h2,.contact h2{letter-spacing:-.045em;margin:10px 0;font-size:clamp(34px,5vw,58px);line-height:1.08}.section-copy{color:var(--muted);max-width:620px;line-height:1.7}.about-grid{grid-template-columns:1fr 1fr;gap:90px;margin-left:70px;display:grid}.about-grid p{color:var(--muted);font-size:15px;line-height:1.8}.about-grid .lead{color:var(--text);letter-spacing:-.025em;font-size:24px;line-height:1.5}.terminal{border:1px solid var(--line);color:#dcebe4;background:#07110e;border-radius:7px;overflow:hidden;box-shadow:0 25px 70px #0003}.terminal-bar{background:#0b1512;border-bottom:1px solid #20332d;align-items:center;gap:7px;height:42px;padding:0 14px;display:flex}.terminal-bar i{background:#375047;border-radius:50%;width:7px;height:7px}.terminal-bar i:first-child{background:#d76262}.terminal-bar i:nth-child(2){background:#d7a947}.terminal-bar span{color:#71877d;margin-left:10px;font:10px DM Mono}.terminal-body{min-height:295px;padding:22px;font:12px/1.7 DM Mono}.terminal-pair{opacity:0;margin-bottom:10px;animation:.25s forwards terminalIn}.terminal-pair p{color:#b7c8c0;margin:0}.terminal-pair b{color:#4adea8}.terminal-pair span{color:#82978e}.cursor{background:#4adea8;width:7px;height:13px;animation:1s infinite blink;display:inline-block}.experience-card{border-top:1px solid var(--line);grid-template-columns:160px 1fr;margin-left:70px;padding-top:35px;display:grid}.experience-rail{color:var(--muted);text-transform:uppercase;font:10px DM Mono}.experience-rail i{background:var(--accent);border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}.experience-head{justify-content:space-between;margin-bottom:28px;display:flex}.experience-head p{color:var(--accent);text-transform:uppercase;font:11px DM Mono}.experience-head h3{margin-bottom:8px;font-size:25px}.experience-head>div>span{color:var(--muted);font-size:13px}.status-pill{border:1px solid var(--line);height:max-content;color:var(--muted);border-radius:20px;padding:7px 10px;font-size:10px}.experience-card ul{grid-column:2;grid-template-columns:1fr 1fr;gap:14px 25px;margin:0;padding:0;list-style:none;display:grid}.experience-card li{color:var(--muted);gap:10px;font-size:13px;line-height:1.5;display:flex}.experience-card li svg{color:var(--accent);flex:none;margin-top:2px}.expertise-grid{background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-left:70px;display:grid}.expertise-card{background:var(--bg);min-height:250px;padding:32px;transition:all .25s;position:relative}.expertise-card:hover{background:var(--surface);transform:translateY(-3px)}.expertise-card>svg{color:var(--accent);margin:35px 0 22px}.card-number{color:var(--muted);font:10px DM Mono}.expertise-card h3{font-size:17px}.expertise-card p{color:var(--muted);font-size:13px;line-height:1.7}.card-arrow{position:absolute;bottom:25px;right:25px;color:var(--muted)!important;margin:0!important}.projects-list{border-top:1px solid var(--line);margin-left:70px}.project-card{border-bottom:1px solid var(--line);grid-template-columns:80px 1fr;padding:48px 0;display:grid}.project-index{color:var(--muted);font:12px DM Mono}.project-main h3{letter-spacing:-.03em;margin:8px 0 14px;font-size:30px}.project-summary{color:var(--muted);font-size:15px}.case-grid{grid-template-columns:1fr 1fr;gap:22px 40px;margin:35px 0;display:grid}.case-grid b{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font:10px DM Mono}.case-grid p{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.65}.chips{flex-wrap:wrap;gap:7px;display:flex}.chips span{color:var(--muted);border:1px solid var(--line);background:var(--surface);border-radius:3px;padding:7px 9px;font:10px DM Mono}.mini-pipeline{background:var(--surface2);align-items:center;gap:0;margin-top:22px;padding:12px;display:flex;overflow:auto}.mini-pipeline span{color:var(--muted);white-space:nowrap;align-items:center;gap:8px;font:9px DM Mono;display:flex}.mini-pipeline svg{color:var(--accent);margin-right:8px}.architecture-shell{border:1px solid var(--line);background:var(--surface);grid-template-columns:1fr 210px;gap:45px;margin-left:70px;padding:35px;display:grid}.arch-flow{grid-template-columns:repeat(7,1fr);align-items:center;display:grid}.arch-step-wrap{display:contents}.arch-step{text-align:center;min-width:0}.arch-step>span{background:color-mix(in srgb,var(--accent) 12%,transparent);width:44px;height:44px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:5px;place-items:center;margin:0 auto 12px;display:grid}.arch-step strong,.arch-step small{display:block}.arch-step strong{font-size:10px}.arch-step small{color:var(--muted);margin-top:4px;font-size:8px}.arch-connector{background:var(--line);min-width:10px;height:1px;position:relative}.arch-connector i{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:2s infinite flow;position:absolute;top:-2px}.arch-support{border-left:1px solid var(--line);padding-left:28px}.arch-support>span{color:var(--accent);font:9px DM Mono}.arch-support div{color:var(--muted);border-bottom:1px solid var(--line);padding:10px 0;font-size:11px}.arch-support i{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}.skills-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-left:70px;display:grid}.skill-group{border:1px solid var(--line);background:var(--surface);padding:25px}.skill-title{align-items:center;gap:10px;margin-bottom:20px;display:flex}.skill-title svg{color:var(--accent)}.skill-title h3{text-transform:uppercase;margin:0;font:11px DM Mono}.journey{grid-template-columns:repeat(6,1fr);margin-left:70px;display:grid;position:relative}.journey-line{background:var(--line);height:1px;position:absolute;top:41px;left:3%;right:3%}.journey-step{position:relative}.journey-step>span{color:var(--muted);font:9px DM Mono}.journey-step>i{background:var(--bg);border:2px solid var(--accent);z-index:2;border-radius:50%;width:9px;height:9px;margin:22px 0;display:block;position:relative}.journey-step small{color:var(--accent);text-transform:uppercase;font:8px DM Mono}.journey-step h3{max-width:130px;margin-top:8px;font-size:12px}.contact{padding-bottom:150px}.contact>div{background:var(--surface);border:1px solid var(--line);text-align:center;padding:70px;position:relative;overflow:hidden}.contact>div:before{content:"";background:radial-gradient(circle at center,var(--accent),transparent 50%);opacity:.07;position:absolute;top:0;bottom:0;left:0;right:0}.contact h2{font-size:clamp(42px,6vw,72px);position:relative}.contact p:not(.eyebrow){color:var(--muted);max-width:620px;margin:20px auto;line-height:1.7;position:relative}.contact-actions{justify-content:center;position:relative}.config-note{color:var(--muted);border:1px dashed var(--line);align-items:center;gap:9px;padding:12px 16px;font-size:12px;display:flex}footer{border-top:1px solid var(--line);padding:32px 0}footer .container{justify-content:space-between;align-items:center;display:flex}footer p,footer>div>span{color:var(--muted);margin:0;font-size:10px}.back-top{background:var(--surface);border:1px solid var(--line);z-index:50;border-radius:5px;place-items:center;width:40px;height:40px;display:grid;position:fixed;bottom:22px;right:22px}@keyframes blink{50%{opacity:0}}@keyframes terminalIn{to{opacity:1}}@keyframes flow{0%{left:0}to{left:100%}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (max-width:1000px){.nav-links{gap:12px}.nav-links a{font-size:10px}.hero{grid-template-columns:1fr;min-height:auto}.network-visual{max-width:600px}.expertise-grid{grid-template-columns:1fr 1fr}.architecture-shell{grid-template-columns:1fr}.arch-support{border-left:0;border-top:1px solid var(--line);flex-wrap:wrap;gap:14px;padding:20px 0 0;display:flex}.arch-support>span{width:100%}.arch-support div{border:0;padding:0}.journey{grid-template-columns:repeat(3,1fr);gap:35px}.journey-line{display:none}}@media (max-width:760px){.container{width:min(100% - 32px,600px)}.nav{height:66px}.nav-links{background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;padding:12px 16px 24px;display:none;position:absolute;top:66px;left:0;right:0}.nav-links.open{display:flex}.nav-links a{padding:12px}.nav-links a:after{display:none}.menu-btn{display:grid}.hero{gap:55px;padding-block-start:65px;padding-block-end:65px}h1{font-size:clamp(39px,13vw,58px)}.hero-copy{font-size:15px}.hero-metrics{justify-content:space-between;gap:15px}.hero-metrics>div{display:block}.hero-metrics strong{margin-bottom:7px;display:block}.section{padding-block-start:85px;padding-block-end:85px}.section-heading{grid-template-columns:42px 1fr;margin-bottom:40px}.about-grid,.experience-card,.expertise-grid,.projects-list,.architecture-shell,.skills-grid,.journey{margin-left:0}.about-grid{grid-template-columns:1fr;gap:40px}.experience-card{grid-template-columns:1fr}.experience-rail{margin-bottom:25px}.experience-card ul{grid-column:1;grid-template-columns:1fr}.expertise-grid{grid-template-columns:1fr}.project-card{grid-template-columns:42px 1fr}.case-grid{grid-template-columns:1fr}.architecture-shell{padding:24px}.arch-flow{display:block}.arch-step{text-align:left;align-items:center;gap:14px;display:flex}.arch-step>span{margin:0}.arch-connector{width:1px;height:20px;margin-left:22px}.arch-connector i{animation:2s infinite flowVertical}.skills-grid{grid-template-columns:1fr}.journey{grid-template-columns:1fr 1fr}.contact>div{padding:55px 22px}footer .container{text-align:center;flex-direction:column;gap:18px}.section-heading h2{font-size:34px}}@media (max-width:380px){.container{width:calc(100% - 24px)}.hero-actions .button{width:100%}.hero-metrics span{font-size:8px}.network-visual{padding:12px}.journey,.project-card{grid-template-columns:1fr}.project-index{margin-bottom:12px}.experience-head{display:block}.status-pill{margin-top:15px;display:inline-block}}@keyframes flowVertical{0%{top:0}to{top:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--bg:#f3f6fa;--surface:#fff;--surface2:#e8eef6;--text:#101c2e;--muted:#607087;--line:#cfdae8;--accent:#087ca7;--glow:#22d3ee;--nav:#f3f6fad6}:root[data-theme=dark]{--bg:#050b16;--surface:#0a1425;--surface2:#0e1b30;--text:#f1f7ff;--muted:#8ca0bb;--line:#1b304b;--accent:#25c7e8;--glow:#25c7e8;--nav:#050b16d6}.portrait-visual{max-width:480px;margin-left:auto;padding:14px 14px 0;position:relative}.portrait-frame{aspect-ratio:4/5;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:var(--surface);border-radius:9px 9px 70px;position:relative;overflow:hidden;box-shadow:0 35px 100px #00000052}.portrait-frame:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 58%,#020814b8);position:absolute;top:0;bottom:0;left:0;right:0}.portrait-frame img{object-fit:cover;width:100%;height:100%;display:block}.portrait-code{z-index:3;color:#aeefff;letter-spacing:.12em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030c1a8c;border:1px solid #67dcf54d;padding:7px 9px;font:9px DM Mono;position:absolute;top:17px;left:17px}.portrait-scan{z-index:3;background:var(--accent);height:1px;box-shadow:0 0 16px var(--accent);opacity:.3;animation:5s ease-in-out infinite portraitScan;position:absolute;left:0;right:0}.portrait-badge{z-index:5;border:1px solid color-mix(in srgb,var(--accent) 45%,var(--line));background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);min-width:145px;padding:13px 15px;position:absolute;box-shadow:0 14px 35px #0003}.portrait-badge span,.portrait-badge strong{display:block}.portrait-badge span{color:var(--accent);letter-spacing:.12em;font:9px DM Mono}.portrait-badge strong{margin-top:5px;font-size:11px}.badge-java{top:25%;left:-26px}.badge-cloud{bottom:20%;right:-22px}.portrait-status{z-index:5;color:#d9eaff;align-items:center;gap:8px;font:10px DM Mono;display:flex;position:absolute;bottom:25px;left:35px}.portrait-status i{background:#40e5aa;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #40e5aa}@keyframes portraitScan{0%,to{top:8%}50%{top:92%}}@media (max-width:1000px){.portrait-visual{width:min(100%,500px);margin:0 auto}}@media (max-width:380px){.portrait-badge{min-width:125px;padding:10px}.badge-java{left:-5px}.badge-cloud{right:-5px}}
