#main-content:where(.astro-qxkhyxx5) {
    width: 100%;
    max-width: 80rem;
    margin: 2rem auto .25rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.gradient-bg:where(.astro-qxkhyxx5) {
    background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
    --tw-gradient-from: #dbeafe var(--tw-gradient-from-position);
    --tw-gradient-to: #dcfce7 var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}

.card-hover:where(.astro-qxkhyxx5) {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter, backdrop-filter, -webkit-backdrop-filter;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.card-hover:where(.astro-qxkhyxx5),
.card-hover:where(.astro-qxkhyxx5):hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y))rotate(var(--tw-rotate))skew(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))
}

.card-hover:where(.astro-qxkhyxx5):hover {
    --tw-translate-y: -.25rem;
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05
}

.puapfooterOuter:where(.astro-qxkhyxx5) {
    width: 100%;
    max-width: 80rem;
    margin: 2rem auto .25rem;
    padding-left: 1rem;
    padding-right: 1rem
}

.ft-out:where(.astro-qxkhyxx5) {
    width: 80rem
}