body{font-family:Instrument Sans,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#fff;min-height:100vh}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}header{position:fixed;top:0;left:0;right:0;z-index:50;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb}nav{padding:1rem 1.5rem}nav .flex{display:flex;align-items:center;justify-content:space-between}nav .space-x-2>*+*{margin-left:.5rem}nav .space-x-8>*+*{margin-left:2rem}nav .space-x-4>*+*{margin-left:1rem}.w-10{width:2.5rem}.h-10{height:2.5rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-white{color:#fff}.hover\:text-blue-600:hover{color:#2563eb}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.bg-blue-600{background-color:#2563eb}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.inline-flex{display:inline-flex}.hidden{display:none}@media (min-width: 768px){.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.bg-gray-900{background-color:#111827}.py-12{padding-top:3rem;padding-bottom:3rem}.grid{display:grid}.md\:grid-cols-5{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.gap-8{gap:2rem}.mb-4{margin-bottom:1rem}.space-y-2>*+*{margin-top:.5rem}.text-gray-400{color:#9ca3af}.hover\:text-white:hover{color:#fff}.border-t{border-top-width:1px}.border-gray-800{border-color:#1f2937}.mt-8{margin-top:2rem}.pt-8{padding-top:2rem}.text-center{text-align:center}main{min-height:calc(100vh - 140px)}.alert{padding:1rem;margin:1rem 0;border-radius:.375rem;border:1px solid}.alert-success{background-color:#d1fae5;border-color:#10b981;color:#065f46}.alert-error{background-color:#fee2e2;border-color:#ef4444;color:#991b1b}@media (max-width: 768px){.container{padding:0 1rem}nav{padding:.75rem 1rem}.text-2xl{font-size:1.25rem;line-height:1.75rem}.space-x-8{display:none}.space-x-4{gap:.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-float{animation:float 3s ease-in-out infinite}.hero-gradient{background:linear-gradient(135deg,#3b82f6,#1e40af)}.food-gradient{background:linear-gradient(135deg,#3b82f6,#2563eb)}