:root,.theme-mega{--color-primary-50: #f8fafc;--color-primary-100: #f1f5f9;--color-primary-200: #e2e8f0;--color-primary-300: #cbd5e1;--color-primary-400: #94a3b8;--color-primary-500: #64748b;--color-primary-600: #475569;--color-primary-700: #334155;--color-primary-800: #1e293b;--color-primary-900: #0f172a;--color-primary-950: #020617;--color-secondary-50: #f8fafc;--color-secondary-100: #f1f5f9;--color-secondary-200: #e2e8f0;--color-secondary-300: #cbd5e1;--color-secondary-400: #94a3b8;--color-secondary-500: #64748b;--color-secondary-600: #475569;--color-secondary-700: #334155;--color-secondary-800: #1e293b;--color-secondary-900: #0f172a;--color-secondary-950: #020617;--color-accent-50: #eff6ff;--color-accent-100: #dbeafe;--color-accent-200: #bfdbfe;--color-accent-300: #93c5fd;--color-accent-400: #60a5fa;--color-accent-500: #3b82f6;--color-accent-600: #2563eb;--color-accent-700: #1d4ed8;--color-accent-800: #1e40af;--color-accent-900: #1e3a8a;--color-accent-950: #172554;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-danger-50: #fff1f2;--color-danger-100: #ffe4e6;--color-danger-500: #f43f5e;--color-danger-600: #e11d48;--color-danger-700: #be123c;--color-background: #ffffff;--color-background-secondary: #f8fafc;--color-surface: #ffffff;--color-surface-hover: #f1f5f9;--color-foreground: #0f172a;--color-foreground-secondary: #334155;--color-foreground-muted: #64748b;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-focus: var(--color-accent-500);--font-family-sans: "Satoshi", system-ui, -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--border-radius: .5rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--topnav-bg: #0f172a;--topnav-border: #1e293b;--topnav-text: #cbd5e1;--topnav-text-hover: #ffffff;--topnav-text-active: #ffffff;--topnav-item-hover: rgba(255, 255, 255, .1);--topnav-item-active: var(--color-accent-500);--topnav-height: 56px;--subnav-bg: #ffffff;--subnav-border: var(--color-border);--subnav-text: var(--color-foreground-secondary);--subnav-text-hover: var(--color-accent-600);--subnav-text-active: var(--color-accent-600);--subnav-item-hover: var(--color-accent-50);--subnav-item-active: var(--color-accent-100);--subnav-height: 48px;--card-bg: #ffffff;--card-border: var(--color-border);--card-shadow: var(--shadow-md);--card-hover-shadow: var(--shadow-lg);--card-hover-border: var(--color-accent-300);--input-bg: #ffffff;--input-border: var(--color-border);--input-focus-border: var(--color-accent-500);--input-focus-ring: var(--color-accent-200);--button-primary-bg: var(--color-accent-600);--button-primary-hover: var(--color-accent-700);--button-primary-text: #ffffff;--button-secondary-bg: var(--color-secondary-100);--button-secondary-hover: var(--color-secondary-200);--button-secondary-text: var(--color-secondary-700)}:root.dark,html.dark{--color-primary-50: #f8fafc;--color-primary-100: #f1f5f9;--color-primary-200: #e2e8f0;--color-primary-300: #cbd5e1;--color-primary-400: #94a3b8;--color-primary-500: #64748b;--color-primary-600: #475569;--color-primary-700: #334155;--color-primary-800: #1e293b;--color-primary-900: #0f172a;--color-primary-950: #020617;--color-secondary-50: #f8fafc;--color-secondary-100: #f1f5f9;--color-secondary-200: #e2e8f0;--color-secondary-300: #cbd5e1;--color-secondary-400: #94a3b8;--color-secondary-500: #64748b;--color-secondary-600: #475569;--color-secondary-700: #334155;--color-secondary-800: #1e293b;--color-secondary-900: #0f172a;--color-secondary-950: #020617;--color-accent-50: #eff6ff;--color-accent-100: #dbeafe;--color-accent-200: #bfdbfe;--color-accent-300: #93c5fd;--color-accent-400: #60a5fa;--color-accent-500: #3b82f6;--color-accent-600: #2563eb;--color-accent-700: #1d4ed8;--color-accent-800: #1e40af;--color-accent-900: #1e3a8a;--color-accent-950: #172554;--color-success-50: #022c22;--color-success-100: #064e3b;--color-success-500: #34d399;--color-success-600: #10b981;--color-success-700: #059669;--color-warning-50: #451a03;--color-warning-100: #78350f;--color-warning-500: #fbbf24;--color-warning-600: #f59e0b;--color-warning-700: #d97706;--color-danger-50: #4c0519;--color-danger-100: #881337;--color-danger-500: #fb7185;--color-danger-600: #f43f5e;--color-danger-700: #e11d48;--color-background: #0f172a;--color-background-secondary: #1e293b;--color-surface: #1e293b;--color-surface-hover: #334155;--color-foreground: #f8fafc;--color-foreground-secondary: #cbd5e1;--color-foreground-muted: #64748b;--color-border: #334155;--color-border-light: #1e293b;--color-border-focus: var(--color-accent-500);--topnav-bg: #020617;--topnav-border: #1e293b;--topnav-text: #94a3b8;--topnav-text-hover: #ffffff;--topnav-text-active: #ffffff;--topnav-item-hover: rgba(255, 255, 255, .1);--topnav-item-active: var(--color-accent-400);--subnav-bg: #0f172a;--subnav-border: var(--color-border);--subnav-text: var(--color-foreground-secondary);--subnav-text-hover: var(--color-accent-400);--subnav-text-active: var(--color-accent-400);--subnav-item-hover: rgba(59, 130, 246, .1);--subnav-item-active: rgba(59, 130, 246, .2);--card-bg: #1e293b;--card-border: var(--color-border);--card-shadow: var(--shadow-md);--card-hover-shadow: var(--shadow-lg);--card-hover-border: var(--color-accent-500);--input-bg: #1e293b;--input-border: var(--color-border);--input-focus-border: var(--color-accent-500);--input-focus-ring: var(--color-accent-400);--button-primary-bg: var(--color-accent-500);--button-primary-hover: var(--color-accent-400);--button-primary-text: #ffffff;--button-secondary-bg: var(--color-secondary-700);--button-secondary-hover: var(--color-secondary-600);--button-secondary-text: var(--color-secondary-100);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4)}.mega-theme,.mega-content{--color-background: #f1f5f9;--color-background-secondary: #e2e8f0;background-color:#f1f5f9}.mega-theme.theme-dark,.mega-content.theme-dark,html.dark .mega-theme,html.dark .mega-content,:root.dark .mega-theme,:root.dark .mega-content{--color-background: #0f172a;--color-background-secondary: #1e293b;background-color:#0f172a}:root,.theme-mega,:root.dark,html.dark{background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root ::-webkit-scrollbar,.theme-mega ::-webkit-scrollbar,:root.dark ::-webkit-scrollbar,html.dark ::-webkit-scrollbar{width:8px;height:8px}:root ::-webkit-scrollbar-track,.theme-mega ::-webkit-scrollbar-track,:root.dark ::-webkit-scrollbar-track,html.dark ::-webkit-scrollbar-track{background:var(--color-background-secondary);border-radius:4px}:root ::-webkit-scrollbar-thumb,.theme-mega ::-webkit-scrollbar-thumb,:root.dark ::-webkit-scrollbar-thumb,html.dark ::-webkit-scrollbar-thumb{background:var(--color-secondary-300);border-radius:4px}:root ::-webkit-scrollbar-thumb:hover,.theme-mega ::-webkit-scrollbar-thumb:hover,:root.dark ::-webkit-scrollbar-thumb:hover,html.dark ::-webkit-scrollbar-thumb:hover{background:var(--color-secondary-400)}:root ::-moz-selection,.theme-mega ::-moz-selection{background:#bfdbfe;color:#1e3a8a}:root ::selection,.theme-mega ::selection{background:#bfdbfe;color:#1e3a8a}:root.dark ::-moz-selection,html.dark ::-moz-selection{background:#93c5fd;color:#0f172a}:root.dark ::selection,html.dark ::selection{background:#93c5fd;color:#0f172a}.topnav-header-bg{background-color:#0f172a;background-image:linear-gradient(180deg,#1f2a44,#16203a 45%,#0e1726)}.theme-dark .topnav-header-bg,html.dark .topnav-header-bg,:root.dark .topnav-header-bg{background-color:#020617;background-image:linear-gradient(180deg,#131c33,#0a1322 45%,#050a14)}.topnav-dropdown{position:absolute;top:100%;left:0;min-width:220px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:100;padding:.5rem 0;animation:topnav-dropdown-enter .15s ease-out}@keyframes topnav-dropdown-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.topnav-dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;font-size:.875rem;color:var(--color-foreground-secondary);text-decoration:none;transition:all .15s ease}.topnav-dropdown-item:hover{background:var(--subnav-item-hover);color:var(--subnav-text-hover)}.topnav-dropdown-item.active{background:var(--subnav-item-active);color:var(--subnav-text-active)}.subnav-scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.subnav-scroll::-webkit-scrollbar{display:none}.mega-menu{position:absolute;top:100%;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:100;animation:mega-menu-enter .2s ease-out}.mega-theme .mega-menu-categories{position:absolute;top:100%;right:0;left:auto;width:700px;max-width:calc(100vw - 32px);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden;animation:topnav-dropdown-enter .15s ease-out}.mega-theme .mega-menu-categories.mega-menu-dynamic{right:auto;left:auto}@keyframes mega-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;animation:fade-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:280px;max-width:80vw;background:var(--color-surface);z-index:201;animation:slide-in-right .25s ease-out;overflow-y:auto}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.nav-indicator{position:absolute;bottom:0;height:3px;background:var(--color-accent-500);border-radius:3px 3px 0 0;transition:all .2s ease}