@import url('https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600;700&display=swap');@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background:27 60% 96.1%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:142 76% 36%;--primary-foreground:355.7 100% 97.3%;--secondary:210 40% 98%;--secondary-foreground:222.2 84% 4.9%;--muted:210 40% 96%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96%;--accent-foreground:222.2 84% 4.9%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:142 76% 36%;--radius:0.5rem}.dark{--background:0 0% 5%;--foreground:50 100% 85%;--card:20 15% 10%;--card-foreground:50 100% 85%;--popover:0 0% 5%;--popover-foreground:50 100% 85%;--primary:50 100% 60%;--primary-foreground:0 0% 10%;--secondary:20 15% 15%;--secondary-foreground:50 100% 75%;--muted:20 15% 15%;--muted-foreground:50 100% 60%;--accent:20 15% 15%;--accent-foreground:50 100% 85%;--destructive:120 40% 40%;--destructive-foreground:50 100% 95%;--border:20 10% 20%;--input:20 15% 12%;--ring:50 100% 60%}}@layer base{*{@apply border-border}body{@apply bg-background text-foreground;font-feature-settings:"rlig" 1,"calt" 1}h1,h2,h3,h4,h5,h6{color:rgb(34,27,23)}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{from{transform:translateX(0)}to{transform:translateX(100%)}}.animate-fade-in{animation:fadeIn 0.3s ease-out}.animate-slide-in-right{animation:slideInRight 0.3s ease-out}.animate-slide-out-right{animation:slideOutRight 0.3s ease-out}.mobile-menu-enter{transform:translateX(100%)}.mobile-menu-enter-active{transform:translateX(0);transition:transform 0.3s ease-out}.mobile-menu-exit{transform:translateX(0)}.mobile-menu-exit-active{transform:translateX(100%);transition:transform 0.3s ease-out}html{scroll-behavior:smooth}.focus-ring{@apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2}