:root{--bg-primary: var(--bg, #0a0a0f);--bg-panel: var(--bg-surface, #12121a);--bg-header: var(--bg-elevated, #1a1a25);--border: #2a2a3a;--text-primary: var(--text, #e0e0e0);--text-secondary: var(--text-dim, #888);--text-muted: #555;--green: var(--positive, #00c853);--red: var(--negative, #ff1744);--teal: #00bfa5;--gold: #ffd700;--accent: #5c6bc0;--link: #4fc3f7;--hover: rgba(255, 255, 255, .04)}.terminal-root{display:flex;flex-direction:column;height:100vh;background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,monospace;overflow:hidden}.terminal-topbar{display:flex;align-items:center;gap:12px;height:48px;padding:0 16px;background:var(--bg-header);border-bottom:1px solid var(--border);flex-shrink:0}.terminal-layout{display:grid;grid-template-columns:1fr 350px;grid-template-rows:1fr 1fr;gap:1px;flex:1;background:var(--border);overflow:hidden}.terminal-panel{background:var(--bg-panel);overflow:hidden;display:flex;flex-direction:column}.terminal-panel-header{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 10px;background:var(--bg-header);border-bottom:1px solid var(--border);font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.terminal-panel-content{flex:1;overflow:hidden;position:relative}.terminal-statusbar{display:flex;align-items:center;gap:16px;height:24px;padding:0 16px;background:var(--bg-header);border-top:1px solid var(--border);font-size:11px;color:var(--text-secondary);flex-shrink:0}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.status-dot--connected{background:var(--green);box-shadow:0 0 4px var(--green)}.status-dot--disconnected{background:var(--red);box-shadow:0 0 4px var(--red)}.terminal-select{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:12px;padding:4px 8px;cursor:pointer}.terminal-select:hover{border-color:var(--accent)}.terminal-select:focus-visible{border-color:var(--teal);outline:2px solid var(--accent);outline-offset:2px}.timeframe-group{display:flex;gap:2px}.timeframe-btn{background:transparent;border:1px solid var(--border);border-radius:3px;color:var(--text-secondary);font-size:11px;padding:3px 8px;cursor:pointer;transition:all .15s ease}.timeframe-btn:hover{background:var(--hover);color:var(--text-primary)}.timeframe-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.topbar-separator{width:1px;height:24px;background:var(--border)}.topbar-spacer{flex:1}.terminal-side-panel{width:380px;min-width:240px;max-width:600px;background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;position:relative}@media(max-width:1024px){.terminal-layout{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.terminal-side-panel{width:100%;min-width:unset;max-height:300px;border-left:none;border-top:1px solid var(--border)}}.landing-root{background:var(--bg-primary, #0a0a0f);color:var(--text-primary, #e0e0e0);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;min-height:100vh}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-fade-in{0%{opacity:0}to{opacity:1}}.landing-hero{position:relative;padding:120px 24px 100px;background:linear-gradient(135deg,#0a0a0f,#12121a 40%,#1a1a25 60%,#0a0a0f);border-bottom:1px solid var(--border, #2a2a3a);text-align:center}.landing-hero-inner{max-width:800px;margin:0 auto}.landing-hero-title{font-size:56px;font-weight:700;letter-spacing:-1px;margin:0 0 16px;background:linear-gradient(135deg,var(--text-primary, #e0e0e0) 0%,var(--teal, #00bfa5) 50%,var(--accent, #5c6bc0) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:landing-fade-up .7s ease-out both}.landing-hero-subtitle{font-size:24px;color:var(--text-secondary, #888);margin:0 0 16px;letter-spacing:2px;text-transform:uppercase;font-weight:500;animation:landing-fade-up .7s ease-out .15s both}.landing-hero-description{font-size:16px;color:var(--text-secondary, #888);line-height:1.6;max-width:600px;margin:0 auto 40px;animation:landing-fade-up .7s ease-out .3s both}.landing-hero-cta{display:flex;gap:16px;justify-content:center;animation:landing-fade-up .7s ease-out .45s both}.landing-btn{display:inline-block;padding:12px 28px;border-radius:6px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.landing-btn--primary{background:var(--teal, #00bfa5);color:#000;border-color:var(--teal, #00bfa5)}.landing-btn--primary:hover{background:#00d4b8;border-color:#00d4b8}.landing-btn--secondary{background:transparent;color:var(--text-primary, #e0e0e0);border-color:var(--border, #2a2a3a)}.landing-btn--secondary:hover{border-color:var(--accent, #5c6bc0);color:#fff}.landing-section{max-width:1200px;margin:0 auto;padding:80px 24px}.landing-section-title{font-size:32px;font-weight:600;text-align:center;margin:0 0 12px}.landing-section-subtitle{font-size:16px;color:var(--text-secondary, #888);text-align:center;margin:0 0 48px}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}.landing-feature-card{background:var(--bg-panel, #12121a);border:1px solid var(--border, #2a2a3a);border-radius:8px;padding:28px;transition:border-color .2s ease}.landing-feature-card:hover{border-color:var(--accent, #5c6bc0)}.landing-feature-icon{font-size:14px;font-weight:700;color:var(--teal, #00bfa5);margin-bottom:12px;font-family:monospace}.landing-feature-title{font-size:18px;font-weight:600;margin:0 0 8px}.landing-feature-desc{font-size:14px;color:var(--text-secondary, #888);line-height:1.6;margin:0}.landing-exchanges{background:var(--bg-panel, #12121a);border-top:1px solid var(--border, #2a2a3a);border-bottom:1px solid var(--border, #2a2a3a);max-width:100%;padding:60px 24px}.landing-exchange-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;max-width:800px;margin:0 auto}.landing-exchange-badge{background:var(--bg-primary, #0a0a0f);border:1px solid var(--border, #2a2a3a);border-radius:6px;padding:10px 24px;font-size:14px;font-weight:500;color:var(--text-primary, #e0e0e0);letter-spacing:.5px;transition:border-color .2s ease}.landing-exchange-badge:hover{border-color:var(--badge-color, var(--accent, #5c6bc0))}.landing-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-pricing-card{background:var(--bg-panel, #12121a);border:1px solid var(--border, #2a2a3a);border-radius:8px;padding:28px;display:flex;flex-direction:column;transition:border-color .2s ease}.landing-pricing-card--highlighted{border-color:var(--teal, #00bfa5);box-shadow:0 0 20px #00bfa51a}.landing-pricing-header{margin-bottom:24px}.landing-pricing-name{font-size:16px;font-weight:600;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.landing-pricing-price{font-size:36px;font-weight:700}.landing-pricing-period{font-size:14px;color:var(--text-secondary, #888);font-weight:400}.landing-pricing-features{list-style:none;padding:0;margin:0 0 24px;flex:1}.landing-pricing-feature{font-size:13px;color:var(--text-secondary, #888);padding:6px 0;border-bottom:1px solid rgba(255,255,255,.03)}.landing-check{color:var(--teal, #00bfa5);font-weight:700;margin-right:8px}.landing-comparison-wrap{overflow-x:auto}.landing-comparison-table{width:100%;border-collapse:collapse;font-size:13px}.landing-comparison-table th,.landing-comparison-table td{padding:10px 16px;text-align:center;border-bottom:1px solid var(--border, #2a2a3a)}.landing-comparison-table th{font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px;background:var(--bg-header, #1a1a25)}.landing-comparison-table td:first-child,.landing-comparison-table th:first-child{text-align:left}.landing-cmp-highlight{background:#00bfa50d}.landing-cmp-check--yes{color:var(--teal, #00bfa5);font-weight:700;font-size:16px}.landing-cmp-check--no{color:var(--text-muted, #555);font-size:16px}.landing-cmp-text{font-weight:600}.landing-footer{background:var(--bg-header, #1a1a25);border-top:1px solid var(--border, #2a2a3a);padding:60px 24px 24px}.landing-footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.landing-footer-heading{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.landing-footer-text{font-size:13px;color:var(--text-secondary, #888);line-height:1.6;margin:0}.landing-footer-links{list-style:none;padding:0;margin:0}.landing-footer-links li{margin-bottom:8px}.landing-footer-links a{color:var(--text-secondary, #888);text-decoration:none;font-size:13px;transition:color .15s ease}.landing-footer-links a:hover{color:var(--text-primary, #e0e0e0)}.landing-footer-bottom{max-width:1200px;margin:40px auto 0;padding-top:24px;border-top:1px solid var(--border, #2a2a3a);display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted, #555)}.landing-footer-bottom a{color:var(--text-muted, #555);text-decoration:none}.landing-footer-bottom a:hover{color:var(--text-secondary, #888)}@media(max-width:1024px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}.landing-footer-inner{grid-template-columns:1fr 1fr}}@media(max-width:768px){.landing-pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.landing-hero-title{font-size:36px}.landing-hero-subtitle{font-size:18px}.landing-hero-cta{flex-direction:column;align-items:center}.landing-features-grid,.landing-pricing-grid,.landing-footer-inner{grid-template-columns:1fr}.landing-footer-bottom{flex-direction:column;gap:8px;text-align:center}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}html,body,#root{height:100%;width:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}:root{--bg: #0a0a0f;--bg-surface: #12121a;--bg-elevated: #1a1a25;--text: #e0e0e0;--text-dim: #888;--text-muted: #555;--accent: #5c6bc0;--border: #2a2a3a;--positive: #00c853;--negative: #ff1744;--teal: #00bfa5;--gold: #ffd700;--link: #4fc3f7;--hover: rgba(255, 255, 255, .04);--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;--font-system: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif}body{background:var(--bg);color:var(--text);font-family:var(--font-mono);overflow:auto}body.terminal-active{overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::selection{background:#5c6bc04d;color:#fff}.u-flex{display:flex}.u-flex-col{display:flex;flex-direction:column}.u-flex-center{display:flex;align-items:center;justify-content:center}.u-gap-sm{gap:4px}.u-gap-md{gap:8px}.u-gap-lg{gap:16px}.u-text-positive{color:var(--positive)}.u-text-negative{color:var(--negative)}.u-text-dim{color:var(--text-dim)}.u-text-muted{color:var(--text-muted)}.u-text-accent{color:var(--accent)}.u-mono{font-family:var(--font-mono)}.u-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.u-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.header-nav-desktop{display:flex;align-items:center;gap:1.5rem}.header-auth-desktop{display:flex;align-items:center;gap:.75rem}.header-hamburger{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:4px}@media(max-width:900px){.header-nav-desktop,.header-auth-desktop{display:none}.header-hamburger{display:flex}}
