@import"https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--ng-forest: #0A2417;--ng-accent: #4CAF50;--ng-mist: #F9FBFA;--ng-slate: #4A5568}body{@apply text-[#1A1A1A];font-family:Sora,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{@apply text-[#0A2417] no-underline transition-all duration-200 hover:opacity-70;}html,body,#root{margin:0;padding:0;height:100%}@layer components{.btn-industrial{@apply px-8 py-4 bg-[#0A2417] text-white font-bold rounded-full transition-all duration-300 hover:shadow-xl hover:scale-[1.02] active:scale-95 flex items-center justify-center gap-2 border-none cursor-pointer;}.btn-accent{@apply px-8 py-4 bg-[#4CAF50] text-[#0A2417] font-bold rounded-full transition-all duration-300 hover:bg-white hover:shadow-xl active:scale-95 flex items-center justify-center gap-2 border-none cursor-pointer;}.card-premium{@apply bg-white border border-slate-100 rounded-[32px] p-8 shadow-[0_8px_30px_rgb(0,0,0,.04)] transition-all duration-500 hover:shadow-[0_20px_50px_rgba(10,36,23,.1)];}.hero-gradient{@apply absolute inset-0 bg-gradient-to-b from-[#0A2417]/90 via-[#0A2417]/40 to-[#0A2417];}}html{scroll-behavior:smooth}