@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root{--bg-color:#0a0a0c;--text-primary:#f0f0f0;--text-secondary:#a0a0a0;--accent-color:#0fc;--glass-bg:#ffffff08;--glass-border:#ffffff14;--terminal-bg:#050505;--terminal-text:#0fc}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);flex-direction:column;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;display:flex}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080}h1,h2,h3{letter-spacing:-.02em;font-weight:700}.gradient-text{background:linear-gradient(90deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.accent-text{color:var(--accent-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s forwards fadeIn}.app-container{flex-direction:column;min-height:100vh;display:flex}.header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex}.logo{letter-spacing:-.05em;font-size:1.5rem;font-weight:700}.hero-section{flex:1;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1400px;margin:0 auto;padding:4rem 3rem;display:grid}.value-statement h1{margin-bottom:1.5rem;font-size:3.5rem;line-height:1.1}.value-statement p{color:var(--text-secondary);max-width:90%;margin-bottom:2rem;font-size:1.2rem}.action-btn{color:var(--text-primary);border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.action-btn.primary{background:var(--text-primary);color:var(--bg-color)}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ffffff1a}.terminal-console{background:var(--terminal-bg);border:1px solid var(--glass-border);border-radius:12px;font-family:Courier New,Courier,monospace;overflow:hidden;box-shadow:0 20px 50px #00000080}.terminal-header{border-bottom:1px solid var(--glass-border);background:#ffffff0d;align-items:center;gap:.5rem;padding:.8rem 1rem;display:flex}.terminal-dot{border-radius:50%;width:12px;height:12px}.dot-red{background:#ff5f56}.dot-yellow{background:#ffbd2e}.dot-green{background:#27c93f}.terminal-body{color:var(--terminal-text);min-height:300px;padding:1.5rem;font-size:.9rem;line-height:1.5}.terminal-line{opacity:0;margin-bottom:.5rem;animation:.3s forwards fadeIn}.terminal-prompt:before{content:"> ";color:#fff}.terminal-success{color:#27c93f}.terminal-dim{color:#666}.operator-console{flex-direction:column;gap:2rem;width:100%;display:flex}.console-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.network-status{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.status-indicator{border-radius:50%;width:8px;height:8px}.status-indicator.online{background-color:var(--accent-color);box-shadow:0 0 8px var(--accent-color);animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;box-shadow:0 0 8px var(--accent-color)}50%{opacity:.5;box-shadow:0 0 2px var(--accent-color)}to{opacity:1;box-shadow:0 0 8px var(--accent-color)}}.console-grid{grid-template-columns:350px 1fr;gap:2rem;display:grid}.nodes-panel{flex-direction:column;gap:1.5rem;display:flex}.nodes-panel h3{color:var(--text-secondary);font-size:1.1rem}.node-list{flex-direction:column;gap:1rem;list-style:none;display:flex}.node-item{background:#ffffff05;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:.8rem 1rem;transition:background .2s;display:flex}.node-item:hover{background:#ffffff0d}.node-info{align-items:center;gap:.8rem;display:flex}.status-dot{border-radius:50%;width:10px;height:10px}.status-dot.online{background-color:var(--accent-color)}.status-dot.offline{background-color:#ff5f56}.status-dot.syncing{background-color:#ffbd2e;animation:1s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.node-name{font-size:.95rem;font-weight:600}.latency{color:var(--text-secondary);font-family:Courier New,Courier,monospace;font-size:.85rem}.terminal-input-container{border-top:1px dashed #ffffff1a;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.terminal-input{color:#fff;font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;flex:1;margin-left:.5rem}.terminal-error{color:#ff5f56}
