.hub-home-link {
    margin-top: 28px
}

.home-model-card {
    background: white;
    border: 1px solid #eddfe8;
    border-radius: 23px;
    overflow: hidden;
    padding: 15px 15px 23px;
    display: block
}

.home-model-card img {
    height: 270px;
    width: 100%;
    object-fit: contain;
    background: #f6f1f3;
    border-radius: 14px
}

.home-model-card h3 {
    font-size: 18px;
    margin: 19px 5px 10px
}

.home-model-card span {
    font-size: 13px;
    font-weight: 700;
    color: #b45b83;
    margin: 5px
}

.home-faq-link {
    background: white;
    border: 1px solid #eee0e8;
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 25px;
    font-weight: 700
}

.home-faq-link b {
    color: #c4648e
}

.backend-video-card {
    padding: 0 !important;
    min-height: 285px;
    isolation: isolate
}

.backend-video-card:after {
    display: none !important
}

.backend-video-card>img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .8
}

.backend-video-card-label {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 25px;
    color: white;
    background: linear-gradient(#302541b0, transparent 60%, #302541c0)
}

.backend-video-card-label strong {
    font-size: 18px
}

.backend-video-card-label span {
    font-size: 13px
}

.backend-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border: 1px solid #ffffffb0;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    background: #d16d98;
    color: white;
    font-size: 25px;
    box-shadow: 0 4px 25px #30254140
}

.backend-play:focus-visible {
    outline: 3px solid white;
    outline-offset: 4px
}

#backend-video-modal {
    width: min(1100px, 94vw);
    max-height: 93vh;
    padding: 20px;
    border: 1px solid #efdee8;
    border-radius: 22px;
    background: #fffafd;
    color: #302541;
    box-shadow: 0 20px 100px #0004
}

#backend-video-modal::backdrop {
    background: #21182dcc
}

.backend-modal-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 15px
}

.backend-modal-top h2 {
    font-size: 20px;
    margin: 0
}

.backend-modal-top button {
    border: 0;
    background: #f8e3ed;
    color: #723c60;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    font-size: 26px;
    cursor: pointer
}

#backend-video-modal video {
    display: block;
    width: 100%;
    max-height: 76vh;
    background: #211a2a;
    border-radius: 12px
}

@media(max-width:760px) {
    .home-model-card img {
        height: 220px
    }

    .home-model-card h3 {
        font-size: 16px
    }

    .backend-video-card {
        min-height: 280px
    }

    .backend-modal-top h2 {
        font-size: 16px
    }

    #backend-video-modal {
        padding: 13px
    }
}

.hub-home-link.faq-home-entry {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: .4em;
    width: fit-content;
    max-width: 100%;
    margin: 28px auto 0 !important;
    text-align: center
}