*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;overflow-x:hidden;font-family:var(--font-family-base)}#app{min-height:100vh}:root{--brand-primary: #10b981;--brand-primary-light: #34d399;--brand-primary-dark: #059669;--brand-primary-darker: #047857;--bg-primary: #0a0a0f;--bg-secondary: rgba(255, 255, 255, .05);--bg-tertiary: rgba(255, 255, 255, .03);--bg-elevated: #15151a;--bg-hover: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--text-disabled: rgba(255, 255, 255, .3);--text-brand: var(--brand-primary);--border-primary: rgba(255, 255, 255, .1);--border-secondary: rgba(255, 255, 255, .05);--border-brand: var(--brand-primary);--border-brand-light: rgba(16, 185, 129, .3);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem;--spacing-3xl: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-glow: 0 0 20px rgba(16, 185, 129, .5);--shadow-glow-strong: 0 0 30px rgba(16, 185, 129, .7);--shadow-card: 0 10px 30px rgba(0, 0, 0, .3);--shadow-card-hover: 0 15px 40px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-transform: transform .3s ease;--transition-all: all .3s ease;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "Courier New", Monaco, Consolas, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--container-max-width: 1200px;--header-height: 64px;--footer-height: 200px;--gradient-primary: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);--gradient-primary-hover: linear-gradient(135deg, var(--brand-primary-dark) 0%, var(--brand-primary-darker) 100%);--gradient-text: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 50%, var(--brand-primary-darker) 100%);--gradient-border: linear-gradient(90deg, transparent, var(--brand-primary), var(--brand-primary-dark), transparent);--backdrop-blur: blur(10px);--backdrop-blur-strong: blur(20px)}.light-mode{--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-elevated: #ffffff;--bg-hover: rgba(0, 0, 0, .05);--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-disabled: #d1d5db;--border-primary: rgba(0, 0, 0, .1);--border-secondary: rgba(0, 0, 0, .05);--shadow-card: 0 10px 30px rgba(0, 0, 0, .1);--shadow-card-hover: 0 15px 40px rgba(0, 0, 0, .15)}