@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;@layer base{html{scroll-behavior:smooth}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}*{box-sizing:border-box}}@layer components{.btn-primary{@apply bg-orange-600 text-white px-6 py-3 rounded-lg font-semibold hover:bg-orange-700 transition-colors duration-200 shadow-lg hover:shadow-xl;}.btn-secondary{@apply border-2 border-orange-600 text-orange-600 px-6 py-3 rounded-lg font-semibold hover:bg-orange-600 hover:text-white transition-colors duration-200;}.card{@apply bg-white rounded-xl shadow-lg hover:shadow-xl transition-shadow duration-200;}.gradient-bg{@apply bg-gradient-to-br from-orange-50 via-white to-orange-100;}.text-gradient{@apply bg-gradient-to-r from-orange-600 to-orange-800 bg-clip-text text-transparent;}}@layer utilities{.wavy-text{display:inline-block;animation:wave 3s ease-in-out infinite;background:linear-gradient(45deg,#ffffff,#fbbf24,#ffffff);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes wave{0%,to{transform:skew(-3deg) scale(1);background-position:0% 50%}25%{transform:skew(3deg) scale(1.02);background-position:100% 50%}50%{transform:skew(-2deg) scale(1);background-position:100% 50%}75%{transform:skew(2deg) scale(1.02);background-position:0% 50%}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.bounce-in{animation:bounceIn .8s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}}@media (max-width: 768px){.container{@apply px-4;}}*:focus{outline:2px solid #f59e0b;outline-offset:2px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d97706}.spinner{border:3px solid #f3f4f6;border-top:3px solid #f59e0b;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recipe-card{transition:all .3s ease}.recipe-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.gradient-text{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{@apply inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-md transition-colors duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2;}.btn-primary{@apply text-white bg-orange-600 hover:bg-orange-700 focus:ring-orange-500;}.btn-secondary{@apply text-orange-600 bg-white border-orange-600 hover:bg-orange-600 hover:text-white focus:ring-orange-500;}.btn-outline{@apply text-orange-600 border-orange-600 hover:bg-orange-600 hover:text-white focus:ring-orange-500;}.form-input{@apply block w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm placeholder-gray-400 focus:outline-none focus:ring-orange-500 focus:border-orange-500;}.form-label{@apply block text-sm font-medium text-gray-700 mb-1;}.form-error{@apply text-red-600 text-sm mt-1;}.badge{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.badge-orange{@apply bg-orange-100 text-orange-800;}.badge-green{@apply bg-green-100 text-green-800;}.badge-blue{@apply bg-blue-100 text-blue-800;}.card-header{@apply px-6 py-4 border-b border-gray-200;}.card-body{@apply px-6 py-4;}.card-footer{@apply px-6 py-4 border-t border-gray-200;}