:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#14b8a6;--accent-bg:#14b8a626;--accent-border:#14b8a680;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#social .button-icon{filter:invert()brightness(2)}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}.header{border-bottom:1px solid var(--border);background:var(--bg);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.logo{color:var(--text-h);flex-shrink:0;font-size:16px;font-weight:600;text-decoration:none}.logo:hover{color:var(--accent)}.nav{align-items:center;gap:20px;font-size:14px;display:flex}.nav a{color:var(--text);text-decoration:none}.nav a:visited{color:var(--text)}.nav a:hover,.chatbot-btn:hover{color:var(--text-h)}.chatbot-btn{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 16px;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.chatbot-btn:visited{color:var(--accent)}.footer{border-top:1px solid var(--border);background:var(--bg);text-align:center;color:var(--text);margin-top:64px;padding:32px 20px;font-size:14px}.layout{box-sizing:border-box;z-index:1;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex;position:relative}.app-background{z-index:0;pointer-events:none;position:fixed;inset:0}.layout-main{flex:1}.project-card{border:1px solid var(--border);color:inherit;cursor:pointer;background:#0003;border-radius:8px;flex-direction:column;gap:12px;padding:16px;text-decoration:none;transition:all .3s;display:flex}.project-card:hover{border-color:var(--accent);background:#14b8a60d;transform:translateY(-2px);box-shadow:0 8px 16px #14b8a61a}.project-card-image{background:var(--code-bg);border-radius:6px;width:100%;height:200px;position:relative;overflow:hidden}.project-card-image img{object-fit:cover;width:100%;height:100%}.nda-badge{background:var(--accent);color:#fff;letter-spacing:.5px;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:8px;right:8px}.project-card-content{flex-direction:column;flex:1;display:flex}.project-card-content h3{color:var(--text-h);margin:0;font-size:18px}.project-card-content p{color:var(--text);margin:0;font-size:14px;line-height:150%}.tech-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;display:flex}.tech-tag{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--accent);border-radius:4px;padding:4px 10px;font-size:12px;font-weight:500;display:inline-block}.tech-tag-more{border:1px solid var(--accent);color:var(--accent);background:0 0}.project-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%;display:grid}@media (width<=1024px){.header{padding:12px 16px}.nav{gap:12px;font-size:13px}.footer{padding:24px 16px;font-size:13px}.project-grid{grid-template-columns:1fr;gap:16px}}@media (width<=375px){.nav{gap:8px}.nav a{display:none}.nav a:nth-child(4),.chatbot-btn{display:block}}.hero-page{flex-direction:column;justify-content:flex-start;align-items:center;min-height:100svh;display:flex;position:relative;overflow:visible}.hero-content{text-align:center;flex-direction:column;justify-content:center;max-width:600px;height:50svh;padding:0 20px;display:flex}.hero-content h1{margin:0 0 16px;font-size:56px;font-weight:500}.value-prop{color:var(--text-h);margin:0 0 12px;font-size:18px;font-weight:400;line-height:1.5}.location{color:var(--text);margin:0 0 32px;font-size:16px}.cta-group{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;min-width:120px;height:44px;padding:0 20px;font-family:inherit;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9;transform:translateY(-2px)}.btn-secondary{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border)}.btn-secondary:hover{background:var(--accent-border);color:#fff}.hero-projects-overlay{pointer-events:auto;width:100%;padding:10px 20px;position:relative}.projects-intro{text-align:center;max-width:1126px;margin-bottom:48px;margin-left:auto;margin-right:auto}.projects-intro h2{margin-bottom:12px;font-size:32px}.projects-intro p{color:var(--text);font-size:16px}.projects-page{padding:48px 0}.projects-header{text-align:center;margin-bottom:48px}.projects-header h2{margin-bottom:12px;font-size:32px}.projects-header p{color:var(--text);font-size:16px}@media (width<=1024px){.hero-page{min-height:100svh}.hero-content{height:50svh;padding:0 16px}.hero-content h1{font-size:36px}.value-prop{font-size:16px}.cta-group{gap:10px}.btn{min-width:100px;height:40px;padding:0 16px;font-size:14px}.projects-page{padding:32px 0}.projects-header{margin-bottom:32px}.projects-header h2{font-size:24px}}@media (width<=375px){.hero-page{min-height:220svh}.hero-content{height:50svh;padding:0 16px}.hero-content h1{margin:0 0 12px;font-size:28px}.value-prop{margin:0 0 8px;font-size:15px}.location{margin:0 0 24px;font-size:14px}.cta-group{gap:8px;margin-top:24px}.btn{flex:100px;min-width:auto;height:44px;font-size:13px}.hero-projects-overlay{padding:2rem 12px 32px}.projects-intro h2{font-size:24px}.projects-intro p{font-size:14px}}.screenshot-carousel{flex-direction:column;gap:2rem;width:100%;padding:2rem 0;display:flex}.carousel-container{align-items:center;gap:1.5rem;display:flex;position:relative}.carousel-viewport{flex:1;justify-content:center;align-items:center;height:450px;display:flex;position:relative;overflow:hidden}.carousel-card{flex-direction:column;gap:.75rem;width:100%;max-width:400px;transition:all .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute}.carousel-card img{object-fit:cover;border-radius:.5rem;width:100%;height:380px}.carousel-card.center{opacity:1;z-index:10;filter:none;transform:scale(1)translate(0)}.carousel-card.side{opacity:.5;z-index:5;filter:blur(8px);transform:scale(.75)translate(0)}.carousel-card.hidden{opacity:0;z-index:0;display:none;transform:scale(.5)}.card-label{text-align:center;color:#666;font-size:.875rem;font-weight:500}.carousel-nav{cursor:pointer;color:#333;background:0 0;border:2px solid #ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:all .2s;display:flex}.carousel-nav:hover{background-color:#f5f5f5;border-color:#333;transform:scale(1.1)}.carousel-nav-left{order:-1}.carousel-nav-right{order:1}.carousel-dots{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.dot{cursor:pointer;background-color:#ddd;border:none;border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.active{background-color:#333;border-radius:4px;width:24px}.dot:hover{background-color:#999}.carousel-hint{text-align:center;color:#999;margin-top:.5rem;font-size:.875rem}@media (width<=768px){.carousel-viewport{height:350px}.carousel-card{max-width:280px}.carousel-card img{height:290px}.carousel-nav{width:36px;height:36px;font-size:1.1rem}.carousel-container{gap:1rem}.screenshot-carousel{gap:1.5rem;padding:1.5rem 0}}.lightbox-overlay{z-index:1000;background-color:#000000d9;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.lightbox-container{justify-content:center;align-items:center;max-width:90vw;max-height:75vh;display:flex;overflow:auto}.lightbox-image{object-fit:contain;cursor:pointer;max-width:100%;max-height:100%;transition:transform .2s}.lightbox-close{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:#ffffff4d;transform:scale(1.1)}.lightbox-nav{color:#fff;cursor:pointer;background:#fff3;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff4d;transform:translateY(-50%)scale(1.1)}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.lightbox-controls{z-index:1001;background:#0009;border-radius:.5rem;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}.zoom-btn{color:#fff;cursor:pointer;background:#fff3;border:1px solid #fff;border-radius:4px;width:32px;height:32px;font-size:1.25rem;transition:all .2s}.zoom-btn:hover:not(:disabled){background:#ffffff4d;transform:scale(1.1)}.zoom-btn:disabled{opacity:.5;cursor:not-allowed}.zoom-level{color:#fff;text-align:center;min-width:45px;font-size:.875rem}.lightbox-caption{color:#fff;background:#00000080;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}@media (width<=768px){.lightbox-overlay{flex-direction:column;padding:.5rem}.lightbox-image{max-width:100vw;max-height:70vh}.lightbox-nav{width:40px;height:40px;font-size:1.25rem;top:auto;transform:none}.lightbox-prev{position:fixed;bottom:6rem;left:.75rem}.lightbox-next{position:fixed;bottom:6rem;right:.75rem}.lightbox-close{width:40px;height:40px;font-size:1.25rem;top:.75rem;right:.75rem}.lightbox-caption{padding:.5rem 1rem;font-size:.875rem;position:fixed;bottom:.75rem;left:50%;transform:translate(-50%)}}@media (width<=480px){.carousel-viewport{height:280px}.carousel-card{max-width:100%}.carousel-card img{height:220px}.carousel-nav{width:32px;height:32px;font-size:1rem}.lightbox-nav,.lightbox-close{width:36px;height:36px;font-size:1.1rem}.lightbox-controls{gap:.75rem;padding:.5rem .75rem;bottom:4.5rem}.zoom-btn{width:28px;height:28px;font-size:1.1rem}.zoom-level{min-width:40px;font-size:.75rem}}.project-detail-page{background:linear-gradient(#111827 0%,#0b1220 100%);border-radius:2rem;width:100%;min-height:100vh;overflow:hidden}.project-container{max-width:1126px;margin:0 auto;padding:2rem}.project-section{border-bottom:1px solid #ffffff1a;margin-bottom:3rem;padding-bottom:2rem}.project-section:last-child{border-bottom:none}.project-section h1{color:#f8fafc;margin-bottom:1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.project-section h2{color:#e2e8f0;margin-bottom:1.5rem;font-size:1.75rem;font-weight:600}.project-description{color:#cbd5e1;margin-bottom:1.5rem;font-size:1.125rem;line-height:1.6}.project-meta{flex-wrap:wrap;gap:2rem;margin-top:1.5rem;display:flex}.meta-item{flex-direction:column;gap:.25rem;display:flex}.meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.meta-value{color:#f8fafc;font-size:1rem;font-weight:500}.tech-badges{flex-wrap:wrap;gap:.75rem;display:flex}.tech-badge{color:#e2e8f0;background-color:#ffffff14;border:1px solid #ffffff24;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-block}.tech-badge:hover{background-color:#ffffff1f;border-color:#94a3b866}.video-container{aspect-ratio:16/9;background-color:#000;border-radius:.5rem;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.video-container video{object-fit:contain;width:100%;height:100%}@media (width<=768px){.project-detail-page{padding:1.5rem 20px}.project-section{margin-bottom:2rem;padding-bottom:1.5rem}.project-section h1{margin-bottom:.75rem;font-size:1.875rem}.project-section h2{margin-bottom:1rem;font-size:1.375rem}.project-description{font-size:1rem}.project-meta{gap:1.5rem}}@media (width<=480px){.project-detail-page{padding:1rem 20px}.project-container{padding:0}.project-section{margin-bottom:1.5rem;padding-bottom:1rem}.project-section h1{margin-bottom:.5rem;font-size:1.5rem}.project-section h2{margin-bottom:.75rem;font-size:1.125rem}.project-description{font-size:.95rem;line-height:1.5}.tech-badges{gap:.5rem}.tech-badge{padding:.375rem .75rem;font-size:.75rem}}.react-flow{--xy-edge-stroke-default:#b1b1b7;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#555;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#ffffff80;--xy-minimap-background-color-default:#fff;--xy-minimap-mask-background-color-default:#f0f0f099;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#e2e2e2;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:transparent;--xy-background-pattern-dots-color-default:#91919a;--xy-background-pattern-lines-color-default:#eee;--xy-background-pattern-cross-color-default:#e2e2e2;background-color:var(--xy-background-color,var(--xy-background-color-default));--xy-node-color-default:inherit;--xy-node-border-default:1px solid #1a192b;--xy-node-background-color-default:#fff;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #00000014;--xy-node-boxshadow-selected-default:0 0 0 .5px #1a192b;--xy-node-border-radius-default:3px;--xy-handle-background-color-default:#1a192b;--xy-handle-border-color-default:#fff;--xy-selection-background-color-default:#0059dc14;--xy-selection-border-default:1px dotted #0059dccc;--xy-controls-button-background-color-default:#fefefe;--xy-controls-button-background-color-hover-default:#f4f4f4;--xy-controls-button-color-default:inherit;--xy-controls-button-color-hover-default:inherit;--xy-controls-button-border-color-default:#eee;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#fff;--xy-edge-label-color-default:inherit;--xy-resize-background-color-default:#3367d9;direction:ltr}.react-flow.dark{--xy-edge-stroke-default:#3e3e3e;--xy-edge-stroke-width-default:1;--xy-edge-stroke-selected-default:#727272;--xy-connectionline-stroke-default:#b1b1b7;--xy-connectionline-stroke-width-default:1;--xy-attribution-background-color-default:#96969640;--xy-minimap-background-color-default:#141414;--xy-minimap-mask-background-color-default:#3c3c3c99;--xy-minimap-mask-stroke-color-default:transparent;--xy-minimap-mask-stroke-width-default:1;--xy-minimap-node-background-color-default:#2b2b2b;--xy-minimap-node-stroke-color-default:transparent;--xy-minimap-node-stroke-width-default:2;--xy-background-color-default:#141414;--xy-background-pattern-dots-color-default:#777;--xy-background-pattern-lines-color-default:#777;--xy-background-pattern-cross-color-default:#777;--xy-node-color-default:#f8f8f8;--xy-node-border-default:1px solid #3c3c3c;--xy-node-background-color-default:#1e1e1e;--xy-node-group-background-color-default:#f0f0f040;--xy-node-boxshadow-hover-default:0 1px 4px 1px #ffffff14;--xy-node-boxshadow-selected-default:0 0 0 .5px #999;--xy-handle-background-color-default:#bebebe;--xy-handle-border-color-default:#1e1e1e;--xy-selection-background-color-default:#c8c8dc14;--xy-selection-border-default:1px dotted #c8c8dccc;--xy-controls-button-background-color-default:#2b2b2b;--xy-controls-button-background-color-hover-default:#3e3e3e;--xy-controls-button-color-default:#f8f8f8;--xy-controls-button-color-hover-default:#fff;--xy-controls-button-border-color-default:#5b5b5b;--xy-controls-box-shadow-default:0 0 2px 1px #00000014;--xy-edge-label-background-color-default:#141414;--xy-edge-label-color-default:#f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props,var(--xy-background-color,var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__pane{z-index:1}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.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__edge-path{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width,var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke,var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width,var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{pointer-events:none;position:absolute;overflow:visible}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{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.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected,var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke,var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:.5s linear infinite dashdraw}svg.react-flow__connectionline{z-index:1001;position:absolute;overflow:visible}.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:default;position:absolute}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:0 0;pointer-events:none}.react-flow__nodesselection-rect{pointer-events:all;cursor:grab;position:absolute}.react-flow__handle{pointer-events:none;background-color:var(--xy-handle-background-color,var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color,var(--xy-handle-border-color-default));border-radius:100%;width:6px;min-width:5px;height:6px;min-height:5px;position:absolute}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;bottom:0;left:50%;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.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.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px)translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px)translateY(-50%)}.react-flow__attribution{background:var(--xy-attribution-background-color,var(--xy-attribution-background-color-default));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;top:0;left:0}.react-flow__viewport-portal{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;top:0;left:0}.react-flow__minimap{background:var(--xy-minimap-background-color-props,var(--xy-minimap-background-color,var(--xy-minimap-background-color-default)))}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var(--xy-minimap-mask-background-color-props,var(--xy-minimap-mask-background-color,var(--xy-minimap-mask-background-color-default)));stroke:var(--xy-minimap-mask-stroke-color-props,var(--xy-minimap-mask-stroke-color,var(--xy-minimap-mask-stroke-color-default)));stroke-width:var(--xy-minimap-mask-stroke-width-props,var(--xy-minimap-mask-stroke-width,var(--xy-minimap-mask-stroke-width-default)))}.react-flow__minimap-node{fill:var(--xy-minimap-node-background-color-props,var(--xy-minimap-node-background-color,var(--xy-minimap-node-background-color-default)));stroke:var(--xy-minimap-node-stroke-color-props,var(--xy-minimap-node-stroke-color,var(--xy-minimap-node-stroke-color-default)));stroke-width:var(--xy-minimap-node-stroke-width-props,var(--xy-minimap-node-stroke-width,var(--xy-minimap-node-stroke-width-default)))}.react-flow__background-pattern.dots{fill:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-dots-color-default)))}.react-flow__background-pattern.lines{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-lines-color-default)))}.react-flow__background-pattern.cross{stroke:var(--xy-background-pattern-color-props,var(--xy-background-pattern-color,var(--xy-background-pattern-cross-color-default)))}.react-flow__controls{box-shadow:var(--xy-controls-box-shadow,var(--xy-controls-box-shadow-default));flex-direction:column;display:flex}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{background:var(--xy-controls-button-background-color,var(--xy-controls-button-background-color-default));border:none;border-bottom:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)));width:26px;height:26px;color:var(--xy-controls-button-color-props,var(--xy-controls-button-color,var(--xy-controls-button-color-default)));cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:4px;display:flex}.react-flow__controls-button svg{fill:currentColor;width:100%;max-width:12px;max-height:12px}.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-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{border-radius:var(--xy-node-border-radius,var(--xy-node-border-radius-default));width:150px;color:var(--xy-node-color,var(--xy-node-color-default));text-align:center;border:var(--xy-node-border,var(--xy-node-border-default));background-color:var(--xy-node-background-color,var(--xy-node-background-color-default));padding:10px;font-size:12px}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover,var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.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:var(--xy-node-boxshadow-selected,var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color,var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color,var(--xy-selection-background-color-default));border:var(--xy-selection-border,var(--xy-selection-border-default))}.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-button:hover{background:var(--xy-controls-button-background-color-hover-props,var(--xy-controls-button-background-color-hover,var(--xy-controls-button-background-color-hover-default)));color:var(--xy-controls-button-color-hover-props,var(--xy-controls-button-color-hover,var(--xy-controls-button-color-hover-default)))}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var(--xy-controls-button-border-color-props,var(--xy-controls-button-border-color,var(--xy-controls-button-border-color-default)))}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.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:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border:1px solid #fff;border-radius:1px;width:5px;height:5px;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-color:var(--xy-resize-background-color,var(--xy-resize-background-color-default));border-style:solid;border-width:0}.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%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color,var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color,var(--xy-edge-label-color-default))}.governance-tool-architecture{grid-template-columns:1fr 3fr 1fr;gap:20px;display:grid}.description-box{background:rgba(var(--accent-rgb), .04);border:1px solid var(--accent-border);cursor:pointer;border-radius:8px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.description-box.collapsed{justify-content:space-between;align-items:center;max-height:72px;display:flex}.description-box.expanded{background:rgba(var(--accent-rgb), .08);border-color:var(--accent);max-height:none;box-shadow:0 4px 12px rgba(var(--accent-rgb), .1)}.description-text{color:var(--text);margin:0;font-size:12px;line-height:1.6}.description-box.collapsed .description-text{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.expand-indicator{color:var(--accent);flex-shrink:0;margin-left:8px;font-size:16px;font-weight:700;transition:opacity .3s}.modern-nav{border:1px solid var(--accent-border);background:rgba(var(--accent-rgb), .02);border-radius:8px;flex-direction:column;gap:8px;margin-top:16px;padding:12px;display:flex}.nav-item{background:rgba(var(--accent-rgb), .05);border:1px solid var(--accent-border);color:var(--text);cursor:pointer;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-item:hover{background:rgba(var(--accent-rgb), .12);border-color:var(--accent);box-shadow:0 2px 8px rgba(var(--accent-rgb), .1);transform:translate(4px)}.nav-item:active{background:var(--accent);color:#fff;border-color:var(--accent)}.nav-icon{width:20px;height:20px;color:var(--accent);justify-content:center;align-items:center;font-size:18px;transition:color .2s;display:flex}.nav-item:active .nav-icon{color:#fff}.nav-label{flex:1}.governance-nav{padding:16px 0}.governance-nav h4{color:var(--text);margin:0 0 12px;font-size:14px;font-weight:600}.nav-item.is-active{background:var(--accent);color:#fff;border-color:var(--accent)}.nav-item.is-active .nav-icon{color:#fff}#system-map{min-height:720px}.architecture-flow{border:1px solid var(--accent-border);background:rgba(var(--accent-rgb), .02);border-radius:8px;width:100%;height:680px;overflow:hidden}.system-node{background:0 0;padding:0;position:relative}.system-node__badge{background:var(--node-color,var(--accent));color:#fff;white-space:nowrap;z-index:10;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.system-node__card{border:2px solid var(--accent-border);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;gap:8px;min-width:150px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.system-node__card:hover{border-color:var(--accent);box-shadow:0 4px 12px rgba(var(--accent-rgb), .15)}.system-node__btn{background:rgba(var(--accent-rgb), .08);border:1px solid rgba(var(--accent-rgb), .2);color:var(--text);cursor:pointer;text-align:left;border-radius:4px;padding:6px 10px;font-size:12px;transition:all .15s}.system-node__btn:hover{background:rgba(var(--accent-rgb), .15);border-color:var(--accent)}.system-node__btn.is-active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.react-flow__node-system{background:0 0;border:none;padding:30px 0 0}.react-flow__attribution{display:none!important}.user-node{color:var(--text,#e2e8f0);text-align:center;background:#10b98126;border:2px solid #10b981;border-radius:8px;width:80px;padding:8px 10px;font-size:11px;font-weight:600}.details-panel{background:rgba(var(--accent-rgb), .02);border:1px solid var(--accent-border);border-radius:8px;max-height:720px;padding:16px;overflow-y:auto}.details-empty,.details-body{animation:.2s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.details-empty h3,.details-body h3{color:var(--text);margin:0 0 12px;font-size:16px;font-weight:600}.details-description{color:var(--text-secondary,var(--text));margin:0 0 12px;font-size:13px;line-height:1.6}.details-breadcrumb{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:500}.details-element-list{border-top:1px solid var(--accent-border);margin-top:16px;padding-top:16px}.details-element-list h4{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.details-element-list ul{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.details-element-list li{background:rgba(var(--accent-rgb), .04);border-left:3px solid var(--accent);border-radius:4px;padding:10px}.details-element-list li strong{color:var(--accent);margin-bottom:4px;font-size:12px;display:block}.details-element-list li p{color:var(--text-secondary,var(--text));margin:0;font-size:12px;line-height:1.5}@media (width<=768px){.governance-tool-architecture{grid-template-columns:1fr}.governance-nav{order:-1}#system-map{order:0;min-height:500px}.architecture-flow{height:500px}#details{order:1}.modern-nav{flex-flow:wrap}.nav-item{flex:0 calc(50% - 8px)}.details-panel{max-height:400px}}.cv-page{grid-template-columns:320px 1fr;gap:48px;max-width:1200px;min-height:100svh;margin:0 auto;padding:48px 20px;display:grid}.cv-sidebar{flex-direction:column;gap:32px;height:fit-content;max-height:calc(100svh - 48px);display:flex;position:sticky;top:48px;overflow-y:auto}.cv-avatar{letter-spacing:-.5px;color:#fff;text-align:center;background:linear-gradient(135deg,#0f766e 0%,#134e4a 100%);border-radius:16px;justify-content:center;align-items:center;width:140px;height:120px;margin:0 auto;padding:16px 12px;font-size:18px;font-weight:700;display:flex;box-shadow:0 8px 24px #0000002e}.cv-avatar span{white-space:normal;line-height:1.15;display:block}.cv-main{flex-direction:column;gap:48px;display:flex}.cv-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:24px;padding-bottom:24px;display:flex}.cv-header h1{margin:0 0 8px;font-size:48px}.cv-title{color:var(--accent);margin:0;font-size:18px;font-weight:400}.cv-download-btn{white-space:nowrap;flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.download-icon{font-size:16px}.cv-section{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(12px)}.cv-section.is-visible{opacity:1;transform:translateY(0)}.cv-section h2{margin-bottom:24px}.cv-section h3{text-transform:uppercase;color:var(--accent);letter-spacing:1px;margin:0 0 16px;font-size:14px;font-weight:600}.cv-section h4{color:var(--text-h);margin:16px 0 8px;font-size:14px;font-weight:500}.contact-list{flex-direction:column;gap:12px;display:flex}.contact-item{color:var(--text);align-items:center;gap:8px;font-size:14px;text-decoration:none;transition:color .2s;display:flex}.contact-item:hover{color:var(--accent)}.contact-item .icon{flex-shrink:0;min-width:20px;font-size:16px}.skill-group{margin-bottom:16px}.skill-chips{flex-wrap:wrap;gap:8px;display:flex}.skill-chip{background:var(--code-bg);border:1px solid var(--border);color:var(--text);cursor:default;white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:13px;transition:all .2s;display:inline-block}.skill-chip:hover{border-color:var(--accent);color:var(--accent);box-shadow:0 0 12px var(--accent-bg);transform:translateY(-2px)}.education-item{margin-bottom:16px}.education-school{color:var(--text-h);margin:0 0 4px;font-size:14px;font-weight:500;line-height:1.3}.education-period{color:var(--text);margin:0;font-size:13px}.cv-profile{color:var(--text);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:8px;padding:24px;font-size:16px;line-height:1.6}.cv-timeline{padding-left:32px;position:relative}.cv-timeline:before{content:"";background:var(--border);width:2px;position:absolute;top:0;bottom:0;left:8px}.timeline-entry{gap:20px;margin-bottom:32px;display:flex;position:relative}.timeline-dot{background:var(--accent);border:3px solid var(--bg);border-radius:50%;flex-shrink:0;width:16px;height:16px;position:absolute;top:4px;left:-24px}.entry-content{flex:1;min-width:0}.entry-card,.entry-card:visited{background:var(--code-bg);border:1px solid var(--border);color:inherit;border-radius:8px;padding:20px;text-decoration:none;transition:all .2s;display:block}a.entry-card{cursor:pointer}a.entry-card:hover{border-color:var(--accent);background:#14b8a60d;transform:translate(4px)}.entry-card h3{color:var(--text-h);margin:0 0 4px;font-size:16px;font-weight:500}.entry-org{color:var(--accent);margin:0 0 4px;font-size:14px;font-weight:500}.entry-period{color:var(--text);margin:0 0 12px;font-size:13px}.entry-bullets{color:var(--text);margin:0;padding-left:20px;font-size:14px;line-height:1.6}.entry-bullets li{margin-bottom:6px}.entry-bullets li:last-child{margin-bottom:0}@media (width<=1024px){.cv-page{grid-template-columns:1fr;gap:32px;padding:32px 16px}.cv-sidebar{gap:24px;max-height:none;position:static}.cv-header{flex-direction:column;align-items:flex-start}.cv-avatar{width:100px;height:100px;font-size:40px}.cv-section h2{font-size:20px}}@media (width<=640px){.cv-page{gap:24px;padding:24px 12px}.cv-header h1{margin:0 0 4px;font-size:32px}.cv-title{font-size:14px}.cv-download-btn{height:40px;padding:0 12px;font-size:14px}.cv-section h2{margin-bottom:16px;font-size:18px}.cv-section h3{margin-bottom:12px;font-size:12px}.cv-section h4{margin:12px 0 8px;font-size:12px}.contact-item{font-size:13px}.skill-chip{padding:5px 10px;font-size:12px}.cv-profile{padding:16px;font-size:14px}.cv-timeline{padding-left:24px}.cv-timeline:before{left:4px}.timeline-dot{border-width:2px;width:14px;height:14px;left:-20px}.entry-card{padding:16px}.entry-card h3{font-size:14px}.entry-org{font-size:13px}.entry-period{font-size:12px}.entry-bullets{padding-left:16px;font-size:13px}}