@font-face{font-family:'GeistPixel';src:url('../fonts/GeistPixel-Line.woff2') format('woff2');font-weight:normal;font-style:normal}@font-face{font-family:'GeistPixelGrid';src:url('../fonts/GeistPixel-Grid.woff2') format('woff2');font-weight:normal;font-style:normal}:root{--bg-color:#0a0a0a;--text-main:#fff;--text-dim:#a0a0a0;--border-color:#333;--font-mono:'GeistPixel',monospace;--font-header:'GeistPixelGrid',monospace;--container-width:540px;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem}*{box-sizing:border-box;margin:0;padding:0}@keyframes bootUp{from{opacity:0}to{opacity:1}}body,html{height:100%;background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;display:flex;justify-content:center;align-items:center;overflow:hidden;letter-spacing:.01em}body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.05) 50%),linear-gradient(90deg,rgba(255,0,0,.01),rgba(0,255,0,.005),rgba(0,0,255,.01));background-size:100% 2px,3px 100%;pointer-events:none;z-index:100}::selection{background-color:var(--text-main);color:var(--bg-color)}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}.container{width:var(--container-width);max-width:100%;min-height:480px;padding:var(--space-md) 0;margin:auto;position:relative;opacity:0;animation:bootUp .2s ease-out forwards;will-change:opacity}.sys-header{position:relative;margin-bottom:var(--space-lg);padding:var(--space-xl) 0 0}#canvas-container{position:absolute;left:0;top:-10px;width:100%;height:120px;z-index:0;pointer-events:none}.logo{font-family:var(--font-header);font-size:1.4rem;font-weight:500;letter-spacing:-.02em;text-transform:uppercase;color:#e0e0e0;cursor:pointer;z-index:1;position:relative}.nav-menu{display:flex;gap:var(--space-lg);margin-bottom:var(--space-md);padding:0;margin-left:0;border-bottom:1px dashed var(--border-color)}.nav-menu a{font-family:var(--font-mono);font-size:1rem;color:var(--text-dim);text-decoration:none;padding:var(--space-xs) 0;transition:.1s step-end;border-bottom:1px dashed transparent;margin-bottom:-1px}.nav-menu a:hover,.nav-menu a.active{background-color:transparent;color:var(--text-main);border-bottom-color:var(--text-main)}#dynamic-content{position:relative;padding-top:var(--space-sm);padding-bottom:var(--space-md)}.stream-block{display:flex;flex-direction:column;gap:var(--space-lg)}.data-row{display:flex;gap:var(--space-md);align-items:flex-start;padding-bottom:var(--space-lg)}.row-body{flex:1}.base-text{font-family:var(--font-mono);font-size:1.05rem;line-height:1.5;color:var(--text-dim)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.grid-item{display:flex;flex-direction:column;text-decoration:none;border:1px dashed var(--border-color);background:transparent;transition:border-color .1s step-end;position:relative;overflow:hidden}.grid-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-md);background:#141414;border-bottom:1px dashed var(--border-color);transition:background .1s step-end}.grid-label{font-family:var(--font-header);font-size:.55rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em;font-weight:600}.grid-body{padding:var(--space-md);background:transparent;transition:background .1s step-end;position:relative}.grid-item:hover{border-color:var(--text-main)}.grid-item:hover .grid-header{background:var(--text-main)}.grid-item:hover .grid-label{color:var(--bg-color)}.grid-item:hover .grid-body{background-image:linear-gradient(0deg,transparent 50%,rgba(255,255,255,.02) 50%);background-size:100% 2px}.grid-title{font-family:var(--font-header);font-size:.85rem;color:#e0e0e0;font-weight:600;margin-bottom:var(--space-2xs)}.grid-desc{font-size:.75rem;color:var(--text-dim);line-height:1.5}.grid-item:hover .grid-desc{color:#888}.contact-link{color:var(--text-dim);text-decoration:none;font-size:.75rem;display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-2xs);transition:color .1s step-end}.contact-link::before{content:"->";color:var(--text-main);opacity:.4;font-weight:bold;transition:transform .2s ease}.contact-link:hover{color:var(--text-main)}.contact-link:hover::before{opacity:1;transform:translateX(4px)}@media (max-width:600px){body,html{overflow-y:auto;padding-top:var(--space-md);padding-bottom:var(--space-md)}.container{padding:0 var(--space-md);min-height:auto}.sys-header{margin-bottom:var(--space-md)}.logo{font-size:1.2rem}.nav-menu{gap:var(--space-md);flex-wrap:wrap}.nav-menu a{font-size:.9rem}.content-grid{grid-template-columns:1fr}.grid-title{font-size:.95rem}}.bg-signal{position:fixed;font-size:.55rem;color:var(--text-dim);opacity:.12;pointer-events:none;z-index:-1;text-transform:uppercase;transition:opacity 1s ease}