:root{--text:#4b5563;--text-h:#111827;--bg:#f7f8fa;--border:#d9e0ea;--code-bg:#eef2f6;--accent:#111827;--accent-bg:#fece142e;--accent-border:#1118272e;--social-bg:#fff;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;--mono:"IBM Plex Mono", ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:0;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:0;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.react-flow{direction:ltr}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1px;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{-webkit-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:-webkit-grab;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background:#1a192b;border:1px solid #fff;border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-top{top:-4px;left:50%;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{top:50%;right:-4px;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{z-index:5;margin:15px;position:absolute}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{background:#ffffff80;margin:0;padding:2px 3px;font-size:10px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10px}}.react-flow__edgelabel-renderer{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{color:#222;text-align:center;background-color:#fff;border:1px solid #1a192b;border-radius:3px;width:150px;padding:10px;font-size:12px}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{box-sizing:content-box;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fefefe;border:none;border-bottom:1px solid #eee;justify-content:center;align-items:center;width:16px;height:16px;padding:5px;display:flex}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;width:4px;height:4px;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{top:50%;left:0}.react-flow__resize-control.handle.right{top:50%;left:100%}.react-flow__resize-control.handle.top{top:0;left:50%}.react-flow__resize-control.handle.bottom{top:100%;left:50%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;height:100%;top:0;transform:translate(-50%)}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{width:100%;height:1px;left:0;transform:translateY(-50%)}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--color-bg-primary:#f7f8fa;--color-bg-secondary:#fff;--color-bg-tertiary:#eef2f6;--color-text-primary:#111827;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-border:#d9e0ea;--color-primary:#fece14;--color-secondary:#000;--color-genai:#0f766e;--color-backend:#2563eb;--color-data:#7c3aed;--color-platform:#c2410c;--color-success:#16a34a;--color-warning:#d97706;--color-danger:#dc2626;--shadow-card:0 1px 2px #1118270f, 0 12px 32px #11182714;--font-serif:"Poppins", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--font-sans:"Poppins", system-ui, sans-serif;--text-xs:.72rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.75rem;--text-4xl:2.25rem;--text-5xl:3.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--container-max-width:1120px;--container-padding:2rem;--border-width:1px;--border-radius:.5rem;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--z-dropdown:1000;--z-modal:1050;--z-tooltip:1100}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#0f172a;--color-bg-secondary:#111827;--color-bg-tertiary:#1f2937;--color-text-primary:#f9fafb;--color-text-secondary:#cbd5e1;--color-text-muted:#94a3b8;--color-border:#334155;--shadow-card:0 16px 40px #00000047}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.serif{font-family:var(--font-serif)}.mono{font-family:var(--font-mono)}.sans{font-family:var(--font-sans)}.italic{font-style:italic}.uppercase{text-transform:uppercase}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.backend-accent{color:var(--color-backend)}.genai-accent{color:var(--color-genai)}.data-accent{color:var(--color-data)}.platform-accent{color:var(--color-platform)}.genai-bg{background-color:var(--color-genai)}.backend-bg{background-color:var(--color-backend)}.data-bg{background-color:var(--color-data)}.platform-bg{background-color:var(--color-platform)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.container{max-width:var(--container-max-width);padding:0 var(--container-padding);margin:0 auto}.border{border:var(--border-width) solid var(--color-border)}.border-top{border-top:var(--border-width) solid var(--color-border)}.border-bottom{border-bottom:var(--border-width) solid var(--color-border)}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}.hover-lift:hover{transform:translateY(-2px)}.hover-opacity:hover{opacity:.8}.hover-bg:hover{background-color:var(--color-bg-secondary)}.focus-outline:focus{outline:2px solid var(--color-backend);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-slow) ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.app{background:linear-gradient(180deg, #fece1414, transparent 320px), var(--color-bg-primary);flex-direction:column;min-height:100vh;display:flex}.nav{z-index:var(--z-dropdown);border-bottom:var(--border-width) solid var(--color-border);background:color-mix(in srgb, var(--color-bg-secondary) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-4) 0;display:flex}.nav-logo{color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:700;text-decoration:none}.nav-logo:hover{color:var(--color-backend)}.nav-links{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;list-style:none;display:flex}.nav-link,.filter-pill,.primary-action,.secondary-action,.form-submit{border-radius:var(--border-radius);min-height:40px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);font-weight:600}.nav-link{border:var(--border-width) solid transparent;color:var(--color-text-secondary);padding:0 var(--space-3);cursor:pointer;background:0 0}.nav-link:hover,.nav-link:focus-visible{border-color:var(--color-border);color:var(--color-text-primary);background:var(--color-bg-tertiary)}.nav-link.active{border-color:var(--color-secondary);color:#fff;background:var(--color-secondary)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #fece14d9}.main{padding:var(--space-12) 0 var(--space-16);flex:1}.section{margin-bottom:var(--space-16)}.section-title{margin:0 0 var(--space-5);color:var(--color-text-primary);font-family:var(--font-sans);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.08}.section-subtitle{margin-bottom:var(--space-4);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.section-intro{max-width:760px;margin:calc(-1 * var(--space-2)) 0 var(--space-8);color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.7}.home-section{margin-bottom:0}.hero-panel{padding:var(--space-12) 0;border-bottom:var(--border-width) solid var(--color-border)}.hero-panel:after{content:"SDE III · Meesho · Ex Oracle/Jio · IIT Ropar";margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border:var(--border-width) solid var(--color-border);border-left:5px solid var(--color-primary);border-radius:var(--border-radius);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;line-height:1.7;display:inline-flex}.hero-title{max-width:940px;margin:0 0 var(--space-5);color:var(--color-text-primary);font-family:var(--font-sans);overflow-wrap:normal;word-break:normal;font-size:clamp(2.7rem,5.4vw,4.35rem);font-weight:800;line-height:1.04}.hero-copy{max-width:720px;color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.7}.hero-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.primary-action,.secondary-action{padding:0 var(--space-5);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary-action{border:var(--border-width) solid var(--color-secondary);background:var(--color-secondary);color:#fff}.secondary-action{border:var(--border-width) solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary)}.primary-action:hover,.secondary-action:hover,.form-submit:hover{transform:translateY(-1px)}.metric-grid{gap:var(--space-3);margin:var(--space-6) 0 0;grid-template-columns:repeat(4,1fr);display:grid}.metric-item{min-height:128px;padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-secondary)}.metric-value{margin-bottom:var(--space-3);color:var(--color-text-primary);font-family:var(--font-sans);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;line-height:1.05}.metric-label{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.45}.home-block{gap:var(--space-8);margin:var(--space-12) 0 var(--space-6);grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);align-items:end;display:grid}.home-block .section-title{margin-bottom:0}.home-block-copy{color:var(--color-text-secondary);line-height:1.7}.projects-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.project-card{min-height:100%;padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-secondary);cursor:default;transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex;box-shadow:0 1px #11182708}.project-card:hover{border-color:color-mix(in srgb, var(--color-text-primary) 35%, var(--color-border));box-shadow:var(--shadow-card);transform:translateY(-2px)}.project-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.project-type-org{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.project-type-icon{border-radius:999px;width:10px;height:10px}.project-type,.project-org,.project-proof-label,.blog-meta,.about-detail-label,.form-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.project-type{color:var(--color-text-primary)}.project-org{padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-muted);border-radius:999px}.project-name{margin-bottom:var(--space-3);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-xl);font-weight:700;line-height:1.25}.project-desc{margin-bottom:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.65}.project-proof{margin:auto 0 var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-tertiary)}.project-proof-label{margin-bottom:var(--space-2);color:var(--color-text-muted)}.project-proof p{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:600;line-height:1.55}.project-scope{margin-bottom:var(--space-4);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6}.project-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.project-tag{padding:var(--space-1) var(--space-2);background:color-mix(in srgb, var(--color-primary) 22%, transparent);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:999px}.filter-container{gap:var(--space-2);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.filter-pill{padding:0 var(--space-4);border:var(--border-width) solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer}.filter-pill:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.filter-pill.active{border-color:var(--color-secondary);background:var(--color-secondary);color:#fff}.blog-list,.about-details,.contact-form{border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-secondary);overflow:hidden}.blog-item{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-5);border-bottom:var(--border-width) solid var(--color-border);color:inherit;transition:background var(--transition-fast);text-decoration:none;display:flex}.blog-item:last-child{border-bottom:none}.blog-item:hover{background:var(--color-bg-tertiary)}.blog-content{flex:1}.blog-meta{margin-bottom:var(--space-2);color:var(--color-text-muted)}.blog-title{margin-bottom:var(--space-2);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:700}.blog-excerpt{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.blog-arrow{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-lg);transition:transform var(--transition-fast)}.blog-item:hover .blog-arrow{transform:translate(4px)}.about-grid{gap:var(--space-6);grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:start;display:grid}.about-content{padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-secondary)}.about-content h3{margin-bottom:var(--space-4);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700}.about-content p{margin-bottom:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-base);line-height:1.7}.about-content p:last-child{margin-bottom:0}.about-detail-row{gap:var(--space-4);padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);grid-template-columns:120px minmax(0,1fr);display:grid}.about-detail-row:last-child{border-bottom:none}.about-detail-label{color:var(--color-text-muted)}.about-detail-value{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:500}.contact-form{max-width:760px;padding:var(--space-6)}.form-group{margin-bottom:var(--space-5)}.form-label{margin-bottom:var(--space-2);color:var(--color-text-muted);display:block}.form-input,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-base);transition:border-color var(--transition-fast), background var(--transition-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--color-secondary);background:var(--color-bg-secondary)}.form-textarea{resize:vertical;min-height:132px}.form-submit{padding:0 var(--space-6);border:var(--border-width) solid var(--color-secondary);background:var(--color-secondary);color:#fff;cursor:pointer}.contact-divider{border:none;border-top:var(--border-width) solid var(--color-border);margin:var(--space-6) 0}.social-links{gap:var(--space-3);flex-wrap:wrap;display:flex}.social-link{min-height:36px;padding:0 var(--space-3);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--text-xs);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.social-link:hover{border-color:var(--color-secondary);background:var(--color-bg-tertiary)}.modal-overlay{z-index:var(--z-modal);padding:var(--space-4);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--border-radius);background:var(--color-bg-secondary);max-width:90vw;max-height:90vh;position:relative;overflow:hidden}.modal-header{padding:var(--space-4);border-bottom:var(--border-width) solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-xl);font-weight:700}.modal-close{color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-lg);padding:var(--space-2);background:0 0;border:0}.modal-close:hover{color:var(--color-text-primary)}.modal-body{height:70vh;padding:var(--space-4);overflow:auto}.react-flow__node{color:var(--color-text-primary);font-family:var(--font-sans);font-size:var(--text-sm)}.react-flow__edge-path{stroke:var(--color-text-muted);stroke-width:1px}.react-flow__controls,.react-flow__controls button{border:var(--border-width) solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary)}.react-flow__controls button:hover{background:var(--color-bg-tertiary)}@media (width<=900px){.home-block,.about-grid{grid-template-columns:1fr}.hero-panel:after{max-width:420px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.nav-container{flex-direction:column;align-items:flex-start}.nav-links{justify-content:flex-start;gap:6px;width:100%}.nav-link{min-height:34px;padding:0 var(--space-2);font-size:.62rem}.main{padding:var(--space-8) 0 var(--space-12)}.hero-panel{padding:var(--space-8) 0}.hero-title{overflow-wrap:normal;word-break:normal;max-width:100%;font-size:clamp(2.05rem,9.5vw,2.65rem);line-height:1.08}.hero-copy{max-width:100%;font-size:var(--text-base);overflow-wrap:anywhere}.hero-actions,.social-links{flex-direction:column}.primary-action,.secondary-action,.form-submit,.social-link{width:100%}.metric-grid,.projects-grid{grid-template-columns:1fr}.about-detail-row{gap:var(--space-1);grid-template-columns:1fr}}@media (width<=480px){.container{padding:0 var(--space-4)}.section{margin-bottom:var(--space-12)}.project-card,.metric-item,.about-content,.contact-form{padding:var(--space-4)}}