body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}.min-h-screen{min-height:100vh}.bg-white{background:#fff}.text-gray-900{color:#111827}.bg-gray-50{background:#f9fafb}.bg-green-50{background:#f0fdf4}.bg-red-50{background:#fef2f2}.border{border:1px solid #e5e7eb}.border-green-300{border-color:#86efac}.border-red-300{border-color:#fca5a5}.rounded{border-radius:.5rem}.p-4{padding:1rem}.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}.py-4{padding-top:1rem;padding-bottom:1rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-10{margin-bottom:2.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-between{justify-content:space-between}.items-center{align-items:center}.gap-4{gap:1rem}.grid{display:grid}.max-w-5xl{max-width:64rem}.max-w-md{max-width:28rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-48{height:12rem}.text-center{text-align:center}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-mono{font-family:ui-monospace,monospace}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-400{color:#9ca3af}.text-red-700{color:#b91c1c}.text-red-600{color:#dc2626}.text-white{color:#fff}.bg-black{background:#000}.bg-gray-100{background:#f3f4f6}.bg-gray-200{background:#e5e7eb}.bg-green-200{background:#bbf7d0}.bg-red-200{background:#fecaca}.bg-yellow-500{background:#eab308}.bg-orange-500{background:#f97316}.bg-blue-500{background:#3b82f6}.bg-gray-500{background:#6b7280}.border-b{border-bottom:1px solid #e5e7eb}.border-t{border-top:1px solid #e5e7eb}.overflow-hidden{overflow:hidden}.object-cover{object-fit:cover}.list-disc{list-style:disc}.ml-4{margin-left:1rem}.hover\:bg-gray-800:hover{background:#1f2937}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}