*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--green-900: #0d2118;--green-800: #1a3a26;--green-700: #244f34;--green-600: #2d6140;--green-500: #3a7a52;--green-400: #5c9e72;--green-300: #8ec4a0;--green-200: #bcdfc9;--green-100: #dff0e7;--green-50: #f3faf6;--white: #ffffff;--text-dark: #0d2118;--text-mid: #2d4f39;--text-light: #6b8f78}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:var(--green-50);color:var(--text-dark);min-height:100vh}h1,h2,h3{font-family:Playfair Display,serif}button{cursor:pointer;font-family:DM Sans,sans-serif}input,select,textarea{font-family:DM Sans,sans-serif}#root{min-height:100vh}:focus{outline:none}:focus-visible{outline:2px solid var(--green-400);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--green-100)}::-webkit-scrollbar-thumb{background:var(--green-400);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-up{animation:fadeUp .6s ease forwards}.fade-in{animation:fadeIn .4s ease forwards}.spin{animation:spin 1.2s linear infinite}