.landing{max-width:900px;margin:0 auto}.landing-hero{text-align:center;padding:60px 0 48px}.landing-h1{font-family:var(--font-display);font-size:2.4rem;font-weight:700;color:var(--text-1);line-height:1.2;margin:0 0 16px}.landing-subtitle{color:var(--text-2);font-size:1rem;line-height:1.7;max-width:600px;margin:0 auto 32px}.landing-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.landing-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:8px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .25s var(--ease-out-expo)}.landing-btn-primary{background:var(--copper);color:var(--surface-0)}.landing-btn-primary:hover{background:var(--gold)}.landing-btn-secondary{background:transparent;color:var(--copper);border:1px solid var(--copper-dim)}.landing-btn-secondary:hover{border-color:var(--copper);background:#c8845c14}.landing-section{padding:40px 0;border-top:1px solid var(--border)}.landing-h2{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--text-1);margin:0 0 24px;text-align:center}.landing-features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.landing-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:24px;transition:border-color .25s}.landing-card:hover{border-color:var(--copper-dim)}.landing-card-icon{color:var(--copper);margin-bottom:12px}.landing-card h3{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--text-1);margin:0 0 8px}.landing-card p{color:var(--text-2);font-size:.85rem;line-height:1.7;margin:0}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.landing-step{text-align:center;padding:24px 16px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#c8845c1a;color:var(--copper);font-family:var(--font-display);font-size:1rem;font-weight:700;margin-bottom:14px}.landing-step h3{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--text-1);margin:0 0 8px}.landing-step p{color:var(--text-2);font-size:.83rem;line-height:1.7;margin:0}.landing-previews{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.landing-preview-card{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:20px;transition:border-color .25s}.landing-preview-card:hover{border-color:var(--copper-dim)}.landing-preview-link{text-decoration:none;display:block}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.preview-symbol{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--text-1)}.preview-dir{font-size:.7rem;font-weight:600;text-transform:uppercase;padding:3px 8px;border-radius:4px}.preview-dir.bullish{color:var(--jade);background:#2dd4a81a}.preview-dir.bearish{color:var(--crimson);background:#ef46661a}.preview-category{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--copper)}.preview-title{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--text-1);margin:6px 0 8px;line-height:1.35}.preview-text{color:var(--text-2);font-size:.8rem;line-height:1.6;margin:0 0 8px}.preview-meta{font-size:.72rem;color:var(--text-3)}.landing-link{display:inline-flex;align-items:center;gap:4px;color:var(--copper);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s}.landing-link:hover{color:var(--gold)}.landing-cta-section{text-align:center;padding:48px 0 32px;border-top:1px solid var(--border)}.landing-cta-text{color:var(--text-2);font-size:.9rem;line-height:1.7;max-width:560px;margin:0 auto 24px}@media (max-width: 768px){.landing-hero{padding:32px 0 28px}.landing-h1{font-size:1.6rem}.landing-features{grid-template-columns:1fr}.landing-steps{grid-template-columns:1fr;gap:8px}.landing-previews{grid-template-columns:1fr}}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:72px;background:var(--surface-0);border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;padding:20px 0;z-index:100;animation:fadeIn .4s var(--ease-out-expo) both}.sidebar-brand{margin-bottom:32px}.brand-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-family:var(--font-display);font-style:italic;font-size:1.4rem;font-weight:700;color:var(--copper);border:1px solid var(--copper-dim);border-radius:8px;transition:all .3s var(--ease-out-expo)}.brand-mark:hover{border-color:var(--copper);box-shadow:0 0 20px #c8845c26}.sidebar-nav{display:flex;flex-direction:column;gap:4px;flex:1}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border-radius:10px;text-decoration:none;color:var(--text-3);transition:all .25s var(--ease-out-expo);position:relative}.nav-item:hover{color:var(--text-2);background:var(--surface-2)}.nav-item.active{color:var(--copper);background:#c8845c14}.nav-item.active:before{content:"";position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--copper);border-radius:0 2px 2px 0}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-label{font-size:.6rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em}.sidebar-footer{display:flex;flex-direction:column;align-items:center;gap:6px}.signin-btn{padding:8px 16px;background:var(--copper);border:none;border-radius:6px;color:var(--surface-0);font-size:.75rem;font-weight:600;cursor:pointer;transition:background .2s}.signin-btn:hover{background:var(--gold)}.live-dot{width:7px;height:7px;background:var(--jade);border-radius:50%;animation:pulse 2.5s ease-in-out infinite;box-shadow:0 0 8px #2dd4a866}.live-label{font-size:.55rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--jade-dim)}.main-content{flex:1;margin-left:72px;padding:40px 48px;min-height:100vh}@media (max-width: 1200px){.main-content{padding:32px 24px}}@media (max-width: 768px){.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:64px;flex-direction:row;border-right:none;border-top:1px solid var(--border);padding:0;z-index:1000}.sidebar-brand{display:none}.sidebar-nav{flex-direction:row;flex:1;justify-content:space-around;align-items:center;gap:0;padding:0 4px}.nav-item{padding:8px 6px;min-width:0;flex:1}.nav-item.active:before{display:none}.nav-label{font-size:.55rem;display:block}.sidebar-footer{display:none}.main-content{margin-left:0;padding:16px 12px 80px}}@media (max-width: 400px){.nav-label{display:none}}.blog-page{max-width:900px;margin:0 auto}.blog-header{margin-bottom:40px}.blog-header h1{font-family:var(--font-display);font-size:2rem;font-weight:700;color:var(--text-1);margin:0 0 8px}.blog-header p{color:var(--text-3);font-size:.95rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.blog-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;padding:28px;cursor:pointer;transition:all .25s var(--ease-out-expo);text-decoration:none;color:inherit;display:block}.blog-card:hover{border-color:var(--copper-dim);transform:translateY(-2px)}.blog-card h2{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-1);margin:10px 0 8px}.blog-card p{color:var(--text-3);font-size:.9rem;line-height:1.6;margin:0}.blog-category{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--copper);background:#c8845c1a;padding:4px 10px;border-radius:4px}.blog-meta{display:flex;gap:16px;margin-top:12px;font-size:.8rem;color:var(--text-4)}.blog-post-full{max-width:720px;margin:0 auto}.blog-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-3);font-size:.85rem;cursor:pointer;padding:0;margin-bottom:24px;transition:color .2s}.blog-back-btn:hover{color:var(--copper)}.blog-post-header{margin-bottom:32px}.blog-post-header h1{font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--text-1);margin:12px 0 0;line-height:1.35}.blog-hero-image{margin:0 0 24px;border-radius:12px;overflow:hidden}.blog-hero-image img{width:100%;height:auto;display:block}.blog-card-image{margin:-20px -20px 16px;border-radius:12px 12px 0 0;overflow:hidden}.blog-card-image img{width:100%;height:180px;object-fit:cover;display:block}.blog-content h2{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--text-1);margin:28px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.blog-content p{color:var(--text-2);font-size:.9rem;line-height:1.8;margin:0 0 14px;font-weight:400}.blog-content strong{color:var(--text-1);font-weight:600}.blog-content ul{color:var(--text-2);font-size:.9rem;line-height:1.8;padding-left:20px;margin:0 0 14px}.blog-content li{margin-bottom:6px;font-weight:400}.blog-qa{background:var(--surface-1);border-left:3px solid var(--copper-dim);padding:12px 16px;margin:0 0 14px;border-radius:0 8px 8px 0}.blog-qa p{margin:0 0 4px}.blog-qa p:last-child{margin:0}:root{--void: #07070a;--surface-0: #0c0c10;--surface-1: #131318;--surface-2: #1a1a21;--surface-3: #22222b;--surface-4: #2a2a34;--copper: #c8845c;--copper-dim: #9e6a4a;--gold: #e2b87a;--jade: #2dd4a8;--jade-dim: #1a8c6e;--crimson: #ef4666;--crimson-dim: #a03048;--amber: #f0a840;--text-1: #eae5dd;--text-2: #9a948b;--text-3: #5c5750;--border: #1f1f28;--border-light: #2e2e3a;--font-display: "Bodoni Moda", serif;--font-body: "Albert Sans", sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--void);color:var(--text-1);line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(ellipse,rgba(200,132,92,.04) 0%,transparent 70%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(ellipse,rgba(45,212,168,.02) 0%,transparent 70%);pointer-events:none;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--surface-0)}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--surface-4)}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes borderGlow{0%,to{border-color:var(--border)}50%{border-color:var(--copper-dim)}}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.fade-up{animation:fadeUp .6s var(--ease-out-expo) both}.fade-in{animation:fadeIn .5s var(--ease-out-quart) both}.slide-in{animation:slideInLeft .5s var(--ease-out-expo) both}h1,h2,h3{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em}::selection{background:#c8845c4d;color:var(--text-1)}@media (max-width: 768px){html{font-size:14px}body:before,body:after{display:none}}.MuiPaper-root{background:transparent!important;box-shadow:none!important}