:root{--color-primary: #2e7d32;--color-primary-light: #4caf50;--color-primary-dark: #1b5e20;--color-secondary: #ff9800;--color-secondary-light: #ffb74d;--color-secondary-dark: #f57c00;--color-tertiary: #795548;--color-tertiary-light: #a1887f;--color-tertiary-dark: #5d4037;--color-white: #ffffff;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #eeeeee;--color-gray-300: #e0e0e0;--color-gray-400: #bdbdbd;--color-gray-500: #9e9e9e;--color-gray-600: #757575;--color-gray-700: #616161;--color-gray-800: #424242;--color-gray-900: #212121;--color-black: #000000;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--gradient-primary: linear-gradient(135deg, #2e7d32 0%, #1b5e20 100%);--gradient-secondary: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);--gradient-hero: linear-gradient(135deg, #2e7d32 0%, #4caf50 50%, #81c784 100%);--font-primary: "Segoe UI", "Segoe UI Variable", "Segoe UI Symbol", "Segoe UI Emoji", sans-serif;--font-secondary: "Segoe UI", "Segoe UI Variable", "Segoe UI Symbol", "Segoe UI Emoji", 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: 4rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--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 ease;--transition-normal: .3s ease;--transition-slow: .5s ease}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-gray-900);background-color:var(--color-gray-50);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:var(--font-bold);line-height:1.2}.btn-primary{background:var(--gradient-primary);color:var(--color-white);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--gradient-secondary);color:var(--color-white);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}.card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-xl)}body{margin:0;font-family:Segoe UI,Segoe UI Variable,Segoe UI Symbol,"Segoe UI Emoji",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fafafa}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}