:root{--paper:#f3f0e9;--paper-deep:#e6e1d7;--ink:#142026;--ink-soft:#405058;--muted:#77838a;--acid:#c5ef65;--cyan:#80d8d0;--coral:#ee9574;--line:#d4d0c5;--dark-line:#35454a;--mono:"Space Mono",monospace;--sans:"Vazirmatn",Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:inherit}.container{max-width:1180px}.site-shell{overflow:hidden}.site-nav{height:82px;border-bottom:1px solid var(--line);background:rgba(243,240,233,.96);position:relative;z-index:10}.brand-mark{display:inline-flex;align-items:center;gap:10px;font:700 17px var(--mono);direction:ltr;color:var(--ink);white-space:nowrap}.brand-bracket{color:#719e27;font-weight:700}.nav-link{color:var(--ink-soft);font-size:14px;font-weight:600;padding:9px 4px!important;position:relative}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active:after{content:"";position:absolute;right:0;bottom:0;width:20px;height:3px;background:var(--acid)}.nav-cta{border:1px solid var(--ink);padding:8px 14px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:.2s}.nav-cta:hover{background:var(--ink);color:var(--paper)}.nav-cta svg{width:16px}.navbar-toggler{border:1px solid var(--ink);padding:7px}.navbar-toggler:focus{box-shadow:none}.navbar-toggler svg{width:20px}.section-space{padding:110px 0}.hero-section{padding:88px 0 80px;background-color:var(--paper)}.hero-grid{display:grid;grid-template-columns:1fr 1.06fr;gap:80px;align-items:center}.eyebrow,.section-kicker{font:700 11px var(--mono);letter-spacing:.02em;color:#5b6b70}.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:22px}.eyebrow-dot{width:9px;height:9px;border-radius:50%;background:var(--acid);display:inline-block;box-shadow:0 0 0 5px rgba(197,239,101,.22)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.3vw,76px);line-height:1.17;letter-spacing:0;font-weight:900;margin-bottom:25px}.highlight-text{position:relative;z-index:0;display:inline-block}.highlight-text:after{content:"";position:absolute;height:18px;background:var(--acid);right:-7px;left:-7px;bottom:7px;z-index:-1;transform:rotate(-1.6deg)}.hero-lead{max-width:510px;color:var(--ink-soft);font-size:17px;line-height:2.05;margin-bottom:32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:42px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:10px 18px;font-size:14px;font-weight:700;border:1px solid var(--ink);transition:transform .2s,background .2s}.button svg{width:17px}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--ink);color:var(--paper)}.button-primary:hover{background:#273a40;color:var(--paper)}.button-quiet{border-color:var(--line);color:var(--ink-soft)}.button-quiet:hover{background:var(--paper-deep)}.hero-proof{display:flex;align-items:center;gap:14px}.proof-avatars{display:flex;direction:ltr}.proof-avatars span{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-left:-6px;border:2px solid var(--paper);border-radius:50%;font:700 8px var(--mono);background:var(--cyan);color:var(--ink)}.proof-avatars span:nth-child(2){background:var(--coral)}.proof-avatars span:nth-child(3){background:var(--acid);font-size:7px}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{color:var(--muted);font-size:11px}.hero-visual{position:relative;padding:24px 16px 18px 28px}.code-window{background:#18272c;color:#dcebe6;box-shadow:22px 22px 0 rgba(197,239,101,.36);border:1px solid #2b3c41;position:relative;z-index:1}.window-bar{height:48px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid var(--dark-line);color:#82969a}.window-dots{display:flex;gap:6px;margin-left:auto}.window-dots span{width:8px;height:8px;border-radius:50%;background:#56676b}.window-dots span:first-child{background:var(--coral)}.window-dots span:nth-child(2){background:#e2c761}.window-title{font:11px var(--mono);direction:ltr;position:absolute;left:50%;transform:translateX(-50%)}.window-bar>svg{width:17px}.code-body{font:13px/2.25 var(--mono);padding:25px 22px 23px;min-height:385px}.code-line{display:grid;grid-template-columns:28px 1fr;gap:15px;white-space:pre}.line-no{color:#586d70;text-align:right;user-select:none}.syntax-purple{color:#d59ce4;font-weight:400}.syntax-blue{color:#7bd2e8;font-weight:400}.syntax-yellow{color:#e7d27c;font-weight:400}.syntax-orange{color:#f4a784;font-weight:400}.syntax-green{color:#b9e87f;font-weight:400}.code-cursor{color:#6e8586;font-size:11px;padding-top:8px}.code-cursor span{display:inline-block;width:6px;height:14px;background:var(--acid);vertical-align:-2px;margin-left:8px}.code-status{height:38px;border-top:1px solid var(--dark-line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#8ca0a2;font:9px var(--mono);direction:ltr}.code-status span{display:inline-flex;align-items:center;gap:5px}.code-status svg{width:13px;color:var(--acid)}.floating-note{position:absolute;background:var(--paper);border:1px solid var(--line);padding:11px 13px;display:flex;align-items:center;gap:10px;box-shadow:6px 6px 0 var(--ink);font-size:10px;line-height:1.5;z-index:2}.floating-note svg{width:21px;color:#5b9b98}.floating-note b{font-size:12px}.note-top{top:4px;right:-10px}.note-bottom{bottom:0;left:-16px}.mini-spark{background:var(--coral);width:25px;height:25px;display:grid;place-items:center;font:18px var(--mono)}.trust-strip{background:var(--ink);color:var(--paper);padding:19px 0}.trust-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.trust-inner>span{color:#aab7b4;font-size:12px;white-space:nowrap}.tech-list{display:flex;justify-content:space-between;align-items:center;gap:25px;flex:1;color:#e2e6dd;direction:ltr;font:700 13px var(--mono)}.tech-list b:nth-child(2),.tech-list b:nth-child(4){color:var(--acid)}.section-heading{margin-bottom:48px}.section-heading h2{font-size:clamp(29px,3.2vw,45px);line-height:1.35;font-weight:800;margin:10px 0 0}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}.split-heading>p{max-width:360px;color:var(--muted);font-size:14px;margin-bottom:5px}.about-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:100px}.about-statement{border-top:3px solid var(--ink);padding-top:24px;position:relative}.quote-mark{font:700 80px/1 Georgia,serif;color:var(--coral);position:absolute;top:5px;left:0}.about-statement p{font-size:23px;font-weight:700;line-height:1.8;max-width:440px;padding-left:30px}.text-link{font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:9px;border-bottom:1px solid var(--ink);padding-bottom:5px}.text-link svg{width:16px}.fact-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.fact-item{padding:19px 0 16px;border-bottom:1px solid var(--line);min-height:140px}.fact-item:nth-child(odd){padding-left:30px;border-left:1px solid var(--line)}.fact-item strong{display:block;color:#77a11e;font:700 12px var(--mono);margin-bottom:12px}.fact-item span{font-size:15px;font-weight:800}.fact-item p{font-size:12px;color:var(--muted);line-height:1.9;margin:7px 0 0;max-width:220px}.section-dark{background:var(--ink);color:var(--paper)}.section-dark .section-kicker{color:#90a3a5}.section-dark .section-heading{margin-bottom:42px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--dark-line)}.service-card{padding:26px 25px 26px 0;min-height:300px;border-left:1px solid var(--dark-line);position:relative}.service-card:first-child{padding-right:0}.service-card:last-child{border-left:0}.service-card>svg{width:31px;height:31px;color:var(--acid);margin:20px 0 34px}.service-number{font:11px var(--mono);color:#7f9597;display:block}.service-card h3{font-size:21px;margin-bottom:10px}.service-card p{color:#aebcba;font-size:13px;line-height:2;max-width:280px}.service-card>a{position:absolute;bottom:25px;left:25px;color:var(--acid)}.service-card>a svg{width:20px}.featured-projects{display:grid;grid-template-columns:1.25fr .75fr;gap:20px}.project-card{border:1px solid var(--line);background:#ece8df;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-5px);box-shadow:8px 8px 0 var(--ink)}.project-preview{min-height:250px;padding:25px;position:relative;overflow:hidden}.preview-api{background:#2b9998;color:#10363b}.preview-label{font:700 10px var(--mono);border:1px solid rgba(16,54,59,.35);padding:5px 8px;direction:ltr;display:inline-block}.api-preview-lines{position:absolute;bottom:22px;left:24px;right:24px;display:grid;gap:8px}.api-preview-lines span{height:7px;background:rgba(221,254,230,.62)}.api-preview-lines span:nth-child(1){width:68%}.api-preview-lines span:nth-child(2){width:89%}.api-preview-lines span:nth-child(3){width:52%}.api-preview-lines span:nth-child(4){width:76%}.preview-api>b{position:absolute;right:25px;bottom:23px;font:800 34px var(--mono)}.preview-api>b em{font:700 11px var(--mono);font-style:normal;color:#d9f47f}.preview-dashboard{background:#dde5d2;color:#293d34;display:flex;flex-direction:column}.dash-top{display:flex;gap:6px}.dash-top span{width:7px;height:7px;border-radius:50%;background:#8eb081}.dash-top span:nth-child(2){background:#e9b96a}.dash-top span:nth-child(3){background:#e47c67}.dash-metric{font:700 49px var(--mono);margin-top:40px}.dash-metric span{font-size:20px;color:#7f9e40}.dash-bars{display:flex;align-items:end;gap:10px;height:76px;border-bottom:1px solid #b7c5ae;margin-top:auto}.dash-bars i{width:14%;background:#8eb081;display:block}.dash-bars i:nth-child(1){height:38%}.dash-bars i:nth-child(2){height:67%}.dash-bars i:nth-child(3){height:48%}.dash-bars i:nth-child(4){height:83%;background:#ef9572}.dash-bars i:nth-child(5){height:100%;background:#6a9e92}.project-info{padding:23px 24px 25px;display:flex;justify-content:space-between;gap:20px;flex:1}.project-type{font:700 10px var(--mono);color:#6d7d78}.project-info h3{font-size:19px;margin:10px 0 7px}.project-info p{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:0;max-width:420px}.round-arrow{border:1px solid var(--ink);width:37px;height:37px;min-width:37px;display:grid;place-items:center;align-self:flex-end}.round-arrow:hover{background:var(--ink);color:var(--paper)}.round-arrow svg{width:16px}.cta-section{padding-top:20px}.cta-box{background:var(--coral);min-height:245px;padding:38px 50px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(20,32,38,.25);border-radius:50%;left:17%;top:-90px}.cta-box:after{content:"";position:absolute;width:120px;height:120px;border:1px solid rgba(20,32,38,.3);border-radius:50%;left:22%;bottom:-76px}.cta-box h2{font-size:clamp(27px,3.5vw,46px);line-height:1.35;margin:9px 0 0}.cta-box h2 span{color:var(--paper)}.cta-box .button{position:relative;z-index:1}.site-footer{background:var(--ink);color:var(--paper);padding:37px 0}.footer-inner{display:flex;justify-content:space-between;align-items:end;gap:40px}.footer-brand{color:var(--paper)}.footer-inner p{color:#8fa2a2;font-size:12px;margin:13px 0 0}.footer-links{display:flex;gap:27px;align-items:center;flex-wrap:wrap;color:#b6c3c0;font-size:12px}.footer-links a:hover{color:var(--acid)}.footer-links svg{width:13px;vertical-align:middle}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.reveal-delay{transition-delay:.1s}.reveal-delay-2{transition-delay:.18s}@media (max-width:991px){.site-nav{height:auto;min-height:72px}.navbar-collapse{padding:22px 0}.nav-cta{display:inline-flex;margin-top:7px}.hero-grid{grid-template-columns:1fr;gap:45px}.hero-copy{max-width:700px}.hero-visual{max-width:650px;width:100%;margin:0 auto}.about-grid{gap:50px}.section-space{padding:80px 0}}@media (max-width:767px){body{font-size:15px}.section-space{padding:68px 0}.hero-section{padding-top:58px}.hero-grid{gap:34px}.hero-lead{font-size:15px}.hero-actions{margin-bottom:32px}.code-body{font-size:10px;padding:19px 12px;min-height:320px;line-height:2.45}.code-status{font-size:7px;padding:0 10px}.code-status span:last-child{display:none}.hero-visual{padding:18px 10px 13px 18px}.code-window{box-shadow:11px 12px 0 rgba(197,239,101,.36)}.note-top{right:-3px;top:0}.note-bottom{left:-6px}.floating-note{font-size:8px;padding:8px 9px}.floating-note svg{width:17px}.split-heading{display:block}.split-heading>p{margin-top:15px}.heading-link{margin-top:20px}.about-grid{display:block}.about-statement{margin-bottom:50px}.about-statement p{font-size:20px}.fact-item{min-height:150px}.service-grid{grid-template-columns:1fr}.service-card,.service-card:first-child{padding:24px 0;min-height:250px;border-left:0;border-bottom:1px solid var(--dark-line)}.service-card:last-child{border-bottom:0}.service-card>svg{margin:20px 0 27px}.service-card>a{left:0;bottom:24px}.featured-projects{grid-template-columns:1fr}.project-preview{min-height:220px}.cta-box{display:block;padding:30px 25px;min-height:290px}.cta-box .button{margin-top:28px}.footer-inner{display:block}.footer-links{margin-top:27px;gap:13px 20px}.footer-links span:last-child{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.project-card{transition:none}}
:root{--page-extra:1}.page-intro{padding:90px 0 84px}.page-intro-grid{display:flex;align-items:end;justify-content:space-between;gap:70px}.page-intro h1{font-size:clamp(41px,6vw,71px);margin:16px 0 0;line-height:1.2}.page-intro h1 span{color:var(--acid)}.page-intro-grid>p{color:#b7c4c1;max-width:360px;margin:0 0 10px;font-size:14px;line-height:2.1}.projects-archive{padding-top:82px}.filter-row{display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:30px}.filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.filter-button{border:0;background:transparent;color:var(--muted);padding:6px 12px;font:600 12px var(--sans);cursor:pointer}.filter-button:hover,.filter-button.is-active{background:var(--ink);color:var(--paper)}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.archive-card{background:#ece8df;border:1px solid var(--line);min-width:0;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.archive-card:hover{transform:translateY(-5px);box-shadow:8px 8px 0 var(--ink)}.archive-card[hidden]{display:none}.archive-visual{height:270px;position:relative;overflow:hidden;padding:24px}.visual-chip{font:700 11px var(--mono);border:1px solid currentColor;padding:4px 8px;position:absolute;top:20px;left:20px;direction:ltr}.visual-layers{background:#b8e8d7;color:#174d4e}.layer{position:absolute;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#e5f5e7;border:1px solid #6cae9c;font:700 10px var(--mono);width:68%;direction:ltr}.layer svg{width:15px}.layer-one{top:70px;right:17%;transform:rotate(-4deg);background:#f0f5d3}.layer-two{top:133px;right:25%;transform:rotate(3deg);background:#d4eff0}.layer-three{top:196px;right:12%;transform:rotate(-2deg);background:#ecdec3}.visual-admin{background:#edc9a9;color:#603e32}.admin-sidebar{width:25px;height:150px;background:#855e4c;position:absolute;right:40px;top:75px}.admin-content{position:absolute;top:75px;right:83px;left:40px;height:150px;background:#f8ead8;padding:18px;display:flex;flex-direction:column;gap:11px}.admin-content i{height:8px;background:#d7ae8d;width:55%}.admin-content i:nth-child(2){width:85%;background:#9bb59a}.admin-content i:nth-child(3){width:70%}.admin-content b{font:700 29px var(--mono);margin-top:13px}.visual-terminal{background:#202e32;color:#b8e97a}.terminal-copy{position:absolute;right:40px;top:74px;display:grid;gap:13px;font:11px/1.3 var(--mono);direction:ltr}.terminal-green{color:#bfe883}.terminal-dim{color:#748a89}.visual-data{background:#d8d8e8;color:#353c67}.data-circle{width:130px;height:130px;border-radius:50%;border:16px solid #8d8eb9;position:absolute;top:70px;right:17%;display:grid;place-content:center;text-align:center}.data-circle b{font:700 28px var(--mono)}.data-circle small{font:10px var(--mono)}.data-line{height:8px;background:#7a7eaa;position:absolute;right:55%;left:10%;top:115px}.data-line.short{top:145px;left:25%}.archive-content{padding:22px 24px 24px;display:flex;gap:20px;justify-content:space-between;flex:1}.archive-content h2{font-size:20px;margin:10px 0 7px}.archive-content p{font-size:12px;color:var(--muted);line-height:1.95;max-width:400px;margin-bottom:15px}.tag-row{display:flex;gap:6px;flex-wrap:wrap}.tag-row span,.resume-tags span,.timeline-tag{font:10px var(--mono);border:1px solid #c5c2b8;padding:3px 7px;color:#66736e;direction:ltr}.archive-note{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:45px;padding-top:22px}.archive-note>svg{width:20px;color:#789d39;min-width:20px}.archive-note p{font-size:12px;color:var(--muted);margin:0;max-width:620px}.archive-note .text-link{margin-right:auto;white-space:nowrap}.resume-section{padding-bottom:75px}.resume-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:45px;margin-bottom:65px}.resume-top h2{font-size:clamp(30px,4vw,48px);line-height:1.4;margin:13px 0}.resume-top p{font-size:13px;color:var(--muted);max-width:450px;margin:0}.resume-top .button{margin-bottom:6px}.resume-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:100px}.resume-heading{display:flex;align-items:center;gap:11px;border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:8px}.resume-heading svg{width:20px;color:#789d39}.resume-heading h3{font-size:17px;margin:0}.timeline-item{display:grid;grid-template-columns:100px 1fr;gap:25px;padding:29px 0;border-bottom:1px solid var(--line)}.timeline-date{font:11px var(--mono);color:#6f8d36;padding-top:4px}.timeline-item h4{font-size:17px;margin:0 0 9px}.timeline-item p{font-size:13px;color:var(--muted);line-height:2;margin-bottom:15px;max-width:500px}.skill-list{padding-top:13px}.skill-list>div{display:grid;grid-template-columns:1fr auto;gap:3px 15px;padding:13px 0}.skill-list span{font-size:13px;font-weight:700;direction:ltr;text-align:right}.skill-list b{font:10px var(--mono);font-weight:400;color:#7d8c80}.skill-track{grid-column:1/-1;height:5px;background:#dcd8cc;margin-top:5px;direction:ltr}.skill-track i{display:block;height:100%;background:var(--cyan)}.resume-tags{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px}.resume-callout{background:var(--cyan);padding:55px 0}.resume-callout-inner{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:22px}.resume-callout svg{width:30px}.resume-callout p{font-size:24px;font-weight:800;margin:0}.resume-callout span{font:11px var(--mono)}.contact-section{padding-top:86px}.contact-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:100px}.contact-copy h2{font-size:clamp(29px,4vw,48px);line-height:1.4;margin:14px 0 18px}.contact-copy>p{font-size:13px;line-height:2.1;color:var(--muted);max-width:410px}.contact-methods{margin-top:42px;border-top:1px solid var(--line)}.contact-methods>a,.availability{display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:17px 0;font-size:13px;direction:ltr;text-align:right}.contact-methods svg{width:20px;color:#789d39;min-width:20px}.contact-methods small{display:block;color:var(--muted);font-size:10px;margin-bottom:2px}.availability{direction:rtl}.status-pulse{width:9px;height:9px;background:#87b63c;border-radius:50%;box-shadow:0 0 0 5px rgba(135,182,60,.19);margin:0 6px}.copy-button{background:transparent;border:0;padding:0;margin-top:20px;font:600 12px var(--sans);display:inline-flex;gap:8px;align-items:center;cursor:pointer}.copy-button svg{width:15px}.contact-form-wrap{background:#e9e5dc;border:1px solid var(--line);padding:32px 35px}.form-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc8bd;padding-bottom:18px;margin-bottom:24px;font:700 12px var(--mono)}.form-header svg{width:19px;color:#789d39}.contact-form-wrap label{display:block;font-size:11px;font-weight:700;margin:17px 0 6px}.contact-form-wrap input,.contact-form-wrap select,.contact-form-wrap textarea{display:block;width:100%;border:1px solid #ccc8bd;background:#f7f4ed;padding:11px 12px;font:13px var(--sans);color:var(--ink);outline:none}.contact-form-wrap input:focus,.contact-form-wrap select:focus,.contact-form-wrap textarea:focus{border-color:#7e9e59;box-shadow:0 0 0 3px rgba(126,158,89,.12)}.contact-form-wrap textarea{resize:vertical;min-height:120px}.contact-form-wrap .button{margin-top:21px}.form-status{text-align:center;color:var(--muted);font-size:10px;margin:13px 0 0}@media (max-width:991px){.page-intro-grid,.resume-top{display:block}.page-intro-grid>p{margin-top:28px}.resume-top .button{margin-top:25px}.resume-layout,.contact-grid{grid-template-columns:1fr;gap:60px}.archive-grid{grid-template-columns:1fr 1fr}.contact-grid{gap:50px}}@media (max-width:767px){.page-intro{padding:64px 0 58px}.page-intro h1{font-size:43px}.filter-row{display:block}.filter-buttons{margin-top:14px}.archive-grid{grid-template-columns:1fr}.archive-visual{height:235px}.archive-note{align-items:flex-start;flex-wrap:wrap}.archive-note .text-link{margin-right:34px}.timeline-item{grid-template-columns:1fr;gap:7px;padding:22px 0}.resume-callout-inner{grid-template-columns:30px 1fr;gap:14px}.resume-callout span{grid-column:2}.resume-callout p{font-size:19px}.contact-form-wrap{padding:24px 18px}.contact-section{padding-top:60px}}
:root{--fact-gap:14px}.about-grid .fact-grid{gap:var(--fact-gap);border-top:0;align-items:stretch}.about-grid .fact-grid .fact-item{padding:22px!important;border:1px solid var(--line);background:#ebe7de;min-height:154px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .2s,background .2s}.about-grid .fact-grid .fact-item:nth-child(odd){padding-left:22px!important;border-left:1px solid var(--line)}.about-grid .fact-grid .fact-item:hover{background:#e3ded3;transform:translateY(-3px)}.about-grid .fact-grid .fact-item strong{margin-bottom:16px}.about-grid .fact-grid .fact-item p{max-width:none;margin-top:auto}@media (max-width:767px){.about-grid .fact-grid{gap:10px}.about-grid .fact-grid .fact-item{padding:18px!important;min-height:150px}.about-grid .fact-grid .fact-item strong{margin-bottom:12px}}
:root{--trust-gap:42px}.trust-strip .trust-inner{display:grid;grid-template-columns:max-content 1fr;column-gap:var(--trust-gap);align-items:center}.trust-strip .tech-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;justify-content:initial;gap:20px}.trust-strip .tech-list b{text-align:center;white-space:nowrap}@media (max-width:991px){.trust-strip .trust-inner{column-gap:28px}.trust-strip .tech-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px}}@media (max-width:767px){.trust-strip .trust-inner{grid-template-columns:1fr;row-gap:16px}.trust-strip .trust-inner>span{text-align:right}.trust-strip .tech-list{gap:13px 12px}.trust-strip .tech-list b{text-align:right}}
:root{--portfolio-gap:20px}.portfolio-stats{background:#e6e1d7;border-bottom:1px solid var(--line)}.portfolio-stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.portfolio-stats-grid>div{padding:23px 22px 21px;border-left:1px solid var(--line);display:grid;grid-template-columns:auto 1fr;gap:0 11px;align-items:center}.portfolio-stats-grid>div:first-child{border-right:1px solid var(--line)}.portfolio-stats-grid strong{font:700 23px var(--mono);color:#729b31;grid-row:span 2}.portfolio-stats-grid span{font-size:11px;color:var(--muted)}.portfolio-stats-grid b{font:700 11px var(--mono);direction:ltr}.featured-project-card{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr}.featured-project-card .archive-visual{height:auto;min-height:335px}.featured-project-card .archive-content{padding:31px 32px}.featured-project-card .archive-content h2{font-size:28px;margin-top:12px}.featured-project-card .archive-content p{font-size:14px;line-height:2.1;max-width:630px}.visual-bijak{background:#24494d;color:#d8f0c0}.bijak-map-grid{position:absolute;inset:0;opacity:.5;background-image:linear-gradient(90deg,transparent 49%,#5a7773 50%,transparent 51%),linear-gradient(0deg,transparent 49%,#5a7773 50%,transparent 51%);background-size:44px 44px;transform:rotate(16deg) scale(1.5)}.bijak-route{position:absolute;right:16%;left:16%;top:42%;height:3px;background:var(--acid);transform:rotate(-13deg);box-shadow:0 0 0 5px rgba(197,239,101,.1)}.route-point{width:15px;height:15px;border:3px solid var(--acid);background:#24494d;border-radius:50%;position:absolute;top:-6px}.point-start{right:-4px}.point-end{left:-4px;background:var(--coral);border-color:var(--coral)}.bijak-route i{position:absolute;right:36%;top:-3px;width:9px;height:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 0 4px rgba(128,216,208,.18)}.bijak-route-label{position:absolute;right:28px;bottom:25px;display:flex;align-items:center;gap:10px;font:10px/1.5 var(--mono);direction:ltr}.bijak-route-label svg{width:25px;color:var(--acid)}.bijak-route-label b{color:var(--coral)}.project-side-note{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:118px;border-right:1px solid var(--line);padding-right:24px;margin-right:20px}.project-side-note .status-pulse{margin:0 0 12px}.project-side-note b{font-size:12px}.project-side-note small{color:var(--muted);font-size:10px;margin-top:4px}.subsection-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:86px 0 31px}.subsection-heading h2{font-size:clamp(25px,3vw,36px);margin:10px 0 0}.subsection-heading>p{font-size:13px;color:var(--muted);max-width:360px;margin:0 0 4px}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--portfolio-gap)}.library-card .archive-visual{height:225px;min-height:225px}.library-card .archive-content h2{font-size:18px;direction:ltr;text-align:right}.library-card .archive-content p{min-height:76px}.library-card .archive-content{padding:21px 20px 22px}.visual-shield{background:#d9e7cc;color:#3b654a}.shield-lock{width:88px;height:102px;border:5px solid #568263;border-radius:15px 15px 23px 23px;position:absolute;right:calc(50% - 44px);top:70px;display:grid;place-items:center;background:#edf5df}.shield-lock:before{content:"";position:absolute;width:54px;height:45px;border:5px solid #568263;border-bottom:0;border-radius:40px 40px 0 0;top:-47px}.shield-lock svg{width:33px}.shield-lines{position:absolute;bottom:20px;left:24px;right:24px;display:grid;gap:7px}.shield-lines span{height:5px;background:#91b496}.shield-lines span:nth-child(2){width:75%}.shield-lines span:nth-child(3){width:45%}.visual-cli{background:#e6c89c;color:#634833}.cli-window{position:absolute;right:28px;left:28px;top:65px;background:#253338;border:1px solid #46585a;padding:20px 18px;display:grid;gap:11px;font:10px/1.4 var(--mono);color:#e9dcae}.cli-window b{font-weight:400;color:#b7e87b}.visual-botio{background:#d6d4ec;color:#3e426f}.bot-network{position:absolute;inset:0;display:grid;grid-template-columns:1fr 65px 1fr;grid-template-rows:1fr 55px 1fr;place-items:center;font:9px var(--mono)}.bot-network b{grid-area:2/2;background:#3e426f;color:#f3f0e9;border-radius:50%;width:65px;height:65px;display:grid;place-items:center;font-size:10px}.bot-network span:first-child{grid-area:1/1}.bot-network span:nth-of-type(2){grid-area:1/3}.bot-network em{grid-area:3/2;font-style:normal;white-space:nowrap}.bot-network i{width:55px;height:1px;background:#7d80ae;position:absolute}.bot-network i:nth-of-type(1){transform:rotate(33deg);right:48%}.bot-network i:nth-of-type(2){transform:rotate(-33deg);left:48%}.github-heading{margin-top:91px}.github-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--portfolio-gap)}.github-card{border:1px solid var(--line);background:#ece8df;padding:21px 22px 18px;min-height:207px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.github-card:hover{transform:translateY(-4px);box-shadow:6px 6px 0 var(--ink)}.github-card-top,.github-card-bottom{display:flex;align-items:center;justify-content:space-between}.github-icon{width:32px;height:32px;display:grid;place-items:center;background:var(--ink);color:var(--acid)}.github-icon svg{width:17px}.github-language{font:10px var(--mono);color:#718078;direction:ltr;display:flex;align-items:center;gap:6px}.github-language i{width:8px;height:8px;background:#3776ab;border-radius:50%;display:inline-block}.github-language .language-ts{background:#3178c6}.github-language .language-py{background:#e2bf4a}.github-language .language-docker{background:#2496ed}.github-card h3{font:700 17px var(--mono);direction:ltr;text-align:right;margin:22px 0 7px}.github-card p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}.github-card-bottom{margin-top:auto;padding-top:16px;font:10px var(--mono);color:#718078;direction:ltr}.github-card-bottom a{font:700 11px var(--sans);display:inline-flex;align-items:center;gap:7px;direction:rtl;color:var(--ink)}.github-card-bottom a:hover{color:#729b31}.github-card-bottom svg{width:14px}.projects-archive .archive-note{margin-top:50px}@media (max-width:991px){.portfolio-stats-grid>div{padding:19px 14px}.featured-project-card{grid-template-columns:1fr}.featured-project-card .archive-visual{min-height:280px}.subsection-heading{display:block}.subsection-heading>p{margin-top:14px}.library-grid,.github-grid{grid-template-columns:1fr 1fr}.github-heading{margin-top:72px}}@media (max-width:767px){.portfolio-stats-grid{grid-template-columns:1fr 1fr}.portfolio-stats-grid>div{padding:17px 12px}.portfolio-stats-grid>div:nth-child(3){border-right:1px solid var(--line)}.portfolio-stats-grid strong{font-size:18px}.portfolio-stats-grid span,.portfolio-stats-grid b{font-size:9px}.featured-project-card .archive-content{padding:23px 20px;display:block}.featured-project-card .archive-content h2{font-size:23px}.featured-project-card .archive-content p{font-size:12px}.project-side-note{border-right:0;border-top:1px solid var(--line);padding:17px 0 0;margin:20px 0 0;display:block}.project-side-note .status-pulse{display:inline-block;margin:0 7px 0 0}.library-grid,.github-grid{grid-template-columns:1fr}.library-card .archive-content p{min-height:0}.subsection-heading{margin-top:62px}.github-heading{margin-top:64px}.github-card{min-height:190px}}
:root{--production:#6e9c35}.resume-highlights{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.resume-highlights span{border:1px solid var(--line);padding:5px 9px;color:var(--muted);font:10px var(--mono);direction:ltr}.resume-highlights b{color:var(--ink);margin-left:3px}.timeline-featured{background:#ebe7de;border:1px solid var(--line);padding:28px 25px;margin-top:15px}.timeline-featured .timeline-date{padding-top:6px}.timeline-title-row{display:flex;align-items:center;justify-content:space-between;gap:15px}.timeline-title-row h4{margin-bottom:0}.production-badge{font:10px var(--mono);color:var(--production);white-space:nowrap;direction:ltr}.production-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--production);margin-left:5px;box-shadow:0 0 0 4px rgba(110,156,53,.14)}.timeline-link{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:3px}.timeline-link svg{width:14px}.resume-github-link{display:inline-flex;align-items:center;gap:8px;font:11px var(--mono);direction:ltr;color:var(--ink);margin-top:25px}.resume-github-link svg{width:17px;color:#729b31}.resume-github-link:hover{color:#729b31}@media (max-width:767px){.resume-highlights{gap:6px}.resume-highlights span{font-size:9px;padding:5px 7px}.timeline-title-row{display:block}.production-badge{display:inline-block;margin-top:9px}.timeline-featured{padding:22px 17px}}
:root{--resume-card:#ebe7de}.resume-contact-bar{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:-28px 0 62px}.resume-contact-bar>a,.resume-contact-bar>span{display:flex;align-items:center;gap:11px;min-height:72px;padding:13px 16px;border-left:1px solid var(--line);font-size:11px;direction:ltr}.resume-contact-bar>a:first-child{border-right:1px solid var(--line)}.resume-contact-bar svg{width:18px;color:#729b31;min-width:18px}.resume-contact-bar small{display:block;color:var(--muted);font-size:9px;margin-bottom:2px}.resume-contact-bar .availability{direction:rtl}.resume-contact-bar .availability>span{display:block}.resume-contact-bar .availability .status-pulse{display:inline-block;min-width:8px;width:8px;height:8px;padding:0;margin:0 5px 0 0}.timeline-points{padding:0 18px 0 0;margin:5px 0 17px;color:var(--muted);font-size:12px;line-height:2;list-style:none}.timeline-points li{position:relative;padding-right:13px}.timeline-points li:before{content:"";position:absolute;right:0;top:.9em;width:5px;height:5px;background:#88ad4b;border-radius:50%}.timeline-tag-row{display:flex;gap:7px;flex-wrap:wrap}.education-block{margin-top:56px}.education-item{display:grid;grid-template-columns:125px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.education-item>span{font:10px var(--mono);color:#6f8d36}.education-item h4{font-size:15px;margin:0 0 5px}.education-item p{font-size:12px;color:var(--muted);margin:0}.skill-groups{padding-top:10px}.skill-group{padding:17px 0;border-bottom:1px solid var(--line)}.skill-group h4{display:flex;align-items:center;gap:8px;font-size:13px;margin:0 0 12px}.skill-group h4 svg{width:17px;color:#729b31}.skill-group>div{display:flex;flex-wrap:wrap;gap:6px}.skill-group span{border:1px solid #c5c2b8;background:var(--resume-card);padding:4px 7px;font:10px var(--mono);color:#5e6f68;direction:ltr}.resume-side>.resume-github-link{margin-top:24px}@media (max-width:991px){.resume-contact-bar{margin-top:0}.resume-contact-bar{grid-template-columns:repeat(2,1fr)}.resume-contact-bar>a:nth-child(3){border-right:1px solid var(--line)}.resume-contact-bar>a:nth-child(3),.resume-contact-bar>span:nth-child(4){border-top:1px solid var(--line)}}@media (max-width:767px){.resume-contact-bar{grid-template-columns:1fr;margin-bottom:42px}.resume-contact-bar>a,.resume-contact-bar>span,.resume-contact-bar>a:first-child,.resume-contact-bar>a:nth-child(3){border-right:0;border-left:0;border-bottom:1px solid var(--line);min-height:62px}.resume-contact-bar>span:last-child{border-bottom:0}.education-item{grid-template-columns:1fr;gap:6px}.timeline-points{font-size:11px}.skill-group span{font-size:9px}}
:root{--section-accent:#729b31}.about-statement .about-role{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px}.about-role .status-pulse{margin:0 2px 0 0}.about-role b,.about-role small{display:block}.about-role b{font:700 12px var(--mono)}.about-role small{font-size:10px;color:var(--muted);margin-top:2px}.about-statement .quote-mark{top:76px}.about-grid .about-statement p{max-width:470px}.section-heading-side{max-width:360px;margin-bottom:4px}.section-heading-side p{color:#aebcba;font-size:13px;line-height:2;margin:0 0 13px}.projects-section .section-heading-side p{color:var(--muted)}.service-card{min-height:330px}.service-card .service-tools{position:absolute;bottom:59px;right:0;color:var(--acid);font:10px var(--mono);direction:ltr}.service-card>a{z-index:1}.cta-copy{position:relative;z-index:1;max-width:570px}.cta-copy p{color:rgba(243,240,233,.85);font-size:13px;line-height:2;margin:16px 0 0;max-width:490px}.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;position:relative;z-index:1}.cta-status{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.cta-status .status-pulse{margin:0;width:8px;height:8px}.cta-box .section-kicker{color:var(--ink)}@media (max-width:767px){.about-statement .about-role{margin-bottom:22px}.about-statement .quote-mark{top:70px}.service-card{min-height:300px}.service-card .service-tools{bottom:58px;font-size:9px}.section-heading-side{margin-top:15px}.cta-copy p{font-size:12px}.cta-actions{align-items:stretch;gap:12px}.cta-actions .button{width:100%}.cta-status{justify-content:center}}
:root{--botio-surface:#dfe7d7}.visual-botio{background:var(--botio-surface);color:var(--ink)}.bot-network{display:block;font:700 11px/1 var(--mono);direction:ltr}.bot-network b{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;background:var(--ink);color:var(--paper);border-radius:50%;display:grid;place-items:center;font-size:11px;letter-spacing:.02em;z-index:2;box-shadow:0 7px 0 rgba(20,32,38,.12)}.bot-network span,.bot-network em{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:6px 10px;background:rgba(243,240,233,.96);border:1px solid rgba(20,32,38,.42);color:var(--ink);font-style:normal;white-space:nowrap;box-shadow:3px 3px 0 rgba(20,32,38,.12)}.bot-network span:first-child{top:53px;right:24px}.bot-network span:nth-of-type(2){top:53px;left:24px}.bot-network em{bottom:25px;left:50%;transform:translateX(-50%)}.bot-network i{display:none}@media (max-width:767px){.bot-network{font-size:10px}.bot-network span:first-child{right:16px}.bot-network span:nth-of-type(2){left:16px}}