:root{--bg-dark: #070e1a;--bg-panel: #0d1a30;--bg-glass: rgba(13, 26, 48, .6);--nav-glass: rgba(7, 14, 26, .65);--nav-glass-scrolled: linear-gradient(135deg, rgba(255, 255, 255, .06) 0%, rgba(13, 26, 48, .85) 100%);--accent-blue: #3498db;--accent-green: #549d10;--accent-orange: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8;--border-glass: rgba(255, 255, 255, .08);--border-highlight: rgba(255, 255, 255, .25);--shadow-base: rgba(0, 0, 0, .6);--bridge-gradient-end: #070e1a}body.light-mode{--bg-dark: #f4f7fb;--bg-panel: #ffffff;--bg-glass: rgba(255, 255, 255, .7);--nav-glass: rgba(255, 255, 255, .65);--nav-glass-scrolled: linear-gradient(135deg, rgba(255, 255, 255, .95) 0%, rgba(244, 247, 251, .95) 100%);--text-main: #0f172a;--text-muted: #64748b;--border-glass: rgba(0, 0, 0, .08);--border-highlight: rgba(0, 0, 0, .15);--shadow-base: rgba(0, 0, 0, .1);--bridge-gradient-end: #f4f7fb}html{scroll-behavior:smooth}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,system-ui,sans-serif;margin:0;padding:0;overflow-x:hidden;transition:background-color .5s ease,color .5s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark);transition:background .5s ease}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}body:not(.light-mode) ::-webkit-scrollbar-thumb{background:#1e293b}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}