body { background-color: #0A0A0A; color: #FFFFFF; scroll-behavior: smooth; overflow-x: hidden; }
        .page { display: none; }
        .page.active { display: block; animation: fadeIn 0.5s ease-out; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
        
        .trading-grid { 
            background-size: 50px 50px; 
            background-image: linear-gradient(to right, #151515 1px, transparent 1px), linear-gradient(to bottom, #151515 1px, transparent 1px);
        }
        .glass-card { background: rgba(18, 18, 18, 0.85); backdrop-filter: blur(16px); border: 1px solid rgba(255,255,255,0.08); }
        .market-glow:hover { box-shadow: 0 0 40px rgba(16, 185, 129, 0.15); border-color: #10B981; }
        
        .nav-link { position: relative; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.15em; text-transform: uppercase; color: #94A3B8; transition: all 0.3s; }
        .nav-link:hover { color: #FFF; }
        .nav-link.active { color: #10B981; }

        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: #0A0A0A; }
        ::-webkit-scrollbar-thumb { background: #10B981; border-radius: 10px; }

        .ticker-wrap { overflow: hidden; white-space: nowrap; background: #10B981; color: #000; font-family: 'Roboto Mono'; font-size: 10px; font-weight: 800; padding: 4px 0; }
        .ticker-move { display: inline-block; animation: ticker 30s linear infinite; }
        @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }