@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;700&display=swap";:root{--bg-primary:#16161e;--bg-secondary:#1a1b26;--bg-highlight:#292e42;--fg-default:#a9b1d6;--fg-dark:#565f89;--color-green:#9ece6a;--color-cyan:#7dcfff;--color-purple:#bb9af7;--color-yellow:#e0af68;--color-red:#f7768e;--color-orange:#ff9e64;--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--fg-default);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);color:#c0caf5}a{color:var(--color-cyan);text-decoration:none;transition:color .2s}a:hover{color:var(--color-purple)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-highlight);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--fg-dark)}.terminal-text{font-family:var(--font-mono)}.keyword{color:var(--color-purple)}.string{color:var(--color-green)}.function{color:var(--color-cyan)}.variable{color:var(--color-red)}.comment{color:var(--fg-dark)}.operator{color:var(--color-cyan)}.number{color:var(--color-orange)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}@keyframes slide-to-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes slide-from-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::view-transition-old(root){animation:.2s cubic-bezier(.4,0,1,1) both slide-to-top}::view-transition-new(root){animation:.25s cubic-bezier(0,0,.2,1) .1s both slide-from-bottom}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.terminal-skeleton-container{color:var(--term-text,#a9b1d6);flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;padding:4rem 2rem;font-family:JetBrains Mono,Fira Code,monospace;display:flex}.skeleton-bar-wrapper{color:var(--term-accent,#9ece6a);letter-spacing:2px;font-size:1.2rem;animation:1s infinite pulse-opacity}.skeleton-message{color:var(--term-comment,#565f89);font-style:italic}.blink{animation:1s step-end infinite blink-caret}@keyframes pulse-opacity{0%,to{opacity:.7}50%{opacity:1}}@keyframes blink-caret{0%,to{opacity:1}50%{opacity:0}}.navbar{border-bottom:1px solid var(--bg-highlight);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#16161ecc;padding:1.5rem 0;position:sticky;top:0}.nav-brand{gap:.75rem}.logo-icon{color:var(--color-purple)}.logo-text{font-family:var(--font-mono);color:#fff;font-size:1.25rem;font-weight:700}.nav-links{gap:2rem;list-style:none;display:flex}.nav-links a{font-family:var(--font-mono);color:var(--fg-dark);font-size:.9rem}.nav-links a:hover{color:var(--fg-default)}.nav-actions{align-items:center;gap:1.25rem;display:flex}.social-icon{color:var(--fg-dark);justify-content:center;align-items:center;display:flex}.social-icon:hover{color:var(--color-purple)}.cta-button{color:var(--color-green);border:1px solid var(--color-green);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;transition:all .2s}.cta-button:hover{background:#9ece6a1a;box-shadow:0 0 10px #9ece6a33}@media (width<=768px){.nav-links{display:none}}.footer{background:var(--bg-highlight);border-top:1px solid #ffffff0d;margin-top:4rem;padding-top:4rem}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:2rem;margin-bottom:3rem;display:flex}.footer-brand{max-width:400px}.footer-title{font-family:var(--font-mono);color:#fff;margin-bottom:1rem;font-size:1.5rem}.footer-desc{font-size:.9rem}.footer-heading{margin-bottom:1.5rem}.social-links{flex-direction:column;gap:1rem;display:flex}.footer-link{color:var(--fg-default);align-items:center;gap:.75rem;font-size:.95rem;display:flex}.footer-link:hover{color:var(--color-cyan)}.footer-bottom{background:#0000001a;border-top:1px solid #0003;padding:1.5rem 0}@media (width<=768px){.footer-content{flex-direction:column}}.interactive-terminal{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;height:400px;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.terminal-body{flex:1;display:flex;overflow:hidden}.terminal-main{cursor:text;flex-direction:column;flex:1;display:flex;overflow:hidden}.terminal-content{font-family:var(--font-mono);flex:1;padding:1rem;font-size:.9rem;line-height:1.5;overflow-y:auto}.terminal-content::-webkit-scrollbar{width:6px}.terminal-content::-webkit-scrollbar-track{background:0 0}.terminal-content::-webkit-scrollbar-thumb{background:var(--bg-highlight);border-radius:3px}.terminal-line{word-break:break-all;margin-bottom:.5rem}.terminal-prompt{margin-right:.5rem}.terminal-output{color:var(--fg-default)}.terminal-error{color:var(--color-red)}.terminal-input-line{align-items:center;display:flex}.terminal-input-line input{color:var(--fg-default);font-family:var(--font-mono);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}@media (width<=768px){.terminal-sidebar{display:none}}.live-hud-container{background-color:var(--term-bg,#1a1b26);border:1px solid var(--term-border,#414868);color:var(--term-text,#a9b1d6);border-radius:8px;width:100%;max-width:400px;padding:16px;font-family:Fira Code,JetBrains Mono,monospace;position:relative;overflow:hidden;box-shadow:0 4px 15px #0006}.live-hud-container:before{content:" ";z-index:2;pointer-events:none;opacity:.3;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 2px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/3px 100%;display:block;position:absolute;inset:0}.hud-header{border-bottom:1px solid var(--term-border,#414868);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;display:flex}.hud-title{text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:700}.live-indicator-wrapper{color:var(--term-accent,#9ece6a);align-items:center;gap:6px;font-size:.75rem;font-weight:700;display:flex}.live-dot{background-color:var(--term-accent,#9ece6a);width:8px;height:8px;box-shadow:0 0 8px var(--term-accent,#9ece6a);border-radius:50%;animation:1.5s infinite pulse-dot}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #9ece6ab3}70%{transform:scale(1);box-shadow:0 0 0 6px #9ece6a00}to{transform:scale(.95);box-shadow:0 0 #9ece6a00}}.hud-body{flex-direction:column;gap:12px;display:flex}.hud-row{flex-direction:column;gap:4px;display:flex}.hud-label{color:#7aa2f7;text-transform:uppercase;font-size:.7rem;font-weight:600}.hud-value{align-items:center;gap:8px;font-size:.85rem;display:flex}.hash-badge{color:var(--term-warning,#e0af68)}.message-text{opacity:.9;white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.highlight{color:#bb9af7}.skeleton-loader{color:var(--term-text,#a9b1d6);opacity:.7;font-size:.85rem;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.status-online{color:var(--term-accent,#9ece6a)}.status-offline{color:#f7768e}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;min-height:calc(100vh - 80px);padding:6rem 2rem;display:grid}.hero-content{flex-direction:column;gap:2rem;display:flex;position:relative}.badge{align-items:center;gap:.75rem;display:inline-flex}.dot{background-color:var(--color-green);border-radius:50%;width:8px;height:8px}.purple-dot{background-color:var(--color-purple)}.yellow-dot{background-color:var(--color-yellow)}.hero-title{letter-spacing:-.02em;font-size:5rem;line-height:1.1}.hero-subtitle{color:var(--fg-default);max-width:90%;font-size:1.25rem}.theme-toggle{background:var(--bg-highlight);border:1px solid #ffffff0d;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:inline-flex;position:absolute;bottom:-4rem;left:0}.hero-visual{perspective:1000px}.mock-terminal{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;transition:transform .3s;overflow:hidden;transform:rotateY(-5deg)rotateX(2deg);box-shadow:0 25px 50px -12px #00000080}.mock-terminal:hover{transform:rotateY(0)rotateX(0)}.terminal-header{background:#0003;border-bottom:1px solid #ffffff0d;padding:0}.terminal-tabs{display:flex}.tab{font-family:var(--font-mono);color:var(--fg-dark);cursor:pointer;border-right:1px solid #ffffff0d;padding:.75rem 1.5rem;font-size:.8rem}.tab.active{background:var(--bg-secondary);color:var(--fg-default);border-top:2px solid var(--color-purple)}.terminal-body{height:400px;display:flex}.terminal-sidebar{background:#0000001a;border-right:1px solid #ffffff0d;width:200px;padding:1rem}.sidebar-item{align-items:flex-start;gap:.5rem;margin-bottom:1rem;display:flex}.text-xs{font-size:.75rem}.mt-2{margin-top:.5rem}.terminal-main{flex-direction:column;flex:1;display:flex}.terminal-top-bar{background:#0000000d;border-bottom:1px solid #ffffff0d;padding:.5rem 1rem}.terminal-content{font-family:var(--font-mono);flex:1;padding:1rem;font-size:.9rem;line-height:1.5}.cursor{background-color:var(--color-cyan);vertical-align:middle;width:8px;height:16px;margin-left:4px;display:inline-block}@media (width<=1024px){.hero{text-align:center;grid-template-columns:1fr;gap:6rem}.hero-content{align-items:center}.theme-toggle{bottom:-3rem;left:50%;transform:translate(-50%)}.hero-subtitle{margin:0 auto}.mock-terminal{transform:none}}@media (width<=768px){.hero-title{font-size:3.5rem}.terminal-sidebar{display:none}}.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:#555;--xy-background-pattern-lines-color-default:#333;--xy-background-pattern-cross-color-default:#333;--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;touch-action:none}.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))}.architecture-diagram-wrapper{background:var(--bg-primary);border-radius:8px;width:100%;height:350px}.dark-theme-flow .react-flow__node{background:var(--bg-secondary);color:var(--fg-default);font-family:var(--font-mono);border:1px solid #ffffff1a;border-radius:6px;padding:10px 15px;font-size:.8rem;box-shadow:0 4px 6px #0000004d}.dark-theme-flow .react-flow__edge-path{stroke:var(--color-purple);stroke-width:2px}.dark-theme-flow .react-flow__controls{background:var(--bg-secondary);border:1px solid #ffffff1a}.dark-theme-flow .react-flow__controls-button{fill:var(--fg-default);background:0 0;border-bottom:1px solid #ffffff1a}.dark-theme-flow .react-flow__controls-button:hover{background:#ffffff0d}.project-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:1rem;transition:border-color .3s;overflow:hidden}.project-card:hover{border-color:var(--primary)}.project-card.expanded{border-color:var(--primary);box-shadow:0 0 20px #00ff800d}.project-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}.project-icon-wrapper{width:48px;height:48px;color:var(--primary);background:#00ff801a;border-radius:8px;justify-content:center;align-items:center;display:flex}.project-card-title-group{flex:1}.project-name{color:var(--text-primary);margin-bottom:.25rem;font-size:1.25rem}.project-desc-short{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:600px;margin:0;font-size:.9rem;overflow:hidden}.project-card.expanded .project-desc-short{white-space:normal}.expand-button{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.expand-button:hover{text-decoration:underline}.project-card-expanded-content{overflow:hidden}.expanded-inner{border-top:1px solid var(--border-color);margin-top:1rem;padding:1.5rem}.case-study-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}@media (width<=768px){.case-study-grid{grid-template-columns:1fr}}.impact-box{border-left:3px solid var(--secondary);background:#bb9af71a;border-radius:0 8px 8px 0;margin-top:.5rem;padding:1rem}.impact-text{color:var(--text-primary);font-size:.95rem;font-style:italic;line-height:1.6}.flex{display:flex}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-2{margin-bottom:.5rem}.filter-tabs{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:2rem;display:flex}.filter-tab{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:.5rem 1rem;font-family:Fira Code,monospace;font-size:.85rem;transition:all .2s}.filter-tab:hover{border-color:var(--primary);color:var(--text-primary)}.filter-tab.active{border-color:var(--primary);color:var(--primary);background:#00ff801a}.projects-list{flex-direction:column;display:flex}.templates-showcase{margin-top:8rem;margin-bottom:4rem}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;display:grid}.template-card{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;transition:transform .3s,border-color .3s;display:flex;overflow:hidden}.template-card:hover{border-color:var(--secondary);transform:translateY(-5px)}.template-image-placeholder{border-bottom:1px solid var(--border-color);background:#0006;justify-content:center;align-items:center;height:160px;display:flex;position:relative}.overlay-tech{gap:.5rem;display:flex;position:absolute;bottom:1rem;right:1rem}.overlay-tech span{color:var(--primary);background:#00ff8033;border:1px solid #00ff8066;border-radius:4px;padding:.2rem .5rem;font-family:Fira Code,monospace;font-size:.75rem}.template-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.template-content h3{color:var(--text-primary);margin-bottom:.5rem;font-size:1.25rem}.template-content p{color:var(--text-secondary);flex:1;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.template-actions{gap:1rem;display:flex}.action-btn{border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.download-btn{color:var(--secondary);background:#bb9af71a;border:1px solid #bb9af74d}.download-btn:hover{background:#bb9af733}.preview-btn{color:var(--primary);background:#00ff801a;border:1px solid #00ff804d}.preview-btn:hover{background:#00ff8033}.contact-section{border-top:1px solid #ffffff0d;padding:6rem 2rem}.contact-wrapper{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:12px;max-width:800px;margin:0 auto;padding:4rem;box-shadow:0 20px 40px -20px #00000080}.text-center{text-align:center}.text-lg{font-size:1.125rem}.text-xl{font-size:1.5rem}.font-bold{font-weight:700}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.contact-info h2{margin-bottom:1rem;font-size:2.5rem}.contact-links{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.submit-btn{color:var(--color-purple);border:1px solid var(--color-purple);font-family:var(--font-mono);cursor:pointer;background:#bb9af71a;border-radius:6px;justify-content:center;align-items:center;gap:.75rem;padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.submit-btn:hover{background:var(--color-purple);color:var(--bg-primary)}.linkedin-btn{color:#0a66c2;background:#0a66c21a;border-color:#0a66c2}.linkedin-btn:hover{color:#fff;background:#0a66c2}@media (width<=768px){.contact-wrapper{padding:2rem}}.blog-page{max-width:1000px;padding:4rem 2rem}.blog-header{border-bottom:1px solid #ffffff0d;margin-bottom:4rem;padding-bottom:2rem}.blog-grid{grid-template-columns:1fr;gap:2rem;display:grid}.blog-card{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;padding:2rem;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.blog-card:hover{border-color:#ffffff26;transform:translateY(-5px)}.blog-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.small-tag{padding:.2rem .5rem;font-size:.75rem}.blog-title{color:#fff;margin-bottom:1rem;font-size:1.5rem}.blog-excerpt{color:var(--fg-default);flex:1;margin-bottom:2rem;line-height:1.6}.read-more{align-items:center;display:flex}.cursor-blink{animation:1s step-end infinite blink}@media (width>=768px){.blog-grid{grid-template-columns:1fr 1fr}}.project-page{max-width:900px;padding:4rem 2rem 8rem}.back-link{font-family:var(--font-mono);color:var(--fg-dark);align-items:center;gap:.5rem;margin-bottom:3rem;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--color-cyan)}.project-header{border-bottom:1px solid #ffffff0d;margin-bottom:4rem;padding-bottom:3rem}.project-icon-large{color:var(--color-purple);background:#bb9af71a;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem;display:inline-flex}.project-icon-large svg{width:48px;height:48px}.project-title{color:#fff;margin-bottom:1rem;font-size:3.5rem;line-height:1.2}.project-subtitle{margin-bottom:2rem;font-size:1.2rem}.project-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.github-button{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);font-family:var(--font-mono);transition:all var(--transition-speed);border-radius:4px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;text-decoration:none;display:inline-flex}.github-button:hover{border-color:var(--color-text);background-color:#ffffff0d;transform:translateY(-2px);box-shadow:0 0 15px #ffffff1a}.demo-button{color:#00ff80;background-color:#00ff801a;border-color:#00ff804d}.demo-button:hover{background-color:#00ff8033;border-color:#00ff80;box-shadow:0 0 15px #00ff804d}.button-group{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}@media (width>=768px){.button-group{margin-top:0}}.case-study-section{margin-bottom:4rem}.case-study-section h2{align-items:center;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.case-study-content{color:var(--fg-default);font-size:1.1rem;line-height:1.8}.visual-showcase{background:var(--bg-secondary);border:1px solid #ffffff0d;border-radius:8px;overflow:hidden;box-shadow:0 10px 30px -10px #00000080}.impact-box{border-left:4px solid var(--color-green);background:#9ece6a0d;border-radius:0 8px 8px 0;padding:2rem}.impact-text{color:#fff;font-size:1.25rem;font-style:italic}.error-text{color:var(--color-red)}.mb-8{margin-bottom:2rem}@media (width<=768px){.project-title{font-size:2.5rem}}.blog-content-body{color:#c0caf5;font-family:Inter,sans-serif;font-size:1.15rem;line-height:1.8}.blog-content-body h2{color:#fff;margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:1.75rem;font-weight:700}.blog-content-body strong{color:#fff;font-weight:600}.blog-content-body ul li{margin-bottom:.75rem}.blog-content-body .terminal-text{font-family:var(--font-mono);line-height:1.6}.uses-page{min-height:100vh;padding-top:120px;padding-bottom:4rem}.uses-header{margin-bottom:3rem}.uses-title{color:var(--term-text);margin-bottom:.5rem;font-size:2.5rem}.uses-subtitle{color:var(--term-border);font-family:Fira Code,monospace;font-size:1.1rem}.uses-search-container{border:1px solid var(--term-border);color:var(--term-text);background:#1a1b2680;border-radius:8px;align-items:center;margin-bottom:2rem;padding:.75rem 1rem;font-family:Fira Code,monospace;display:flex}.uses-prompt{color:var(--term-accent);margin-right:.5rem}.uses-search-input{color:var(--term-text);background:0 0;border:none;outline:none;width:100%;font-family:Fira Code,monospace;font-size:1rem}.uses-search-input::placeholder{color:#565f89}.uses-category{border:1px solid var(--term-border);background:#1a1b264d;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.uses-category-header{cursor:pointer;width:100%;color:var(--term-highlight);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-family:Fira Code,monospace;font-size:1.1rem;transition:background-color .2s;display:flex}.uses-category-header:hover{background:#4148684d}.uses-category-header span{align-items:center;gap:.5rem;display:flex}.uses-folder-icon{color:var(--term-accent)}.uses-expand-icon{color:#565f89;font-size:.9rem;transition:transform .3s}.uses-category[data-expanded=true] .uses-expand-icon{transform:rotate(180deg)}.uses-category-content-wrapper{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.uses-category[data-expanded=true] .uses-category-content-wrapper{grid-template-rows:1fr}.uses-category-content{overflow:hidden}.uses-items-list{flex-direction:column;gap:1rem;padding:0 1.5rem 1.5rem;display:flex}.uses-item{color:var(--term-text);background:#1a1b2699;border-left:2px solid #0000;border-radius:4px;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.uses-item:hover{border-left:2px solid var(--term-accent);background:#1a1b26e6;transform:translate(4px);box-shadow:0 4px 12px #0003}.uses-item-icon{justify-content:center;align-items:center;min-width:40px;font-size:1.5rem;display:flex}.uses-item-details{flex-direction:column;gap:.25rem;display:flex}.uses-item-name{color:var(--term-text);font-size:1.1rem;font-weight:600}.uses-item-description{color:#c0caf5;font-size:.95rem;line-height:1.5}.uses-empty{text-align:center;color:#f7768e;border:1px dashed var(--term-border);background:#1a1b2680;border-radius:8px;padding:2rem;font-family:Fira Code,monospace}.terminal-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.terminal-window{background:var(--term-bg);border:1px solid var(--term-border);border-radius:8px;width:90%;max-width:650px;font-family:Fira Code,monospace;animation:.2s ease-out forwards slideDown;overflow:hidden;box-shadow:0 20px 50px #00000080}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.terminal-header{border-bottom:1px solid var(--term-border);background:#0003;align-items:center;gap:8px;padding:10px 16px;display:flex}.mac-btn{cursor:pointer;border-radius:50%;width:12px;height:12px}.mac-btn.close{background:#ff5f56}.mac-btn.minimize{background:#ffbd2e}.mac-btn.maximize{background:#27c93f}.terminal-title{color:#565f89;margin-left:auto;margin-right:auto;font-size:13px}.terminal-command [cmdk-input]{border:none;border-bottom:1px solid var(--term-border);width:100%;color:var(--term-text);background:0 0;outline:none;padding:16px;font-family:inherit;font-size:16px}.terminal-command [cmdk-input]::placeholder{color:#565f89}.terminal-command [cmdk-list]{max-height:300px;padding:8px 0;overflow-y:auto}.terminal-command [cmdk-group-heading]{color:#565f89;text-transform:uppercase;padding:8px 16px;font-size:12px}.terminal-command [cmdk-item]{color:var(--term-text);cursor:pointer;padding:12px 16px;transition:all .2s}.terminal-command [cmdk-item][aria-selected=true]{color:var(--term-accent);border-left:3px solid var(--term-accent);background:#9ece6a1a}:root{--term-bg:#1a1b26;--term-accent:#9ece6a;--term-text:#a9b1d6;--term-border:#414868}.chat-widget-container{z-index:1000;font-family:Fira Code,monospace;position:fixed;bottom:24px;right:24px}.chat-trigger{background:var(--term-bg);border:1px solid var(--term-accent);color:var(--term-accent);cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;transition:all .3s;display:flex;box-shadow:0 4px 15px #9ece6a33}.chat-trigger:hover{background:#9ece6a1a;transform:translateY(-2px);box-shadow:0 6px 20px #9ece6a66}.blink-cursor{animation:1s step-end infinite blink}.chat-window{background:var(--term-bg);border:1px solid var(--term-border);border-radius:8px;flex-direction:column;width:380px;height:500px;animation:.3s ease-out forwards slideUp;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000080}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{border-bottom:1px solid var(--term-border);color:#565f89;background:#0000004d;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;display:flex}.chat-header-info{align-items:center;gap:8px;display:flex}.live-dot{background:var(--term-accent);width:8px;height:8px;box-shadow:0 0 8px var(--term-accent);border-radius:50%;animation:2s infinite blink}.close-btn{color:#ff5f56;cursor:pointer;background:0 0;border:none;font-size:16px}.close-btn:hover{color:#f33}.chat-history{flex-direction:column;flex:1;gap:12px;padding:16px;font-size:13px;line-height:1.5;display:flex;overflow-y:auto}.chat-history::-webkit-scrollbar{width:6px}.chat-history::-webkit-scrollbar-track{background:#0000001a}.chat-history::-webkit-scrollbar-thumb{background:var(--term-border);border-radius:4px}.chat-welcome{color:#565f89;margin-bottom:16px}.chat-bubble,.chat-bubble.assistant{color:var(--term-text)}.chat-bubble.user{color:#7aa2f7}.prompt{color:#bb9af7;margin-right:8px}.assistant .prompt{color:#e0af68}.chat-input-form{border-top:1px solid var(--term-border);background:#0003;align-items:center;padding:12px 16px;display:flex}.chat-input-form .prompt{color:var(--term-accent)}.chat-input-form input{color:var(--term-text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.chat-input-form input::placeholder{color:#565f89}.webgl-background-wrapper{z-index:-1;pointer-events:none;mix-blend-mode:screen;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.webgl-fallback{background:radial-gradient(circle,#7aa2f714 0%,#1a1b2600 60%);width:100%;height:100%}.booking-modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:9999;opacity:0;background:#1a1b26b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s forwards fadeIn;display:flex;position:fixed;top:0;left:0}.booking-modal-container{background:var(--term-bg);border:1px solid var(--term-border);width:90%;max-width:600px;color:var(--term-text);border-radius:12px;padding:2rem;animation:.3s forwards scaleUp;position:relative;overflow:hidden;transform:scale(.95);box-shadow:0 20px 50px #00000080}.booking-modal-container.cal-active{flex-direction:column;max-width:900px;height:90vh;padding:0;display:flex}.close-modal-btn{color:var(--term-text);cursor:pointer;z-index:10;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:15px;right:15px}.close-modal-btn:hover{color:var(--term-accent)}.prequal-header{margin-bottom:2rem}.prequal-header h2{color:var(--term-accent);margin-bottom:.5rem;font-family:Fira Code,monospace}.prequal-header p{color:#565f89}.prequal-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--term-accent);font-family:Fira Code,monospace;font-size:.9rem}.form-group label:before{content:">";color:#f7768e;margin-right:8px}.terminal-select{border:none;border-bottom:1px solid var(--term-border);color:var(--term-text);cursor:pointer;appearance:none;background:0 0;outline:none;padding:.5rem 0;font-family:Fira Code,monospace;font-size:1rem;transition:border-color .2s}.terminal-select:focus{border-bottom-color:var(--term-accent)}.terminal-select option{background:var(--term-bg);color:var(--term-text);font-family:Fira Code,monospace}.submit-btn{background:var(--term-accent);color:var(--term-bg);cursor:pointer;border:none;border-radius:4px;margin-top:1rem;padding:.75rem 1.5rem;font-family:Fira Code,monospace;font-weight:700;transition:transform .1s,opacity .2s}.submit-btn:hover{opacity:.9;transform:translateY(-2px)}@keyframes fadeIn{to{opacity:1}}@keyframes scaleUp{to{transform:scale(1)}}.cal-embed-wrapper{border-radius:12px;width:100%;height:100%;margin-top:2rem;overflow:hidden}.install-banner{background:var(--term-bg,#1a1b26);border:1px solid var(--term-border,#414868);z-index:9998;width:90%;max-width:600px;color:var(--term-text,#a9b1d6);border-radius:8px;font-family:JetBrains Mono,Fira Code,monospace;animation:.4s cubic-bezier(.16,1,.3,1) slideUpBanner;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px #00000080}.install-banner-content{align-items:center;gap:16px;padding:16px;display:flex}.install-icon{color:var(--term-accent,#9ece6a);background:#9ece6a1a;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;font-weight:700;display:flex}.install-text{flex:1;font-size:14px;line-height:1.4}.install-alert{color:var(--term-warning,#e0af68);margin-right:4px;font-weight:700}.install-actions{align-items:center;gap:12px;display:flex}.btn-execute{border:1px solid var(--term-accent,#9ece6a);color:var(--term-accent,#9ece6a);cursor:pointer;background:0 0;border-radius:4px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.btn-execute:hover{background:var(--term-accent,#9ece6a);color:var(--term-bg,#1a1b26)}.btn-dismiss{color:#565f89;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;line-height:1}.btn-dismiss:hover{color:var(--term-text,#a9b1d6)}@keyframes slideUpBanner{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.offline-container{background:var(--term-bg,#1a1b26);z-index:99999;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:20px;font-family:JetBrains Mono,Fira Code,monospace;display:flex;position:fixed;top:0;left:0}.offline-terminal{border:1px solid var(--term-border,#414868);background:#16161e;border-radius:8px;width:100%;max-width:600px;overflow:hidden;box-shadow:0 20px 40px #0006}.offline-header{border-bottom:1px solid var(--term-border,#414868);background:#0000004d;align-items:center;gap:8px;padding:12px 16px;display:flex}.offline-title{color:#565f89;margin-left:12px;font-size:13px}.offline-body{color:var(--term-text,#a9b1d6);padding:24px;font-size:14px;line-height:1.6}.line{margin:4px 0}.error{color:#f7768e;font-weight:700}.success{color:var(--term-accent,#9ece6a)}.info{color:#7aa2f7}.retry-btn{border:1px solid var(--term-accent,#9ece6a);color:var(--term-accent,#9ece6a);cursor:pointer;background:0 0;margin-top:12px;padding:10px 20px;font-family:inherit;font-size:14px;transition:all .2s}.retry-btn:hover{background:var(--term-accent,#9ece6a);color:var(--term-bg,#1a1b26)}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}