/** * Layout / button utilities — fallback when Tailwind Play CDN does not scan body markup * (e.g. script in on shared hosting). Values match Tailwind v3.4 defaults. */ .inline-flex { display: inline-flex; } .flex { display: flex; } .flex-wrap { flex-wrap: wrap; } .items-center { align-items: center; } .justify-center { justify-content: center; } .w-fit { width: fit-content; } .gap-4 { gap: 1rem; } .mt-10 { margin-top: 2.5rem; } .rounded-full { border-radius: 9999px; } .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .px-4 { padding-left: 1rem; padding-right: 1rem; } .px-8 { padding-left: 2rem; padding-right: 2rem; } .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; } .py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .min-h-\[48px\] { min-height: 48px; } .border { border-width: 1px; border-style: solid; } .text-white { color: #fff; } .backdrop-blur-md { -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); } /* Primary CTA shadow — keep accent tint (do not use generic shadow-lg alone) */ .shadow-lg.shadow-accent\/25, .shadow-accent\/25 { box-shadow: 0 10px 15px -3px rgb(var(--accent) / 0.25), 0 4px 6px -4px rgb(var(--accent) / 0.25); } .shadow-sm { box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .hover\:underline:hover { text-decoration-line: underline; } .bg-emerald-900\/12 { background-color: rgb(6 78 59 / 0.12); } .hover\:bg-emerald-900\/8:hover { background-color: rgb(6 78 59 / 0.08); } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:opacity-60:disabled { opacity: 0.6; } @media (min-width: 768px) { .md\:hidden { display: none; } }