:root{--color-primary: #c62828;--color-primary-dark: #b71c1c;--color-primary-light: #d32f2f;--color-secondary: #1b5e20;--color-secondary-light: #2e7d32;--color-secondary-dark: #0d3e13;--color-bg-base: #fefbf6;--color-bg-paper: #ffffff;--color-text-primary: #111827;--color-text-secondary: #374151;--color-text-muted: #6b7280;--shadow-sm: 0 2px 8px rgba(2, 6, 23, .06);--shadow-md: 0 6px 20px rgba(2, 6, 23, .08);--shadow-lg: 0 10px 32px rgba(2, 6, 23, .1);--shadow-xl: 0 16px 44px rgba(2, 6, 23, .14);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg-base)}.logo{font-family:Oswald,Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:1px;text-transform:uppercase;line-height:1;-webkit-user-select:none;user-select:none}.logo .brand-primary{color:var(--color-primary);font-weight:900}.logo .brand-secondary{color:var(--color-secondary);font-weight:900}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in{animation:fadeIn .6s ease-out forwards}