:root{--bg-color: #000000;--header-bg: #000000;--nav-bg: #1a1a1a;--accent-color: #ffcc00;--accent-text: #000000;--card-bg: rgba(255, 255, 255, .05);--card-text: #ffffff;--secondary-text: #aaa;--border-color: rgba(255, 204, 0, .2);--font-main: "Inter", sans-serif;--font-secondary: "Roboto", sans-serif;--bottom-nav-height: 60px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-main);background-color:var(--bg-color);color:#fff;overflow-x:hidden;height:100vh;width:100vw}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes textScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-fade{animation:slideIn .3s ease-out forwards}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.flex-center{display:flex;align-items:center;justify-content:center}.container{max-width:1200px;margin:0 auto;padding:0 15px}