/* Small local replacement for the utility classes used by indexnew.html.
   This removes the development-only Tailwind CDN from the public page. */
.block{display:block}.hidden{display:none}.relative{position:relative}.overflow-hidden{overflow:hidden}
.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.items-center{align-items:center}
.w-full{width:100%}.h-auto{height:auto}.max-w-md{max-width:28rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}.space-x-2>:not([hidden])~:not([hidden]){margin-left:.5rem}.space-x-4>:not([hidden])~:not([hidden]){margin-left:1rem}
.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}
.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-center{text-align:center}.text-white{color:#fff}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-red-700{color:#b91c1c}.text-red-800{color:#991b1b}
.bg-red-600{background-color:#dc2626}.hover\:bg-red-500:hover{background-color:#ef4444}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:150ms}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-from,#fff),var(--tw-gradient-to,#fff))}.from-red-100{--tw-gradient-from:#fee2e2}.to-red-300{--tw-gradient-to:#fca5a5}.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1)}.object-contain{object-fit:contain}
@media (min-width:768px){.md\:flex-row{flex-direction:row}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:text-4xl{font-size:2.25rem}.md\:text-left{text-align:left}.md\:w-1\/2{width:50%}}