@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Outfit:wght@400;700;900&family=Space+Grotesk:wght@400;600&display=swap";:root{--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: "Outfit", "Space Grotesk", system-ui, sans-serif;--bg-primary: #050505;--bg-secondary: #0a0a0a;--text-primary: #ffffff;--text-secondary: #888888;--accent-cyan: #00f0ff;--accent-green: #00ff9d;--accent-red: #ff2a2a;--accent-orange: #ffae00;--border-subtle: #222;--header-height: 60px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);overflow-x:hidden}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.text-glow{text-shadow:0 0 20px rgba(255,255,255,.3)}.cyan-glow{text-shadow:0 0 10px var(--accent-cyan)}.border-beam{position:relative;border:1px solid rgba(255,255,255,.1);overflow:hidden}.border-beam:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);transform:translate(-100%);animation:beam-slide 3s infinite}@keyframes beam-slide{0%{transform:translate(-100%)}50%,to{transform:translate(100%)}}.boot-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#000;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent-green);font-size:1rem}.boot-content{width:600px;max-width:90%}.boot-logo{font-size:2rem;font-weight:700;margin-bottom:2rem;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5)}.boot-lines{min-height:200px;margin-bottom:2rem;text-align:left}.boot-line{margin-bottom:.5rem;opacity:.9}.boot-cursor{animation:blink 1s infinite}.boot-progress-container{width:100%;height:4px;background:#111;margin-bottom:1rem;border:1px solid #333}.boot-progress-bar{height:100%;background:var(--accent-green);box-shadow:0 0 10px var(--accent-green);transition:width .05s linear}.boot-status{text-align:right;font-size:.8rem;color:var(--text-secondary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.dashboard-wrapper{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem}.metrics-header-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.metric-box{background:#ffffff08;border:1px solid var(--border-subtle);padding:1rem;display:flex;align-items:center;gap:1rem;transition:border-color .2s}.metric-box:hover{border-color:var(--text-secondary)}.metric-box .label{display:block;font-size:.6rem;color:var(--text-secondary);font-family:var(--font-mono);margin-bottom:.2rem;letter-spacing:.05em}.metric-box .value{display:block;font-size:1.1rem;font-weight:700;font-family:var(--font-mono);color:var(--text-primary)}.dashboard-container{width:100%;background:var(--bg-secondary);border:1px solid var(--border-subtle);position:relative;overflow:visible;box-shadow:0 0 50px #00000080;animation:slideUp 1s cubic-bezier(.16,1,.3,1)}.dashboard-header{display:flex;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-subtle);background:#ffffff05}.title{font-weight:700;letter-spacing:.05em;color:var(--text-primary)}.metrics-row{display:flex;gap:1rem;justify-content:flex-end;align-items:center}.metric-tag{color:var(--text-secondary);font-size:.8rem;white-space:nowrap;flex-shrink:0}.metric-tag.active{color:var(--accent-green);text-shadow:0 0 5px rgba(51,255,51,.5)}.dashboard-grid{display:grid;grid-template-columns:240px 1fr;height:400px}.left-panel{border-right:1px solid var(--border-subtle);padding:1.5rem;display:flex;flex-direction:column;background:#0000004d;overflow:hidden}.panel-label{font-size:.7rem;color:var(--text-secondary);margin-bottom:.8rem;letter-spacing:.05em}.transaction-feed-container{height:320px;position:relative;display:flex;flex-direction:column;gap:.8rem;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 70%,transparent 100%)}.tx-item{background:#ffffff08;padding:.8rem;border-left:2px solid var(--border-subtle);transition:border-color .2s;height:45px;display:flex;align-items:center;width:100%}.tx-item:hover{border-left-color:var(--accent-cyan);background:#ffffff0d}.tx-top{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:.3rem;color:var(--text-secondary)}.tx-bot{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;align-items:center;gap:1rem}.tx-type{color:var(--text-primary);font-size:.75rem}.tx-amt.active{color:var(--accent-green)}.right-panel{position:relative;background:#000;overflow:hidden}.visual-container{width:100%;height:100%;position:relative}.overlay-text{position:absolute;top:10px;left:10px;font-size:.7rem;padding:.2rem .5rem;z-index:10}.chart-tooltip{position:absolute;background:#050505fa;border:1px solid rgba(255,255,255,.1);padding:1rem;width:180px;z-index:100;transform:translate(-50%);box-shadow:0 0 20px #00000080;pointer-events:none;animation:fadeIn .1s ease}.chart-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:inherit;border-bottom:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1)}.tooltip-header{font-size:.7rem;color:var(--text-secondary);margin-bottom:.5rem;border-bottom:1px solid var(--border-subtle);padding-bottom:.3rem;letter-spacing:.1em}.tooltip-row{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:.3rem;align-items:center}.tooltip-row .label{color:var(--text-secondary)}.tooltip-row .value{color:var(--text-primary);font-weight:700}.tooltip-row .value.active{color:var(--accent-green)}.corner{position:absolute;width:10px;height:10px;border:2px solid var(--text-secondary);z-index:10}.clean-tl{top:-1px;left:-1px;border-right:none;border-bottom:none}.clean-tr{top:-1px;right:-1px;border-left:none;border-bottom:none}.clean-bl{bottom:-1px;left:-1px;border-right:none;border-top:none}.clean-br{bottom:-1px;right:-1px;border-left:none;border-top:none}@media(max-width:768px){.dashboard-grid{grid-template-columns:1fr;height:auto}.left-panel{border-right:none;border-bottom:1px solid var(--border-subtle);height:300px}.right-panel{height:300px}.metrics-header-grid{grid-template-columns:repeat(2,1fr)}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#0a0a0a;border:1px solid var(--border-subtle);padding:3rem;width:100%;max-width:500px;position:relative;box-shadow:0 0 50px #00000080}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;transition:color .2s}.modal-close:hover{color:#fff}.modal-header{margin-bottom:2.5rem;text-align:center}.modal-header h2{font-size:1.5rem;margin-bottom:.5rem;letter-spacing:-.02em}.modal-header p{color:var(--text-secondary);font-size:.9rem}.demo-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.7rem;color:var(--text-secondary);letter-spacing:.1em}.form-group input,.form-group select,.form-group textarea{background:#ffffff08;border:1px solid var(--border-subtle);padding:.8rem 1rem;color:#fff;font-family:var(--font-mono);font-size:.9rem;outline:none;transition:border-color .2s;width:100%;box-sizing:border-box}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;color:var(--text-secondary)}.form-group select:valid:not([value=""]){color:#fff}.form-group select option{background:#111;color:#fff;padding:.5rem}.form-group select option:disabled{color:var(--text-secondary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-secondary);opacity:.7}.form-group textarea{resize:vertical;min-height:80px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ffffff4d}.submit-btn{background:#fff;color:#000;border:none;padding:1rem;font-weight:700;cursor:pointer;margin-top:1rem;transition:transform .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #fff3}.success-msg{text-align:center;padding:2rem 0}.success-msg h3{color:var(--accent-green);margin-bottom:1rem}.success-msg p{color:var(--text-secondary);font-size:.9rem}.form-error{background:#ff32321a;border:1px solid rgba(255,50,50,.3);color:#ff5050;padding:.8rem 1rem;font-size:.8rem;text-align:center}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{opacity:.5;cursor:not-allowed}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.submit-btn:disabled:hover{transform:none;box-shadow:none}.video-modal-overlay{position:fixed;inset:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;padding:2rem}.video-modal-content{background:#0a0a0a;border:1px solid var(--border-subtle);width:100%;max-width:1200px;position:relative;box-shadow:0 0 60px #000c}.video-modal-close{position:absolute;top:-3rem;right:0;background:none;border:none;color:#fff;cursor:pointer;font-size:1.5rem;transition:color .2s;padding:.5rem;z-index:10}.video-modal-close:hover{color:var(--accent-cyan)}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}@media(max-width:768px){.video-modal-overlay{padding:1rem}.video-modal-close{top:-2.5rem;font-size:1.2rem}}