:root{--trust-navy: #1e3a8a;--trust-navy-dark: #15255e;--wisdom-blue: #3b82f6;--resilience-teal: #0f766e;--clarity-amber: #d97706;--achievement: #059669;--caution: #b45309;--comfort-50: #f8fafc;--comfort-100: #f1f5f9;--comfort-200: #e2e8f0;--comfort-300: #cbd5e1;--comfort-400: #94a3b8;--comfort-500: #64748b;--comfort-600: #475569;--comfort-700: #334155;--comfort-800: #1e293b;--comfort-900: #0f172a;--color-primary: var(--trust-navy);--color-primary-hover: var(--trust-navy-dark);--color-success: var(--achievement);--color-warning: var(--caution);--color-error: #dc2626;--color-info: var(--wisdom-blue);--color-focus: rgba(30, 58, 138, .15);--color-disabled: var(--comfort-300);--color-disabled-text: var(--comfort-400);--color-bg-primary: #ffffff;--color-bg-secondary: var(--comfort-50);--color-bg-tertiary: var(--comfort-100);--color-bg-overlay: rgba(15, 23, 42, .6);--text: var(--comfort-900);--text-2: var(--comfort-700);--text-3: var(--comfort-600);--text-inverse: #ffffff;--gradient-career: linear-gradient(135deg, var(--trust-navy), var(--wisdom-blue));--gradient-guidance: linear-gradient(135deg, var(--comfort-50), var(--comfort-100));--gradient-premium: linear-gradient(135deg, var(--clarity-amber), #f59e0b);--border: var(--comfort-300);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .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;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: .25rem;--radius: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 3px rgba(30, 58, 138, .15)}