:root{--brand-primary:#000000;--brand-primary-light:#333333;--brand-secondary:#ffffff;--brand-accent:#666666;--tech-green:#00ff88;--tech-orange:#ff9500;--tech-red:#ff3333;--tech-blue:#00aaff;--neutral-50:#fafafa;--neutral-100:#f5f5f5;--neutral-200:#e5e5e5;--neutral-300:#d4d4d4;--neutral-400:#a3a3a3;--neutral-500:#737373;--neutral-600:#525252;--neutral-700:#404040;--neutral-800:#262626;--neutral-900:#171717;--bg-primary:#ffffff;--bg-secondary:#fafafa;--bg-tertiary:#f5f5f5;--bg-dark:#000000;--bg-dark-secondary:#1a1a1a;--text-primary:#000000;--text-secondary:#404040;--text-tertiary:#737373;--text-inverse:#ffffff;--text-muted:#a3a3a3;--border-light:#e5e5e5;--border-medium:#d4d4d4;--border-dark:#a3a3a3;--shadow-light:rgba(0, 0, 0, 0.05);--shadow-medium:rgba(0, 0, 0, 0.1);--shadow-heavy:rgba(0, 0, 0, 0.15);--shadow-dark:rgba(0, 0, 0, 0.3);--font-primary:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'SF Mono',Monaco,'Cascadia Code','Roboto Mono',Consolas,'Courier New',monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius-base:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:0.15s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--shadow-sm:0 1px 2px 0 var(--shadow-light);--shadow-base:0 1px 3px 0 var(--shadow-light),0 1px 2px -1px var(--shadow-light);--shadow-md:0 4px 6px -1px var(--shadow-light),0 2px 4px -2px var(--shadow-light);--shadow-lg:0 10px 15px -3px var(--shadow-medium),0 4px 6px -4px var(--shadow-medium);--shadow-xl:0 20px 25px -5px var(--shadow-medium),0 8px 10px -6px var(--shadow-medium);--shadow-2xl:0 25px 50px -12px var(--shadow-heavy);--container-max:1200px;--container-padding:var(--space-4);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}.brand-primary{color:var(--brand-primary)}.brand-secondary{color:var(--brand-secondary)}.brand-accent{color:var(--brand-accent)}.bg-brand-primary{background-color:var(--brand-primary)}.bg-brand-secondary{background-color:var(--brand-secondary)}.bg-brand-accent{background-color:var(--brand-accent)}.tech-green{color:var(--tech-green)}.tech-orange{color:var(--tech-orange)}.tech-red{color:var(--tech-red)}.tech-blue{color:var(--tech-blue)}.bg-tech-green{background-color:var(--tech-green)}.bg-tech-orange{background-color:var(--tech-orange)}.bg-tech-red{background-color:var(--tech-red)}.bg-tech-blue{background-color:var(--tech-blue)}.code-accent::before{content:'</>';color:var(--tech-green);font-family:var(--font-mono);font-weight:var(--weight-bold);margin-right:var(--space-2)}.tech-border{border:1px solid var(--border-light);position:relative}.tech-border::before{content:'';position:absolute;top:0;left:0;width:20px;height:2px;background-color:var(--tech-green)}