/* /Components/Layout/AdminLayout.razor.rz.scp.css */
.admin-page[b-4le7al5gp9] {
    display: flex;
    min-height: 100vh;
}

.admin-sidebar[b-4le7al5gp9] {
    width: 240px;
    background-image: linear-gradient(180deg, #1f2937 0%, #111827 100%);
    color: #e5e7eb;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
}

.admin-brand[b-4le7al5gp9] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    font-size: 1.1rem;
    font-weight: 600;
}

    .admin-brand a[b-4le7al5gp9] {
        color: #fff;
    }

.admin-nav[b-4le7al5gp9] {
    display: flex;
    flex-direction: column;
    padding: 0.5rem 0;
    flex: 1;
}

.admin-nav-link[b-4le7al5gp9] {
    color: #cbd5e1;
    padding: 0.65rem 1.25rem;
    text-decoration: none;
    font-size: 0.95rem;
    border-left: 3px solid transparent;
}

    .admin-nav-link:hover[b-4le7al5gp9] {
        background: rgba(255,255,255,0.05);
        color: #fff;
    }

    .admin-nav-link.active[b-4le7al5gp9] {
        background: rgba(59, 130, 246, 0.18);
        color: #fff;
        border-left-color: #3b82f6;
    }

.admin-nav-back[b-4le7al5gp9] {
    margin-top: 0.75rem;
    border-top: 1px solid rgba(255,255,255,0.08);
}

.admin-main[b-4le7al5gp9] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: #f3f4f6;
}

.admin-topbar[b-4le7al5gp9] {
    height: 3rem;
    padding: 0 1.5rem;
    background: #fff;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.admin-content[b-4le7al5gp9] {
    padding: 1.5rem;
    flex: 1;
}

@media (max-width: 768px) {
    .admin-page[b-4le7al5gp9] {
        flex-direction: column;
    }

    .admin-sidebar[b-4le7al5gp9] {
        width: 100%;
    }
}

/* Without this rule the div renders as normal static content at the bottom of the
   page (hence only visible when scrolled down) instead of a hidden fixed banner
   that JS reveals on an actual circuit error. */
#blazor-error-ui[b-4le7al5gp9] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2000;

    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;

    max-width: 46rem;
    margin: 0 auto;
    padding: .8rem .9rem;

    color: #7f1d42;
    border: 1px solid rgba(255, 61, 141, .22);
    border-radius: 1rem;

    background: rgba(255, 245, 248, .96);

    box-shadow:
        0 18px 48px rgba(21, 16, 54, .18);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

#blazor-error-ui .reload[b-4le7al5gp9] {
    color: #d92d82;
    font-weight: 850;
    text-decoration: none;
}

#blazor-error-ui .reload:hover[b-4le7al5gp9] {
    text-decoration: underline;
}

#blazor-error-ui .dismiss[b-4le7al5gp9] {
    position: absolute;
    top: 50%;
    right: .65rem;

    width: 2rem;
    height: 2rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    color: #7f1d42;

    border: 0;
    border-radius: .7rem;

    background: transparent;

    cursor: pointer;

    transform: translateY(-50%);
}

#blazor-error-ui .dismiss:hover[b-4le7al5gp9] {
    background: rgba(255, 61, 141, .10);
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-lgs7orf76m] {
    position: relative;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    background:
        radial-gradient(circle at 70% 0%, rgba(124, 58, 237, .035), transparent 30%),
        #ffffff;
}

main[b-lgs7orf76m] {
    flex: 1 1 auto;
    min-width: 0;
}

.sidebar[b-lgs7orf76m] {
    position: relative;
    flex: 0 0 auto;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 61, 141, .18), transparent 28%),
        radial-gradient(circle at 90% 22%, rgba(124, 58, 237, .18), transparent 32%),
        linear-gradient(180deg, #071434 0%, #171050 48%, #330735 100%);
}

/* =========================
   Top navigation bar
   ========================= */

.top-row[b-lgs7orf76m] {
    position: relative;
    z-index: 20;
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .55rem 1.5rem;

    background: rgba(255, 255, 255, .97);
    border-bottom: 1px solid rgba(38, 24, 69, .09);

    box-shadow:
        0 8px 26px rgba(21, 16, 54, .045),
        inset 0 1px 0 rgba(255, 255, 255, .9);

}

.top-row[b-lgs7orf76m]::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 1px;
    pointer-events: none;
    opacity: .38;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 61, 141, .35),
            rgba(124, 58, 237, .35),
            transparent
        );
}

/* =========================
   Brand tagline
   ========================= */

.topbar-tagline[b-lgs7orf76m] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #47384f;
    font-size: .88rem;
    font-weight: 850;
    letter-spacing: -.012em;
    white-space: nowrap;
}

.topbar-tagline__word[b-lgs7orf76m] {
    color: #47384f;
    font-weight: 850;
    transition:
        color .16s ease,
        transform .16s ease;
}

.topbar-tagline:hover .topbar-tagline__word[b-lgs7orf76m] {
    color: #33243d;
}

.topbar-tagline__word:hover[b-lgs7orf76m] {
    color: #d92d82 !important;
    transform: translateY(-1px);
}

.topbar-tagline__mark[b-lgs7orf76m] {
    width: 1.85rem;
    height: 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .15rem;

    border-radius: .7rem;
    color: #ffffff;
    font-size: .86rem;

    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .34), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);

    box-shadow:
        0 8px 20px rgba(124, 58, 237, .19),
        inset 0 1px 0 rgba(255, 255, 255, .25);
}

/* =========================
   Actions
   ========================= */

.topbar-actions[b-lgs7orf76m] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .25rem;
}

.topbar-icon-slot[b-lgs7orf76m] {
    position: relative;

    transform: none;
    filter: none;
    perspective: none;

    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #4e4359;

    border: 1px solid transparent;
    border-radius: .9rem;

    background: transparent;

    cursor: pointer;

    transition:
        color .16s ease,
        background-color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.topbar-icon-slot:hover[b-lgs7orf76m] {
    color: #d92d82;

    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .09),
            rgba(124, 58, 237, .08)
        );

    border-color: rgba(255, 61, 141, .14);

    box-shadow:
        0 9px 22px rgba(124, 58, 237, .09);
}

.topbar-icon-slot:focus-within[b-lgs7orf76m] {
    border-color: rgba(255, 61, 141, .32);

    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .11);
}

/*
   Only the root element rendered by FriendRequestsIcon,
   NotificationBell or ChatIcon fills the slot.

   Do not size every nested button or link: dropdowns and offcanvas
   panels are rendered inside these components and must keep their
   own dimensions.
*/
.topbar-icon-slot[b-lgs7orf76m]  > * {
    width: 100%;
    height: 100%;
    min-width: 0;
    min-height: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin: 0;
    padding: 0;

    color: inherit;
}

/* NotificationBell root wrapper */
.topbar-icon-slot[b-lgs7orf76m]  > .notification-bell-wrapper {
    width: 100%;
    height: 100%;

    color: inherit;
}

/* Let the bell inherit the slot hover and focus color */
.topbar-icon-slot[b-lgs7orf76m]  .notification-bell-icon {
    color: inherit;
}

/* Neutralize only root buttons and links, never nested panel content */
.topbar-icon-slot[b-lgs7orf76m]  > button,
.topbar-icon-slot[b-lgs7orf76m]  > a,
.topbar-icon-slot[b-lgs7orf76m]  > .btn,
.topbar-icon-slot[b-lgs7orf76m]  > .btn-link {
    border: 0;
    border-radius: inherit;

    background: transparent;
    box-shadow: none;

    text-decoration: none;
}

.topbar-divider[b-lgs7orf76m] {
    width: 1px;
    height: 1.65rem;
    margin: 0 .5rem;

    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(38, 24, 69, .17),
            transparent
        );
}

/* =========================
   About button
   ========================= */

.topbar-about[b-lgs7orf76m] {
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;

    padding: .48rem .78rem;
    border-radius: .85rem;

    color: #62566d;
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;

    background: rgba(246, 241, 247, .72);
    border: 1px solid rgba(38, 24, 69, .09);

    transition:
        color .16s ease,
        background .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.topbar-about i[b-lgs7orf76m] {
    color: #8b5cf6;
    font-size: .95rem;
}

.topbar-about:hover[b-lgs7orf76m] {
    color: #d92d82;
    text-decoration: none;

    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .09),
            rgba(124, 58, 237, .09)
        );

    border-color: rgba(255, 61, 141, .17);

    box-shadow:
        0 9px 22px rgba(124, 58, 237, .09);

    transform: translateY(-1px);
}

.topbar-about:hover i[b-lgs7orf76m] {
    color: #d92d82;
}

/* =========================
   Main content
   ========================= */

.content[b-lgs7orf76m] {
    min-width: 0;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

/* =========================
   Mobile
   ========================= */

@media (max-width: 640.98px) {
    .page[b-lgs7orf76m] {
        min-height: 100dvh;
    }

    .sidebar[b-lgs7orf76m] {
        width: 100%;
    }

    .top-row[b-lgs7orf76m] {
        position: sticky;
        top: 0;

        min-height: 3.85rem;
        justify-content: center;

        padding: .45rem .75rem;

        background: rgba(255, 255, 255, .94);
    }

    .topbar-tagline[b-lgs7orf76m] {
        display: none;
    }

    .topbar-actions[b-lgs7orf76m] {
        width: 100%;
        justify-content: space-around;
        gap: .25rem;
    }

    .topbar-icon-slot[b-lgs7orf76m] {
        width: 3.1rem;
        height: 3rem;
        flex-basis: 3.1rem;

        border-radius: .95rem;
    }

    .topbar-divider[b-lgs7orf76m] {
        display: none;
    }

    .topbar-about[b-lgs7orf76m] {
        min-height: 2.85rem;
        padding: .45rem .7rem;
        background: transparent;
        border-color: transparent;
    }

    .topbar-about i[b-lgs7orf76m] {
        display: none;
    }

    .topbar-about span[b-lgs7orf76m] {
        font-size: .9rem;
    }

    .content[b-lgs7orf76m] {
        padding-right: .25rem;
        padding-left: .25rem;
    }
}

/* =========================
   Desktop
   ========================= */

@media (min-width: 641px) {
    .page[b-lgs7orf76m] {
        flex-direction: row;
    }

    .sidebar[b-lgs7orf76m] {
        position: sticky;
        top: 0;

        width: 16rem;
        height: 100vh;
        flex: 0 0 16rem;

        overflow: hidden;
    }

    .top-row[b-lgs7orf76m] {
        position: sticky;
        top: 0;
    }
}

/* =========================
   Blazor error UI
   ========================= */

#blazor-error-ui[b-lgs7orf76m] {
    position: fixed;
    right: 1rem;
    bottom: 1rem;
    left: 1rem;
    z-index: 2000;

    display: none;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;

    max-width: 46rem;
    margin: 0 auto;
    padding: .8rem .9rem;

    color: #7f1d42;
    border: 1px solid rgba(255, 61, 141, .22);
    border-radius: 1rem;

    background: rgba(255, 245, 248, .96);

    box-shadow:
        0 18px 48px rgba(21, 16, 54, .18);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.blazor-error-content[b-lgs7orf76m] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
    font-size: .86rem;
}

.blazor-error-content > i[b-lgs7orf76m] {
    color: #d92d62;
    font-size: 1rem;
}

#blazor-error-ui .reload[b-lgs7orf76m] {
    color: #d92d82;
    font-weight: 850;
    text-decoration: none;
}

#blazor-error-ui .reload:hover[b-lgs7orf76m] {
    text-decoration: underline;
}

#blazor-error-ui .dismiss[b-lgs7orf76m] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    border: 0;
    border-radius: .7rem;

    color: #7f1d42;
    background: transparent;
    cursor: pointer;
}

#blazor-error-ui .dismiss:hover[b-lgs7orf76m] {
    background: rgba(255, 61, 141, .10);
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.nav-menu[b-bup024pduc] {
    position: relative;

    width: 100%;
    height: 100%;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 18% 2%,
            rgba(255, 61, 141, .20),
            transparent 27%
        ),
        radial-gradient(
            circle at 92% 30%,
            rgba(124, 58, 237, .19),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            #11102f 0%,
            #18104b 48%,
            #32072f 100%
        );
}

/* =========================
   Header and brand
   ========================= */

.nav-header[b-bup024pduc] {
    position: relative;
    z-index: 103;

    height: 4.5rem;

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 0 1rem;

    border-bottom: 1px solid rgba(255, 255, 255, .08);

    background:
        linear-gradient(
            135deg,
            rgba(15, 15, 48, .94),
            rgba(43, 14, 62, .94)
        );

    box-shadow:
        0 10px 30px rgba(4, 3, 22, .18);

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.brand[b-bup024pduc] {
    min-width: 0;

    display: inline-flex;
    align-items: center;
    gap: .7rem;

    color: #ffffff;
    text-decoration: none;
}

.brand:hover[b-bup024pduc] {
    color: #ffffff;
    text-decoration: none;
}

.brand:focus-visible[b-bup024pduc] {
    outline: 3px solid rgba(255, 61, 141, .32);
    outline-offset: 4px;
    border-radius: .8rem;
}

.brand-mark[b-bup024pduc] {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: .8rem;

    color: #ffffff;
    font-size: 1rem;

    background:
        radial-gradient(
            circle at 24% 8%,
            rgba(255, 255, 255, .38),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #ff4f98,
            #8b3ff1
        );

    box-shadow:
        0 8px 22px rgba(255, 61, 141, .28),
        inset 0 1px 0 rgba(255, 255, 255, .28);
}

.brand-name[b-bup024pduc] {
    min-width: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    font-size: 1.05rem;
    font-weight: 850;
    letter-spacing: -.018em;
}

/* =========================
   Mobile toggle
   ========================= */

.nav-toggle[b-bup024pduc] {
    position: absolute;

    width: 1px;
    height: 1px;

    overflow: hidden;

    opacity: 0;
    pointer-events: none;
}

.nav-toggle-button[b-bup024pduc] {
    width: 3rem;
    height: 2.75rem;
    flex: 0 0 auto;

    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .32rem;

    margin: 0;
    padding: 0;

    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: .95rem;

    background: rgba(255, 255, 255, .09);

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .09);

    cursor: pointer;

    transition:
        background-color .18s ease,
        border-color .18s ease,
        transform .18s ease;
}

.nav-toggle-button:hover[b-bup024pduc] {
    background: rgba(255, 255, 255, .15);
    border-color: rgba(255, 255, 255, .25);
}

.nav-toggle-button:active[b-bup024pduc] {
    transform: scale(.97);
}

.nav-toggle-button span[b-bup024pduc] {
    width: 1.45rem;
    height: 2px;

    display: block;

    border-radius: 999px;

    background: rgba(255, 255, 255, .92);

    transition:
        transform .22s ease,
        opacity .18s ease;
}

.nav-toggle:focus-visible ~ .nav-header .nav-toggle-button[b-bup024pduc] {
    outline: 3px solid rgba(255, 61, 141, .30);
    outline-offset: 2px;
}

.nav-toggle:checked ~ .nav-header .nav-toggle-button span:nth-child(1)[b-bup024pduc] {
    transform: translateY(.42rem) rotate(45deg);
}

.nav-toggle:checked ~ .nav-header .nav-toggle-button span:nth-child(2)[b-bup024pduc] {
    opacity: 0;
}

.nav-toggle:checked ~ .nav-header .nav-toggle-button span:nth-child(3)[b-bup024pduc] {
    transform: translateY(-.42rem) rotate(-45deg);
}

/* =========================
   Navigation panel
   ========================= */

.nav-panel[b-bup024pduc] {
    position: relative;
    z-index: 101;

    height: calc(100% - 4.5rem);

    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(255, 61, 141, .13),
            transparent 28%
        ),
        radial-gradient(
            circle at 90% 30%,
            rgba(124, 58, 237, .13),
            transparent 34%
        );
}

.nav-content[b-bup024pduc] {
    height: 100%;
    min-height: 0;

    display: flex;
    flex-direction: column;

    padding: 1.15rem .8rem 1rem;

    overflow-x: hidden;
    overflow-y: auto;

    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .22) transparent;
}

.nav-content[b-bup024pduc]::-webkit-scrollbar {
    width: 7px;
}

.nav-content[b-bup024pduc]::-webkit-scrollbar-track {
    background: transparent;
}

.nav-content[b-bup024pduc]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(255, 255, 255, .18);
}

.nav-content[b-bup024pduc]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, .28);
}

.nav-primary[b-bup024pduc] {
    display: flex;
    flex-direction: column;
    gap: .28rem;
}

.nav-account[b-bup024pduc] {
    display: flex;
    flex-direction: column;
    gap: .28rem;

    margin-top: auto;
}

.nav-section-title[b-bup024pduc] {
    padding: 0 .9rem .4rem;

    color: rgba(255, 255, 255, .42);

    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.nav-divider[b-bup024pduc] {
    height: 1px;

    margin: 1rem .9rem;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, .14),
            transparent
        );
}

/* =========================
   Navigation links
   ========================= */

.nav-item[b-bup024pduc] {
    width: 100%;
}

.nav-item[b-bup024pduc]  .nav-link {
    position: relative;

    width: 100%;
    min-height: 3.35rem;

    display: flex;
    align-items: center;
    gap: .75rem;

    padding: .48rem .65rem;

    color: rgba(255, 255, 255, .74);
    text-decoration: none;

    border: 1px solid transparent;
    border-radius: 1rem;

    background: transparent;

    font-size: .93rem;
    font-weight: 700;
    letter-spacing: -.012em;

    transition:
        color .18s ease,
        background-color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.nav-item[b-bup024pduc]  .nav-link::after {
    content: "";

    position: absolute;
    top: 50%;
    left: -.05rem;

    width: 3px;
    height: 1.35rem;

    border-radius: 999px;

    background:
        linear-gradient(
            180deg,
            #ff4f98,
            #9b4dff
        );

    opacity: 0;

    transform:
        translateY(-50%)
        scaleY(.55);

    transition:
        opacity .18s ease,
        transform .18s ease;
}

.nav-item[b-bup024pduc]  .nav-link:hover {
    color: #ffffff;

    border-color: rgba(255, 255, 255, .10);

    background: rgba(255, 255, 255, .075);

    transform: translateX(2px);
}

.nav-item[b-bup024pduc]  .nav-link:focus-visible {
    outline: 3px solid rgba(255, 61, 141, .25);
    outline-offset: 2px;

    color: #ffffff;
}

.nav-item[b-bup024pduc]  .nav-link.active {
    color: #ffffff;

    border-color: rgba(255, 255, 255, .17);

    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .22),
            rgba(124, 58, 237, .25)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .11),
        0 12px 28px rgba(5, 4, 24, .20);
}

.nav-item[b-bup024pduc]  .nav-link.active::after {
    opacity: 1;

    transform:
        translateY(-50%)
        scaleY(1);
}

.nav-icon[b-bup024pduc] {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: .72rem;

    color: rgba(255, 255, 255, .77);
    background: rgba(255, 255, 255, .07);

    transition:
        color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.nav-icon i[b-bup024pduc] {
    margin: 0;

    font-size: 1rem;
    line-height: 1;
}

.nav-item[b-bup024pduc]  .nav-link:hover .nav-icon {
    color: #ffffff;
    background: rgba(255, 255, 255, .11);
}

.nav-item[b-bup024pduc]  .nav-link.active .nav-icon {
    color: #ffffff;

    background:
        linear-gradient(
            135deg,
            rgba(255, 79, 152, .95),
            rgba(139, 63, 241, .95)
        );

    box-shadow:
        0 7px 18px rgba(139, 63, 241, .25);
}

.nav-label[b-bup024pduc] {
    min-width: 0;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.nav-label-group[b-bup024pduc] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .08rem;

    line-height: 1.1;
}

.nav-label-group .nav-label[b-bup024pduc] {
    display: block;
    line-height: 1.12;
}

.nav-subtitle[b-bup024pduc] {
    display: block;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: rgba(255, 255, 255, .46);

    font-size: .68rem;
    font-weight: 500;
    line-height: 1.12;
    letter-spacing: 0;

    transition: color .18s ease;
}

.nav-item[b-bup024pduc]  .nav-link:hover .nav-subtitle {
    color: rgba(255, 255, 255, .64);
}

.nav-item[b-bup024pduc]  .nav-link.active .nav-subtitle {
    color: rgba(255, 255, 255, .72);
}

.nav-item[b-bup024pduc]  .nav-link-primary {
    color: #ffffff;

    border-color: rgba(255, 255, 255, .17);

    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .29),
            rgba(124, 58, 237, .30)
        );
}

.nav-item[b-bup024pduc]  .nav-link-secondary {
    color: rgba(255, 255, 255, .63);
}

/* =========================
   Account card
   ========================= */

.account-card[b-bup024pduc] {
    width: 100%;
    min-width: 0;
    min-height: 4.4rem;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;

    margin-bottom: .4rem;
    padding: .6rem .75rem;

    color: #ffffff;
    text-decoration: none;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 1rem;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .085),
            rgba(255, 255, 255, .045)
        );

    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .07);

    transition:
        border-color .18s ease,
        background .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.account-card:hover[b-bup024pduc] {
    color: #ffffff;
    text-decoration: none;

    border-color: rgba(255, 79, 152, .27);

    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .13),
            rgba(124, 58, 237, .13)
        );

    box-shadow:
        0 12px 28px rgba(4, 3, 22, .18);

    transform: translateY(-1px);
}

.account-card:focus-visible[b-bup024pduc] {
    outline: 3px solid rgba(255, 61, 141, .26);
    outline-offset: 2px;
}

.account-avatar[b-bup024pduc] {
    min-width: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.account-details[b-bup024pduc] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: .16rem;
}

.account-name[b-bup024pduc] {
    display: block;
    min-width: 0;
    max-width: 100%;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: #ffffff;

    font-size: .88rem;
    font-weight: 800;
    line-height: 1.2;
}

.account-status[b-bup024pduc] {
    display: block;

    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

    color: rgba(255, 255, 255, .55);

    font-size: .69rem;
    font-weight: 650;
    line-height: 1.2;
}

.account-chevron[b-bup024pduc] {
    flex: 0 0 auto;

    color: rgba(255, 255, 255, .42);

    font-size: .8rem;

    transition:
        color .18s ease,
        transform .18s ease;
}

.account-card:hover .account-chevron[b-bup024pduc] {
    color: #ffffff;
    transform: translateX(2px);
}

.nav-mobile-only[b-bup024pduc] {
    display: none;
}

/* =========================
   Mobile backdrop
   ========================= */

.nav-backdrop[b-bup024pduc] {
    display: none;
}

/* =========================
   Mobile drawer
   ========================= */

@media (max-width: 640.98px) {
    .nav-menu[b-bup024pduc] {
        height: 4.75rem;
        background: transparent;
    }

    .nav-header[b-bup024pduc] {
        height: 4.75rem;

        padding: 0 1rem;
    }

    .brand-mark[b-bup024pduc] {
        width: 2.45rem;
        height: 2.45rem;
        flex-basis: 2.45rem;

        border-radius: .85rem;
    }

    .brand-name[b-bup024pduc] {
        font-size: 1.12rem;
    }

    .nav-panel[b-bup024pduc] {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;

        z-index: 101;

        width: min(86vw, 22rem);
        height: 100dvh;

        padding-top: 4.75rem;

        background:
            radial-gradient(
                circle at 18% 3%,
                rgba(255, 61, 141, .20),
                transparent 28%
            ),
            radial-gradient(
                circle at 90% 35%,
                rgba(124, 58, 237, .18),
                transparent 34%
            ),
            linear-gradient(
                180deg,
                #11102f 0%,
                #18104b 52%,
                #32072f 100%
            );

        box-shadow:
            22px 0 55px rgba(4, 3, 22, .34);

        transform: translateX(-105%);

        transition:
            transform .25s cubic-bezier(.22, 1, .36, 1);
    }

    .nav-content[b-bup024pduc] {
        height: calc(100dvh - 4.75rem);

        padding:
            1.25rem
            .85rem
            max(1.1rem, env(safe-area-inset-bottom));
    }

    .nav-backdrop[b-bup024pduc] {
        position: fixed;
        inset: 0;

        z-index: 100;

        display: block;

        background: rgba(8, 5, 24, .54);

        opacity: 0;
        visibility: hidden;
        pointer-events: none;

        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);

        transition:
            opacity .22s ease,
            visibility .22s ease;
    }

    .nav-toggle:checked ~ .nav-panel[b-bup024pduc] {
        transform: translateX(0);
    }

    .nav-toggle:checked ~ .nav-backdrop[b-bup024pduc] {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .nav-mobile-only[b-bup024pduc] {
        display: block;
    }

    .nav-section-title[b-bup024pduc] {
        padding-left: .85rem;
    }

    .nav-item[b-bup024pduc]  .nav-link {
        min-height: 3.65rem;

        font-size: .98rem;
    }

    .nav-label-group[b-bup024pduc] {
        gap: .06rem;
    }

    .nav-subtitle[b-bup024pduc] {
        font-size: .66rem;
        line-height: 1.08;
    }

    .nav-icon[b-bup024pduc] {
        width: 2.3rem;
        height: 2.3rem;
        flex-basis: 2.3rem;
    }

    .nav-divider[b-bup024pduc] {
        margin-top: 1.2rem;
    }

    .account-card[b-bup024pduc] {
        min-height: 4.65rem;

        padding: .62rem .75rem;
    }

    .account-name[b-bup024pduc] {
        font-size: .92rem;
    }

    .account-status[b-bup024pduc] {
        font-size: .72rem;
    }
}

/* =========================
   Desktop
   ========================= */

@media (min-width: 641px) {
    .nav-toggle[b-bup024pduc],
    .nav-toggle-button[b-bup024pduc],
    .nav-backdrop[b-bup024pduc] {
        display: none;
    }

    .nav-panel[b-bup024pduc] {
        display: block;
    }
}

/* =========================
   Reduced motion
   ========================= */

@media (prefers-reduced-motion: reduce) {
    .nav-toggle-button[b-bup024pduc],
    .nav-toggle-button span[b-bup024pduc],
    .nav-panel[b-bup024pduc],
    .nav-backdrop[b-bup024pduc],
    .nav-item[b-bup024pduc]  .nav-link,
    .nav-item[b-bup024pduc]  .nav-link::after,
    .nav-icon[b-bup024pduc],
    .account-card[b-bup024pduc],
    .account-chevron[b-bup024pduc] {
        transition: none;
    }
}

/* =========================
   Primary navigation groups
   ========================= */

.nav-primary .nav-divider--primary[b-bup024pduc] {
    margin: .75rem .9rem .65rem;
}

.nav-section-title--sub[b-bup024pduc] {
    padding-top: .05rem;
    padding-bottom: .35rem;
    color: rgba(255, 255, 255, .38);
}

@media (max-width: 640.98px) {
    .nav-primary .nav-divider--primary[b-bup024pduc] {
        margin-top: .85rem;
        margin-bottom: .7rem;
    }
}

/* =========================
   Profile photo coachmark
   ========================= */

.nav-photo-reminder-anchor[b-bup024pduc] {
    position: relative;
}

.photo-reminder[b-bup024pduc] {
    position: relative;

    display: flex;
    align-items: flex-start;
    gap: .65rem;

    padding: .85rem .95rem .85rem 1.6rem;

    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 1.1rem;

    background:
        radial-gradient(
            circle at 20% 0%,
            rgba(255, 255, 255, .22),
            transparent 40%
        ),
        linear-gradient(
            135deg,
            #ff4f98,
            #8b3ff1
        );

    box-shadow:
        0 12px 28px rgba(124, 58, 237, .28),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.photo-reminder__arrow[b-bup024pduc] {
    position: absolute;

    width: .85rem;
    height: .85rem;

    background: linear-gradient(135deg, #ff4f98, #8b3ff1);
}

.photo-reminder__close[b-bup024pduc] {
    position: absolute;
    top: .5rem;
    right: .5rem;

    width: 1.6rem;
    height: 1.6rem;
    flex: 0 0 auto;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: none;
    border-radius: 999px;

    color: rgba(255, 255, 255, .78);
    background: rgba(0, 0, 0, .16);

    font-size: .68rem;
    line-height: 1;

    cursor: pointer;

    transition:
        color .16s ease,
        background-color .16s ease;
}

.photo-reminder__close:hover[b-bup024pduc] {
    color: #ffffff;
    background: rgba(0, 0, 0, .28);
}

.photo-reminder__icon[b-bup024pduc] {
    width: 2.1rem;
    height: 2.1rem;
    flex: 0 0 2.1rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: .75rem;

    color: #ffffff;
    background: rgba(255, 255, 255, .18);

    font-size: .92rem;
}

.photo-reminder__body[b-bup024pduc] {
    min-width: 0;
    padding-right: 1rem;

    color: #ffffff;
}

.photo-reminder__body strong[b-bup024pduc] {
    display: block;

    font-size: .86rem;
    font-weight: 850;
    letter-spacing: -.01em;
}

.photo-reminder__body p[b-bup024pduc] {
    margin: .18rem 0 .6rem;

    color: rgba(255, 255, 255, .88);

    font-size: .76rem;
    font-weight: 500;
    line-height: 1.32;
}

.photo-reminder__cta[b-bup024pduc] {
    display: inline-flex;
    align-items: center;

    padding: .4rem .85rem;

    border: none;
    border-radius: 999px;

    color: #7c1d5e;
    background: #ffffff;

    font-size: .76rem;
    font-weight: 850;

    cursor: pointer;

    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.photo-reminder__cta:hover[b-bup024pduc] {
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18);
    transform: translateY(-1px);
}

@media (min-width: 641px) {
    .photo-reminder[b-bup024pduc] {
        position: absolute;
        top: 50%;
        left: calc(100% + .8rem);
        z-index: 110;

        width: 16.5rem;

        transform: translateY(-50%);
    }

    .photo-reminder__arrow--mobile[b-bup024pduc] {
        display: none;
    }

    .photo-reminder__arrow--desktop[b-bup024pduc] {
        top: 50%;
        left: -.35rem;

        transform:
            translateY(-50%)
            rotate(45deg);
    }
}

@media (max-width: 640.98px) {
    .photo-reminder[b-bup024pduc] {
        position: static;

        width: 100%;
        margin: .35rem 0 .5rem;
    }

    .photo-reminder__arrow--desktop[b-bup024pduc] {
        display: none;
    }

    .photo-reminder__arrow--mobile[b-bup024pduc] {
        bottom: -.35rem;
        left: 1.75rem;

        transform: rotate(45deg);
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-76x51lwrqw],
.components-reconnect-repeated-attempt-visible[b-76x51lwrqw],
.components-reconnect-failed-visible[b-76x51lwrqw],
.components-pause-visible[b-76x51lwrqw],
.components-resume-failed-visible[b-76x51lwrqw],
.components-rejoining-animation[b-76x51lwrqw] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-76x51lwrqw],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-76x51lwrqw],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-76x51lwrqw],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-76x51lwrqw],
#components-reconnect-modal.components-reconnect-retrying[b-76x51lwrqw],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-76x51lwrqw],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-76x51lwrqw],
#components-reconnect-modal.components-reconnect-failed[b-76x51lwrqw],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-76x51lwrqw] {
    display: block;
}


#components-reconnect-modal[b-76x51lwrqw] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-76x51lwrqw 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-76x51lwrqw 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-76x51lwrqw 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-76x51lwrqw]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-76x51lwrqw 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-76x51lwrqw {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-76x51lwrqw {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-76x51lwrqw {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-76x51lwrqw] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-76x51lwrqw] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-76x51lwrqw] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-76x51lwrqw] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-76x51lwrqw] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-76x51lwrqw] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-76x51lwrqw] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-76x51lwrqw 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-76x51lwrqw] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-76x51lwrqw {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-page[b-re6abd0q1p] {
    width: min(100%, 1040px);
    margin: 0 auto;
    padding: 1.75rem 1rem 3rem;
}

/* =========================
   Hero
   ========================= */

.about-hero[b-re6abd0q1p] {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;

    padding: 2rem;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.65rem;

    background:
        radial-gradient(
            circle at 12% 0%,
            rgba(255, 61, 141, .42),
            transparent 34%
        ),
        radial-gradient(
            circle at 92% 12%,
            rgba(124, 58, 237, .45),
            transparent 36%
        ),
        linear-gradient(
            135deg,
            #0b1232 0%,
            #171050 54%,
            #380735 100%
        );

    box-shadow:
        0 24px 65px rgba(23, 16, 80, .24),
        inset 0 1px 0 rgba(255, 255, 255, .14);
}

.about-hero[b-re6abd0q1p]::after {
    content: "";

    position: absolute;
    right: -5.5rem;
    bottom: -7rem;

    width: 15rem;
    height: 15rem;

    border-radius: 50%;

    background: rgba(255, 255, 255, .07);

    pointer-events: none;
}

.about-hero__content[b-re6abd0q1p] {
    position: relative;
    z-index: 1;

    min-width: 0;
}

.about-hero__badge[b-re6abd0q1p] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;

    margin-bottom: .85rem;
    padding: .38rem .72rem;

    color: rgba(255, 255, 255, .90);

    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;

    background: rgba(255, 255, 255, .11);

    font-size: .74rem;
    font-weight: 820;
    letter-spacing: .02em;
}

.about-hero__badge-mark[b-re6abd0q1p] {
    color: #ff8fc2;
}

.about-hero h1[b-re6abd0q1p] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;

    margin: 0;

    font-size: clamp(2.25rem, 6vw, 4rem);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.06em;
}

.about-hero h1 span:first-child[b-re6abd0q1p] {
    color: #ffffff;
}

.about-hero h1 span:last-child[b-re6abd0q1p] {
    color: #ff76b2;
}

.about-hero__lead[b-re6abd0q1p] {
    max-width: 39rem;

    margin: .9rem 0 0;

    color: rgba(255, 255, 255, .76);

    font-size: clamp(.96rem, 2vw, 1.08rem);
    line-height: 1.55;
}

.about-hero__principles[b-re6abd0q1p] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;

    margin-top: 1.15rem;
}

.about-hero__principles span[b-re6abd0q1p] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;

    min-height: 2.15rem;
    padding: .42rem .68rem;

    color: rgba(255, 255, 255, .84);

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;

    background: rgba(255, 255, 255, .08);

    font-size: .77rem;
    font-weight: 760;
}

.about-hero__principles i[b-re6abd0q1p] {
    color: #ff83bc;
}

.about-hero__visual[b-re6abd0q1p] {
    position: relative;
    z-index: 1;

    width: 8rem;
    height: 8rem;
    flex: 0 0 8rem;

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 2rem;

    background:
        radial-gradient(
            circle at 25% 10%,
            rgba(255, 255, 255, .24),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .92),
            rgba(124, 58, 237, .92)
        );

    box-shadow:
        0 20px 46px rgba(124, 58, 237, .30),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.about-hero__sparkle[b-re6abd0q1p] {
    position: absolute;

    color: #ffffff;

    line-height: 1;
}

.about-hero__sparkle--large[b-re6abd0q1p] {
    top: 50%;
    left: 50%;

    font-size: 3.8rem;

    transform: translate(-50%, -50%);
}

.about-hero__sparkle--small[b-re6abd0q1p] {
    top: 1rem;
    right: 1rem;

    color: rgba(255, 255, 255, .70);

    font-size: 1rem;
}

/* =========================
   Meet and Show
   ========================= */

.about-pillars[b-re6abd0q1p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;

    margin-top: 1rem;
}

.about-pillar[b-re6abd0q1p] {
    position: relative;
    overflow: hidden;

    min-width: 0;
    min-height: 16rem;

    display: flex;
    flex-direction: column;

    padding: 1.25rem;

    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.35rem;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fff9fc 100%
        );

    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);

    transition:
        border-color .18s ease,
        box-shadow .18s ease;
}

.about-pillar[b-re6abd0q1p]::after {
    content: "";

    position: absolute;
    right: -3.8rem;
    bottom: -4.2rem;

    width: 9rem;
    height: 9rem;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(124, 58, 237, .09),
            transparent 68%
        );

    pointer-events: none;
}

.about-pillar:hover[b-re6abd0q1p] {
    border-color: rgba(255, 61, 141, .17);

    box-shadow:
        0 24px 58px rgba(21, 16, 54, .12),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.about-pillar__header[b-re6abd0q1p] {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    gap: .8rem;
}

.about-pillar__icon[b-re6abd0q1p] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: 1rem;

    background:
        radial-gradient(
            circle at 25% 8%,
            rgba(255, 255, 255, .28),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #3b82f6,
            #7c3aed
        );

    box-shadow:
        0 13px 28px rgba(59, 130, 246, .18);
}

.about-pillar--show .about-pillar__icon[b-re6abd0q1p] {
    background:
        radial-gradient(
            circle at 25% 8%,
            rgba(255, 255, 255, .28),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #ff3d8d,
            #7c3aed
        );

    box-shadow:
        0 13px 28px rgba(255, 61, 141, .20);
}

.about-pillar__eyebrow[b-re6abd0q1p] {
    display: block;

    margin-bottom: .14rem;

    color: #8b6a93;

    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.about-pillar h2[b-re6abd0q1p] {
    margin: 0;

    color: #20172b;

    font-size: 1.45rem;
    font-weight: 880;
    letter-spacing: -.035em;
}

.about-pillar > p[b-re6abd0q1p] {
    position: relative;
    z-index: 1;

    margin: 1rem 0 1.1rem;

    color: #62566d;

    font-size: .92rem;
    line-height: 1.58;
}

.about-pillar__footer[b-re6abd0q1p] {
    position: relative;
    z-index: 1;

    display: flex;
    align-items: center;
    gap: .5rem;

    margin-top: auto;
    padding-top: .85rem;

    color: #7b667f;

    border-top: 1px solid rgba(39, 24, 69, .09);

    font-size: .78rem;
    font-weight: 720;
    line-height: 1.4;
}

.about-pillar__footer i[b-re6abd0q1p] {
    color: #8b5cf6;
}

.about-pillar--show .about-pillar__footer i[b-re6abd0q1p] {
    color: #d92d82;
}

/* =========================
   Consent
   ========================= */

.about-consent[b-re6abd0q1p] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .9rem 1rem;

    margin-top: 1rem;
    padding: 1.25rem;

    border: 1px solid rgba(33, 184, 107, .18);
    border-radius: 1.35rem;

    background:
        radial-gradient(
            circle at 5% 0%,
            rgba(33, 184, 107, .10),
            transparent 34%
        ),
        radial-gradient(
            circle at 95% 100%,
            rgba(124, 58, 237, .08),
            transparent 36%
        ),
        linear-gradient(
            180deg,
            #f7fff9 0%,
            #ffffff 100%
        );

    box-shadow:
        0 18px 45px rgba(21, 16, 54, .07),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.about-consent__icon[b-re6abd0q1p] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: 1rem;

    background:
        radial-gradient(
            circle at 25% 8%,
            rgba(255, 255, 255, .28),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #21b86b,
            #10b981
        );

    box-shadow:
        0 13px 28px rgba(16, 185, 129, .20);
}

.about-consent__eyebrow[b-re6abd0q1p] {
    display: block;

    margin-bottom: .15rem;

    color: #398160;

    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.about-consent h2[b-re6abd0q1p] {
    margin: 0;

    color: #183d2d;

    font-size: 1.25rem;
    font-weight: 870;
    letter-spacing: -.025em;
}

.about-consent__content p[b-re6abd0q1p] {
    max-width: 44rem;

    margin: .65rem 0 0;

    color: #4b6659;

    font-size: .88rem;
    line-height: 1.56;
}

.about-consent__rules[b-re6abd0q1p] {
    grid-column: 1 / -1;

    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .6rem;

    margin: .2rem 0 0;
    padding: 0;

    list-style: none;
}

.about-consent__rules li[b-re6abd0q1p] {
    min-width: 0;

    display: flex;
    align-items: center;
    gap: .42rem;

    padding: .62rem .7rem;

    color: #355c49;

    border: 1px solid rgba(33, 184, 107, .13);
    border-radius: .85rem;

    background: rgba(255, 255, 255, .72);

    font-size: .76rem;
    font-weight: 750;
    line-height: 1.35;
}

.about-consent__rules i[b-re6abd0q1p] {
    flex: 0 0 auto;

    color: #18a866;
}

/* =========================
   How XLibertia Works
   ========================= */

.about-how[b-re6abd0q1p] {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;

    margin-top: 1rem;
    padding: 1rem 1.05rem;

    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 1.25rem;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(124, 58, 237, .10),
            transparent 38%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(255, 61, 141, .08),
            transparent 36%
        ),
        linear-gradient(
            135deg,
            #fffafd,
            #faf7ff
        );

    box-shadow:
        0 16px 38px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.about-how[b-re6abd0q1p]::after {
    content: "✦";

    position: absolute;
    top: -.95rem;
    right: 8.5rem;

    color: rgba(255, 61, 141, .10);

    font-size: 4.5rem;
    line-height: 1;

    pointer-events: none;

    transform: rotate(12deg);
}

.about-how__glow[b-re6abd0q1p] {
    position: absolute;
    right: -3.5rem;
    bottom: -4rem;

    width: 9rem;
    height: 9rem;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(124, 58, 237, .12),
            transparent 68%
        );

    pointer-events: none;
}

.about-how__icon[b-re6abd0q1p] {
    position: relative;
    z-index: 1;

    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 1rem;

    background:
        radial-gradient(
            circle at 25% 8%,
            rgba(255, 255, 255, .30),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #ff3d8d,
            #7c3aed
        );

    box-shadow:
        0 12px 26px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);

    font-size: 1.05rem;
}

.about-how__content[b-re6abd0q1p] {
    position: relative;
    z-index: 1;

    min-width: 0;
}

.about-how__eyebrow[b-re6abd0q1p] {
    display: block;

    margin-bottom: .12rem;

    color: #a04d80;

    font-size: .62rem;
    font-weight: 880;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-how h2[b-re6abd0q1p] {
    margin: 0;

    color: #291d31;

    font-size: 1.02rem;
    font-weight: 890;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.about-how p[b-re6abd0q1p] {
    max-width: 42rem;

    margin: .24rem 0 0;

    color: #786b7e;

    font-size: .73rem;
    line-height: 1.45;
}

.about-how__action[b-re6abd0q1p] {
    position: relative;
    z-index: 1;

    min-height: 2.55rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;

    padding: .56rem .82rem;

    color: #6d4b7a;
    text-decoration: none;
    white-space: nowrap;

    border: 1px solid rgba(124, 58, 237, .14);
    border-radius: 999px;

    background: #ffffff;

    box-shadow:
        0 9px 22px rgba(21, 16, 54, .06),
        inset 0 1px 0 rgba(255, 255, 255, .92);

    font-size: .72rem;
    font-weight: 850;

    transition:
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.about-how__action i[b-re6abd0q1p] {
    color: #ff3d8d;

    transition: transform .16s ease;
}

.about-how__action:hover[b-re6abd0q1p] {
    color: #b72d72;
    text-decoration: none;

    border-color: rgba(255, 61, 141, .22);

    box-shadow:
        0 12px 27px rgba(124, 58, 237, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);

    transform: translateY(-1px);
}

.about-how__action:hover i[b-re6abd0q1p] {
    transform: translateX(3px);
}

.about-how__action:focus-visible[b-re6abd0q1p] {
    outline: 4px solid rgba(255, 61, 141, .17);
    outline-offset: 2px;
}


/* =========================
   About XLibertia FAQ
   Contextual link between "How XLibertia Works" and the policy area.
   ========================= */

.about-faq[b-re6abd0q1p] {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;

    margin-top: .8rem;
    padding: .9rem 1rem;

    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 1.15rem;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(124, 58, 237, .055),
            transparent 38%
        ),
        radial-gradient(
            circle at 0% 100%,
            rgba(255, 61, 141, .045),
            transparent 36%
        ),
        #ffffff;

    box-shadow:
        0 12px 30px rgba(21, 16, 54, .055),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.about-faq__glow[b-re6abd0q1p] {
    position: absolute;
    right: -3.5rem;
    bottom: -4rem;

    width: 8rem;
    height: 8rem;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(255, 61, 141, .075),
            transparent 68%
        );

    pointer-events: none;
}

.about-faq__icon[b-re6abd0q1p] {
    position: relative;
    z-index: 1;

    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .9rem;

    background:
        radial-gradient(
            circle at 25% 8%,
            rgba(255, 255, 255, .28),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #ff3d8d,
            #7c3aed
        );

    box-shadow:
        0 10px 22px rgba(124, 58, 237, .17),
        inset 0 1px 0 rgba(255, 255, 255, .18);

    font-size: .98rem;
}

.about-faq__content[b-re6abd0q1p] {
    position: relative;
    z-index: 1;

    min-width: 0;
}

.about-faq__eyebrow[b-re6abd0q1p] {
    display: block;

    margin-bottom: .1rem;

    color: #a04d80;

    font-size: .6rem;
    font-weight: 880;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.about-faq h2[b-re6abd0q1p] {
    margin: 0;

    color: #291d31;

    font-size: .98rem;
    font-weight: 890;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.about-faq p[b-re6abd0q1p] {
    max-width: 42rem;

    margin: .22rem 0 0;

    color: #7b6f80;

    font-size: .71rem;
    line-height: 1.45;
}

.about-faq__action[b-re6abd0q1p] {
    position: relative;
    z-index: 1;

    min-height: 2.45rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;

    padding: .52rem .78rem;

    color: #6d4b7a;
    text-decoration: none;
    white-space: nowrap;

    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 999px;

    background: #ffffff;

    box-shadow:
        0 7px 18px rgba(21, 16, 54, .045),
        inset 0 1px 0 rgba(255, 255, 255, .92);

    font-size: .7rem;
    font-weight: 850;

    transition:
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.about-faq__action i[b-re6abd0q1p] {
    color: #ff3d8d;

    transition: transform .16s ease;
}

.about-faq__action:hover[b-re6abd0q1p] {
    color: #b72d72;
    text-decoration: none;

    border-color: rgba(255, 61, 141, .20);

    box-shadow:
        0 10px 22px rgba(124, 58, 237, .075),
        inset 0 1px 0 rgba(255, 255, 255, .92);

    transform: translateY(-1px);
}

.about-faq__action:hover i[b-re6abd0q1p] {
    transform: translateX(3px);
}

.about-faq__action:focus-visible[b-re6abd0q1p] {
    outline: 4px solid rgba(255, 61, 141, .17);
    outline-offset: 2px;
}

@media (max-width: 640.98px) {
    .about-faq[b-re6abd0q1p] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: .9rem;
        border-radius: 1.1rem;
    }

    .about-faq__action[b-re6abd0q1p] {
        grid-column: 1 / -1;
        width: fit-content;
        justify-self: end;
    }
}

@media (max-width: 390px) {
    .about-faq[b-re6abd0q1p] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .about-faq__icon[b-re6abd0q1p] {
        margin-inline: auto;
    }

    .about-faq__action[b-re6abd0q1p] {
        grid-column: auto;
        width: 100%;
        justify-self: stretch;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-faq__action[b-re6abd0q1p],
    .about-faq__action i[b-re6abd0q1p] {
        transition: none;
    }
}


/* =========================
   Policy links
   ========================= */

.about-links[b-re6abd0q1p] {
    margin-top: 1rem;
    padding: 1.25rem;

    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.35rem;

    background: #ffffff;

    box-shadow:
        0 18px 45px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.about-links__heading[b-re6abd0q1p] {
    display: flex;
    align-items: center;
    gap: .75rem;

    margin-bottom: .95rem;
}

.about-links__icon[b-re6abd0q1p] {
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .92rem;

    background:
        radial-gradient(
            circle at 25% 8%,
            rgba(255, 255, 255, .28),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #ff3d8d,
            #7c3aed
        );

    box-shadow:
        0 12px 26px rgba(124, 58, 237, .18);
}

.about-links__eyebrow[b-re6abd0q1p] {
    display: block;

    margin-bottom: .14rem;

    color: #9b4b7d;

    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.about-links h2[b-re6abd0q1p] {
    margin: 0;

    color: #20172b;

    font-size: 1.1rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.about-links__grid[b-re6abd0q1p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.about-link-card[b-re6abd0q1p] {
    min-width: 0;
    min-height: 4rem;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;

    padding: .7rem .75rem;

    color: #3d3146;
    text-decoration: none;

    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: .95rem;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fcf9fd 100%
        );

    transition:
        color .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.about-link-card:hover[b-re6abd0q1p] {
    color: #24182d;
    text-decoration: none;

    border-color: rgba(255, 61, 141, .18);

    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .045),
            rgba(124, 58, 237, .04)
        ),
        #ffffff;

    box-shadow: 0 10px 24px rgba(21, 16, 54, .07);
}

.about-link-card:focus-visible[b-re6abd0q1p] {
    outline: 3px solid rgba(255, 61, 141, .16);
    outline-offset: 2px;
}

.about-link-card__icon[b-re6abd0q1p] {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #8b5cf6;

    border-radius: .76rem;

    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .09),
            rgba(124, 58, 237, .09)
        );
}

.about-link-card__content[b-re6abd0q1p] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.about-link-card strong[b-re6abd0q1p] {
    color: #2c2134;

    font-size: .82rem;
    font-weight: 820;
    line-height: 1.25;
}

.about-link-card small[b-re6abd0q1p] {
    overflow: hidden;

    color: #817488;

    font-size: .71rem;
    line-height: 1.3;

    text-overflow: ellipsis;
    white-space: nowrap;
}

.about-link-card__arrow[b-re6abd0q1p] {
    color: #b0a4b7;
    font-size: .75rem;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 820px) {
    .about-hero[b-re6abd0q1p] {
        grid-template-columns: 1fr;
    }

    .about-hero__visual[b-re6abd0q1p] {
        position: absolute;
        right: 1.25rem;
        bottom: 1.25rem;

        width: 5.3rem;
        height: 5.3rem;

        border-radius: 1.45rem;

        opacity: .38;
    }

    .about-hero__sparkle--large[b-re6abd0q1p] {
        font-size: 2.6rem;
    }

    .about-hero__sparkle--small[b-re6abd0q1p] {
        display: none;
    }

    .about-hero__content[b-re6abd0q1p] {
        padding-right: 4.5rem;
    }

    .about-consent__rules[b-re6abd0q1p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640.98px) {
    .about-how[b-re6abd0q1p] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: .95rem;
        border-radius: 1.15rem;
    }

    .about-how__action[b-re6abd0q1p] {
        grid-column: 1 / -1;
        width: fit-content;
        justify-self: end;
    }

    .about-page[b-re6abd0q1p] {
        width: 100%;
        padding: 1rem .65rem 2rem;
    }

    .about-hero[b-re6abd0q1p] {
        padding: 1.3rem;
        border-radius: 1.3rem;
    }

    .about-hero__content[b-re6abd0q1p] {
        padding-right: 0;
    }

    .about-hero__visual[b-re6abd0q1p] {
        display: none;
    }

    .about-hero h1[b-re6abd0q1p] {
        font-size: 2.55rem;
    }

    .about-hero__principles[b-re6abd0q1p] {
        gap: .4rem;
    }

    .about-hero__principles span[b-re6abd0q1p] {
        padding: .38rem .56rem;
        font-size: .72rem;
    }

    .about-pillars[b-re6abd0q1p] {
        grid-template-columns: 1fr;
    }

    .about-pillar[b-re6abd0q1p] {
        min-height: 0;
        padding: 1.05rem;
        border-radius: 1.15rem;
    }

    .about-consent[b-re6abd0q1p] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 1.05rem;
        border-radius: 1.15rem;
    }

    .about-consent__rules[b-re6abd0q1p] {
        grid-template-columns: 1fr;
    }

    .about-links[b-re6abd0q1p] {
        padding: 1.05rem;
        border-radius: 1.15rem;
    }

    .about-links__grid[b-re6abd0q1p] {
        grid-template-columns: 1fr;
    }

    .about-link-card small[b-re6abd0q1p] {
        white-space: normal;
    }
}

@media (max-width: 390px) {
    .about-how[b-re6abd0q1p] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .about-how__icon[b-re6abd0q1p] {
        margin-inline: auto;
    }

    .about-how__action[b-re6abd0q1p] {
        grid-column: auto;
        width: 100%;
        justify-self: stretch;
    }

    .about-hero[b-re6abd0q1p] {
        padding: 1.1rem;
    }

    .about-hero h1[b-re6abd0q1p] {
        font-size: 2.25rem;
    }

    .about-hero__principles[b-re6abd0q1p] {
        flex-direction: column;
        align-items: stretch;
    }

    .about-hero__principles span[b-re6abd0q1p] {
        justify-content: center;
    }

    .about-consent[b-re6abd0q1p] {
        grid-template-columns: 1fr;
    }

    .about-consent__icon[b-re6abd0q1p] {
        width: 2.7rem;
        height: 2.7rem;
    }

    .about-consent__rules[b-re6abd0q1p] {
        grid-column: 1;
    }

    .about-links__heading[b-re6abd0q1p] {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .about-pillar[b-re6abd0q1p],
    .about-how__action[b-re6abd0q1p],
    .about-how__action i[b-re6abd0q1p],
    .about-link-card[b-re6abd0q1p] {
        transition: none;
    }
}
/* /Components/Pages/Albums/AlbumDelete.razor.rz.scp.css */
.album-delete-page[b-ud2ffw403i] {
    width: min(100%, 900px);
    padding: 1.7rem 1rem 3rem;
}

.album-delete-hero[b-ud2ffw403i] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
    padding: 1.45rem 1.55rem;
    border-radius: 1.55rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 16% 0%, rgba(239, 68, 68, .46), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(217, 45, 98, .42), transparent 36%),
        linear-gradient(135deg, #120a18 0%, #281025 52%, #3b0a22 100%);
    box-shadow:
        0 20px 55px rgba(80, 16, 35, .22),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.album-delete-hero[b-ud2ffw403i]::after {
    content: "";
    position: absolute;
    right: -5rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    pointer-events: none;
}

.album-delete-eyebrow[b-ud2ffw403i] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .7rem;
    padding: .36rem .68rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .92);
    font-size: .76rem;
    font-weight: 850;
    letter-spacing: .02em;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
}

.album-delete-hero h1[b-ud2ffw403i] {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: clamp(1.85rem, 4vw, 2.55rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.album-delete-hero p[b-ud2ffw403i] {
    position: relative;
    z-index: 1;
    max-width: 40rem;
    margin: .65rem 0 0;
    color: rgba(255, 255, 255, .74);
    font-size: .96rem;
    line-height: 1.5;
}

.album-delete-back[b-ud2ffw403i] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .52rem .85rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .84rem;
    font-weight: 850;
    text-decoration: none;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
    transition:
        transform .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.album-delete-back:hover[b-ud2ffw403i] {
    color: #ffffff;
    transform: translateY(-1px);
    background: rgba(255, 255, 255, .18);
    box-shadow: 0 14px 28px rgba(8, 6, 26, .18);
}

.album-delete-warning[b-ud2ffw403i],
.album-delete-card[b-ud2ffw403i],
.album-delete-confirm-card[b-ud2ffw403i] {
    margin-bottom: 1rem;
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.album-delete-warning[b-ud2ffw403i] {
    display: flex;
    gap: .9rem;
    padding: 1rem;
    color: #7f1d42;
    background:
        radial-gradient(circle at 10% 0%, rgba(239, 68, 68, .10), transparent 42%),
        #fff5f8;
    border-color: rgba(217, 45, 98, .20);
}

.album-delete-warning__icon[b-ud2ffw403i] {
    flex: 0 0 auto;
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ef4444, #d92d62);
    box-shadow: 0 12px 26px rgba(217, 45, 98, .18);
}

.album-delete-warning h2[b-ud2ffw403i] {
    margin: 0 0 .3rem;
    font-size: 1.05rem;
    font-weight: 850;
}

.album-delete-warning p[b-ud2ffw403i] {
    margin: 0;
    color: #8a2c4a;
    font-size: .9rem;
    line-height: 1.45;
}

.album-delete-card[b-ud2ffw403i] {
    padding: 1.05rem;
}

.album-delete-card__header[b-ud2ffw403i] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .95rem;
}

.album-delete-card__eyebrow[b-ud2ffw403i] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.album-delete-card h2[b-ud2ffw403i] {
    margin: 0;
    color: #20172b;
    font-size: 1.2rem;
    font-weight: 850;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.album-delete-card__icon[b-ud2ffw403i] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #ffffff;
    font-size: 1rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .18);
}

.album-delete-info-grid[b-ud2ffw403i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.album-delete-info-item[b-ud2ffw403i] {
    display: flex;
    align-items: flex-start;
    gap: .7rem;
    padding: .85rem;
    border-radius: 1rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .09);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .04);
}

.album-delete-info-item--wide[b-ud2ffw403i] {
    grid-column: 1 / -1;
}

.album-delete-info-item__icon[b-ud2ffw403i] {
    --visibility-color: #7c3aed;

    flex: 0 0 auto;
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .85rem;
    color: #ffffff;
    background: linear-gradient(135deg, var(--visibility-color), #7c3aed);
    box-shadow: 0 12px 24px rgba(124, 58, 237, .14);
}

.album-delete-info-item strong[b-ud2ffw403i] {
    display: block;
    color: #20172b;
    font-size: .84rem;
    font-weight: 850;
}

.album-delete-info-item span[b-ud2ffw403i] {
    display: block;
    margin-top: .18rem;
    color: #74687e;
    font-size: .84rem;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.album-visibility--public[b-ud2ffw403i] {
    --visibility-color: #21b86b;
}

.album-visibility--private[b-ud2ffw403i] {
    --visibility-color: #d92d62;
}

.album-visibility--intermediate[b-ud2ffw403i] {
    --visibility-color: #f59e0b;
}

.album-delete-confirm-card[b-ud2ffw403i] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
}

.album-delete-confirm-card h2[b-ud2ffw403i] {
    margin: 0 0 .25rem;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 850;
}

.album-delete-confirm-card p[b-ud2ffw403i] {
    margin: 0;
    color: #74687e;
    font-size: .88rem;
    line-height: 1.4;
}

.album-delete-actions[b-ud2ffw403i] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .6rem;
}

.album-delete-confirm-button[b-ud2ffw403i],
.album-delete-cancel-button[b-ud2ffw403i] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .58rem 1rem;
    border-radius: .95rem;
    font-size: .9rem;
    font-weight: 850;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease,
        background-color .16s ease,
        border-color .16s ease;
}

.album-delete-confirm-button[b-ud2ffw403i] {
    border: 0;
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ef4444, #d92d62);
    box-shadow:
        0 16px 34px rgba(217, 45, 98, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.album-delete-confirm-button:hover:not(:disabled)[b-ud2ffw403i] {
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(217, 45, 98, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.album-delete-confirm-button:disabled[b-ud2ffw403i] {
    opacity: .68;
    cursor: wait;
}

.album-delete-cancel-button[b-ud2ffw403i] {
    color: #5f5269;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .05);
}

.album-delete-cancel-button:hover[b-ud2ffw403i] {
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .22);
    background: #fffafd;
}

.album-delete-alert[b-ud2ffw403i] {
    display: flex;
    gap: .8rem;
    margin-bottom: 1rem;
    padding: .95rem;
    border-radius: 1rem;
    font-size: .86rem;
    border: 1px solid;
}

.album-delete-alert__icon[b-ud2ffw403i] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    color: #ffffff;
}

.album-delete-alert strong[b-ud2ffw403i] {
    display: block;
    margin-bottom: .15rem;
    font-weight: 850;
}

.album-delete-alert p[b-ud2ffw403i] {
    margin: 0;
}

.album-delete-alert--danger[b-ud2ffw403i] {
    color: #7f1d42;
    background: #fff5f8;
    border-color: rgba(255, 61, 141, .22);
}

.album-delete-alert--danger .album-delete-alert__icon[b-ud2ffw403i] {
    background: linear-gradient(135deg, #ff3d8d, #ef4444);
}

.album-delete-loading[b-ud2ffw403i] {
    padding: 2.5rem 1.4rem;
    text-align: center;
    border-radius: 1.35rem;
    color: #65546f;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.album-delete-loading__icon[b-ud2ffw403i] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.35rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(255, 61, 141, .22);
}

@media (max-width: 760px) {
    .album-delete-page[b-ud2ffw403i] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .album-delete-hero[b-ud2ffw403i] {
        align-items: stretch;
        flex-direction: column;
        border-radius: 1.25rem;
        padding: 1.15rem;
    }

    .album-delete-back[b-ud2ffw403i] {
        width: 100%;
    }

    .album-delete-warning[b-ud2ffw403i],
    .album-delete-confirm-card[b-ud2ffw403i] {
        align-items: flex-start;
        flex-direction: column;
    }

    .album-delete-info-grid[b-ud2ffw403i] {
        grid-template-columns: 1fr;
    }

    .album-delete-actions[b-ud2ffw403i] {
        width: 100%;
        flex-direction: column;
    }

    .album-delete-confirm-button[b-ud2ffw403i],
    .album-delete-cancel-button[b-ud2ffw403i] {
        width: 100%;
    }
}
/* /Components/Pages/Albums/AlbumDetail.razor.rz.scp.css */
.album-detail-page[b-za8wuo59ny] {
    width: min(100%, 1080px);
    padding: 1.7rem 1rem 3rem;
}

.album-detail-hero[b-za8wuo59ny] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
    padding: 1.45rem 1.55rem;
    border-radius: 1.55rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 61, 141, .46), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(124, 58, 237, .42), transparent 36%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 20px 55px rgba(23, 16, 80, .22),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.album-detail-hero[b-za8wuo59ny]::after {
    content: "";
    position: absolute;
    right: -5rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    pointer-events: none;
}

.album-detail-eyebrow[b-za8wuo59ny] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .7rem;
    padding: .36rem .68rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .9);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
}

.album-detail-hero h1[b-za8wuo59ny] {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: clamp(1.85rem, 4vw, 2.55rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
    overflow-wrap: anywhere;
}

.album-detail-hero p[b-za8wuo59ny] {
    position: relative;
    z-index: 1;
    max-width: 42rem;
    margin: .65rem 0 0;
    color: rgba(255, 255, 255, .74);
    font-size: .96rem;
    line-height: 1.5;
}

.album-detail-hero__actions[b-za8wuo59ny] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .5rem;
    flex-wrap: wrap;
}

.album-hero-button[b-za8wuo59ny] {
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .52rem .8rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .84rem;
    font-weight: 850;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .16);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.album-hero-button:hover[b-za8wuo59ny] {
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow: 0 14px 28px rgba(8, 6, 26, .18);
}

.album-hero-button--primary[b-za8wuo59ny] {
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    border-color: transparent;
}

.album-hero-button--danger[b-za8wuo59ny] {
    background: linear-gradient(135deg, #ef4444, #d92d62);
    border-color: transparent;
}

.album-hero-button--ghost[b-za8wuo59ny] {
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(10px);
}

.album-info-card[b-za8wuo59ny] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .8rem;
    margin-bottom: 1.1rem;
}

.album-info-item[b-za8wuo59ny] {
    display: flex;
    align-items: center;
    gap: .7rem;
    padding: .85rem;
    border-radius: 1.1rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 12px 30px rgba(21, 16, 54, .07),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.album-info-item__icon[b-za8wuo59ny] {
    --visibility-color: #7c3aed;

    flex: 0 0 auto;
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #ffffff;
    background: linear-gradient(135deg, var(--visibility-color), #7c3aed);
    box-shadow: 0 12px 24px rgba(124, 58, 237, .16);
}

.album-info-item strong[b-za8wuo59ny] {
    display: block;
    color: #20172b;
    font-size: .82rem;
    font-weight: 850;
}

.album-info-item span[b-za8wuo59ny] {
    display: block;
    color: #74687e;
    font-size: .8rem;
    font-weight: 700;
}

.album-info-item.is-enabled .album-info-item__icon[b-za8wuo59ny] {
    background: linear-gradient(135deg, #21b86b, #10b981);
}

.album-info-item.is-disabled[b-za8wuo59ny] {
    opacity: .72;
}

.album-info-item.is-disabled .album-info-item__icon[b-za8wuo59ny] {
    background: linear-gradient(135deg, #94a3b8, #64748b);
}

.album-visibility--public[b-za8wuo59ny] {
    --visibility-color: #21b86b;
}

.album-visibility--private[b-za8wuo59ny] {
    --visibility-color: #d92d62;
}

.album-visibility--intermediate[b-za8wuo59ny] {
    --visibility-color: #f59e0b;
}

.album-media-section[b-za8wuo59ny] {
    display: grid;
    gap: 1rem;
}

.album-section-header[b-za8wuo59ny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.album-section-header__eyebrow[b-za8wuo59ny] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.album-section-header h2[b-za8wuo59ny] {
    margin: 0;
    color: #20172b;
    font-size: 1.65rem;
    line-height: 1.1;
    font-weight: 850;
    letter-spacing: -.04em;
}

.album-section-header__icon[b-za8wuo59ny] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .95rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .18);
}

.album-upload-card[b-za8wuo59ny] {
    padding: 1.05rem;
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.album-upload-card__header h3[b-za8wuo59ny] {
    margin: 0;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.album-upload-card__header p[b-za8wuo59ny] {
    margin: .35rem 0 .9rem;
    color: #74687e;
    font-size: .84rem;
}

.album-upload-dropzone[b-za8wuo59ny] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    min-height: 7.25rem;
    padding: 1rem 1.1rem;
    cursor: pointer;
    border: 1px dashed rgba(255, 61, 141, .32);
    border-radius: 1.2rem;
    background:
        radial-gradient(circle at 7% 0%, rgba(255, 61, 141, .10), transparent 35%),
        radial-gradient(circle at 94% 100%, rgba(124, 58, 237, .08), transparent 38%),
        linear-gradient(135deg, #ffffff, #fff9fd);
    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.album-upload-dropzone[b-za8wuo59ny]::after {
    content: "";
    position: absolute;
    right: -2.5rem;
    bottom: -4rem;
    width: 8rem;
    height: 8rem;
    border: 1px solid rgba(124, 58, 237, .08);
    border-radius: 50%;
    pointer-events: none;
}

.album-upload-dropzone:hover[b-za8wuo59ny],
.album-upload-dropzone:focus-within[b-za8wuo59ny] {
    transform: translateY(-1px);
    border-color: rgba(255, 61, 141, .55);
    box-shadow:
        0 16px 36px rgba(21, 16, 54, .09),
        0 0 0 4px rgba(255, 61, 141, .07);
}

.album-upload-dropzone.has-selection[b-za8wuo59ny] {
    border-style: solid;
    border-color: rgba(124, 58, 237, .20);
}

.album-upload-dropzone__icon[b-za8wuo59ny] {
    position: relative;
    z-index: 1;
    width: 3.4rem;
    height: 3.4rem;
    flex: 0 0 3.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 1.08rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 14px 30px rgba(124, 58, 237, .21),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: 1.25rem;
}

.album-upload-dropzone__content[b-za8wuo59ny] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.album-upload-dropzone__content strong[b-za8wuo59ny] {
    display: block;
    color: #20172b;
    font-size: 1rem;
    font-weight: 870;
    letter-spacing: -.02em;
}

.album-upload-dropzone__content small[b-za8wuo59ny] {
    display: block;
    max-width: 42rem;
    margin-top: .25rem;
    color: #74687e;
    font-size: .8rem;
    line-height: 1.42;
}

.album-upload-dropzone__details[b-za8wuo59ny] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem;
    margin-top: .62rem;
}

.album-upload-dropzone__details > span[b-za8wuo59ny] {
    min-height: 1.8rem;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .28rem .5rem;
    color: #76547b;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 999px;
    background: rgba(124, 58, 237, .055);
    font-size: .68rem;
    font-weight: 760;
}

.album-upload-dropzone__details i[b-za8wuo59ny] {
    color: #ff3d8d;
}

.album-upload-dropzone__action[b-za8wuo59ny] {
    position: relative;
    z-index: 1;
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .55rem .85rem;
    color: #ffffff;
    border-radius: 999px;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: .78rem;
    font-weight: 850;
    white-space: nowrap;
}

.album-upload-dropzone:hover .album-upload-dropzone__action i[b-za8wuo59ny] {
    transform: translateX(2px);
}

.album-upload-dropzone__action i[b-za8wuo59ny] {
    transition: transform .16s ease;
}

/* Keep the native file input accessible while removing the browser button. */
.album-upload-input[b-za8wuo59ny] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
}

.album-upload-list[b-za8wuo59ny] {
    display: grid;
    grid-template-columns: 1fr;
    gap: .9rem;
    margin-top: 1rem;
}

.album-upload-item[b-za8wuo59ny] {
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(11rem, 14rem) minmax(0, 1fr);
    min-height: 14rem;
    border: 1px solid rgba(39, 24, 69, .10);
    border-radius: 1.2rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 34%),
        linear-gradient(180deg, #ffffff, #fffafd);
    box-shadow:
        0 14px 34px rgba(21, 16, 54, .075),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.album-upload-item.is-completed[b-za8wuo59ny] {
    border-color: rgba(33, 184, 107, .24);
}

.album-upload-item.is-uploading[b-za8wuo59ny] {
    border-color: rgba(255, 61, 141, .22);
}

.album-upload-item__preview[b-za8wuo59ny] {
    position: relative;
    min-height: 14rem;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .15), transparent 35%),
        linear-gradient(135deg, #090817, #151026);
}

.album-upload-item__preview img[b-za8wuo59ny] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.album-upload-item__placeholder[b-za8wuo59ny] {
    width: 100%;
    height: 100%;
    min-height: 14rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .86);
}

.album-upload-item__placeholder i[b-za8wuo59ny] {
    font-size: 2rem;
}

.album-upload-item__overlay[b-za8wuo59ny] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-weight: 900;
    background: rgba(13, 10, 24, .55);
    backdrop-filter: blur(4px);
}

.album-upload-item__body[b-za8wuo59ny] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .82rem;
    padding: 1rem;
}

.album-upload-item__heading[b-za8wuo59ny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.album-upload-item__filename[b-za8wuo59ny] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #20172b;
    font-size: .88rem;
    font-weight: 860;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.album-upload-item__kind[b-za8wuo59ny] {
    flex: 0 0 auto;
    min-height: 1.8rem;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .28rem .5rem;
    color: #76547b;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 999px;
    background: rgba(124, 58, 237, .055);
    font-size: .68rem;
    font-weight: 820;
}

.album-upload-item__kind i[b-za8wuo59ny] {
    color: #ff3d8d;
}

.album-upload-field[b-za8wuo59ny] {
    min-width: 0;
}

.album-upload-field__header[b-za8wuo59ny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .42rem;
}

.album-upload-field__label[b-za8wuo59ny] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #3e3048;
    font-size: .78rem;
    font-weight: 840;
}

.album-upload-field__label span[b-za8wuo59ny] {
    padding: .18rem .38rem;
    color: #b92668;
    border-radius: 999px;
    background: rgba(255, 61, 141, .09);
    font-size: .58rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.album-upload-field__counter[b-za8wuo59ny] {
    color: #9a8fa0;
    font-size: .68rem;
    font-weight: 720;
}

.album-upload-description[b-za8wuo59ny] {
    width: 100%;
    min-height: 8.2rem;
    padding: .75rem .8rem;
    color: #20172b;
    border: 1px solid rgba(39, 24, 69, .12);
    border-radius: .9rem;
    outline: 0;
    resize: vertical;
    background: #ffffff;
    font-family: inherit;
    font-size: .84rem;
    line-height: 1.48;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.album-upload-description[b-za8wuo59ny]::placeholder {
    color: #a69aad;
}

.album-upload-description:hover:not(:disabled)[b-za8wuo59ny] {
    border-color: rgba(124, 58, 237, .22);
}

.album-upload-description:focus[b-za8wuo59ny] {
    border-color: rgba(255, 61, 141, .42);
    background: #fffdfd;
    box-shadow: 0 0 0 4px rgba(255, 61, 141, .09);
}

.album-upload-description:disabled[b-za8wuo59ny] {
    color: #7d7183;
    cursor: not-allowed;
    background: #f6f2f7;
}

.album-upload-field__help[b-za8wuo59ny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .65rem;
    margin-top: .4rem;
}

.album-upload-field__help > span[b-za8wuo59ny] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #8d8194;
    font-size: .68rem;
    line-height: 1.35;
}

.album-upload-field__help > span i[b-za8wuo59ny] {
    color: #7c3aed;
}

.album-upload-ai-option[b-za8wuo59ny] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .72rem;
    padding: .72rem .78rem;
    cursor: pointer;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .06), transparent 40%),
        linear-gradient(135deg, rgba(124, 58, 237, .045), rgba(255, 61, 141, .035));
    transition:
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.album-upload-ai-option:hover[b-za8wuo59ny] {
    border-color: rgba(255, 61, 141, .24);
    box-shadow: 0 8px 22px rgba(124, 58, 237, .07);
}

.album-upload-ai-option:has(.album-upload-ai-option__input:checked)[b-za8wuo59ny] {
    border-color: rgba(255, 61, 141, .28);
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .09), transparent 40%),
        linear-gradient(135deg, rgba(124, 58, 237, .075), rgba(255, 61, 141, .065));
}

.album-upload-ai-option:has(.album-upload-ai-option__input:disabled)[b-za8wuo59ny] {
    cursor: not-allowed;
    opacity: .68;
}

.album-upload-ai-option__input[b-za8wuo59ny] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.album-upload-ai-option__switch[b-za8wuo59ny] {
    position: relative;
    width: 2.55rem;
    height: 1.45rem;
    display: inline-flex;
    align-items: center;
    padding: .16rem;
    border-radius: 999px;
    background: #d9d0dd;
    box-shadow: inset 0 1px 3px rgba(32, 23, 43, .14);
    transition:
        background-color .18s ease,
        box-shadow .18s ease;
}

.album-upload-ai-option__switch > span[b-za8wuo59ny] {
    width: 1.13rem;
    height: 1.13rem;
    display: block;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 3px 8px rgba(32, 23, 43, .20);
    transition: transform .18s ease;
}

.album-upload-ai-option__input:checked + .album-upload-ai-option__switch[b-za8wuo59ny] {
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        inset 0 1px 2px rgba(32, 23, 43, .10),
        0 0 0 3px rgba(255, 61, 141, .09);
}

.album-upload-ai-option__input:checked + .album-upload-ai-option__switch > span[b-za8wuo59ny] {
    transform: translateX(1.1rem);
}

.album-upload-ai-option__input:focus-visible + .album-upload-ai-option__switch[b-za8wuo59ny] {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
}

.album-upload-ai-option__content[b-za8wuo59ny] {
    min-width: 0;
}

.album-upload-ai-option__title[b-za8wuo59ny] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #3f2d49;
    font-size: .8rem;
    font-weight: 850;
}

.album-upload-ai-option__title i[b-za8wuo59ny] {
    color: #d946ef;
}

.album-upload-ai-option__content small[b-za8wuo59ny] {
    display: block;
    margin-top: .14rem;
    color: #807286;
    font-size: .68rem;
    line-height: 1.38;
}

.album-upload-progress[b-za8wuo59ny] {
    overflow: hidden;
    height: .42rem;
    margin-top: .55rem;
    border-radius: 999px;
    background: #f0eaf3;
}

.album-upload-progress div[b-za8wuo59ny] {
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    transition: width .18s ease;
}

.album-upload-status[b-za8wuo59ny] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-top: .45rem;
    font-size: .76rem;
    font-weight: 750;
}

.album-upload-status--success[b-za8wuo59ny] {
    color: #188b54;
}

.album-upload-status--danger[b-za8wuo59ny] {
    color: #d92d62;
}

.album-upload-status--muted[b-za8wuo59ny] {
    color: #74687e;
}

.album-upload-status--pending[b-za8wuo59ny] {
    color: #b8860b;
}

.album-upload-retry-button[b-za8wuo59ny] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-top: .4rem;
    padding: .3rem .75rem;
    border: 1px solid #d92d62;
    border-radius: 999px;
    background: transparent;
    color: #d92d62;
    font-size: .78rem;
    font-weight: 750;
    cursor: pointer;
    transition: background-color .16s ease, color .16s ease;
}

.album-upload-retry-button:hover[b-za8wuo59ny] {
    background: #d92d62;
    color: #ffffff;
}

.album-upload-all-button[b-za8wuo59ny] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    margin-top: 1rem;
    padding: .62rem 1rem;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    font-size: .9rem;
    font-weight: 850;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.album-upload-all-button:hover:not(:disabled)[b-za8wuo59ny] {
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .28),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.album-upload-all-button:disabled[b-za8wuo59ny] {
    opacity: .6;
    cursor: not-allowed;
}

.album-upload-help[b-za8wuo59ny] {
    margin: .6rem 0 0;
    color: #74687e;
    font-size: .8rem;
}

.album-media-grid[b-za8wuo59ny] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.album-media-card[b-za8wuo59ny] {
    overflow: hidden;
    border-radius: 1.25rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.album-media-card:hover[b-za8wuo59ny] {
    transform: translateY(-2px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 24px 60px rgba(21, 16, 54, .13),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.album-media-card__preview[b-za8wuo59ny] {
    position: relative;
    height: 12rem;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .14), transparent 32%),
        linear-gradient(135deg, #090817, #151026);
}

.album-media-card__preview img[b-za8wuo59ny],
.album-media-card__preview video[b-za8wuo59ny] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.album-media-card__placeholder[b-za8wuo59ny] {
    width: 100%;
    height: 100%;
    min-height: 12rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .85);
}

.album-media-card__placeholder--video[b-za8wuo59ny] {
    flex-direction: column;
    gap: .4rem;
}

.album-media-card__placeholder i[b-za8wuo59ny] {
    font-size: 2rem;
}

.album-media-card__type[b-za8wuo59ny] {
    position: absolute;
    left: .65rem;
    bottom: .65rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .55rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .92);
    font-size: .72rem;
    font-weight: 850;
    background: rgba(15, 13, 30, .58);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(12px);
}

.album-media-card__type--pending[b-za8wuo59ny] {
    left: auto;
    right: .65rem;
    bottom: auto;
    top: .65rem;
    background: rgba(184, 134, 11, .82);
    border-color: rgba(255, 255, 255, .3);
}

.album-media-card__body[b-za8wuo59ny] {
    padding: .85rem;
}

.album-media-card__body h3[b-za8wuo59ny] {
    margin: 0 0 .35rem;
    color: #20172b;
    font-size: .9rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.album-media-card__body p[b-za8wuo59ny] {
    display: -webkit-box;
    min-height: 2.35rem;
    margin: 0 0 .75rem;
    color: #74687e;
    font-size: .8rem;
    line-height: 1.35;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.album-media-card__empty-description[b-za8wuo59ny] {
    color: #a69aad !important;
    font-style: italic;
}

.album-media-card__footer[b-za8wuo59ny] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.album-media-card__footer span[b-za8wuo59ny] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #74687e;
    font-size: .78rem;
    font-weight: 750;
}

.album-media-delete[b-za8wuo59ny] {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    color: #d92d62;
    background: #ffffff;
    border: 1px solid rgba(217, 45, 98, .22);
    box-shadow: 0 6px 16px rgba(21, 16, 54, .05);
    transition:
        transform .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.album-media-delete:hover[b-za8wuo59ny] {
    transform: translateY(-1px);
    background: #fff5f8;
    box-shadow: 0 10px 22px rgba(217, 45, 98, .12);
}

.album-empty-media[b-za8wuo59ny],
.album-detail-loading[b-za8wuo59ny] {
    padding: 2.5rem 1.4rem;
    text-align: center;
    border-radius: 1.35rem;
    color: #65546f;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.album-detail-loading--small[b-za8wuo59ny] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: 1.5rem;
}

.album-detail-loading--small p[b-za8wuo59ny] {
    margin: 0;
}

.album-detail-loading__icon[b-za8wuo59ny],
.album-empty-media__icon[b-za8wuo59ny] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.35rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(255, 61, 141, .22);
}

.album-empty-media h3[b-za8wuo59ny] {
    margin: 0 0 .45rem;
    color: #20172b;
    font-size: 1.25rem;
    font-weight: 850;
}

.album-empty-media p[b-za8wuo59ny] {
    max-width: 30rem;
    margin: 0 auto;
    color: #74687e;
}

@media (max-width: 980px) {
    .album-info-card[b-za8wuo59ny] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .album-media-grid[b-za8wuo59ny] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .album-upload-item[b-za8wuo59ny] {
        grid-template-columns: minmax(10rem, 12rem) minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .album-detail-page[b-za8wuo59ny] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .album-detail-hero[b-za8wuo59ny] {
        align-items: stretch;
        flex-direction: column;
        border-radius: 1.25rem;
        padding: 1.15rem;
    }

    .album-detail-hero__actions[b-za8wuo59ny] {
        justify-content: flex-start;
    }

    .album-hero-button[b-za8wuo59ny] {
        flex: 1 1 auto;
    }

    .album-info-card[b-za8wuo59ny],
    .album-media-grid[b-za8wuo59ny] {
        grid-template-columns: 1fr;
    }

    .album-upload-dropzone[b-za8wuo59ny] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .album-upload-dropzone__action[b-za8wuo59ny] {
        grid-column: 1 / -1;
        width: 100%;
    }

    .album-upload-item[b-za8wuo59ny] {
        grid-template-columns: 10rem minmax(0, 1fr);
    }

    .album-section-header[b-za8wuo59ny] {
        align-items: flex-start;
    }
}


@media (max-width: 560px) {
    .album-upload-dropzone[b-za8wuo59ny] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .album-upload-dropzone__icon[b-za8wuo59ny] {
        justify-self: center;
    }

    .album-upload-dropzone__details[b-za8wuo59ny] {
        justify-content: center;
    }

    .album-upload-item[b-za8wuo59ny] {
        grid-template-columns: 1fr;
    }

    .album-upload-item__preview[b-za8wuo59ny] {
        min-height: 13rem;
        max-height: 18rem;
    }

    .album-upload-item__heading[b-za8wuo59ny],
    .album-upload-field__help[b-za8wuo59ny] {
        align-items: flex-start;
        flex-direction: column;
    }

    .album-upload-item__kind[b-za8wuo59ny] {
        align-self: flex-start;
    }

    .album-upload-description[b-za8wuo59ny] {
        min-height: 9rem;
    }
}

@media (max-width: 420px) {
    .album-detail-hero__actions[b-za8wuo59ny] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .album-media-card__preview[b-za8wuo59ny] {
        height: 11rem;
    }
}
/* /Components/Pages/Albums/AlbumEdit.razor.rz.scp.css */
.album-edit-page[b-elaadi0281] {
    width: min(100%, 900px);
    padding: 1.7rem 1rem 3rem;
}

.album-edit-hero[b-elaadi0281] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.35rem;
    padding: 1.45rem 1.55rem;
    border-radius: 1.55rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 61, 141, .46), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(124, 58, 237, .42), transparent 36%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 20px 55px rgba(23, 16, 80, .22),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.album-edit-hero[b-elaadi0281]::after {
    content: "";
    position: absolute;
    right: -5rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    pointer-events: none;
}

.album-edit-eyebrow[b-elaadi0281] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .7rem;
    padding: .36rem .68rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .9);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
}

.album-edit-hero h1[b-elaadi0281] {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: clamp(1.85rem, 4vw, 2.55rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.album-edit-hero p[b-elaadi0281] {
    position: relative;
    z-index: 1;
    max-width: 38rem;
    margin: .65rem 0 0;
    color: rgba(255, 255, 255, .74);
    font-size: .96rem;
    line-height: 1.5;
}

.album-edit-back[b-elaadi0281] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    min-height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .52rem .85rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .84rem;
    font-weight: 850;
    text-decoration: none;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
    transition:
        transform .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.album-edit-back:hover[b-elaadi0281] {
    color: #ffffff;
    transform: translateY(-1px);
    background: rgba(255, 255, 255, .18);
    box-shadow: 0 14px 28px rgba(8, 6, 26, .18);
}

.album-edit-form[b-elaadi0281] {
    display: grid;
    gap: 1rem;
}

.album-edit-card[b-elaadi0281] {
    overflow: hidden;
    padding: 1.05rem;
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.album-edit-card__header[b-elaadi0281] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .95rem;
}

.album-edit-card__eyebrow[b-elaadi0281] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.album-edit-card h2[b-elaadi0281] {
    margin: 0;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.album-edit-card__icon[b-elaadi0281] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #ffffff;
    font-size: 1rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .18);
}

.album-edit-field[b-elaadi0281] {
    margin-bottom: 1rem;
}

.album-edit-field:last-child[b-elaadi0281] {
    margin-bottom: 0;
}

.album-edit-label[b-elaadi0281] {
    display: block;
    margin-bottom: .42rem;
    color: #20172b;
    font-size: .86rem;
    font-weight: 750;
}

.album-edit-required[b-elaadi0281] {
    color: #ff3d8d;
}

.album-input-shell[b-elaadi0281],
.album-select-shell[b-elaadi0281] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.85rem;
    border-radius: .95rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.album-input-shell:focus-within[b-elaadi0281],
.album-select-shell:focus-within[b-elaadi0281],
.album-textarea-shell:focus-within[b-elaadi0281] {
    border-color: rgba(255, 61, 141, .42);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.album-input-shell > i[b-elaadi0281],
.album-select-shell > i[b-elaadi0281] {
    flex: 0 0 auto;
    width: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a855f7;
    font-size: 1.05rem;
}

.album-input-shell .form-control[b-elaadi0281],
.album-select-shell .form-select[b-elaadi0281] {
    min-height: 2.75rem;
    padding: .58rem .85rem .58rem 0;
    color: #20172b;
    font-size: .93rem;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

.album-input-shell .form-control:focus[b-elaadi0281],
.album-select-shell .form-select:focus[b-elaadi0281] {
    border: 0;
    box-shadow: none;
}

.album-input-shell .form-control[b-elaadi0281]::placeholder {
    color: #a69aad;
}

.album-textarea-shell[b-elaadi0281] {
    overflow: hidden;
    border-radius: 1rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.album-textarea-shell .form-control[b-elaadi0281] {
    min-height: 8rem;
    padding: .85rem;
    color: #20172b;
    font-size: .93rem;
    resize: vertical;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.album-textarea-shell .form-control:focus[b-elaadi0281] {
    border: 0;
    box-shadow: none;
}

.album-textarea-shell .form-control[b-elaadi0281]::placeholder {
    color: #a69aad;
}

.album-visibility-preview[b-elaadi0281] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    margin-top: .8rem;
}

.album-visibility-preview__item[b-elaadi0281] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .8rem;
    border-radius: 1rem;
    color: #65546f;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .09);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .04);
    transition:
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.album-visibility-preview__item > i[b-elaadi0281] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    color: #7c3aed;
    background: rgba(124, 58, 237, .10);
}

.album-visibility-preview__item strong[b-elaadi0281] {
    display: block;
    color: #20172b;
    font-size: .84rem;
    font-weight: 850;
}

.album-visibility-preview__item span[b-elaadi0281] {
    display: block;
    margin-top: .2rem;
    font-size: .74rem;
    line-height: 1.25;
}

.album-visibility-preview__item.is-active[b-elaadi0281] {
    transform: translateY(-1px);
    border-color: rgba(255, 61, 141, .20);
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 61, 141, .08), transparent 50%),
        #ffffff;
    box-shadow:
        0 14px 30px rgba(21, 16, 54, .09),
        0 0 0 4px rgba(255, 61, 141, .08);
}

.album-visibility-preview__item.is-active > i[b-elaadi0281] {
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.album-permissions[b-elaadi0281] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.album-permission-card[b-elaadi0281] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .85rem;
    border-radius: 1rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .10);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .04);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.album-permission-card.is-enabled[b-elaadi0281] {
    border-color: rgba(255, 61, 141, .20);
    background:
        radial-gradient(circle at 15% 0%, rgba(255, 61, 141, .08), transparent 55%),
        #ffffff;
    box-shadow:
        0 14px 30px rgba(21, 16, 54, .08),
        0 0 0 4px rgba(255, 61, 141, .07);
}

.album-permission-card:hover[b-elaadi0281] {
    transform: translateY(-1px);
}

.album-permission-card .form-check-input[b-elaadi0281] {
    width: 1.08rem;
    height: 1.08rem;
    margin: .25rem 0 0;
    border-color: rgba(39, 24, 69, .22);
    cursor: pointer;
}

.album-permission-card .form-check-input:checked[b-elaadi0281] {
    background-color: #ff3d8d;
    border-color: #ff3d8d;
}

.album-permission-card .form-check-input:focus[b-elaadi0281] {
    border-color: #ff3d8d;
    box-shadow: 0 0 0 .22rem rgba(255, 61, 141, .14);
}

.album-permission-card label[b-elaadi0281] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    margin: 0;
    cursor: pointer;
}

.album-permission-card__icon[b-elaadi0281] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .85rem;
    color: #ffffff;
    background: linear-gradient(135deg, #94a3b8, #64748b);
}

.album-permission-card.is-enabled .album-permission-card__icon[b-elaadi0281] {
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.album-permission-card strong[b-elaadi0281] {
    display: block;
    color: #20172b;
    font-size: .9rem;
    font-weight: 850;
}

.album-permission-card small[b-elaadi0281] {
    display: block;
    margin-top: .18rem;
    color: #74687e;
    font-size: .76rem;
    line-height: 1.35;
}

.album-edit-actions[b-elaadi0281] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    gap: .65rem;
    padding: .9rem 0 .1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 42%);
}

.album-save-button[b-elaadi0281],
.album-cancel-button[b-elaadi0281] {
    min-height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .58rem 1rem;
    border-radius: .95rem;
    font-size: .9rem;
    font-weight: 850;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease,
        background-color .16s ease,
        border-color .16s ease;
}

.album-save-button[b-elaadi0281] {
    border: 0;
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.album-save-button:hover:not(:disabled)[b-elaadi0281] {
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.album-save-button:disabled[b-elaadi0281] {
    opacity: .68;
    cursor: wait;
}

.album-cancel-button[b-elaadi0281] {
    color: #5f5269;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .05);
}

.album-cancel-button:hover[b-elaadi0281] {
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .22);
    background: #fffafd;
}

.album-edit-alert[b-elaadi0281] {
    display: flex;
    gap: .8rem;
    padding: .95rem;
    border-radius: 1rem;
    font-size: .86rem;
    border: 1px solid;
}

.album-edit-alert__icon[b-elaadi0281] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    color: #ffffff;
}

.album-edit-alert strong[b-elaadi0281] {
    display: block;
    margin-bottom: .15rem;
    font-weight: 850;
}

.album-edit-alert p[b-elaadi0281] {
    margin: 0;
}

.album-edit-alert--danger[b-elaadi0281] {
    color: #7f1d42;
    background: #fff5f8;
    border-color: rgba(255, 61, 141, .22);
}

.album-edit-alert--danger .album-edit-alert__icon[b-elaadi0281] {
    background: linear-gradient(135deg, #ff3d8d, #ef4444);
}

.album-edit-validation[b-elaadi0281] {
    padding: .85rem 1rem;
    border-radius: 1rem;
    color: #7f1d42;
    background: #fff5f8;
    border: 1px solid rgba(255, 61, 141, .18);
}

.album-edit-loading[b-elaadi0281] {
    padding: 2.5rem 1.4rem;
    text-align: center;
    border-radius: 1.35rem;
    color: #65546f;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.album-edit-loading__icon[b-elaadi0281] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.35rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(255, 61, 141, .22);
}

.text-danger[b-elaadi0281] {
    color: #d92d62 !important;
}

@media (max-width: 760px) {
    .album-edit-page[b-elaadi0281] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .album-edit-hero[b-elaadi0281] {
        align-items: stretch;
        flex-direction: column;
        border-radius: 1.25rem;
        padding: 1.15rem;
    }

    .album-edit-back[b-elaadi0281] {
        width: 100%;
    }

    .album-edit-card[b-elaadi0281] {
        border-radius: 1.15rem;
        padding: .95rem;
    }

    .album-visibility-preview[b-elaadi0281],
    .album-permissions[b-elaadi0281] {
        grid-template-columns: 1fr;
    }

    .album-edit-actions[b-elaadi0281] {
        flex-direction: column;
    }

    .album-save-button[b-elaadi0281],
    .album-cancel-button[b-elaadi0281] {
        width: 100%;
    }
}
/* /Components/Pages/Albums/AlbumList.razor.rz.scp.css */
.albums-page[b-ij27kz30ro] {
    width: min(100%, 1120px);
    padding: 1.7rem 1rem 3rem;
}

.albums-hero[b-ij27kz30ro] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.35rem;
    padding: 1.45rem 1.55rem;
    border-radius: 1.55rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 61, 141, .46), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(124, 58, 237, .42), transparent 36%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 20px 55px rgba(23, 16, 80, .22),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.albums-hero[b-ij27kz30ro]::after {
    content: "";
    position: absolute;
    right: -5rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    pointer-events: none;
}

.albums-eyebrow[b-ij27kz30ro] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .7rem;
    padding: .36rem .68rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .9);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
}

.albums-hero h1[b-ij27kz30ro] {
    position: relative;
    z-index: 1;
    margin: 0;
    font-size: clamp(1.85rem, 4vw, 2.55rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.albums-hero p[b-ij27kz30ro] {
    position: relative;
    z-index: 1;
    max-width: 38rem;
    margin: .65rem 0 0;
    color: rgba(255, 255, 255, .74);
    font-size: .96rem;
    line-height: 1.5;
}

.albums-create-button[b-ij27kz30ro] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .62rem 1rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .9rem;
    font-weight: 850;
    text-decoration: none;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.albums-create-button:hover[b-ij27kz30ro] {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.albums-summary[b-ij27kz30ro] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.albums-summary__item[b-ij27kz30ro] {
    padding: .9rem 1rem;
    border-radius: 1.1rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 12px 30px rgba(21, 16, 54, .07),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.albums-summary__item strong[b-ij27kz30ro] {
    display: block;
    color: #20172b;
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.albums-summary__item span[b-ij27kz30ro] {
    display: block;
    margin-top: .3rem;
    color: #74687e;
    font-size: .8rem;
    font-weight: 700;
}

.albums-grid[b-ij27kz30ro] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.album-card[b-ij27kz30ro] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 16rem;
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.album-card:hover[b-ij27kz30ro] {
    transform: translateY(-2px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 24px 60px rgba(21, 16, 54, .14),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.album-card__top[b-ij27kz30ro] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: 1rem 1rem .75rem;
}

.album-card__icon[b-ij27kz30ro] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .18);
}

.album-visibility[b-ij27kz30ro] {
    --visibility-color: #7c3aed;
    --visibility-soft: rgba(124, 58, 237, .10);

    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .38rem .62rem;
    border-radius: 999px;
    color: var(--visibility-color);
    font-size: .78rem;
    font-weight: 850;
    background: var(--visibility-soft);
    border: 1px solid rgba(39, 24, 69, .08);
}

.album-visibility--public[b-ij27kz30ro] {
    --visibility-color: #188b54;
    --visibility-soft: rgba(33, 184, 107, .12);
}

.album-visibility--private[b-ij27kz30ro] {
    --visibility-color: #d92d62;
    --visibility-soft: rgba(255, 61, 141, .12);
}

.album-visibility--intermediate[b-ij27kz30ro] {
    --visibility-color: #b7791f;
    --visibility-soft: rgba(245, 158, 11, .14);
}

.album-card__body[b-ij27kz30ro] {
    flex: 1 1 auto;
    padding: 0 1rem 1rem;
}

.album-card__body h2[b-ij27kz30ro] {
    margin: .25rem 0 .95rem;
    color: #20172b;
    font-size: 1.25rem;
    font-weight: 850;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}

.album-stats[b-ij27kz30ro] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
}

.album-stat[b-ij27kz30ro] {
    min-width: 0;
    padding: .72rem;
    border-radius: 1rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .09);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .04);
}

.album-stat i[b-ij27kz30ro] {
    width: 1.9rem;
    height: 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .45rem;
    border-radius: .72rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.album-stat strong[b-ij27kz30ro] {
    display: block;
    color: #20172b;
    font-size: .92rem;
    font-weight: 850;
    line-height: 1.1;
}

.album-stat span[b-ij27kz30ro] {
    display: block;
    margin-top: .2rem;
    color: #74687e;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.15;
}

.album-stat.is-enabled i[b-ij27kz30ro] {
    background: linear-gradient(135deg, #21b86b, #10b981);
}

.album-stat.is-disabled[b-ij27kz30ro] {
    opacity: .7;
}

.album-stat.is-disabled i[b-ij27kz30ro] {
    background: linear-gradient(135deg, #94a3b8, #64748b);
}

.album-card__footer[b-ij27kz30ro] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: .85rem 1rem 1rem;
    border-top: 1px solid rgba(38, 24, 69, .08);
    background: rgba(255, 255, 255, .62);
}

.album-date[b-ij27kz30ro] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #74687e;
    font-size: .78rem;
    font-weight: 750;
}

.album-actions[b-ij27kz30ro] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
    flex-wrap: wrap;
}

.album-action[b-ij27kz30ro] {
    min-height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .38rem .62rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 850;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .13);
    box-shadow: 0 6px 16px rgba(21, 16, 54, .05);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        color .16s ease;
}

.album-action:hover[b-ij27kz30ro] {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(21, 16, 54, .09);
}

.album-action--view[b-ij27kz30ro] {
    color: #7c3aed;
}

.album-action--view:hover[b-ij27kz30ro] {
    color: #7c3aed;
    border-color: rgba(124, 58, 237, .24);
    background: rgba(124, 58, 237, .06);
}

.album-action--edit[b-ij27kz30ro] {
    color: #65546f;
}

.album-action--edit:hover[b-ij27kz30ro] {
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .24);
    background: #fff5fa;
}

.album-action--delete[b-ij27kz30ro] {
    color: #d92d62;
}

.album-action--delete:hover[b-ij27kz30ro] {
    color: #d92d62;
    border-color: rgba(217, 45, 98, .24);
    background: #fff5f8;
}

.albums-loading[b-ij27kz30ro],
.albums-empty[b-ij27kz30ro] {
    padding: 2.5rem 1.4rem;
    text-align: center;
    border-radius: 1.35rem;
    color: #65546f;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.albums-loading__icon[b-ij27kz30ro],
.albums-empty__icon[b-ij27kz30ro] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.35rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(255, 61, 141, .22);
}

.albums-empty h2[b-ij27kz30ro] {
    margin: 0 0 .45rem;
    color: #20172b;
    font-size: 1.25rem;
    font-weight: 850;
}

.albums-empty p[b-ij27kz30ro] {
    max-width: 30rem;
    margin: 0 auto;
    color: #74687e;
}

.albums-empty__button[b-ij27kz30ro] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    margin-top: 1rem;
    padding: .58rem 1rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .86rem;
    font-weight: 850;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 28px rgba(124, 58, 237, .22);
}

.albums-empty__button:hover[b-ij27kz30ro] {
    color: #ffffff;
    transform: translateY(-1px);
}

@media (max-width: 980px) {
    .albums-grid[b-ij27kz30ro] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .albums-page[b-ij27kz30ro] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .albums-hero[b-ij27kz30ro] {
        align-items: stretch;
        flex-direction: column;
        border-radius: 1.25rem;
        padding: 1.15rem;
    }

    .albums-create-button[b-ij27kz30ro] {
        width: 100%;
    }

    .albums-summary[b-ij27kz30ro] {
        grid-template-columns: 1fr;
    }

    .album-stats[b-ij27kz30ro] {
        grid-template-columns: 1fr;
    }

    .album-card__footer[b-ij27kz30ro] {
        align-items: flex-start;
        flex-direction: column;
    }

    .album-actions[b-ij27kz30ro] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 420px) {
    .album-action[b-ij27kz30ro] {
        flex: 1 1 auto;
    }

    .album-actions[b-ij27kz30ro] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Auth/ForgotPassword.razor.rz.scp.css */
.forgot-page[b-mbkr2jd5ui] {
    position: relative;
    width: 100%;
}

.forgot-header[b-mbkr2jd5ui] {
    margin-bottom: 1.45rem;
}

.forgot-badge[b-mbkr2jd5ui] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    padding: .38rem .68rem;
    border-radius: 999px;
    color: #8b2b60;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: linear-gradient(135deg, rgba(255, 61, 141, .12), rgba(124, 58, 237, .10));
    border: 1px solid rgba(255, 61, 141, .18);
}

.forgot-header h1[b-mbkr2jd5ui] {
    margin: 0;
    color: #1d1528;
    font-size: clamp(1.75rem, 5vw, 2.25rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.forgot-header p[b-mbkr2jd5ui] {
    margin: .55rem 0 0;
    color: #74687e;
    font-size: .95rem;
    line-height: 1.45;
}

.forgot-form[b-mbkr2jd5ui] {
    display: block;
}

.form-block[b-mbkr2jd5ui] {
    margin-bottom: 1rem;
}

.form-block--large[b-mbkr2jd5ui] {
    margin-bottom: 1.25rem;
}

.form-label[b-mbkr2jd5ui] {
    margin-bottom: .42rem;
    color: #20172b;
    font-size: .86rem;
    font-weight: 750;
}

.input-shell[b-mbkr2jd5ui] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.85rem;
    border-radius: .95rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.input-shell:focus-within[b-mbkr2jd5ui] {
    border-color: rgba(255, 61, 141, .42);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.input-shell > i[b-mbkr2jd5ui] {
    flex: 0 0 auto;
    width: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a855f7;
    font-size: 1.05rem;
}

.input-shell .form-control[b-mbkr2jd5ui] {
    min-height: 2.75rem;
    padding: .58rem .85rem .58rem 0;
    color: #20172b;
    font-size: .93rem;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control:focus[b-mbkr2jd5ui] {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control[b-mbkr2jd5ui]::placeholder {
    color: #a69aad;
}

.forgot-submit[b-mbkr2jd5ui] {
    width: 100%;
    min-height: 2.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: 0;
    border-radius: 1rem;
    color: #ffffff;
    font-size: .94rem;
    font-weight: 850;
    letter-spacing: -.01em;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.forgot-submit:hover:not(:disabled)[b-mbkr2jd5ui] {
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.forgot-submit:disabled[b-mbkr2jd5ui] {
    opacity: .68;
    cursor: wait;
}

.forgot-back-link[b-mbkr2jd5ui] {
    margin: 1.15rem 0 0;
    text-align: center;
    font-size: .84rem;
}

.forgot-back-link a[b-mbkr2jd5ui] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #d92d82;
    font-weight: 850;
    text-decoration: none;
}

.forgot-back-link a:hover[b-mbkr2jd5ui] {
    text-decoration: underline;
}

.forgot-alert[b-mbkr2jd5ui] {
    display: flex;
    gap: .8rem;
    margin-bottom: 1rem;
    padding: .95rem;
    border-radius: 1rem;
    font-size: .86rem;
    border: 1px solid;
}

.forgot-alert__icon[b-mbkr2jd5ui] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    color: #ffffff;
}

.forgot-alert strong[b-mbkr2jd5ui] {
    display: block;
    margin-bottom: .15rem;
    font-weight: 850;
}

.forgot-alert p[b-mbkr2jd5ui] {
    margin: .15rem 0 0;
    line-height: 1.45;
}

.forgot-alert--success[b-mbkr2jd5ui] {
    color: #145238;
    background: #f0fff7;
    border-color: rgba(33, 184, 107, .24);
}

.forgot-alert--success .forgot-alert__icon[b-mbkr2jd5ui] {
    background: linear-gradient(135deg, #21b86b, #10b981);
}

.text-danger[b-mbkr2jd5ui] {
    color: #d92d62 !important;
}

@media (max-width: 520px) {
    .forgot-header h1[b-mbkr2jd5ui] {
        font-size: 1.7rem;
    }
}
/* /Components/Pages/Auth/JoinBeta.razor.rz.scp.css */
.beta-page[b-aza8frv7ak] {
    position: relative;
    width: 100%;
    min-width: 0;
    margin: 0 auto;
    padding: .4rem 0 1.5rem;
    color: #2a1e32;
}

.beta-page > * + *[b-aza8frv7ak] {
    margin-top: 1rem;
}

/* =========================
   Shared elements
   ========================= */

.beta-section-heading[b-aza8frv7ak] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    margin-bottom: .9rem;
}

.beta-section-heading__icon[b-aza8frv7ak],
.beta-registration__icon[b-aza8frv7ak] {
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 2.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 11px 24px rgba(124, 58, 237, .19),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.beta-section-heading__eyebrow[b-aza8frv7ak],
.beta-benefits__eyebrow[b-aza8frv7ak] {
    display: block;
    margin-bottom: .15rem;
    color: #9d4d80;
    font-size: .63rem;
    font-weight: 870;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.beta-page h2[b-aza8frv7ak] {
    margin: 0;
    color: #21172b;
    font-size: 1.23rem;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -.035em;
}

.beta-page p[b-aza8frv7ak] {
    color: #6f6276;
    font-size: .79rem;
    line-height: 1.56;
}

.beta-button[b-aza8frv7ak] {
    min-height: 2.72rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .61rem .9rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 870;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.beta-button--primary[b-aza8frv7ak] {
    color: #ffffff;
    border: 1px solid transparent;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 14px 30px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .21);
}

.beta-button:hover[b-aza8frv7ak] {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow:
        0 18px 38px rgba(124, 58, 237, .30),
        inset 0 1px 0 rgba(255, 255, 255, .21);
}

.beta-button:focus-visible[b-aza8frv7ak] {
    outline: 4px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
}

/* =========================
   Hero
   ========================= */

.beta-hero[b-aza8frv7ak] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(17rem, .92fr);
    align-items: center;
    gap: 1.5rem;
    min-height: 27rem;
    padding: 2.1rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.7rem;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .50), transparent 35%),
        radial-gradient(circle at 96% 8%, rgba(124, 58, 237, .50), transparent 39%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 28px 70px rgba(23, 16, 80, .25),
        inset 0 1px 0 rgba(255, 255, 255, .15);
}

.beta-hero[b-aza8frv7ak]::before,
.beta-hero[b-aza8frv7ak]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 50%;
    pointer-events: none;
}

.beta-hero[b-aza8frv7ak]::before {
    right: -7rem;
    bottom: -10rem;
    width: 23rem;
    height: 23rem;
    background: rgba(255, 255, 255, .035);
}

.beta-hero[b-aza8frv7ak]::after {
    top: -7rem;
    right: 18%;
    width: 18rem;
    height: 18rem;
}

.beta-hero__glow[b-aza8frv7ak] {
    position: absolute;
    inset: auto 12% -1rem;
    height: 3rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #ff3d8d, #7c3aed);
    filter: blur(40px);
    opacity: .27;
    pointer-events: none;
}

.beta-hero__content[b-aza8frv7ak] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.beta-hero__badge[b-aza8frv7ak] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin: 0 0 .85rem;
    padding: .4rem .72rem;
    color: rgba(255, 255, 255, .91);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .68rem;
    font-weight: 860;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.beta-hero__badge i[b-aza8frv7ak] {
    color: #ff8fc1;
}

.beta-hero__badge-separator[b-aza8frv7ak] {
    width: .22rem;
    height: .22rem;
    border-radius: 50%;
    background: #ff8fc1;
}

.beta-hero h1[b-aza8frv7ak] {
    max-width: 38rem;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.45rem, 5.4vw, 4.05rem);
    font-weight: 930;
    line-height: .98;
    letter-spacing: -.065em;
}

.beta-hero__audience[b-aza8frv7ak] {
    max-width: 39rem;
    margin: .72rem 0 0;
    color: #ff9bc8 !important;
    font-size: .94rem !important;
    font-weight: 830;
    line-height: 1.42 !important;
}

.beta-hero__lead[b-aza8frv7ak] {
    max-width: 42rem;
    margin: .7rem 0 0;
    color: rgba(255, 255, 255, .82) !important;
    font-size: .9rem !important;
    font-weight: 720;
    line-height: 1.52 !important;
}

.beta-hero__actions[b-aza8frv7ak] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .58rem;
    margin-top: 1.05rem;
}

.beta-hero__trust[b-aza8frv7ak] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem;
    margin-top: .9rem;
}

.beta-hero__trust span[b-aza8frv7ak] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .35rem .55rem;
    color: rgba(255, 255, 255, .79);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;
    background: rgba(255, 255, 255, .065);
    font-size: .62rem;
    font-weight: 760;
}

.beta-hero__trust i[b-aza8frv7ak] {
    color: #ff8fc1;
}

/* =========================
   Hero product visual
   ========================= */

.beta-hero__visual[b-aza8frv7ak] {
    position: relative;
    z-index: 1;
    min-width: 0;
    height: 22.5rem;
}

.beta-hero__brand-actions[b-aza8frv7ak] {
    position: absolute;
    z-index: 4;
    top: .15rem;
    left: 0;
    display: grid;
    gap: .58rem;
    width: min(100%, 15.25rem);
}

.beta-hero__brand-action[b-aza8frv7ak] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    padding: .58rem .68rem;
    color: rgba(255, 255, 255, .90);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: .85rem;
    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, .12),
            rgba(255, 255, 255, .065));
    box-shadow:
        0 12px 28px rgba(5, 4, 23, .18),
        inset 0 1px 0 rgba(255, 255, 255, .10);
    backdrop-filter: blur(14px);
}

.beta-hero__brand-action-icon[b-aza8frv7ak] {
    width: 2.05rem;
    height: 2.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .7rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .20);
}

.beta-hero__brand-action strong[b-aza8frv7ak],
.beta-hero__brand-action div > span[b-aza8frv7ak] {
    display: block;
}

.beta-hero__brand-action strong[b-aza8frv7ak] {
    color: #ff9bc8;
    font-size: .63rem;
    font-weight: 930;
    letter-spacing: .09em;
}

.beta-hero__brand-action div > span[b-aza8frv7ak] {
    margin-top: .06rem;
    color: rgba(255, 255, 255, .84);
    font-size: .61rem;
    font-weight: 740;
    line-height: 1.3;
}

.beta-preview[b-aza8frv7ak] {
    position: absolute;
    z-index: 2;
    right: -.1rem;
    bottom: .15rem;
    width: 13.6rem;
    padding: .78rem;
    color: #352a3d;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, .95);
    box-shadow:
        0 26px 54px rgba(5, 4, 23, .25),
        0 0 0 7px rgba(255, 255, 255, .055);
    transform: rotate(3deg);
}

.beta-preview__header[b-aza8frv7ak] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
}

.beta-preview__logo[b-aza8frv7ak] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .85rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .20);
}

.beta-preview__header small[b-aza8frv7ak],
.beta-preview__header strong[b-aza8frv7ak] {
    display: block;
}

.beta-preview__header small[b-aza8frv7ak] {
    color: #9a4b7e;
    font-size: .52rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.beta-preview__header strong[b-aza8frv7ak] {
    margin-top: .08rem;
    color: #302338;
    font-size: .72rem;
    font-weight: 880;
}

.beta-preview__search[b-aza8frv7ak] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .32rem;
    margin-top: .65rem;
    padding: .5rem .55rem;
    color: #776a7d;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: .7rem;
    background: #f8f3f9;
    font-size: .54rem;
    font-weight: 730;
}

.beta-preview__search i[b-aza8frv7ak] {
    color: #c03981;
}

.beta-preview__profiles[b-aza8frv7ak] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .4rem;
    margin-top: .62rem;
}

.beta-preview__profiles span[b-aza8frv7ak] {
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: .78rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124, 58, 237, .15),
        0 0 0 1px rgba(124, 58, 237, .07);
}

.beta-preview__profiles span:nth-child(2)[b-aza8frv7ak] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #7c3aed, #3b82f6);
}

.beta-preview__profiles span:nth-child(3)[b-aza8frv7ak] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #d946ef);
}

.beta-preview__footer[b-aza8frv7ak] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .35rem;
    margin-top: .62rem;
    padding-top: .58rem;
    border-top: 1px solid rgba(39, 24, 69, .075);
}

.beta-preview__footer span[b-aza8frv7ak] {
    display: inline-flex;
    align-items: center;
    gap: .22rem;
    color: #7b6f80;
    font-size: .49rem;
    font-weight: 780;
}

.beta-preview__footer i[b-aza8frv7ak] {
    color: #c32f7a;
}

.beta-hero__float[b-aza8frv7ak] {
    position: absolute;
    z-index: 3;
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    padding: .48rem .62rem;
    color: rgba(255, 255, 255, .90);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .82rem;
    background: rgba(13, 11, 44, .67);
    box-shadow: 0 13px 27px rgba(5, 4, 23, .18);
    backdrop-filter: blur(14px);
    font-size: .61rem;
    font-weight: 820;
}

.beta-hero__float i[b-aza8frv7ak] {
    color: #ff8fc1;
}

.beta-hero__float--share[b-aza8frv7ak] {
    right: -.15rem;
    bottom: 8.6rem;
    transform: rotate(3deg);
}

.beta-hero__float--private[b-aza8frv7ak] {
    right: 8.7rem;
    bottom: -.05rem;
    transform: rotate(-3deg);
}

.beta-hero__sparkle[b-aza8frv7ak] {
    position: absolute;
    z-index: 1;
    top: 7.25rem;
    left: 46%;
    width: 1.85rem;
    height: 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .65rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(255, 61, 141, .24);
    font-size: .72rem;
}

/* =========================
   No-content-required callout
   ========================= */

.beta-free[b-aza8frv7ak] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(33, 184, 107, .16);
    border-radius: 1.2rem;
    background:
        radial-gradient(circle at 0% 100%, rgba(33, 184, 107, .08), transparent 38%),
        linear-gradient(135deg, #f7fff9, #ffffff);
    box-shadow:
        0 14px 34px rgba(21, 16, 54, .065),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.beta-free__icon[b-aza8frv7ak] {
    width: 3.15rem;
    height: 3.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 1rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #21b86b, #10b981);
    box-shadow: 0 12px 26px rgba(16, 185, 129, .20);
    font-size: 1.15rem;
}

.beta-free h2[b-aza8frv7ak] {
    color: #183d2d;
}

.beta-free p[b-aza8frv7ak] {
    max-width: 52rem;
    margin: .5rem 0 0;
    color: #4b6659;
}

/* =========================
   Three core features
   ========================= */

.beta-value[b-aza8frv7ak] {
    padding: 1.15rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.3rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 17px 42px rgba(21, 16, 54, .085),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.beta-value__grid[b-aza8frv7ak] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .65rem;
}

.beta-value-card[b-aza8frv7ak] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .58rem;
    padding: .76rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 40%),
        #ffffff;
}

.beta-value-card__icon[b-aza8frv7ak] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .8rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .15);
}

.beta-value-card h3[b-aza8frv7ak] {
    margin: .02rem 0 0;
    color: #35283e;
    font-size: .74rem;
    font-weight: 870;
    line-height: 1.3;
}

.beta-value-card p[b-aza8frv7ak] {
    margin: .2rem 0 0;
    color: #807483;
    font-size: .63rem;
    line-height: 1.44;
}

/* =========================
   Founding Member benefits
   ========================= */

.beta-benefits[b-aza8frv7ak] {
    position: relative;
    overflow: hidden;
    padding: 1.15rem;
    border: 1px solid rgba(124, 58, 237, .14);
    border-radius: 1.3rem;
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 61, 141, .09), transparent 42%),
        radial-gradient(circle at 92% 5%, rgba(124, 58, 237, .10), transparent 43%),
        linear-gradient(180deg, #fffafd 0%, #ffffff 100%);
    box-shadow:
        0 17px 42px rgba(21, 16, 54, .075),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.beta-benefits[b-aza8frv7ak]::after {
    content: "";
    position: absolute;
    right: -4.5rem;
    bottom: -5.5rem;
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(124, 58, 237, .08), transparent 68%);
    pointer-events: none;
}

.beta-benefits__heading[b-aza8frv7ak] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    margin-bottom: .68rem;
}

.beta-benefits__heading-icon[b-aza8frv7ak] {
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .92rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff4f98, #8b3ff1);
    box-shadow: 0 11px 24px rgba(124, 58, 237, .20);
}

.beta-benefits__intro[b-aza8frv7ak] {
    position: relative;
    z-index: 1;
    max-width: 52rem;
    margin: 0 0 .82rem;
    color: #4a4055;
    font-size: .77rem;
    line-height: 1.55;
}

.beta-benefits__list[b-aza8frv7ak] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .58rem;
    margin: 0 0 .8rem;
    padding: 0;
    list-style: none;
}

.beta-benefits__list li[b-aza8frv7ak] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .52rem;
    padding: .65rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: .9rem;
    background: rgba(255, 255, 255, .82);
}

.beta-benefits__item-icon[b-aza8frv7ak] {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .72rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .15);
}

.beta-benefits__list strong[b-aza8frv7ak],
.beta-benefits__list span[b-aza8frv7ak] {
    display: block;
}

.beta-benefits__list strong[b-aza8frv7ak] {
    color: #372b40;
    font-size: .69rem;
    font-weight: 850;
    line-height: 1.35;
}

.beta-benefits__list li div > span[b-aza8frv7ak] {
    margin-top: .12rem;
    color: #817487;
    font-size: .59rem;
    line-height: 1.38;
}

.beta-benefits__disclaimer[b-aza8frv7ak] {
    position: relative;
    z-index: 1;
    margin: 0;
    padding-top: .72rem;
    color: #7d7087;
    border-top: 1px solid rgba(39, 24, 69, .09);
    font-size: .67rem;
    line-height: 1.5;
}

/* =========================
   Registration form
   ========================= */

.beta-registration[b-aza8frv7ak] {
    position: relative;
    width: 100%;
    min-width: 0;
    scroll-margin-top: 1rem;
    padding: 1.15rem;
    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.3rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.beta-registration__heading[b-aza8frv7ak] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    margin-bottom: 1rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid rgba(39, 24, 69, .08);
}

.beta-registration__heading p[b-aza8frv7ak] {
    margin: .26rem 0 0;
    color: #817588;
    font-size: .7rem;
}

.beta-registration[b-aza8frv7ak]  form {
    margin-top: 0;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 920px) {
    .beta-hero[b-aza8frv7ak] {
        grid-template-columns: minmax(0, 1fr) 16rem;
    }

    .beta-hero__visual[b-aza8frv7ak] {
        height: 20rem;
    }

    .beta-preview[b-aza8frv7ak] {
        width: 12.5rem;
    }

    .beta-hero__brand-actions[b-aza8frv7ak] {
        width: 13rem;
    }

    .beta-hero__float--private[b-aza8frv7ak] {
        right: 7.5rem;
    }

    .beta-benefits__list[b-aza8frv7ak] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .beta-page[b-aza8frv7ak] {
        padding-top: 0;
    }

    .beta-hero[b-aza8frv7ak] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 1.45rem;
        border-radius: 1.35rem;
    }

    .beta-hero__visual[b-aza8frv7ak] {
        height: auto;
        display: grid;
        gap: .85rem;
        margin-top: .4rem;
    }

    .beta-hero__brand-actions[b-aza8frv7ak] {
        position: static;
        width: 100%;
    }

    .beta-hero__brand-action[b-aza8frv7ak] {
        padding: .66rem .72rem;
    }

    .beta-hero__brand-action strong[b-aza8frv7ak] {
        font-size: .67rem;
    }

    .beta-hero__brand-action div > span[b-aza8frv7ak] {
        font-size: .66rem;
    }

    .beta-preview[b-aza8frv7ak] {
        position: static;
        width: min(100%, 18rem);
        margin: 0 auto;
        transform: none;
    }

    .beta-preview__header small[b-aza8frv7ak] {
        font-size: .58rem;
    }

    .beta-preview__header strong[b-aza8frv7ak] {
        font-size: .79rem;
    }

    .beta-preview__search[b-aza8frv7ak] {
        font-size: .6rem;
    }

    .beta-preview__footer span[b-aza8frv7ak] {
        font-size: .55rem;
    }

    .beta-hero__float[b-aza8frv7ak],
    .beta-hero__sparkle[b-aza8frv7ak] {
        display: none;
    }

    .beta-value__grid[b-aza8frv7ak] {
        grid-template-columns: 1fr;
    }

    .beta-benefits__list[b-aza8frv7ak] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .beta-hero[b-aza8frv7ak] {
        padding: 1.2rem;
    }

    .beta-hero h1[b-aza8frv7ak] {
        max-width: 18rem;
        font-size: clamp(1.92rem, 10vw, 2.2rem);
        line-height: 1;
    }

    .beta-hero__audience[b-aza8frv7ak] {
        font-size: .86rem !important;
    }

    .beta-hero__lead[b-aza8frv7ak] {
        font-size: .82rem !important;
    }

    .beta-hero__actions[b-aza8frv7ak] {
        align-items: stretch;
        flex-direction: column;
    }

    .beta-button[b-aza8frv7ak] {
        width: 100%;
    }

    .beta-hero__trust[b-aza8frv7ak] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: .35rem;
    }

    .beta-hero__trust span[b-aza8frv7ak] {
        width: 100%;
        justify-content: center;
        padding-inline: .38rem;
        text-align: center;
        white-space: normal;
    }

    .beta-preview[b-aza8frv7ak] {
        width: 100%;
        max-width: 18rem;
    }

    .beta-free[b-aza8frv7ak],
    .beta-value[b-aza8frv7ak],
    .beta-benefits[b-aza8frv7ak],
    .beta-registration[b-aza8frv7ak] {
        padding: .9rem;
        border-radius: 1.05rem;
    }

    .beta-free[b-aza8frv7ak] {
        grid-template-columns: 1fr;
    }

    .beta-free__icon[b-aza8frv7ak] {
        width: 2.8rem;
        height: 2.8rem;
    }

    .beta-section-heading[b-aza8frv7ak],
    .beta-benefits__heading[b-aza8frv7ak],
    .beta-registration__heading[b-aza8frv7ak] {
        align-items: start;
    }

    .beta-benefits__intro[b-aza8frv7ak] {
        margin-bottom: .65rem;
    }

    .beta-benefits__list[b-aza8frv7ak] {
        gap: .45rem;
        margin-bottom: .65rem;
    }

    .beta-benefits__list li[b-aza8frv7ak] {
        padding: .58rem;
    }

    .beta-registration__heading[b-aza8frv7ak] {
        margin-bottom: .8rem;
        padding-bottom: .72rem;
    }
}

@media (max-width: 380px) {
    .beta-hero h1[b-aza8frv7ak] {
        max-width: 16rem;
        font-size: 1.86rem;
    }

    .beta-hero__badge[b-aza8frv7ak] {
        flex-wrap: wrap;
    }

    .beta-hero__trust[b-aza8frv7ak] {
        grid-template-columns: 1fr;
    }

    .beta-preview[b-aza8frv7ak] {
        padding: .72rem;
    }

    .beta-preview__profiles[b-aza8frv7ak] {
        gap: .32rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .beta-button[b-aza8frv7ak] {
        transition: none;
    }
}
/* /Components/Pages/Auth/Login.razor.rz.scp.css */
.login-page[b-m994vmyxff] {
    position: relative;
    width: 100%;
}

.login-header[b-m994vmyxff] {
    margin-bottom: 1.45rem;
}

.login-badge[b-m994vmyxff] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    padding: .38rem .68rem;
    border-radius: 999px;
    color: #8b2b60;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: linear-gradient(135deg, rgba(255, 61, 141, .12), rgba(124, 58, 237, .10));
    border: 1px solid rgba(255, 61, 141, .18);
}

.login-header h1[b-m994vmyxff] {
    margin: 0;
    color: #1d1528;
    font-size: clamp(1.8rem, 5vw, 2.35rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.login-header p[b-m994vmyxff] {
    margin: .55rem 0 0;
    color: #74687e;
    font-size: .95rem;
    line-height: 1.45;
}

.login-form[b-m994vmyxff] {
    display: block;
}

.form-block[b-m994vmyxff] {
    margin-bottom: 1rem;
}

.form-label[b-m994vmyxff] {
    margin-bottom: .42rem;
    color: #20172b;
    font-size: .86rem;
    font-weight: 750;
}

.input-shell[b-m994vmyxff] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.85rem;
    border-radius: .95rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.input-shell:focus-within[b-m994vmyxff] {
    border-color: rgba(255, 61, 141, .42);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.input-shell > i[b-m994vmyxff] {
    flex: 0 0 auto;
    width: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a855f7;
    font-size: 1.05rem;
}

.input-shell .form-control[b-m994vmyxff] {
    min-height: 2.75rem;
    padding: .58rem .85rem .58rem 0;
    color: #20172b;
    font-size: .93rem;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control:focus[b-m994vmyxff] {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control[b-m994vmyxff]::placeholder {
    color: #a69aad;
}

.input-shell--with-action .form-control[b-m994vmyxff] {
    padding-right: .35rem;
}

.input-action[b-m994vmyxff] {
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .12rem;
    border: 0;
    border-radius: .85rem;
    color: #6d6077;
    background: transparent;
    transition:
        color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.input-action:hover[b-m994vmyxff] {
    color: #ff3d8d;
    background: rgba(255, 61, 141, .08);
    transform: translateY(-1px);
}

.login-options[b-m994vmyxff] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .9rem;
    margin: .35rem 0 1.25rem;
}

.premium-check[b-m994vmyxff] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-height: 2.25rem;
}

.premium-check .form-check-input[b-m994vmyxff] {
    width: 1.05rem;
    height: 1.05rem;
    margin: 0;
    border-color: rgba(39, 24, 69, .22);
    cursor: pointer;
}

.premium-check .form-check-input:checked[b-m994vmyxff] {
    background-color: #ff3d8d;
    border-color: #ff3d8d;
}

.premium-check .form-check-input:focus[b-m994vmyxff] {
    border-color: #ff3d8d;
    box-shadow: 0 0 0 .22rem rgba(255, 61, 141, .14);
}

.premium-check .form-check-label[b-m994vmyxff] {
    color: #372b40;
    font-size: .86rem;
    font-weight: 650;
    cursor: pointer;
}

.forgot-link[b-m994vmyxff] {
    color: #d92d82;
    font-size: .83rem;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.forgot-link:hover[b-m994vmyxff] {
    text-decoration: underline;
}

.login-submit[b-m994vmyxff] {
    width: 100%;
    min-height: 2.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: 0;
    border-radius: 1rem;
    color: #ffffff;
    font-size: .94rem;
    font-weight: 850;
    letter-spacing: -.01em;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.login-submit:hover:not(:disabled)[b-m994vmyxff] {
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.login-submit:disabled[b-m994vmyxff] {
    opacity: .68;
    cursor: wait;
}

.divider-or[b-m994vmyxff] {
    position: relative;
    margin: 1.45rem 0 1rem;
    text-align: center;
    color: #8a7c96;
    font-size: .8rem;
    font-weight: 650;
}

.divider-or[b-m994vmyxff]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(39, 24, 69, .12);
    z-index: 0;
}

.divider-or span[b-m994vmyxff] {
    position: relative;
    z-index: 1;
    padding: 0 .85rem;
    background: #ffffff;
}

.oauth-grid[b-m994vmyxff] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: 1.35rem;
}

.oauth-btn[b-m994vmyxff] {
    min-height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .55rem .75rem;
    border-radius: .95rem;
    color: #33283d;
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .05);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background-color .16s ease;
}

.oauth-btn:hover[b-m994vmyxff] {
    color: #20172b;
    transform: translateY(-1px);
    border-color: rgba(255, 61, 141, .22);
    background: #fffafd;
    box-shadow: 0 12px 28px rgba(21, 16, 54, .09);
}

.login-register-link[b-m994vmyxff] {
    margin: 0;
    text-align: center;
    color: #74687e;
    font-size: .84rem;
}

.login-register-link a[b-m994vmyxff] {
    color: #d92d82;
    font-weight: 850;
    text-decoration: none;
}

.login-register-link a:hover[b-m994vmyxff] {
    text-decoration: underline;
}

.login-alert[b-m994vmyxff] {
    display: flex;
    gap: .8rem;
    margin-bottom: 1rem;
    padding: .95rem;
    border-radius: 1rem;
    color: #7f1d42;
    font-size: .86rem;
    background: #fff5f8;
    border: 1px solid rgba(255, 61, 141, .22);
}

.login-alert__icon[b-m994vmyxff] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #ef4444);
}

.login-alert strong[b-m994vmyxff] {
    display: block;
    margin-bottom: .15rem;
    font-weight: 850;
}

.login-alert p[b-m994vmyxff] {
    margin: 0;
}

.login-alert p + p[b-m994vmyxff] {
    margin-top: .5rem;
}

.login-alert__hint[b-m994vmyxff] {
    opacity: .85;
}

.login-alert__action[b-m994vmyxff] {
    margin-top: .6rem;
    padding: .45rem .9rem;
    border: 1px solid rgba(127, 29, 66, .3);
    border-radius: .7rem;
    background: #ffffff;
    color: #7f1d42;
    font-weight: 700;
    font-size: .82rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    text-decoration: none;
}

.login-alert__action:hover:not(:disabled)[b-m994vmyxff] {
    background: #fff0f5;
}

.login-alert__action:disabled[b-m994vmyxff] {
    opacity: .6;
    cursor: not-allowed;
}

.text-danger[b-m994vmyxff] {
    color: #d92d62 !important;
}

@media (max-width: 520px) {
    .login-options[b-m994vmyxff] {
        align-items: flex-start;
        flex-direction: column;
        gap: .45rem;
    }

    .oauth-grid[b-m994vmyxff] {
        grid-template-columns: 1fr;
    }

    .login-header h1[b-m994vmyxff] {
        font-size: 1.75rem;
    }
}
/* /Components/Pages/Auth/LoginHelp.razor.rz.scp.css */
.login-help-page[b-awv8viyhg9] {
    position: relative;
    width: 100%;
}

.login-help-header[b-awv8viyhg9] {
    margin-bottom: 1.45rem;
}

.login-help-badge[b-awv8viyhg9] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    padding: .38rem .68rem;
    border-radius: 999px;
    color: #8b2b60;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: linear-gradient(135deg, rgba(255, 61, 141, .12), rgba(124, 58, 237, .10));
    border: 1px solid rgba(255, 61, 141, .18);
}

.login-help-header h1[b-awv8viyhg9] {
    margin: 0;
    color: #1d1528;
    font-size: clamp(1.75rem, 5vw, 2.25rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.login-help-header p[b-awv8viyhg9] {
    margin: .55rem 0 0;
    color: #74687e;
    font-size: .95rem;
    line-height: 1.45;
}

.login-help-form[b-awv8viyhg9] {
    display: block;
}

.form-block[b-awv8viyhg9] {
    margin-bottom: 1rem;
}

.form-block--large[b-awv8viyhg9] {
    margin-bottom: 1.25rem;
}

.form-label[b-awv8viyhg9] {
    margin-bottom: .42rem;
    color: #20172b;
    font-size: .86rem;
    font-weight: 750;
}

.input-shell[b-awv8viyhg9] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.85rem;
    border-radius: .95rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.input-shell:focus-within[b-awv8viyhg9] {
    border-color: rgba(255, 61, 141, .42);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.input-shell > i[b-awv8viyhg9] {
    flex: 0 0 auto;
    width: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a855f7;
    font-size: 1.05rem;
}

.input-shell .form-control[b-awv8viyhg9] {
    min-height: 2.75rem;
    padding: .58rem .85rem .58rem 0;
    color: #20172b;
    font-size: .93rem;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control:focus[b-awv8viyhg9] {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control[b-awv8viyhg9]::placeholder {
    color: #a69aad;
}

.input-shell--textarea[b-awv8viyhg9] {
    align-items: stretch;
    min-height: 0;
}

.input-shell--textarea .form-control[b-awv8viyhg9] {
    padding: .75rem .85rem;
    resize: vertical;
}

.login-help-submit[b-awv8viyhg9] {
    width: 100%;
    min-height: 2.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: 0;
    border-radius: 1rem;
    color: #ffffff;
    font-size: .94rem;
    font-weight: 850;
    letter-spacing: -.01em;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.login-help-submit:hover:not(:disabled)[b-awv8viyhg9] {
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.login-help-submit:disabled[b-awv8viyhg9] {
    opacity: .68;
    cursor: wait;
}

.login-help-back-link[b-awv8viyhg9] {
    margin: 1.15rem 0 0;
    text-align: center;
    font-size: .84rem;
}

.login-help-back-link a[b-awv8viyhg9] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #d92d82;
    font-weight: 850;
    text-decoration: none;
}

.login-help-back-link a:hover[b-awv8viyhg9] {
    text-decoration: underline;
}

.login-help-alert[b-awv8viyhg9] {
    display: flex;
    gap: .8rem;
    margin-bottom: 1rem;
    padding: .95rem;
    border-radius: 1rem;
    font-size: .86rem;
    border: 1px solid;
}

.login-help-alert__icon[b-awv8viyhg9] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    color: #ffffff;
}

.login-help-alert strong[b-awv8viyhg9] {
    display: block;
    margin-bottom: .15rem;
    font-weight: 850;
}

.login-help-alert p[b-awv8viyhg9] {
    margin: .15rem 0 0;
    line-height: 1.45;
}

.login-help-alert--success[b-awv8viyhg9] {
    color: #145238;
    background: #f0fff7;
    border-color: rgba(33, 184, 107, .24);
}

.login-help-alert--success .login-help-alert__icon[b-awv8viyhg9] {
    background: linear-gradient(135deg, #21b86b, #10b981);
}

.text-danger[b-awv8viyhg9] {
    color: #d92d62 !important;
}

@media (max-width: 520px) {
    .login-help-header h1[b-awv8viyhg9] {
        font-size: 1.7rem;
    }
}
/* /Components/Pages/Auth/Register.razor.rz.scp.css */
.register-page[b-vzflurr2s0] {
    position: relative;
    width: 100%;
}

.register-header[b-vzflurr2s0] {
    margin-bottom: 1.35rem;
}

.register-badge[b-vzflurr2s0] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    padding: .38rem .68rem;
    border-radius: 999px;
    color: #8b2b60;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: linear-gradient(135deg, rgba(255, 61, 141, .12), rgba(124, 58, 237, .10));
    border: 1px solid rgba(255, 61, 141, .18);
}

.register-header h1[b-vzflurr2s0] {
    margin: 0;
    color: #1d1528;
    font-size: clamp(1.65rem, 5vw, 2.15rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.04em;
}

.register-header p[b-vzflurr2s0] {
    margin: .55rem 0 0;
    color: #74687e;
    font-size: .94rem;
    line-height: 1.45;
}

@media (max-width: 520px) {
    .register-header h1[b-vzflurr2s0] {
        font-size: 1.65rem;
    }
}
/* /Components/Pages/Auth/ResetPassword.razor.rz.scp.css */
.reset-page[b-ckaabjpww8] {
    position: relative;
    width: 100%;
}

.reset-header[b-ckaabjpww8] {
    margin-bottom: 1.45rem;
}

.reset-badge[b-ckaabjpww8] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    padding: .38rem .68rem;
    border-radius: 999px;
    color: #8b2b60;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: linear-gradient(135deg, rgba(255, 61, 141, .12), rgba(124, 58, 237, .10));
    border: 1px solid rgba(255, 61, 141, .18);
}

.reset-header h1[b-ckaabjpww8] {
    margin: 0;
    color: #1d1528;
    font-size: clamp(1.75rem, 5vw, 2.25rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.reset-header p[b-ckaabjpww8] {
    margin: .55rem 0 0;
    color: #74687e;
    font-size: .95rem;
    line-height: 1.45;
}

.form-block[b-ckaabjpww8] {
    margin-bottom: 1rem;
}

.form-block--large[b-ckaabjpww8] {
    margin-bottom: 1.25rem;
}

.form-label[b-ckaabjpww8] {
    margin-bottom: .42rem;
    color: #20172b;
    font-size: .86rem;
    font-weight: 750;
}

.required[b-ckaabjpww8] {
    color: #ff3d8d;
}

.input-shell[b-ckaabjpww8] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.85rem;
    border-radius: .95rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.input-shell:focus-within[b-ckaabjpww8] {
    border-color: rgba(255, 61, 141, .42);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.input-shell > i[b-ckaabjpww8] {
    flex: 0 0 auto;
    width: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a855f7;
    font-size: 1.05rem;
}

.input-shell .form-control[b-ckaabjpww8] {
    min-height: 2.75rem;
    padding: .58rem .85rem .58rem 0;
    color: #20172b;
    font-size: .93rem;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control:focus[b-ckaabjpww8] {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control[b-ckaabjpww8]::placeholder {
    color: #a69aad;
}

.input-shell--with-action .form-control[b-ckaabjpww8] {
    padding-right: .35rem;
}

.input-action[b-ckaabjpww8] {
    flex: 0 0 auto;
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .12rem;
    border: 0;
    border-radius: .85rem;
    color: #6d6077;
    background: transparent;
    transition:
        color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.input-action:hover[b-ckaabjpww8] {
    color: #ff3d8d;
    background: rgba(255, 61, 141, .08);
    transform: translateY(-1px);
}

.password-meter[b-ckaabjpww8] {
    margin-top: .55rem;
}

.password-meter__track[b-ckaabjpww8] {
    overflow: hidden;
    height: .42rem;
    border-radius: 999px;
    background: #f0eaf3;
}

.password-meter__bar[b-ckaabjpww8] {
    height: 100%;
    border-radius: 999px;
    transition: width .18s ease;
}

.password-meter__bar.bg-danger[b-ckaabjpww8] {
    background: linear-gradient(135deg, #ff3d8d, #ef4444) !important;
}

.password-meter__bar.bg-warning[b-ckaabjpww8] {
    background: linear-gradient(135deg, #f59e0b, #ff7a1a) !important;
}

.password-meter__bar.bg-success[b-ckaabjpww8] {
    background: linear-gradient(135deg, #21b86b, #10b981) !important;
}

.form-text[b-ckaabjpww8] {
    margin-top: .42rem;
    font-size: .76rem;
    line-height: 1.35;
}

.text-danger[b-ckaabjpww8] {
    color: #d92d62 !important;
}

.text-warning[b-ckaabjpww8] {
    color: #b7791f !important;
}

.text-success[b-ckaabjpww8] {
    color: #188b54 !important;
}

.reset-submit[b-ckaabjpww8] {
    width: 100%;
    min-height: 2.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: 0;
    border-radius: 1rem;
    color: #ffffff;
    font-size: .94rem;
    font-weight: 850;
    letter-spacing: -.01em;
    text-decoration: none;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.reset-submit:hover:not(:disabled)[b-ckaabjpww8] {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.reset-submit:disabled[b-ckaabjpww8] {
    opacity: .68;
    cursor: wait;
}

.reset-submit--link[b-ckaabjpww8] {
    margin-top: .45rem;
}

.reset-back-link[b-ckaabjpww8] {
    margin: 1.15rem 0 0;
    text-align: center;
    font-size: .84rem;
}

.reset-back-link a[b-ckaabjpww8] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #d92d82;
    font-weight: 850;
    text-decoration: none;
}

.reset-back-link a:hover[b-ckaabjpww8] {
    text-decoration: underline;
}

.reset-alert[b-ckaabjpww8] {
    display: flex;
    gap: .8rem;
    margin-bottom: 1rem;
    padding: .95rem;
    border-radius: 1rem;
    font-size: .86rem;
    border: 1px solid;
}

.reset-alert__icon[b-ckaabjpww8] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    color: #ffffff;
}

.reset-alert strong[b-ckaabjpww8] {
    display: block;
    margin-bottom: .15rem;
    font-weight: 850;
}

.reset-alert p[b-ckaabjpww8] {
    margin: .15rem 0 0;
    line-height: 1.4;
}

.reset-alert a[b-ckaabjpww8] {
    color: inherit;
    font-weight: 850;
}

.reset-alert--danger[b-ckaabjpww8] {
    color: #7f1d42;
    background: #fff5f8;
    border-color: rgba(255, 61, 141, .22);
}

.reset-alert--danger .reset-alert__icon[b-ckaabjpww8] {
    background: linear-gradient(135deg, #ff3d8d, #ef4444);
}

.reset-alert--success[b-ckaabjpww8] {
    color: #145238;
    background: #f0fff7;
    border-color: rgba(33, 184, 107, .24);
}

.reset-alert--success .reset-alert__icon[b-ckaabjpww8] {
    background: linear-gradient(135deg, #21b86b, #10b981);
}

@media (max-width: 520px) {
    .reset-header h1[b-ckaabjpww8] {
        font-size: 1.7rem;
    }
}
/* /Components/Pages/Chat/Chat.razor.rz.scp.css */
:host[b-hjngiaqe1o] {
    display: block;
}

.chat-page[b-hjngiaqe1o] {
    width: min(100% - 1.5rem, 1500px);
    height: calc(100dvh - 94px);
    min-height: 560px;
    display: flex;
    margin: .75rem auto 1rem;
    overflow: hidden;
    color: #281d34;
    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.35rem;
    background: #fff;
    box-shadow:
        0 20px 52px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

/* =========================
   Conversation rail
   ========================= */

.chat-rail[b-hjngiaqe1o] {
    width: 330px;
    flex: 0 0 330px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    border-right: 1px solid rgba(38, 24, 69, .075);
    background:
        radial-gradient(circle at 0 0, rgba(255, 61, 141, .035), transparent 28%),
        linear-gradient(180deg, #fff 0%, #fbf8fc 100%);
}

.chat-rail-header[b-hjngiaqe1o] {
    min-height: 4.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    padding: .9rem 1rem .72rem;
}

.chat-rail-eyebrow[b-hjngiaqe1o] {
    display: block;
    margin-bottom: .1rem;
    color: #a7457e;
    font-size: .55rem;
    font-weight: 880;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.chat-rail-header h1[b-hjngiaqe1o] {
    margin: 0;
    color: #251a30;
    font-size: 1.18rem;
    font-weight: 910;
    letter-spacing: -.03em;
}

.chat-rail-header__icon[b-hjngiaqe1o] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .78rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255,255,255,.18);
    font-size: .82rem;
}

.chat-rail-search[b-hjngiaqe1o] {
    padding: 0 .85rem .72rem;
}

.chat-search[b-hjngiaqe1o] {
    min-height: 2.55rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
    padding: 0 .72rem;
    border: 1px solid rgba(39, 24, 69, .10);
    border-radius: .85rem;
    background: rgba(255,255,255,.92);
    box-shadow:
        0 6px 16px rgba(21,16,54,.035),
        inset 0 1px 0 rgba(255,255,255,.9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease;
}

.chat-search:focus-within[b-hjngiaqe1o] {
    border-color: rgba(255, 61, 141, .28);
    background: #fff;
    box-shadow:
        0 0 0 4px rgba(255,61,141,.075),
        0 8px 20px rgba(21,16,54,.05);
}

.chat-search > i[b-hjngiaqe1o] {
    color: #9a4a86;
    font-size: .75rem;
}

.chat-search input[b-hjngiaqe1o] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #382a41;
    background: transparent;
    font: inherit;
    font-size: .72rem;
}

.chat-search input[b-hjngiaqe1o]::placeholder {
    color: #9d91a2;
}

.chat-search__active[b-hjngiaqe1o] {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 0 0 3px rgba(255,61,141,.08);
}

.chat-rail-section-title[b-hjngiaqe1o] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    padding: .45rem 1rem .42rem;
    color: #8c7e92;
    font-size: .56rem;
    font-weight: 850;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.chat-rail-section-count[b-hjngiaqe1o] {
    min-width: 1.45rem;
    min-height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .12rem .34rem;
    border-radius: 999px;
    color: #7b5c87;
    background: rgba(124,58,237,.07);
    font-size: .52rem;
}

.chat-rail-list[b-hjngiaqe1o] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: .12rem .55rem .7rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(124,58,237,.18) transparent;
}

.chat-rail-item[b-hjngiaqe1o] {
    position: relative;
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .62rem;
    min-height: 4.25rem;
    margin: .16rem 0;
    padding: .58rem .62rem;
    border: 1px solid transparent;
    border-radius: .92rem;
    color: inherit;
    text-align: left;
    cursor: pointer;
    background: transparent;
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.chat-rail-item:hover[b-hjngiaqe1o] {
    border-color: rgba(124,58,237,.08);
    background: rgba(255,255,255,.75);
    transform: translateX(1px);
}

.chat-rail-item.active[b-hjngiaqe1o] {
    border-color: rgba(255,61,141,.13);
    background:
        radial-gradient(circle at 0 0, rgba(255,61,141,.075), transparent 42%),
        linear-gradient(135deg, #fff, #faf6ff);
    box-shadow:
        0 8px 18px rgba(21,16,54,.055),
        inset 3px 0 0 #ff3d8d;
}

.chat-rail-item.unread:not(.active)[b-hjngiaqe1o] {
    border-color: rgba(124,58,237,.08);
    background:
        linear-gradient(135deg, rgba(255,61,141,.04), rgba(124,58,237,.045));
}

.chat-rail-item-avatar[b-hjngiaqe1o] {
    flex: 0 0 auto;
}

.chat-rail-item-body[b-hjngiaqe1o] {
    min-width: 0;
}

.chat-rail-item-top[b-hjngiaqe1o] {
    min-width: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: .5rem;
}

.chat-rail-item-name[b-hjngiaqe1o] {
    min-width: 0;
    overflow: hidden;
    color: #34263d;
    font-size: .74rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-rail-item.unread .chat-rail-item-name[b-hjngiaqe1o] {
    color: #8f356f;
}

.chat-rail-item-time[b-hjngiaqe1o] {
    flex: 0 0 auto;
    color: #a094a5;
    font-size: .54rem;
    font-weight: 700;
}

.chat-rail-item-preview[b-hjngiaqe1o] {
    min-width: 0;
    margin-top: .12rem;
    overflow: hidden;
    color: #827587;
    font-size: .64rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-rail-item-preview em[b-hjngiaqe1o] {
    color: #a296a8;
    font-style: normal;
}

.chat-rail-item.unread .chat-rail-item-preview[b-hjngiaqe1o] {
    color: #5f5167;
    font-weight: 730;
}

.chat-rail-item-badge[b-hjngiaqe1o] {
    min-width: 1.45rem;
    min-height: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    padding: .12rem .35rem;
    border-radius: 999px;
    color: #fff;
    background:
        radial-gradient(circle at 22% 0%, rgba(255,255,255,.24), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 6px 14px rgba(124,58,237,.18);
    font-size: .52rem;
    font-weight: 900;
}

.chat-rail-state[b-hjngiaqe1o],
.chat-rail-empty[b-hjngiaqe1o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: 2rem 1rem;
    text-align: center;
    color: #8c8092;
    font-size: .66rem;
}

.chat-inline-spinner[b-hjngiaqe1o] {
    width: .9rem;
    height: .9rem;
    display: inline-block;
    border: 2px solid rgba(124,58,237,.14);
    border-top-color: #a44784;
    border-radius: 50%;
    animation: chat-spin-b-hjngiaqe1o .7s linear infinite;
}

.chat-rail-empty__icon[b-hjngiaqe1o],
.chat-thread-empty__icon[b-hjngiaqe1o] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.chat-rail-empty__icon[b-hjngiaqe1o] {
    width: 3rem;
    height: 3rem;
    margin-bottom: .18rem;
    border-radius: .95rem;
    box-shadow: 0 10px 22px rgba(124,58,237,.16);
    font-size: 1rem;
}

.chat-rail-empty strong[b-hjngiaqe1o] {
    color: #493a52;
    font-size: .73rem;
}

.chat-rail-empty p[b-hjngiaqe1o] {
    max-width: 13rem;
    margin: 0;
    line-height: 1.45;
}

/* =========================
   Thread
   ========================= */

.chat-thread[b-hjngiaqe1o] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.025), transparent 26%),
        #fff;
}

.chat-thread-empty[b-hjngiaqe1o] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 45%, rgba(255,61,141,.035), transparent 26%),
        radial-gradient(circle at 58% 58%, rgba(124,58,237,.025), transparent 30%);
}

.chat-thread-empty__icon[b-hjngiaqe1o] {
    width: 4.2rem;
    height: 4.2rem;
    margin-bottom: .85rem;
    border-radius: 1.3rem;
    box-shadow: 0 16px 34px rgba(124,58,237,.18);
    font-size: 1.35rem;
    transform: rotate(3deg);
}

.chat-thread-empty__eyebrow[b-hjngiaqe1o] {
    color: #a7457e;
    font-size: .58rem;
    font-weight: 860;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.chat-thread-empty h2[b-hjngiaqe1o] {
    margin: .22rem 0 0;
    color: #30223a;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: -.03em;
}

.chat-thread-empty p[b-hjngiaqe1o] {
    max-width: 24rem;
    margin: .35rem 0 0;
    color: #8a7d90;
    font-size: .72rem;
    line-height: 1.5;
}

.chat-thread-header[b-hjngiaqe1o] {
    min-height: 4.7rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .62rem .9rem;
    border-bottom: 1px solid rgba(38,24,69,.07);
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(14px);
}

.chat-thread-person[b-hjngiaqe1o] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .62rem;
}

.chat-thread-person__avatar[b-hjngiaqe1o] {
    flex: 0 0 auto;
}

.chat-thread-person__copy[b-hjngiaqe1o] {
    min-width: 0;
}

.chat-thread-title[b-hjngiaqe1o] {
    overflow: hidden;
    color: #30223a;
    font-size: .78rem;
    font-weight: 880;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-thread-status[b-hjngiaqe1o] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-top: .05rem;
    color: #92869a;
    font-size: .57rem;
    font-weight: 700;
}

.chat-thread-status__dot[b-hjngiaqe1o] {
    width: .42rem;
    height: .42rem;
    border-radius: 50%;
    background: #b8afb9;
}

.chat-thread-status.is-online[b-hjngiaqe1o] {
    color: #367456;
}

.chat-thread-status.is-online .chat-thread-status__dot[b-hjngiaqe1o] {
    background: #35b774;
    box-shadow: 0 0 0 3px rgba(53,183,116,.10);
}

.chat-thread-tabs[b-hjngiaqe1o] {
    display: flex;
    align-items: center;
    gap: .25rem;
    padding: .2rem;
    border: 1px solid rgba(39,24,69,.07);
    border-radius: .8rem;
    background: #f7f3f8;
}

.chat-tab[b-hjngiaqe1o] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .32rem;
    padding: .38rem .62rem;
    border: 0;
    border-radius: .62rem;
    color: #827587;
    cursor: pointer;
    background: transparent;
    font: inherit;
    font-size: .61rem;
    font-weight: 800;
    transition:
        color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.chat-tab.active[b-hjngiaqe1o] {
    color: #fff;
    background:
        radial-gradient(circle at 22% 0%, rgba(255,255,255,.24), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 7px 15px rgba(124,58,237,.16),
        inset 0 1px 0 rgba(255,255,255,.18);
}

.chat-tab:disabled[b-hjngiaqe1o] {
    opacity: .46;
    cursor: not-allowed;
}

.chat-tab--icon[b-hjngiaqe1o] {
    width: 2rem;
    padding: 0;
}

.chat-mobile-back[b-hjngiaqe1o] {
    display: none;
}

/* =========================
   Message stream
   ========================= */

.chat-thread-messages[b-hjngiaqe1o] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    padding: 1rem 1rem .8rem;
    background:
        radial-gradient(circle at 10% 20%, rgba(255,61,141,.018), transparent 25%),
        radial-gradient(circle at 90% 75%, rgba(124,58,237,.018), transparent 24%),
        #fdfcfe;
    scrollbar-width: thin;
    scrollbar-color: rgba(124,58,237,.18) transparent;
}

.chat-message-stream[b-hjngiaqe1o] {
    width: min(100%, 980px);
    min-height: 100%;
    display: flex;
    flex-direction: column;
    gap: .1rem;
    margin: 0 auto;
}

.chat-load-earlier[b-hjngiaqe1o] {
    display: flex;
    justify-content: center;
    padding: 0 0 .8rem;
}

.chat-load-earlier__button[b-hjngiaqe1o] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .38rem .6rem;
    border: 1px solid rgba(124,58,237,.10);
    border-radius: 999px;
    color: #76527f;
    cursor: pointer;
    background: rgba(255,255,255,.88);
    box-shadow: 0 5px 14px rgba(21,16,54,.035);
    font: inherit;
    font-size: .58rem;
    font-weight: 800;
}

.chat-load-earlier__button:hover:not(:disabled)[b-hjngiaqe1o] {
    color: #b33a79;
    border-color: rgba(255,61,141,.18);
}

.chat-load-earlier__button:disabled[b-hjngiaqe1o] {
    opacity: .6;
    cursor: wait;
}

.chat-message-empty[b-hjngiaqe1o] {
    min-height: 12rem;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.chat-message-empty > span[b-hjngiaqe1o] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .5rem;
    border-radius: .9rem;
    color: #8f4aad;
    background: linear-gradient(135deg, rgba(255,61,141,.08), rgba(124,58,237,.09));
}

.chat-message-empty strong[b-hjngiaqe1o] {
    color: #4a3a53;
    font-size: .72rem;
}

.chat-message-empty p[b-hjngiaqe1o] {
    margin: .15rem 0 0;
    color: #968a9b;
    font-size: .63rem;
}

.chat-message-row[b-hjngiaqe1o] {
    width: 100%;
    display: flex;
    min-width: 0;
}

.chat-message-row.theirs[b-hjngiaqe1o] {
    justify-content: flex-start;
    padding-right: 22%;
}

.chat-message-row.mine[b-hjngiaqe1o] {
    justify-content: flex-end;
    padding-left: 22%;
}

/*
   MessageBubble is a child component. These selectors intentionally use ::deep
   so the Chat page can modernize its appearance without changing its behavior.
   The generic fallbacks also cover the current Bootstrap-based markup.
*/
.chat-message-row[b-hjngiaqe1o]  > * {
    max-width: 100%;
}

.chat-message-row[b-hjngiaqe1o]  .message-row,
.chat-message-row[b-hjngiaqe1o]  .message-bubble-row,
.chat-message-row[b-hjngiaqe1o]  .chat-message,
.chat-message-row[b-hjngiaqe1o]  .message-container {
    max-width: 100%;
}

.chat-message-row[b-hjngiaqe1o]  .message-bubble,
.chat-message-row[b-hjngiaqe1o]  .bubble,
.chat-message-row[b-hjngiaqe1o]  .message-content {
    border-radius: 1rem;
    box-shadow: 0 6px 16px rgba(21,16,54,.055);
}

.chat-message-row.mine[b-hjngiaqe1o]  .message-bubble,
.chat-message-row.mine[b-hjngiaqe1o]  .bubble,
.chat-message-row.mine[b-hjngiaqe1o]  .message-content {
    color: #fff;
    border-color: transparent;
    background:
        radial-gradient(circle at 10% 0%, rgba(255,255,255,.18), transparent 35%),
        linear-gradient(135deg, #8f43c7, #6d52cf 58%, #c34291);
}

.chat-message-row.theirs[b-hjngiaqe1o]  .message-bubble,
.chat-message-row.theirs[b-hjngiaqe1o]  .bubble,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-content {
    color: #3a2b43;
    border: 1px solid rgba(38,24,69,.07);
    background:
        linear-gradient(180deg, #fff 0%, #fdfafd 100%);
}

/*
   MessageBubble can contain its own text wrapper with a legacy background.
   That produced a second coloured layer behind each line of text.
   Keep the colour on the bubble itself and force text-only wrappers transparent.
*/
.chat-message-row.mine[b-hjngiaqe1o]  .message-text,
.chat-message-row.mine[b-hjngiaqe1o]  .message-body,
.chat-message-row.mine[b-hjngiaqe1o]  .message-copy,
.chat-message-row.mine[b-hjngiaqe1o]  .message-content-text,
.chat-message-row.mine[b-hjngiaqe1o]  .message-text-content,
.chat-message-row.mine[b-hjngiaqe1o]  .message-bubble p,
.chat-message-row.mine[b-hjngiaqe1o]  .message-bubble > span,
.chat-message-row.mine[b-hjngiaqe1o]  .bubble p,
.chat-message-row.mine[b-hjngiaqe1o]  .bubble > span,
.chat-message-row.mine[b-hjngiaqe1o]  .message-content p,
.chat-message-row.mine[b-hjngiaqe1o]  .message-content > span {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    -webkit-box-decoration-break: slice !important;
    box-decoration-break: slice !important;
}

.chat-message-row.theirs[b-hjngiaqe1o]  .message-text,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-body,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-copy,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-content-text,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-text-content,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-bubble p,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-bubble > span,
.chat-message-row.theirs[b-hjngiaqe1o]  .bubble p,
.chat-message-row.theirs[b-hjngiaqe1o]  .bubble > span,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-content p,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-content > span {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding: 0 !important;
    -webkit-box-decoration-break: slice !important;
    box-decoration-break: slice !important;
}

/* Received messages: ensure only the outer white bubble carries the visual surface. */
.chat-message-row.theirs[b-hjngiaqe1o]  .message-bubble p > span,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-bubble span > span,
.chat-message-row.theirs[b-hjngiaqe1o]  .bubble p > span,
.chat-message-row.theirs[b-hjngiaqe1o]  .bubble span > span,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-content p > span,
.chat-message-row.theirs[b-hjngiaqe1o]  .message-content span > span {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    padding: 0 !important;
}

/* Keep text selection intentional and readable without looking like a second bubble. */
.chat-message-row.mine[b-hjngiaqe1o]  ::selection {
    color: #fff;
    background: rgba(255, 255, 255, .22);
}

.chat-message-row.theirs[b-hjngiaqe1o]  ::selection {
    color: #2f2238;
    background: rgba(255, 61, 141, .16);
}

.chat-typing[b-hjngiaqe1o] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    width: fit-content;
    margin: .35rem 0 0 .35rem;
    padding: .38rem .56rem;
    border: 1px solid rgba(38,24,69,.06);
    border-radius: 999px;
    color: #847789;
    background: rgba(255,255,255,.85);
    font-size: .58rem;
    font-weight: 700;
}

.chat-typing__dots[b-hjngiaqe1o] {
    display: inline-flex;
    align-items: center;
    gap: .16rem;
}

.chat-typing__dots i[b-hjngiaqe1o] {
    width: .28rem;
    height: .28rem;
    display: block;
    border-radius: 50%;
    background: #a84a8a;
    animation: chat-typing-dot-b-hjngiaqe1o 1.1s ease-in-out infinite;
}

.chat-typing__dots i:nth-child(2)[b-hjngiaqe1o] {
    animation-delay: .12s;
}

.chat-typing__dots i:nth-child(3)[b-hjngiaqe1o] {
    animation-delay: .24s;
}

/* =========================
   Edit state
   ========================= */

.message-edit-row[b-hjngiaqe1o] {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: .3rem 22% .3rem 0;
}

.message-edit-row.mine[b-hjngiaqe1o] {
    justify-content: flex-end;
    padding: .3rem 0 .3rem 22%;
}

.message-edit-card[b-hjngiaqe1o] {
    width: min(100%, 520px);
    padding: .65rem;
    border: 1px solid rgba(124,58,237,.11);
    border-radius: .9rem;
    background: #fff;
    box-shadow: 0 9px 22px rgba(21,16,54,.07);
}

.message-edit-card__label[b-hjngiaqe1o] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-bottom: .38rem;
    color: #8c4684;
    font-size: .58rem;
    font-weight: 840;
}

.message-edit-card__input[b-hjngiaqe1o] {
    width: 100%;
    min-height: 4.2rem;
    padding: .58rem .65rem;
    resize: vertical;
    outline: 0;
    border: 1px solid rgba(39,24,69,.11);
    border-radius: .72rem;
    color: #3d2e46;
    background: #fdfbfd;
    font: inherit;
    font-size: .68rem;
    line-height: 1.45;
}

.message-edit-card__input:focus[b-hjngiaqe1o] {
    border-color: rgba(255,61,141,.30);
    box-shadow: 0 0 0 3px rgba(255,61,141,.075);
}

.message-edit-card__actions[b-hjngiaqe1o] {
    display: flex;
    justify-content: flex-end;
    gap: .38rem;
    margin-top: .45rem;
}

.message-edit-card__save[b-hjngiaqe1o],
.message-edit-card__cancel[b-hjngiaqe1o] {
    min-height: 1.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .28rem;
    padding: .34rem .58rem;
    border-radius: 999px;
    cursor: pointer;
    font: inherit;
    font-size: .58rem;
    font-weight: 820;
}

.message-edit-card__save[b-hjngiaqe1o] {
    color: #fff;
    border: 0;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
}

.message-edit-card__cancel[b-hjngiaqe1o] {
    color: #765d7e;
    border: 1px solid rgba(124,58,237,.10);
    background: #fff;
}

/* =========================
   Composer shell
   ========================= */

.chat-composer-shell[b-hjngiaqe1o] {
    position: relative;
    z-index: 4;
    padding: .62rem .8rem .72rem;
    border-top: 1px solid rgba(38,24,69,.07);
    background:
        linear-gradient(180deg, rgba(255,255,255,.94), #fff);
    box-shadow: 0 -10px 28px rgba(21,16,54,.025);
}

/*
   MessageComposer remains untouched functionally. The rules below only soften
   its existing Bootstrap-style controls when they are rendered inside Chat.
*/
.chat-composer-shell[b-hjngiaqe1o]  .form-control,
.chat-composer-shell[b-hjngiaqe1o]  input[type="text"],
.chat-composer-shell[b-hjngiaqe1o]  textarea {
    min-height: 2.55rem;
    border-color: rgba(39,24,69,.11);
    border-radius: .85rem;
    color: #3b2c44;
    background: #fdfbfd;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9);
    font-size: .72rem;
}

.chat-composer-shell[b-hjngiaqe1o]  .form-control:focus,
.chat-composer-shell[b-hjngiaqe1o]  input[type="text"]:focus,
.chat-composer-shell[b-hjngiaqe1o]  textarea:focus {
    border-color: rgba(255,61,141,.30);
    box-shadow:
        0 0 0 4px rgba(255,61,141,.07),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.chat-composer-shell[b-hjngiaqe1o]  .btn-primary,
.chat-composer-shell[b-hjngiaqe1o]  button[type="submit"] {
    min-width: 2.55rem;
    min-height: 2.55rem;
    border: 0;
    border-radius: .82rem;
    color: #fff;
    background:
        radial-gradient(circle at 22% 0%, rgba(255,255,255,.25), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124,58,237,.18),
        inset 0 1px 0 rgba(255,255,255,.18);
}

.chat-composer-shell[b-hjngiaqe1o]  .btn:not(.btn-primary) {
    border-color: rgba(124,58,237,.10);
    border-radius: .72rem;
    color: #8a4686;
    background: #fff;
}

/* =========================
   Lightbox
   ========================= */

.chat-lightbox[b-hjngiaqe1o] {
    position: fixed;
    inset: 0;
    z-index: 1080;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    cursor: zoom-out;
    background:
        radial-gradient(circle at 50% 20%, rgba(124,58,237,.18), transparent 36%),
        rgba(9, 6, 19, .92);
    backdrop-filter: blur(10px);
}

.chat-lightbox img[b-hjngiaqe1o] {
    max-width: min(94vw, 1280px);
    max-height: 90vh;
    border-radius: 1rem;
    box-shadow: 0 28px 80px rgba(0,0,0,.48);
}

.chat-lightbox__close[b-hjngiaqe1o] {
    position: fixed;
    top: 1.2rem;
    right: 1.2rem;
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: .85rem;
    color: #fff;
    cursor: pointer;
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(10px);
}

/* =========================
   Mobile
   ========================= */

@media (max-width: 768px) {
    .chat-page[b-hjngiaqe1o] {
        width: 100%;
        height: calc(100dvh - 68px);
        min-height: 0;
        margin: 0;
        border: 0;
        border-radius: 0;
        box-shadow: none;
    }

    .chat-rail[b-hjngiaqe1o] {
        width: 100%;
        flex-basis: 100%;
        border-right: 0;
    }

    /* Natural mobile flow: conversations list OR active conversation. */
    .chat-page.has-active-conversation .chat-rail[b-hjngiaqe1o] {
        display: none;
    }

    .chat-page:not(.has-active-conversation) .chat-thread[b-hjngiaqe1o] {
        display: none;
    }

    .chat-thread-header[b-hjngiaqe1o] {
        min-height: 4.2rem;
        padding: .5rem .6rem;
    }

    .chat-mobile-back[b-hjngiaqe1o] {
        width: 2rem;
        height: 2rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 2rem;
        border: 1px solid rgba(124,58,237,.09);
        border-radius: .68rem;
        color: #7d4a87;
        text-decoration: none;
        background: #faf7fb;
    }

    .chat-thread-tabs[b-hjngiaqe1o] {
        padding: .15rem;
    }

    .chat-tab[b-hjngiaqe1o] {
        min-height: 1.9rem;
        padding: .34rem .48rem;
    }

    .chat-tab:not(.active) span[b-hjngiaqe1o] {
        display: none;
    }

    .chat-thread-messages[b-hjngiaqe1o] {
        padding: .75rem .55rem .65rem;
    }

    .chat-message-row.theirs[b-hjngiaqe1o] {
        padding-right: 8%;
    }

    .chat-message-row.mine[b-hjngiaqe1o] {
        padding-left: 8%;
    }

    .message-edit-row[b-hjngiaqe1o] {
        padding-right: 8%;
    }

    .message-edit-row.mine[b-hjngiaqe1o] {
        padding-left: 8%;
    }

    .chat-composer-shell[b-hjngiaqe1o] {
        padding: .5rem .55rem calc(.55rem + env(safe-area-inset-bottom));
    }
}

@media (max-width: 430px) {
    .chat-rail-header[b-hjngiaqe1o] {
        min-height: 4.25rem;
        padding-inline: .8rem;
    }

    .chat-rail-search[b-hjngiaqe1o] {
        padding-inline: .65rem;
    }

    .chat-rail-list[b-hjngiaqe1o] {
        padding-inline: .38rem;
    }

    .chat-thread-title[b-hjngiaqe1o] {
        max-width: 9rem;
    }

    .chat-thread-tabs[b-hjngiaqe1o] {
        gap: .12rem;
    }

    .chat-tab[b-hjngiaqe1o] {
        padding-inline: .42rem;
    }

    .chat-tab i[b-hjngiaqe1o] {
        font-size: .72rem;
    }

    .chat-tab:not(.active)[b-hjngiaqe1o] {
        width: 1.9rem;
        padding: 0;
    }

    .chat-tab:not(.active)[b-hjngiaqe1o] {
        font-size: 0;
    }

    .chat-tab:not(.active) i[b-hjngiaqe1o] {
        font-size: .72rem;
    }

    .chat-message-row.theirs[b-hjngiaqe1o] {
        padding-right: 3%;
    }

    .chat-message-row.mine[b-hjngiaqe1o] {
        padding-left: 3%;
    }

    .message-edit-row[b-hjngiaqe1o],
    .message-edit-row.mine[b-hjngiaqe1o] {
        padding-left: 0;
        padding-right: 0;
    }

    .chat-lightbox[b-hjngiaqe1o] {
        padding: .75rem;
    }

    .chat-lightbox__close[b-hjngiaqe1o] {
        top: .75rem;
        right: .75rem;
    }
}

/* =========================
   Accessibility / motion
   ========================= */

.chat-rail-item:focus-visible[b-hjngiaqe1o],
.chat-tab:focus-visible[b-hjngiaqe1o],
.chat-load-earlier__button:focus-visible[b-hjngiaqe1o],
.message-edit-card__save:focus-visible[b-hjngiaqe1o],
.message-edit-card__cancel:focus-visible[b-hjngiaqe1o],
.chat-lightbox__close:focus-visible[b-hjngiaqe1o],
.chat-mobile-back:focus-visible[b-hjngiaqe1o] {
    outline: 3px solid rgba(255,61,141,.18);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .chat-rail-item[b-hjngiaqe1o],
    .chat-search[b-hjngiaqe1o],
    .chat-tab[b-hjngiaqe1o],
    .chat-load-earlier__button[b-hjngiaqe1o],
    .chat-composer-shell[b-hjngiaqe1o]  .btn,
    .chat-typing__dots i[b-hjngiaqe1o] {
        transition: none;
        animation: none;
    }
}

@keyframes chat-spin-b-hjngiaqe1o {
    to {
        transform: rotate(360deg);
    }
}

@keyframes chat-typing-dot-b-hjngiaqe1o {
    0%, 60%, 100% {
        opacity: .35;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(-2px);
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
:host[b-b0bhl6v1vm] {
    display: block;
}

.contact-page[b-b0bhl6v1vm] {
    width: min(100%, 1040px);
    margin: 0 auto;
    padding: 1.75rem 1rem 3rem;
    color: #2a1e32;
}

/* =========================
   Hero
   ========================= */

.contact-hero[b-b0bhl6v1vm] {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: minmax(0, 1fr) 9rem;
    align-items: center;
    gap: 1.6rem;

    min-height: 17rem;
    padding: 2rem;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.65rem;

    background:
        radial-gradient(circle at 10% 0%, rgba(255, 61, 141, .46), transparent 35%),
        radial-gradient(circle at 94% 10%, rgba(124, 58, 237, .47), transparent 38%),
        linear-gradient(135deg, #071434 0%, #171050 54%, #330735 100%);

    box-shadow:
        0 24px 65px rgba(23, 16, 80, .24),
        inset 0 1px 0 rgba(255, 255, 255, .14);
}

.contact-hero[b-b0bhl6v1vm]::before {
    content: "";

    position: absolute;
    right: -5rem;
    bottom: -6.5rem;

    width: 15rem;
    height: 15rem;

    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;

    background: rgba(255, 255, 255, .035);

    pointer-events: none;
}

.contact-hero__glow[b-b0bhl6v1vm] {
    position: absolute;
    left: 12%;
    bottom: -1rem;

    width: 62%;
    height: 2.4rem;

    border-radius: 50%;
    background: linear-gradient(90deg, #ff3d8d, #7c3aed);
    filter: blur(42px);
    opacity: .24;

    pointer-events: none;
}

.contact-hero__content[b-b0bhl6v1vm] {
    position: relative;
    z-index: 1;

    min-width: 0;
}

.contact-hero__eyebrow[b-b0bhl6v1vm] {
    width: fit-content;

    display: inline-flex;
    align-items: center;
    gap: .42rem;

    margin-bottom: .8rem;
    padding: .4rem .7rem;

    color: rgba(255, 255, 255, .90);

    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;

    background: rgba(255, 255, 255, .09);

    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.contact-hero__eyebrow i[b-b0bhl6v1vm] {
    color: #ff8fc1;
}

.contact-hero h1[b-b0bhl6v1vm] {
    max-width: 43rem;

    margin: 0;

    color: #ffffff;

    font-size: clamp(2.3rem, 5vw, 3.7rem);
    font-weight: 930;
    line-height: 1;
    letter-spacing: -.055em;
}

.contact-hero__lead[b-b0bhl6v1vm] {
    max-width: 43rem;

    margin: .85rem 0 0;

    color: rgba(255, 255, 255, .78);

    font-size: .95rem;
    line-height: 1.58;
}

.contact-hero__topics[b-b0bhl6v1vm] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;

    margin-top: 1.1rem;
}

.contact-hero__topics span[b-b0bhl6v1vm] {
    min-height: 2rem;

    display: inline-flex;
    align-items: center;
    gap: .35rem;

    padding: .36rem .58rem;

    color: rgba(255, 255, 255, .83);

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 999px;

    background: rgba(255, 255, 255, .075);

    font-size: .64rem;
    font-weight: 760;
}

.contact-hero__topics i[b-b0bhl6v1vm] {
    color: #ff8fc1;
}

.contact-hero__visual[b-b0bhl6v1vm] {
    position: relative;
    z-index: 1;

    width: 8.2rem;
    height: 8.2rem;

    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-hero__visual-ring[b-b0bhl6v1vm] {
    position: absolute;
    inset: 0;

    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;

    background: rgba(255, 255, 255, .035);
    box-shadow:
        0 0 0 1.1rem rgba(255, 255, 255, .025),
        0 0 0 2.2rem rgba(255, 255, 255, .018);
}

.contact-hero__visual-icon[b-b0bhl6v1vm] {
    position: relative;
    z-index: 1;

    width: 5.2rem;
    height: 5.2rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 1.55rem;

    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);

    box-shadow:
        0 20px 42px rgba(255, 61, 141, .28),
        inset 0 1px 0 rgba(255, 255, 255, .20);

    font-size: 2rem;

    transform: rotate(3deg);
}

.contact-hero__sparkle[b-b0bhl6v1vm] {
    position: absolute;

    color: rgba(255, 255, 255, .75);

    line-height: 1;
}

.contact-hero__sparkle--one[b-b0bhl6v1vm] {
    top: -.1rem;
    right: .5rem;

    font-size: 1rem;
}

.contact-hero__sparkle--two[b-b0bhl6v1vm] {
    left: .2rem;
    bottom: .5rem;

    color: #ff8fc1;

    font-size: .8rem;
}

/* =========================
   Shared section elements
   ========================= */

.contact-section-heading[b-b0bhl6v1vm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .72rem;
}

.contact-section-heading__icon[b-b0bhl6v1vm] {
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 2.85rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .95rem;

    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);

    box-shadow:
        0 11px 24px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.contact-section-eyebrow[b-b0bhl6v1vm] {
    display: block;

    margin-bottom: .12rem;

    color: #9d4d80;

    font-size: .62rem;
    font-weight: 870;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.contact-section-heading h2[b-b0bhl6v1vm],
.contact-card h2[b-b0bhl6v1vm],
.contact-state h2[b-b0bhl6v1vm] {
    margin: 0;

    color: #21172b;

    font-size: 1.18rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -.03em;
}

/* =========================
   About XLibertia context
   SEO/GEO content styling only — markup/content remain unchanged.
   ========================= */

.contact-context[b-b0bhl6v1vm] {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;

    margin-top: 1rem;
    padding: 1rem 1.05rem;

    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: 1.25rem;

    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .075), transparent 38%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .055), transparent 36%),
        linear-gradient(135deg, #fffafd 0%, #fbf8ff 100%);

    box-shadow:
        0 15px 36px rgba(21, 16, 54, .07),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.contact-context[b-b0bhl6v1vm]::after {
    content: "✦";

    position: absolute;
    top: -.8rem;
    right: 9rem;

    color: rgba(255, 61, 141, .08);

    font-size: 4rem;
    line-height: 1;

    pointer-events: none;

    transform: rotate(12deg);
}

.contact-context > div[b-b0bhl6v1vm] {
    position: relative;
    z-index: 1;

    min-width: 0;
}

.contact-context h2[b-b0bhl6v1vm] {
    margin: 0;

    color: #291d31;

    font-size: 1.08rem;
    font-weight: 890;
    line-height: 1.22;
    letter-spacing: -.025em;
}

.contact-context p[b-b0bhl6v1vm] {
    max-width: 47rem;

    margin: .38rem 0 0;

    color: #74687a;

    font-size: .74rem;
    line-height: 1.52;
}

.contact-context__link[b-b0bhl6v1vm] {
    position: relative;
    z-index: 1;

    min-height: 2.55rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;

    padding: .56rem .82rem;

    color: #6d4b7a;
    text-decoration: none;
    white-space: nowrap;

    border: 1px solid rgba(124, 58, 237, .14);
    border-radius: 999px;

    background: #ffffff;

    box-shadow:
        0 9px 22px rgba(21, 16, 54, .055),
        inset 0 1px 0 rgba(255, 255, 255, .92);

    font-size: .71rem;
    font-weight: 850;

    transition:
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.contact-context__link i[b-b0bhl6v1vm] {
    color: #ff3d8d;

    transition: transform .16s ease;
}

.contact-context__link:hover[b-b0bhl6v1vm] {
    color: #b72d72;
    text-decoration: none;

    border-color: rgba(255, 61, 141, .22);

    box-shadow:
        0 12px 27px rgba(124, 58, 237, .085),
        inset 0 1px 0 rgba(255, 255, 255, .92);

    transform: translateY(-1px);
}

.contact-context__link:hover i[b-b0bhl6v1vm] {
    transform: translateX(3px);
}

.contact-context__link:focus-visible[b-b0bhl6v1vm] {
    outline: 4px solid rgba(255, 61, 141, .17);
    outline-offset: 2px;
}


/* =========================
   Main content
   ========================= */

.contact-layout[b-b0bhl6v1vm] {
    display: grid;
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    align-items: start;
    gap: 1rem;

    margin-top: 1rem;
}

.contact-guidance[b-b0bhl6v1vm],
.contact-card[b-b0bhl6v1vm] {
    min-width: 0;

    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;

    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .04), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);

    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.contact-guidance[b-b0bhl6v1vm] {
    padding: 1.2rem;
}

.contact-guidance__intro[b-b0bhl6v1vm] {
    margin: .9rem 0 0;

    color: #6f6276;

    font-size: .78rem;
    line-height: 1.58;
}

.contact-guidance__items[b-b0bhl6v1vm] {
    display: grid;
    gap: .55rem;

    margin-top: .9rem;
}

.contact-guidance__item[b-b0bhl6v1vm] {
    min-width: 0;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .6rem;

    padding: .72rem;

    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: .95rem;

    background: rgba(255, 255, 255, .76);
}

.contact-guidance__item--important[b-b0bhl6v1vm] {
    border-color: rgba(255, 61, 141, .13);

    background:
        linear-gradient(135deg, rgba(255, 61, 141, .045), rgba(124, 58, 237, .035)),
        #ffffff;
}

.contact-guidance__item-icon[b-b0bhl6v1vm] {
    width: 2.15rem;
    height: 2.15rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #8b5cf6;

    border-radius: .72rem;

    background:
        linear-gradient(135deg, rgba(255, 61, 141, .09), rgba(124, 58, 237, .09));

    font-size: .78rem;
}

.contact-guidance__item--important .contact-guidance__item-icon[b-b0bhl6v1vm] {
    color: #c32f7a;
}

.contact-guidance__item strong[b-b0bhl6v1vm],
.contact-guidance__item span[b-b0bhl6v1vm] {
    display: block;
}

.contact-guidance__item strong[b-b0bhl6v1vm] {
    color: #35283e;

    font-size: .74rem;
    font-weight: 840;
    line-height: 1.3;
}

.contact-guidance__item div > span[b-b0bhl6v1vm] {
    margin-top: .15rem;

    color: #817488;

    font-size: .65rem;
    line-height: 1.42;
}

/* =========================
   Form card
   ========================= */

.contact-card[b-b0bhl6v1vm] {
    padding: 1.25rem;
}

.contact-card__header[b-b0bhl6v1vm] {
    padding-bottom: 1rem;

    border-bottom: 1px solid rgba(39, 24, 69, .075);
}

.contact-card__header p[b-b0bhl6v1vm] {
    margin: .4rem 0 0;

    color: #76697c;

    font-size: .74rem;
    line-height: 1.5;
}

.contact-form[b-b0bhl6v1vm] {
    display: grid;
    gap: .92rem;

    margin-top: 1rem;
}

.contact-field[b-b0bhl6v1vm] {
    min-width: 0;
}

.contact-field__label-row[b-b0bhl6v1vm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;

    margin-bottom: .38rem;
}

.contact-field__label-row label[b-b0bhl6v1vm] {
    color: #3a2d43;

    font-size: .72rem;
    font-weight: 830;
}

.contact-field__required[b-b0bhl6v1vm],
.contact-field__optional[b-b0bhl6v1vm] {
    flex: 0 0 auto;

    padding: .2rem .38rem;

    border-radius: 999px;

    font-size: .5rem;
    font-weight: 850;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.contact-field__required[b-b0bhl6v1vm] {
    color: #a63872;

    border: 1px solid rgba(255, 61, 141, .10);

    background: rgba(255, 61, 141, .06);
}

.contact-field__optional[b-b0bhl6v1vm] {
    color: #7f7086;

    border: 1px solid rgba(39, 24, 69, .08);

    background: #f8f4f9;
}

.contact-field__control-wrap[b-b0bhl6v1vm] {
    min-width: 0;
    min-height: 3rem;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .52rem;

    padding: .25rem .72rem;

    border: 1px solid rgba(39, 24, 69, .11);
    border-radius: .92rem;

    background: #ffffff;

    box-shadow:
        0 7px 18px rgba(21, 16, 54, .035),
        inset 0 1px 0 rgba(255, 255, 255, .9);

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.contact-field__control-wrap:focus-within[b-b0bhl6v1vm] {
    border-color: rgba(255, 61, 141, .34);

    background: #fffefe;

    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .07),
        0 9px 22px rgba(21, 16, 54, .045);
}

.contact-field__control-wrap > i[b-b0bhl6v1vm] {
    color: #a64a84;

    font-size: .78rem;
}

.contact-field__control-wrap--textarea[b-b0bhl6v1vm] {
    min-height: 9rem;

    align-items: start;

    padding-top: .72rem;
}

.contact-field__control-wrap--textarea > i[b-b0bhl6v1vm] {
    margin-top: .12rem;
}

/* InputText / InputTextArea are child components; ::deep keeps the isolated
   stylesheet scoped to this page while styling their rendered controls. */
.contact-field[b-b0bhl6v1vm]  .contact-field__control {
    min-width: 0;
    width: 100%;

    padding: .45rem 0;

    color: #35283d;

    border: 0;
    outline: 0;

    background: transparent;

    font: inherit;
    font-size: .76rem;
    line-height: 1.4;

    box-shadow: none;
}

.contact-field[b-b0bhl6v1vm]  .contact-field__control::placeholder {
    color: #aaa0af;
}

.contact-field[b-b0bhl6v1vm]  .contact-field__control--textarea {
    min-height: 7.8rem;
    resize: vertical;
}

.contact-field__help[b-b0bhl6v1vm] {
    display: block;

    margin-top: .28rem;

    color: #968b9a;

    font-size: .57rem;
    line-height: 1.4;
}

.contact-field[b-b0bhl6v1vm]  .contact-field__validation {
    display: block;

    margin-top: .3rem;

    color: #c4335c;

    font-size: .61rem;
    font-weight: 730;
    line-height: 1.4;
}

.contact-error[b-b0bhl6v1vm] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .6rem;

    padding: .72rem .78rem;

    color: #7a3047;

    border: 1px solid rgba(220, 53, 69, .14);
    border-radius: .9rem;

    background: rgba(220, 53, 69, .055);
}

.contact-error__icon[b-b0bhl6v1vm] {
    width: 2rem;
    height: 2rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #c4335c;

    border-radius: .68rem;

    background: rgba(220, 53, 69, .08);

    font-size: .72rem;
}

.contact-error strong[b-b0bhl6v1vm],
.contact-error span[b-b0bhl6v1vm] {
    display: block;
}

.contact-error strong[b-b0bhl6v1vm] {
    font-size: .7rem;
    font-weight: 850;
}

.contact-error div > span[b-b0bhl6v1vm] {
    margin-top: .1rem;

    color: #946273;

    font-size: .62rem;
    line-height: 1.4;
}

.contact-form__footer[b-b0bhl6v1vm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;

    padding-top: .2rem;
}

.contact-form__privacy[b-b0bhl6v1vm] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;

    color: #8c7f91;

    font-size: .58rem;
    font-weight: 720;
}

.contact-form__privacy i[b-b0bhl6v1vm] {
    color: #a74c85;
}

.contact-submit[b-b0bhl6v1vm] {
    min-height: 2.75rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;

    padding: .62rem 1rem;

    color: #ffffff;

    border: 0;
    border-radius: 999px;

    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);

    box-shadow:
        0 14px 30px rgba(124, 58, 237, .22),
        inset 0 1px 0 rgba(255, 255, 255, .21);

    font: inherit;
    font-size: .72rem;
    font-weight: 870;

    cursor: pointer;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.contact-submit:hover:not(:disabled)[b-b0bhl6v1vm] {
    transform: translateY(-2px);

    box-shadow:
        0 18px 38px rgba(124, 58, 237, .29),
        inset 0 1px 0 rgba(255, 255, 255, .21);
}

.contact-submit:disabled[b-b0bhl6v1vm] {
    opacity: .62;
    cursor: wait;
}

.contact-submit:focus-visible[b-b0bhl6v1vm],
.contact-state__home-link:focus-visible[b-b0bhl6v1vm] {
    outline: 4px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
}

/* =========================
   Success state
   ========================= */

.contact-state[b-b0bhl6v1vm] {
    min-height: 24rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    padding: 2rem 1rem;

    text-align: center;
}

.contact-state__icon[b-b0bhl6v1vm] {
    width: 4rem;
    height: 4rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: .8rem;

    color: #ffffff;

    border-radius: 1.25rem;

    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #21b86b, #10b981);

    box-shadow:
        0 16px 34px rgba(16, 185, 129, .22),
        inset 0 1px 0 rgba(255, 255, 255, .20);

    font-size: 1.35rem;
}

.contact-state p[b-b0bhl6v1vm] {
    max-width: 24rem;

    margin: .5rem 0 0;

    color: #75687c;

    font-size: .76rem;
    line-height: 1.55;
}

.contact-state__home-link[b-b0bhl6v1vm] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;

    margin-top: 1rem;
    padding: .58rem .8rem;

    color: #6d4b7a;
    text-decoration: none;

    border: 1px solid rgba(124, 58, 237, .13);
    border-radius: 999px;

    background: #ffffff;

    box-shadow: 0 8px 20px rgba(21, 16, 54, .05);

    font-size: .7rem;
    font-weight: 850;

    transition:
        color .16s ease,
        border-color .16s ease,
        transform .16s ease;
}

.contact-state__home-link i[b-b0bhl6v1vm] {
    color: #ff3d8d;

    transition: transform .16s ease;
}

.contact-state__home-link:hover[b-b0bhl6v1vm] {
    color: #b72d72;
    text-decoration: none;

    border-color: rgba(255, 61, 141, .20);

    transform: translateY(-1px);
}

.contact-state__home-link:hover i[b-b0bhl6v1vm] {
    transform: translateX(3px);
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 820px) {
    .contact-layout[b-b0bhl6v1vm] {
        grid-template-columns: 1fr;
    }

    .contact-guidance__items[b-b0bhl6v1vm] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .contact-guidance__item[b-b0bhl6v1vm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640.98px) {

    .contact-context[b-b0bhl6v1vm] {
        grid-template-columns: 1fr;
        padding: .95rem;
        border-radius: 1.15rem;
    }

    .contact-context__link[b-b0bhl6v1vm] {
        width: fit-content;
        justify-self: end;
    }

    .contact-page[b-b0bhl6v1vm] {
        width: 100%;
        padding: 1rem .65rem 2rem;
    }

    .contact-hero[b-b0bhl6v1vm] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 1.35rem;
        border-radius: 1.3rem;
    }

    .contact-hero__visual[b-b0bhl6v1vm] {
        display: none;
    }

    .contact-hero h1[b-b0bhl6v1vm] {
        font-size: 2.5rem;
    }

    .contact-guidance[b-b0bhl6v1vm],
    .contact-card[b-b0bhl6v1vm] {
        padding: 1.05rem;
        border-radius: 1.15rem;
    }

    .contact-guidance__items[b-b0bhl6v1vm] {
        grid-template-columns: 1fr;
    }

    .contact-guidance__item[b-b0bhl6v1vm] {
        grid-template-columns: auto minmax(0, 1fr);
    }
}

@media (max-width: 430px) {

    .contact-context__link[b-b0bhl6v1vm] {
        width: 100%;
        justify-self: stretch;
    }

    .contact-hero[b-b0bhl6v1vm] {
        padding: 1.15rem;
    }

    .contact-hero h1[b-b0bhl6v1vm] {
        font-size: 2.2rem;
    }

    .contact-hero__topics[b-b0bhl6v1vm] {
        align-items: stretch;
        flex-direction: column;
    }

    .contact-hero__topics span[b-b0bhl6v1vm] {
        justify-content: center;
    }

    .contact-form__footer[b-b0bhl6v1vm] {
        align-items: stretch;
        flex-direction: column;
    }

    .contact-submit[b-b0bhl6v1vm] {
        width: 100%;
    }

    .contact-form__privacy[b-b0bhl6v1vm] {
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {

    .contact-context__link[b-b0bhl6v1vm],
    .contact-context__link i[b-b0bhl6v1vm],

    .contact-field__control-wrap[b-b0bhl6v1vm],
    .contact-submit[b-b0bhl6v1vm],
    .contact-state__home-link[b-b0bhl6v1vm],
    .contact-state__home-link i[b-b0bhl6v1vm] {
        transition: none;
    }
}
/* /Components/Pages/Contributions/Dedications.razor.rz.scp.css */
:host[b-24jhtpjx4w] {
    display: block;
}

.dedications-page[b-24jhtpjx4w] {
    width: min(100% - 2rem, 820px);
    margin: 0 auto;
    padding: 1.6rem 0 4rem;
    color: #281d34;
}

.dedications-back[b-24jhtpjx4w] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .9rem;
    padding: .45rem .72rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 999px;
    color: #72547f;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 7px 18px rgba(21, 16, 54, .04);
    font: inherit;
    font-size: .72rem;
    font-weight: 820;
    cursor: pointer;
    transition:
        transform .16s ease,
        color .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.dedications-back:hover[b-24jhtpjx4w] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .20);
    background: #fff;
    transform: translateX(-2px);
}

.dedications-eyebrow[b-24jhtpjx4w],
.dedications-section-heading__eyebrow[b-24jhtpjx4w] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #a7457e;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.dedications-eyebrow--hero[b-24jhtpjx4w] {
    color: rgba(255, 255, 255, .88);
}

.dedications-hero[b-24jhtpjx4w] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 220px;
    align-items: center;
    gap: 1.6rem;
    min-height: 340px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.65rem;
    color: #fff;
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 61, 141, .46), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(124, 58, 237, .48), transparent 37%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 25px 65px rgba(23, 16, 80, .22),
        inset 0 1px 0 rgba(255, 255, 255, .14);
}

.dedications-hero__orb[b-24jhtpjx4w] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
    pointer-events: none;
}

.dedications-hero__orb--one[b-24jhtpjx4w] {
    width: 17rem;
    height: 17rem;
    top: -9rem;
    right: 13%;
}

.dedications-hero__orb--two[b-24jhtpjx4w] {
    width: 14rem;
    height: 14rem;
    right: -7rem;
    bottom: -7rem;
}

.dedications-hero__content[b-24jhtpjx4w] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.dedications-hero h1[b-24jhtpjx4w] {
    margin: .55rem 0 0;
    color: #fff;
    font-size: clamp(2.4rem, 6vw, 4rem);
    font-weight: 900;
    letter-spacing: -.055em;
    line-height: .98;
}

.dedications-hero__intro[b-24jhtpjx4w] {
    max-width: 36rem;
    margin: .9rem 0 0;
    color: rgba(255, 255, 255, .74);
    font-size: .95rem;
    line-height: 1.58;
}

.dedications-hero__intro strong[b-24jhtpjx4w] {
    color: rgba(255, 255, 255, .94);
}

.dedications-hero__source[b-24jhtpjx4w] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1rem;
}

.dedications-hero__separator[b-24jhtpjx4w] {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .4);
}

.dedications-hero__album[b-24jhtpjx4w] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: rgba(255, 255, 255, .66);
    font-size: .72rem;
    font-weight: 720;
}

.dedications-hero__album i[b-24jhtpjx4w] {
    color: #ff8fc1;
}

.dedications-hero__stats[b-24jhtpjx4w] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: 1rem;
}

.dedications-hero__stats > span[b-24jhtpjx4w] {
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    min-height: 2rem;
    padding: .38rem .58rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    color: rgba(255, 255, 255, .78);
    background: rgba(255, 255, 255, .075);
    font-size: .65rem;
    font-weight: 780;
}

.dedications-hero__stats i[b-24jhtpjx4w] {
    color: #ff87bc;
}

.dedications-hero__stats .dedications-hero__stats--enabled i[b-24jhtpjx4w] {
    color: #72e8a7;
}

.dedications-hero__visual[b-24jhtpjx4w] {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 220px;
    height: 250px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.45rem;
    background: rgba(8, 6, 28, .35);
    box-shadow: 0 20px 42px rgba(3, 3, 21, .24);
    transform: rotate(2deg);
}

.dedications-hero__visual > img[b-24jhtpjx4w] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dedications-hero__visual[b-24jhtpjx4w]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 48%, rgba(9, 7, 30, .78) 100%);
}

.dedications-hero__visual-badge[b-24jhtpjx4w] {
    position: absolute;
    z-index: 2;
    right: .65rem;
    bottom: .65rem;
    left: .65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .42rem .55rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: rgba(255, 255, 255, .9);
    background: rgba(15, 10, 36, .62);
    backdrop-filter: blur(10px);
    font-size: .62rem;
    font-weight: 790;
}

.dedications-hero__visual-placeholder[b-24jhtpjx4w] {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    color: rgba(255, 255, 255, .74);
    background:
        radial-gradient(circle at 28% 12%, rgba(255, 255, 255, .18), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: .7rem;
    font-weight: 780;
}

.dedications-hero__visual-placeholder i[b-24jhtpjx4w] {
    font-size: 2.6rem;
}

.dedications-source-note[b-24jhtpjx4w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: .8rem;
    margin-top: 1rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 38%),
        linear-gradient(135deg, #fbf8ff, #fffafd);
}

.dedications-source-note__icon[b-24jhtpjx4w] {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .76rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .15);
}

.dedications-source-note div > span[b-24jhtpjx4w] {
    display: block;
    color: #a7457e;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.dedications-source-note p[b-24jhtpjx4w] {
    margin: .16rem 0 0;
    color: #6f6276;
    font-size: .74rem;
    line-height: 1.5;
    white-space: pre-line;
}

.dedications-compose[b-24jhtpjx4w],
.dedications-feed[b-24jhtpjx4w] {
    margin-top: 1.25rem;
    padding: 1.15rem;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #fff 0%, #fffafd 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.dedications-section-heading[b-24jhtpjx4w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    margin-bottom: .95rem;
}

.dedications-section-heading__icon[b-24jhtpjx4w] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .92rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 24px rgba(124, 58, 237, .18);
}

.dedications-section-heading h2[b-24jhtpjx4w],
.dedications-feed__heading h2[b-24jhtpjx4w] {
    margin: .08rem 0 0;
    color: #2d2038;
    font-size: 1.12rem;
    font-weight: 880;
    letter-spacing: -.025em;
}

.dedications-section-heading p[b-24jhtpjx4w],
.dedications-feed__heading p[b-24jhtpjx4w] {
    margin: .16rem 0 0;
    color: #827688;
    font-size: .7rem;
    line-height: 1.45;
}

.dedications-upload-zone[b-24jhtpjx4w] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .9rem;
    min-height: 7rem;
    padding: 1rem;
    cursor: pointer;
    border: 1px dashed rgba(255, 61, 141, .30);
    border-radius: 1.1rem;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .09), transparent 35%),
        radial-gradient(circle at 94% 100%, rgba(124, 58, 237, .07), transparent 38%),
        linear-gradient(135deg, #fff, #fff9fd);
    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.dedications-upload-zone:hover[b-24jhtpjx4w],
.dedications-upload-zone:focus-within[b-24jhtpjx4w] {
    border-color: rgba(255, 61, 141, .5);
    box-shadow: 0 12px 28px rgba(21, 16, 54, .08);
    transform: translateY(-1px);
}

.dedications-upload-zone--hidden[b-24jhtpjx4w] {
    display: none;
}

.dedications-upload-input[b-24jhtpjx4w] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
}

.dedications-upload-zone__icon[b-24jhtpjx4w] {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 30px rgba(124, 58, 237, .20);
    font-size: 1.2rem;
}

.dedications-upload-zone__copy strong[b-24jhtpjx4w],
.dedications-upload-zone__copy span[b-24jhtpjx4w] {
    display: block;
}

.dedications-upload-zone__copy strong[b-24jhtpjx4w] {
    color: #33253c;
    font-size: .82rem;
    font-weight: 860;
}

.dedications-upload-zone__copy span[b-24jhtpjx4w] {
    margin-top: .18rem;
    color: #8a7e90;
    font-size: .66rem;
    line-height: 1.4;
}

.dedications-upload-zone__action[b-24jhtpjx4w] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .52rem .72rem;
    border: 1px solid rgba(124, 58, 237, .13);
    border-radius: 999px;
    color: #744c84;
    background: #fff;
    font-size: .68rem;
    font-weight: 830;
    white-space: nowrap;
}

.dedications-editor[b-24jhtpjx4w] {
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(180px, .72fr) minmax(0, 1.28fr);
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: 1.15rem;
    background: #fff;
}

.dedications-editor__media[b-24jhtpjx4w] {
    position: relative;
    min-height: 280px;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .14), transparent 34%),
        linear-gradient(135deg, #090817, #151026);
}

.dedications-editor__media > img[b-24jhtpjx4w] {
    width: 100%;
    height: 100%;
    min-height: 280px;
    object-fit: cover;
}

.dedications-editor__placeholder[b-24jhtpjx4w] {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    color: rgba(255, 255, 255, .82);
}

.dedications-editor__placeholder i[b-24jhtpjx4w] {
    font-size: 2.2rem;
}

.dedications-editor__placeholder span[b-24jhtpjx4w] {
    font-size: .7rem;
    font-weight: 750;
}

.dedications-editor__file[b-24jhtpjx4w] {
    position: absolute;
    right: .6rem;
    bottom: .6rem;
    left: .6rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    gap: .35rem;
    padding: .42rem .55rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: .75rem;
    color: rgba(255, 255, 255, .86);
    background: rgba(15, 12, 29, .65);
    backdrop-filter: blur(10px);
    font-size: .6rem;
    font-weight: 720;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dedications-editor__form[b-24jhtpjx4w] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .8rem;
    padding: 1rem;
}

.dedications-field__header[b-24jhtpjx4w],
.dedications-field__help[b-24jhtpjx4w],
.dedications-progress__header[b-24jhtpjx4w],
.dedications-editor__actions[b-24jhtpjx4w],
.dedications-feed__heading[b-24jhtpjx4w],
.dedication-card__header[b-24jhtpjx4w],
.dedication-card__actions[b-24jhtpjx4w],
.dedication-card__actions-right[b-24jhtpjx4w] {
    display: flex;
    align-items: center;
}

.dedications-field__header[b-24jhtpjx4w],
.dedications-progress__header[b-24jhtpjx4w],
.dedications-feed__heading[b-24jhtpjx4w],
.dedication-card__header[b-24jhtpjx4w],
.dedication-card__actions[b-24jhtpjx4w] {
    justify-content: space-between;
}

.dedications-field__header[b-24jhtpjx4w] {
    gap: .75rem;
    margin-bottom: .4rem;
}

.dedications-field__header label[b-24jhtpjx4w] {
    color: #43354c;
    font-size: .72rem;
    font-weight: 840;
}

.dedications-field__header span[b-24jhtpjx4w] {
    color: #9a8fa0;
    font-size: .62rem;
    font-weight: 720;
}

.dedications-textarea[b-24jhtpjx4w] {
    width: 100%;
    min-height: 8rem;
    padding: .72rem .78rem;
    border: 1px solid rgba(39, 24, 69, .12);
    border-radius: .85rem;
    outline: 0;
    resize: vertical;
    color: #33263b;
    background: #fff;
    font: inherit;
    font-size: .78rem;
    line-height: 1.5;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease;
}

.dedications-textarea[b-24jhtpjx4w]::placeholder {
    color: #a69aad;
}

.dedications-textarea:focus[b-24jhtpjx4w] {
    border-color: rgba(255, 61, 141, .40);
    background: #fffdfd;
    box-shadow: 0 0 0 4px rgba(255, 61, 141, .08);
}

.dedications-textarea:disabled[b-24jhtpjx4w] {
    cursor: not-allowed;
    background: #f6f2f7;
}

.dedications-field__help[b-24jhtpjx4w] {
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: .35rem;
    color: #8d8194;
    font-size: .62rem;
}

.dedications-field__help > span[b-24jhtpjx4w] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.dedications-field__help i[b-24jhtpjx4w] {
    color: #7c3aed;
}

.dedications-field__error[b-24jhtpjx4w] {
    color: #bd365d;
    font-weight: 760;
}

.dedications-ai-toggle[b-24jhtpjx4w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    padding: .68rem .75rem;
    cursor: pointer;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .9rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .055), transparent 40%),
        linear-gradient(135deg, rgba(124, 58, 237, .04), rgba(255, 61, 141, .03));
}

.dedications-ai-toggle__input[b-24jhtpjx4w] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.dedications-ai-toggle__switch[b-24jhtpjx4w] {
    width: 2.5rem;
    height: 1.4rem;
    display: inline-flex;
    align-items: center;
    padding: .16rem;
    border-radius: 999px;
    background: #d9d0dd;
    box-shadow: inset 0 1px 3px rgba(32, 23, 43, .14);
    transition: background .18s ease;
}

.dedications-ai-toggle__switch > span[b-24jhtpjx4w] {
    width: 1.08rem;
    height: 1.08rem;
    display: block;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 3px 8px rgba(32, 23, 43, .20);
    transition: transform .18s ease;
}

.dedications-ai-toggle__input:checked + .dedications-ai-toggle__switch[b-24jhtpjx4w] {
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.dedications-ai-toggle__input:checked + .dedications-ai-toggle__switch > span[b-24jhtpjx4w] {
    transform: translateX(1.1rem);
}

.dedications-ai-toggle__input:focus-visible + .dedications-ai-toggle__switch[b-24jhtpjx4w] {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
}

.dedications-ai-toggle__copy strong[b-24jhtpjx4w],
.dedications-ai-toggle__copy > span[b-24jhtpjx4w] {
    display: block;
}

.dedications-ai-toggle__copy strong[b-24jhtpjx4w] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #493650;
    font-size: .72rem;
    font-weight: 840;
}

.dedications-ai-toggle__copy strong i[b-24jhtpjx4w] {
    color: #d946ef;
}

.dedications-ai-toggle__copy > span[b-24jhtpjx4w] {
    margin-top: .12rem;
    color: #827688;
    font-size: .62rem;
    line-height: 1.4;
}

.dedications-progress[b-24jhtpjx4w] {
    padding: .7rem .75rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: .85rem;
    background: #fbf8ff;
}

.dedications-progress__header[b-24jhtpjx4w] {
    gap: .75rem;
    color: #6f5b77;
    font-size: .65rem;
}

.dedications-progress__header span[b-24jhtpjx4w] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    font-weight: 760;
}

.dedications-progress__header i[b-24jhtpjx4w] {
    color: #b8468d;
}

.dedications-progress__header strong[b-24jhtpjx4w] {
    color: #75478a;
}

.dedications-progress__track[b-24jhtpjx4w] {
    overflow: hidden;
    height: .4rem;
    margin-top: .5rem;
    border-radius: 999px;
    background: #eee7f2;
}

.dedications-progress__track > div[b-24jhtpjx4w] {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    transition: width .18s ease;
}

.dedications-message[b-24jhtpjx4w] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    padding: .68rem .75rem;
    border-radius: .85rem;
    font-size: .66rem;
    line-height: 1.45;
}

.dedications-message--error[b-24jhtpjx4w] {
    color: #9c2949;
    border: 1px solid rgba(220, 53, 69, .15);
    background: rgba(220, 53, 69, .05);
}

.dedications-editor__actions[b-24jhtpjx4w] {
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: auto;
}

.dedications-button[b-24jhtpjx4w] {
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .55rem .82rem;
    border-radius: 999px;
    font: inherit;
    font-size: .7rem;
    font-weight: 840;
    cursor: pointer;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.dedications-button--primary[b-24jhtpjx4w] {
    border: 0;
    color: #fff;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .2);
}

.dedications-button--primary:hover:not(:disabled)[b-24jhtpjx4w] {
    color: #fff;
    transform: translateY(-1px);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .26),
        inset 0 1px 0 rgba(255, 255, 255, .2);
}

.dedications-button--secondary[b-24jhtpjx4w] {
    color: #6d4b7a;
    border: 1px solid rgba(124, 58, 237, .14);
    background: #fff;
    box-shadow: 0 7px 18px rgba(21, 16, 54, .04);
}

.dedications-button--secondary:hover:not(:disabled)[b-24jhtpjx4w] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .22);
    transform: translateY(-1px);
}

.dedications-button:disabled[b-24jhtpjx4w] {
    opacity: .5;
    cursor: not-allowed;
    transform: none;
}

.dedications-notice[b-24jhtpjx4w] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    margin-top: 1.15rem;
    padding: .85rem .95rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 1rem;
    background: linear-gradient(135deg, #fbf8ff, #fffafd);
}

.dedications-notice__icon[b-24jhtpjx4w] {
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .85rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.dedications-notice strong[b-24jhtpjx4w] {
    color: #3b2c44;
    font-size: .76rem;
}

.dedications-notice p[b-24jhtpjx4w] {
    margin: .12rem 0 0;
    color: #817486;
    font-size: .68rem;
}

.dedications-notice--muted[b-24jhtpjx4w] {
    background: #faf8fb;
}

.dedications-notice--muted .dedications-notice__icon[b-24jhtpjx4w] {
    background: linear-gradient(135deg, #9a8ea0, #716675);
}

.dedications-feed__heading[b-24jhtpjx4w] {
    gap: 1rem;
    margin-bottom: .95rem;
}

.dedications-feed__count[b-24jhtpjx4w] {
    flex: 0 0 auto;
    padding: .34rem .56rem;
    border: 1px solid rgba(38, 24, 69, .07);
    border-radius: 999px;
    color: #817388;
    background: #f7f3f8;
    font-size: .62rem;
    font-weight: 760;
}

.dedications-list[b-24jhtpjx4w] {
    display: grid;
    gap: 1rem;
}

.dedication-card[b-24jhtpjx4w] {
    overflow: hidden;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.2rem;
    background:
        linear-gradient(180deg, #fff 0%, #fff9fc 100%);
    box-shadow:
        0 15px 34px rgba(21, 16, 54, .075),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.dedication-card__header[b-24jhtpjx4w] {
    gap: .8rem;
    padding: .8rem .9rem;
    border-bottom: 1px solid rgba(38, 24, 69, .07);
    background: rgba(255, 255, 255, .78);
}

.dedication-card__member[b-24jhtpjx4w] {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

.dedication-card__context[b-24jhtpjx4w] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    color: #817486;
    font-size: .62rem;
}

.dedication-card__context i[b-24jhtpjx4w] {
    color: #ff3d8d;
}

.dedication-card__context strong[b-24jhtpjx4w] {
    color: #5c4766;
}

.dedication-card__time[b-24jhtpjx4w] {
    flex: 0 0 auto;
    color: #94889a;
    font-size: .61rem;
    font-weight: 700;
}

.dedication-card__media[b-24jhtpjx4w] {
    position: relative;
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .13), transparent 32%),
        linear-gradient(135deg, #090817, #151026);
}

.dedication-card__media img[b-24jhtpjx4w],
.dedication-card__media video[b-24jhtpjx4w] {
    display: block;
    width: 100%;
    max-height: min(72vh, 620px);
    object-fit: contain;
}

.dedication-card__media video[b-24jhtpjx4w] {
    background: #000;
}

.dedication-card__media-label[b-24jhtpjx4w] {
    position: absolute;
    left: .65rem;
    bottom: .65rem;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .32rem .48rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: rgba(255, 255, 255, .9);
    background: rgba(15, 12, 29, .60);
    backdrop-filter: blur(10px);
    font-size: .59rem;
    font-weight: 800;
    pointer-events: none;
}

.dedication-card__media-label i[b-24jhtpjx4w] {
    color: #ff9bc7;
}

.dedication-card__processing[b-24jhtpjx4w] {
    min-height: 260px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: 2rem;
    color: rgba(255, 255, 255, .82);
    text-align: center;
}

.dedication-card__processing > span[b-24jhtpjx4w] {
    width: 3.4rem;
    height: 3.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .3rem;
    border-radius: 1.05rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: 1.3rem;
}

.dedication-card__processing strong[b-24jhtpjx4w] {
    font-size: .78rem;
}

.dedication-card__processing small[b-24jhtpjx4w] {
    max-width: 24rem;
    color: rgba(255, 255, 255, .55);
    font-size: .62rem;
}

.dedication-card__body[b-24jhtpjx4w] {
    padding: .8rem .9rem .9rem;
}

.dedication-card__actions[b-24jhtpjx4w] {
    gap: .8rem;
}

.dedication-card__actions-right[b-24jhtpjx4w] {
    flex: 0 0 auto;
    gap: .4rem;
}

.dedication-icon-button[b-24jhtpjx4w] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    padding: .3rem .58rem;
    border: 1px solid rgba(38, 24, 69, .12);
    border-radius: 999px;
    color: #65546f;
    background: #fff;
    box-shadow: 0 5px 15px rgba(21, 16, 54, .05);
    font: inherit;
    font-size: .7rem;
    font-weight: 760;
    cursor: pointer;
    transition:
        transform .16s ease,
        color .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.dedication-icon-button:hover[b-24jhtpjx4w] {
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .24);
    background: #fff5fa;
    transform: translateY(-1px);
}

.dedication-icon-button--danger[b-24jhtpjx4w] {
    color: #bd4262;
    border-color: rgba(220, 53, 69, .14);
}

.dedication-icon-button--danger:hover[b-24jhtpjx4w] {
    color: #9e2f50;
    border-color: rgba(220, 53, 69, .22);
    background: #fff5f7;
}

.dedication-card__description[b-24jhtpjx4w] {
    margin: .65rem 0 0;
    color: #3b3041;
    font-size: .82rem;
    line-height: 1.52;
    white-space: pre-line;
}

.dedications-empty[b-24jhtpjx4w],
.dedications-state[b-24jhtpjx4w] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.dedications-empty[b-24jhtpjx4w] {
    min-height: 220px;
    padding: 1.5rem;
    border: 1px dashed rgba(124, 58, 237, .16);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .03), rgba(124, 58, 237, .04));
}

.dedications-empty__icon[b-24jhtpjx4w],
.dedications-state__icon[b-24jhtpjx4w] {
    width: 3.4rem;
    height: 3.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .7rem;
    border-radius: 1.05rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 30px rgba(124, 58, 237, .18);
    font-size: 1.2rem;
}

.dedications-empty h3[b-24jhtpjx4w] {
    margin: 0;
    color: #3d3046;
    font-size: .92rem;
    font-weight: 860;
}

.dedications-empty p[b-24jhtpjx4w] {
    max-width: 28rem;
    margin: .28rem 0 0;
    color: #8a7e90;
    font-size: .68rem;
    line-height: 1.45;
}

.dedications-load-more[b-24jhtpjx4w] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.dedications-button--load[b-24jhtpjx4w] {
    min-width: 8rem;
}

.dedications-loading[b-24jhtpjx4w] {
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: 1.3rem;
    background: #fff;
    box-shadow: 0 16px 40px rgba(21, 16, 54, .06);
}

.dedications-loading__icon[b-24jhtpjx4w] {
    width: 2.9rem;
    height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.dedications-loading__icon .spinner-border[b-24jhtpjx4w] {
    width: 1.4rem;
    height: 1.4rem;
    border-width: .16rem;
}

.dedications-loading strong[b-24jhtpjx4w],
.dedications-loading span[b-24jhtpjx4w],
.dedications-state h1[b-24jhtpjx4w],
.dedications-state p[b-24jhtpjx4w] {
    display: block;
}

.dedications-loading strong[b-24jhtpjx4w] {
    color: #3d3046;
    font-size: .78rem;
}

.dedications-loading div > span[b-24jhtpjx4w] {
    margin-top: .08rem;
    color: #8a7e90;
    font-size: .66rem;
}

.dedications-state[b-24jhtpjx4w] {
    min-height: 420px;
    padding: 2rem;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .06), transparent 35%),
        #fff;
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.dedications-state h1[b-24jhtpjx4w] {
    margin: .35rem 0 0;
    color: #30223d;
    font-size: 1.65rem;
    font-weight: 880;
    letter-spacing: -.035em;
}

.dedications-state p[b-24jhtpjx4w] {
    max-width: 30rem;
    margin: .45rem 0 1rem;
    color: #817486;
    font-size: .75rem;
    line-height: 1.5;
}

.dedications-back:focus-visible[b-24jhtpjx4w],
.dedications-upload-zone:focus-within[b-24jhtpjx4w],
.dedications-button:focus-visible[b-24jhtpjx4w],
.dedication-icon-button:focus-visible[b-24jhtpjx4w] {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 3px;
}

@media (max-width: 760px) {
    .dedications-page[b-24jhtpjx4w] {
        width: min(100% - 1rem, 640px);
        padding-top: .9rem;
    }

    .dedications-hero[b-24jhtpjx4w] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 1.35rem;
        border-radius: 1.35rem;
    }

    .dedications-hero__visual[b-24jhtpjx4w] {
        width: 100%;
        height: 230px;
        transform: none;
    }

    .dedications-editor[b-24jhtpjx4w] {
        grid-template-columns: 1fr;
    }

    .dedications-editor__media[b-24jhtpjx4w],
    .dedications-editor__media > img[b-24jhtpjx4w],
    .dedications-editor__placeholder[b-24jhtpjx4w] {
        min-height: 220px;
        max-height: 320px;
    }
}

@media (max-width: 560px) {
    .dedications-upload-zone[b-24jhtpjx4w] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .dedications-upload-zone__icon[b-24jhtpjx4w] {
        justify-self: center;
    }

    .dedications-upload-zone__action[b-24jhtpjx4w] {
        justify-self: stretch;
        justify-content: center;
    }

    .dedications-feed__heading[b-24jhtpjx4w],
    .dedication-card__header[b-24jhtpjx4w],
    .dedication-card__actions[b-24jhtpjx4w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .dedications-feed__count[b-24jhtpjx4w] {
        align-self: flex-start;
    }

    .dedication-card__actions-right[b-24jhtpjx4w] {
        width: 100%;
        justify-content: space-between;
    }

    .dedications-editor__actions[b-24jhtpjx4w] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .dedications-editor__actions .dedications-button[b-24jhtpjx4w] {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .dedications-hero[b-24jhtpjx4w] {
        padding: 1.1rem;
    }

    .dedications-hero h1[b-24jhtpjx4w] {
        font-size: 2.3rem;
    }

    .dedications-hero__source[b-24jhtpjx4w] {
        align-items: flex-start;
        flex-direction: column;
    }

    .dedications-hero__separator[b-24jhtpjx4w] {
        display: none;
    }

    .dedications-hero__stats[b-24jhtpjx4w] {
        align-items: stretch;
        flex-direction: column;
    }

    .dedications-hero__stats > span[b-24jhtpjx4w] {
        justify-content: center;
    }

    .dedications-compose[b-24jhtpjx4w],
    .dedications-feed[b-24jhtpjx4w] {
        padding: .9rem;
        border-radius: 1.1rem;
    }

    .dedications-section-heading[b-24jhtpjx4w] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .dedications-back[b-24jhtpjx4w],
    .dedications-upload-zone[b-24jhtpjx4w],
    .dedications-ai-toggle__switch[b-24jhtpjx4w],
    .dedications-ai-toggle__switch > span[b-24jhtpjx4w],
    .dedications-progress__track > div[b-24jhtpjx4w],
    .dedications-button[b-24jhtpjx4w],
    .dedication-icon-button[b-24jhtpjx4w] {
        transition: none;
    }
}
/* /Components/Pages/Faq/Faq.razor.rz.scp.css */
:host[b-y67h7q40bl] {
    display: block;
}

.faq-hub-page[b-y67h7q40bl] {
    min-height: 100%;
    padding: 1.25rem 1.25rem 3rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .035), transparent 24rem),
        radial-gradient(circle at 88% 8%, rgba(124, 58, 237, .04), transparent 28rem),
        #f8f6fa;
    color: #2d2137;
}

.faq-hub-page__shell[b-y67h7q40bl] {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.faq-hub-page__breadcrumb[b-y67h7q40bl] {
    margin-bottom: .9rem;
}

/* Breadcrumb is a child component, hence ::deep. */
.faq-hub-page__breadcrumb[b-y67h7q40bl]  a {
    color: #8a718f;
}

.faq-hub-page__breadcrumb[b-y67h7q40bl]  a:hover {
    color: #c6377d;
}

.faq-hero[b-y67h7q40bl] {
    position: relative;
    min-height: 18rem;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(15rem, .55fr);
    align-items: center;
    gap: 2rem;
    overflow: hidden;
    padding: 2.6rem 3rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 1.6rem;
    background:
        radial-gradient(circle at 76% 30%, rgba(124, 58, 237, .28), transparent 25rem),
        radial-gradient(circle at 12% 120%, rgba(255, 61, 141, .19), transparent 28rem),
        linear-gradient(135deg, #100d2b 0%, #17103a 54%, #23104b 100%);
    box-shadow:
        0 24px 55px rgba(21, 14, 47, .17),
        inset 0 1px 0 rgba(255, 255, 255, .055);
    isolation: isolate;
}

.faq-hero[b-y67h7q40bl]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: auto -8% -42% 10%;
    height: 12rem;
    border: 1px solid rgba(188, 116, 255, .24);
    border-radius: 50%;
    transform: rotate(-7deg);
    box-shadow:
        0 -1px 0 rgba(255, 61, 141, .22),
        0 -22px 65px rgba(124, 58, 237, .08);
}

.faq-hero[b-y67h7q40bl]::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -7rem;
    bottom: -8rem;
    width: 28rem;
    height: 20rem;
    border: 1px solid rgba(255, 61, 141, .13);
    border-radius: 50%;
    transform: rotate(8deg);
}

.faq-hero__glow[b-y67h7q40bl] {
    position: absolute;
    z-index: -1;
    border-radius: 999px;
    filter: blur(1px);
    pointer-events: none;
}

.faq-hero__glow--one[b-y67h7q40bl] {
    top: -5rem;
    right: 10rem;
    width: 13rem;
    height: 13rem;
    background: radial-gradient(circle, rgba(144, 68, 255, .18), transparent 68%);
}

.faq-hero__glow--two[b-y67h7q40bl] {
    left: -6rem;
    bottom: -7rem;
    width: 18rem;
    height: 18rem;
    background: radial-gradient(circle, rgba(255, 61, 141, .15), transparent 68%);
}

.faq-hero__content[b-y67h7q40bl] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.faq-hero__eyebrow[b-y67h7q40bl] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .8rem;
    color: #dcb8f3;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.faq-hero__eyebrow-icon[b-y67h7q40bl] {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .58rem;
    color: #fff;
    background: linear-gradient(135deg, rgba(255, 61, 141, .92), rgba(124, 58, 237, .95));
    box-shadow: 0 8px 20px rgba(124, 58, 237, .25);
    font-size: .72rem;
}

.faq-hero h1[b-y67h7q40bl] {
    max-width: 46rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.2rem, 4.8vw, 4.3rem);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.055em;
    text-wrap: balance;
}

.faq-introduction[b-y67h7q40bl] {
    max-width: 42rem;
    margin-top: 1.2rem;
}

.faq-introduction p[b-y67h7q40bl] {
    margin: 0;
    color: rgba(237, 231, 247, .74);
    font-size: clamp(.9rem, 1.7vw, 1.05rem);
    line-height: 1.65;
}

.faq-hero__visual[b-y67h7q40bl] {
    position: relative;
    z-index: 1;
    min-height: 13rem;
    display: grid;
    place-items: center;
}

.faq-hero__orb[b-y67h7q40bl] {
    position: absolute;
    border-radius: 50%;
}

.faq-hero__orb--back[b-y67h7q40bl] {
    width: 13rem;
    height: 13rem;
    border: 1px solid rgba(196, 135, 255, .26);
    box-shadow:
        0 0 0 1.5rem rgba(124, 58, 237, .035),
        0 0 0 3rem rgba(255, 61, 141, .018),
        0 0 48px rgba(124, 58, 237, .16);
}

.faq-hero__orb--front[b-y67h7q40bl] {
    width: 7.2rem;
    height: 7.2rem;
    display: grid;
    place-items: center;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .13);
    background:
        radial-gradient(circle at 28% 20%, rgba(255, 255, 255, .18), transparent 30%),
        linear-gradient(135deg, rgba(255, 61, 141, .92), rgba(124, 58, 237, .9));
    box-shadow:
        0 18px 42px rgba(124, 58, 237, .3),
        inset 0 1px 0 rgba(255, 255, 255, .16);
    font-size: 2.5rem;
}

.faq-hero__spark[b-y67h7q40bl] {
    position: absolute;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 12px rgba(255, 255, 255, .8);
}

.faq-hero__spark--one[b-y67h7q40bl] {
    top: 12%;
    right: 25%;
}

.faq-hero__spark--two[b-y67h7q40bl] {
    right: 9%;
    bottom: 25%;
    background: #ff86bd;
}

.faq-hero__spark--three[b-y67h7q40bl] {
    left: 18%;
    bottom: 17%;
    width: .2rem;
    height: .2rem;
    background: #b993ff;
}

.faq-content[b-y67h7q40bl] {
    position: relative;
    margin-top: 1.25rem;
    padding: 1.45rem;
    border: 1px solid rgba(45, 30, 67, .075);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 22rem),
        #fff;
    box-shadow: 0 14px 36px rgba(32, 20, 58, .055);
}

.faq-content__heading[b-y67h7q40bl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
    padding: .15rem .1rem .95rem;
    border-bottom: 1px solid rgba(45, 30, 67, .07);
}

.faq-content__eyebrow[b-y67h7q40bl] {
    display: block;
    margin-bottom: .3rem;
    color: #a3407a;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.faq-content__title[b-y67h7q40bl] {
    margin: 0;
    color: #2d2137;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    font-weight: 880;
    letter-spacing: -.035em;
}

.faq-content__mark[b-y67h7q40bl] {
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 2.55rem;
    display: grid;
    place-items: center;
    border-radius: .8rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .16);
}

.faq-list[b-y67h7q40bl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .9rem;
}

.faq-category-card[b-y67h7q40bl] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "icon content"
        "icon action";
    align-items: start;
    column-gap: .9rem;
    row-gap: .75rem;
    padding: 1.1rem;
    border: 1px solid rgba(45, 30, 67, .085);
    border-radius: 1.1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .025), transparent 12rem),
        linear-gradient(180deg, #fff 0%, #fffafd 100%);
    box-shadow:
        0 8px 22px rgba(24, 16, 49, .035),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.faq-category-card:hover[b-y67h7q40bl] {
    transform: translateY(-2px);
    border-color: rgba(124, 58, 237, .16);
    box-shadow:
        0 13px 30px rgba(24, 16, 49, .07),
        0 0 0 1px rgba(255, 61, 141, .025);
}

.faq-category-card__icon[b-y67h7q40bl] {
    grid-area: icon;
    width: 2.7rem;
    height: 2.7rem;
    display: grid;
    place-items: center;
    border-radius: .86rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .3), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .16);
    font-size: .95rem;
}

.faq-category-card__content[b-y67h7q40bl] {
    grid-area: content;
    min-width: 0;
}

.faq-category-card h2[b-y67h7q40bl] {
    margin: .05rem 0 0;
    font-size: 1rem;
    font-weight: 860;
    line-height: 1.25;
    letter-spacing: -.02em;
}

.faq-category-card h2 a[b-y67h7q40bl] {
    color: #342640;
    text-decoration: none;
}

.faq-category-card h2 a:hover[b-y67h7q40bl] {
    color: #b83278;
}

.faq-category-card p[b-y67h7q40bl] {
    margin: .38rem 0 0;
    color: #817486;
    font-size: .72rem;
    line-height: 1.55;
}

.faq-category-card__action[b-y67h7q40bl] {
    grid-area: action;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #875078;
    font-size: .65rem;
    font-weight: 820;
    text-decoration: none;
    transition:
        color .16s ease,
        gap .16s ease;
}

.faq-category-card__action:hover[b-y67h7q40bl] {
    gap: .48rem;
    color: #d53080;
}

.faq-category-card__action i[b-y67h7q40bl] {
    font-size: .7rem;
}

.faq-state[b-y67h7q40bl] {
    min-height: 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: 2rem;
    border: 1px dashed rgba(124, 58, 237, .15);
    border-radius: 1rem;
    background: #fcfafe;
    text-align: center;
}

.faq-state__icon[b-y67h7q40bl] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: .95rem;
    color: #a1437d;
    background: linear-gradient(135deg, rgba(255, 61, 141, .08), rgba(124, 58, 237, .09));
    font-size: 1rem;
}

.faq-state p[b-y67h7q40bl] {
    margin: 0;
    color: #786b7e;
    font-size: .78rem;
    line-height: 1.5;
}

.faq-category-card h2 a:focus-visible[b-y67h7q40bl],
.faq-category-card__action:focus-visible[b-y67h7q40bl] {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 3px;
    border-radius: .35rem;
}

@media (max-width: 900px) {
    .faq-hero[b-y67h7q40bl] {
        grid-template-columns: minmax(0, 1fr) 12rem;
        min-height: 16rem;
        padding: 2.2rem;
    }

    .faq-hero__orb--back[b-y67h7q40bl] {
        width: 10.5rem;
        height: 10.5rem;
    }

    .faq-hero__orb--front[b-y67h7q40bl] {
        width: 6rem;
        height: 6rem;
        font-size: 2rem;
    }
}

@media (max-width: 700px) {
    .faq-hub-page[b-y67h7q40bl] {
        padding: .8rem .75rem 2rem;
    }

    .faq-hub-page__breadcrumb[b-y67h7q40bl] {
        margin-bottom: .65rem;
    }

    .faq-hero[b-y67h7q40bl] {
        min-height: auto;
        grid-template-columns: 1fr;
        padding: 1.65rem 1.35rem 1.75rem;
        border-radius: 1.25rem;
    }

    .faq-hero h1[b-y67h7q40bl] {
        font-size: clamp(2rem, 10vw, 3rem);
        line-height: 1.02;
    }

    .faq-introduction[b-y67h7q40bl] {
        margin-top: .9rem;
    }

    .faq-hero__visual[b-y67h7q40bl] {
        display: none;
    }

    .faq-content[b-y67h7q40bl] {
        margin-top: .9rem;
        padding: 1rem;
        border-radius: 1.15rem;
    }

    .faq-content__heading[b-y67h7q40bl] {
        margin-bottom: .85rem;
        padding-bottom: .8rem;
    }

    .faq-list[b-y67h7q40bl] {
        grid-template-columns: 1fr;
        gap: .7rem;
    }
}

@media (max-width: 420px) {
    .faq-hub-page[b-y67h7q40bl] {
        padding-inline: .55rem;
    }

    .faq-hero[b-y67h7q40bl] {
        padding: 1.45rem 1.1rem 1.55rem;
    }

    .faq-content[b-y67h7q40bl] {
        padding: .8rem;
    }

    .faq-content__mark[b-y67h7q40bl] {
        display: none;
    }

    .faq-category-card[b-y67h7q40bl] {
        column-gap: .72rem;
        padding: .9rem;
    }

    .faq-category-card__icon[b-y67h7q40bl] {
        width: 2.45rem;
        height: 2.45rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .faq-category-card[b-y67h7q40bl],
    .faq-category-card__action[b-y67h7q40bl] {
        transition: none;
    }
}
/* /Components/Pages/Faq/FaqCategory.razor.rz.scp.css */
:host[b-kopv4heno4] {
    display: block;
}

.faq-category-page[b-kopv4heno4] {
    min-height: 100%;
    padding: 1.25rem 1.25rem 3rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .035), transparent 24rem),
        radial-gradient(circle at 88% 8%, rgba(124, 58, 237, .04), transparent 28rem),
        #f8f6fa;
    color: #2d2137;
}

.faq-category-page__shell[b-kopv4heno4] {
    width: min(100%, 1180px);
    margin: 0 auto;
}

.faq-category-page__breadcrumb[b-kopv4heno4] {
    margin-bottom: .9rem;
}

/* Breadcrumb is a child component, hence ::deep. */
.faq-category-page__breadcrumb[b-kopv4heno4]  a {
    color: #8a718f;
}

.faq-category-page__breadcrumb[b-kopv4heno4]  a:hover {
    color: #c6377d;
}

.faq-category-hero[b-kopv4heno4] {
    position: relative;
    min-height: 16rem;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(14rem, .55fr);
    align-items: center;
    gap: 2rem;
    overflow: hidden;
    padding: 2.35rem 3rem;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 1.6rem;
    background:
        radial-gradient(circle at 76% 30%, rgba(124, 58, 237, .28), transparent 25rem),
        radial-gradient(circle at 12% 120%, rgba(255, 61, 141, .19), transparent 28rem),
        linear-gradient(135deg, #100d2b 0%, #17103a 54%, #23104b 100%);
    box-shadow:
        0 24px 55px rgba(21, 14, 47, .17),
        inset 0 1px 0 rgba(255, 255, 255, .055);
    isolation: isolate;
}

.faq-category-hero[b-kopv4heno4]::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: auto -8% -42% 10%;
    height: 12rem;
    border: 1px solid rgba(188, 116, 255, .24);
    border-radius: 50%;
    transform: rotate(-7deg);
    box-shadow:
        0 -1px 0 rgba(255, 61, 141, .22),
        0 -22px 65px rgba(124, 58, 237, .08);
}

.faq-category-hero[b-kopv4heno4]::after {
    content: "";
    position: absolute;
    z-index: -1;
    right: -7rem;
    bottom: -8rem;
    width: 28rem;
    height: 20rem;
    border: 1px solid rgba(255, 61, 141, .13);
    border-radius: 50%;
    transform: rotate(8deg);
}

.faq-category-hero__glow[b-kopv4heno4] {
    position: absolute;
    z-index: -1;
    border-radius: 999px;
    filter: blur(1px);
    pointer-events: none;
}

.faq-category-hero__glow--one[b-kopv4heno4] {
    top: -5rem;
    right: 10rem;
    width: 13rem;
    height: 13rem;
    background: radial-gradient(circle, rgba(144, 68, 255, .18), transparent 68%);
}

.faq-category-hero__glow--two[b-kopv4heno4] {
    left: -6rem;
    bottom: -7rem;
    width: 18rem;
    height: 18rem;
    background: radial-gradient(circle, rgba(255, 61, 141, .15), transparent 68%);
}

.faq-category-hero__content[b-kopv4heno4] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.faq-category-hero__eyebrow[b-kopv4heno4] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .8rem;
    color: #dcb8f3;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.faq-category-hero__eyebrow-icon[b-kopv4heno4] {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .58rem;
    color: #fff;
    background: linear-gradient(135deg, rgba(255, 61, 141, .92), rgba(124, 58, 237, .95));
    box-shadow: 0 8px 20px rgba(124, 58, 237, .25);
    font-size: .72rem;
}

.faq-category-hero h1[b-kopv4heno4] {
    max-width: 48rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.05rem, 4.4vw, 3.8rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.052em;
    text-wrap: balance;
}

.faq-introduction[b-kopv4heno4] {
    max-width: 45rem;
    margin-top: 1rem;
    color: rgba(237, 231, 247, .76);
    font-size: clamp(.88rem, 1.6vw, 1rem);
    line-height: 1.65;
}

.faq-introduction[b-kopv4heno4]  p {
    margin: 0 0 .7rem;
}

.faq-introduction[b-kopv4heno4]  p:last-child {
    margin-bottom: 0;
}

.faq-introduction[b-kopv4heno4]  a {
    color: #ffc1de;
    font-weight: 700;
    text-decoration-color: rgba(255, 193, 222, .45);
    text-underline-offset: .16em;
}

.faq-introduction[b-kopv4heno4]  strong {
    color: #fff;
}

.faq-introduction[b-kopv4heno4]  ul,
.faq-introduction[b-kopv4heno4]  ol {
    margin: .65rem 0 0;
    padding-left: 1.25rem;
}

.faq-category-hero__visual[b-kopv4heno4] {
    position: relative;
    z-index: 1;
    min-height: 12rem;
    display: grid;
    place-items: center;
}

.faq-category-hero__orb[b-kopv4heno4] {
    position: absolute;
    border-radius: 50%;
}

.faq-category-hero__orb--back[b-kopv4heno4] {
    width: 12rem;
    height: 12rem;
    border: 1px solid rgba(196, 135, 255, .26);
    box-shadow:
        0 0 0 1.5rem rgba(124, 58, 237, .035),
        0 0 0 3rem rgba(255, 61, 141, .018),
        0 0 48px rgba(124, 58, 237, .16);
}

.faq-category-hero__orb--front[b-kopv4heno4] {
    width: 6.8rem;
    height: 6.8rem;
    display: grid;
    place-items: center;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .13);
    background:
        radial-gradient(circle at 28% 20%, rgba(255, 255, 255, .18), transparent 30%),
        linear-gradient(135deg, rgba(255, 61, 141, .92), rgba(124, 58, 237, .9));
    box-shadow:
        0 18px 42px rgba(124, 58, 237, .3),
        inset 0 1px 0 rgba(255, 255, 255, .16);
    font-size: 2.25rem;
}

.faq-category-hero__spark[b-kopv4heno4] {
    position: absolute;
    width: .3rem;
    height: .3rem;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 12px rgba(255, 255, 255, .8);
}

.faq-category-hero__spark--one[b-kopv4heno4] {
    top: 12%;
    right: 25%;
}

.faq-category-hero__spark--two[b-kopv4heno4] {
    right: 9%;
    bottom: 25%;
    background: #ff86bd;
}

.faq-category-hero__spark--three[b-kopv4heno4] {
    left: 18%;
    bottom: 17%;
    width: .2rem;
    height: .2rem;
    background: #b993ff;
}

.faq-category-content[b-kopv4heno4],
.faq-other-categories[b-kopv4heno4] {
    position: relative;
    margin-top: 1.25rem;
    padding: 1.45rem;
    border: 1px solid rgba(45, 30, 67, .075);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 22rem),
        #fff;
    box-shadow: 0 14px 36px rgba(32, 20, 58, .055);
}

.faq-category-content__heading[b-kopv4heno4],
.faq-other-categories__heading[b-kopv4heno4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.1rem;
    padding: .15rem .1rem .95rem;
    border-bottom: 1px solid rgba(45, 30, 67, .07);
}

.faq-category-content__eyebrow[b-kopv4heno4],
.faq-other-categories__eyebrow[b-kopv4heno4] {
    display: block;
    margin-bottom: .3rem;
    color: #a3407a;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.faq-category-content__title[b-kopv4heno4],
.faq-other-categories h2[b-kopv4heno4] {
    margin: 0;
    color: #2d2137;
    font-size: clamp(1.25rem, 2vw, 1.55rem);
    font-weight: 880;
    letter-spacing: -.035em;
}

.faq-category-content__mark[b-kopv4heno4],
.faq-other-categories__icon[b-kopv4heno4] {
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 2.55rem;
    display: grid;
    place-items: center;
    border-radius: .8rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .16);
}

.faq-list[b-kopv4heno4] {
    display: grid;
    gap: .85rem;
}

.faq-item[b-kopv4heno4] {
    position: relative;
    min-width: 0;
    padding: 1.15rem 1.2rem;
    border: 1px solid rgba(45, 30, 67, .08);
    border-radius: 1.05rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .023), transparent 14rem),
        linear-gradient(180deg, #fff 0%, #fffafd 100%);
    box-shadow:
        0 7px 20px rgba(24, 16, 49, .032),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.faq-item__question[b-kopv4heno4] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
}

.faq-item__icon[b-kopv4heno4] {
    width: 2.25rem;
    height: 2.25rem;
    display: grid;
    place-items: center;
    border-radius: .72rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 7px 16px rgba(124, 58, 237, .13);
    font-size: .72rem;
}

.faq-item h2[b-kopv4heno4] {
    margin: 0;
    color: #352741;
    font-size: clamp(.95rem, 1.65vw, 1.08rem);
    font-weight: 860;
    line-height: 1.35;
    letter-spacing: -.022em;
    text-wrap: balance;
}

.faq-answer[b-kopv4heno4] {
    margin-top: .78rem;
    padding: .85rem .95rem .05rem 3rem;
    border-top: 1px solid rgba(45, 30, 67, .055);
    color: #6f6276;
    font-size: .76rem;
    line-height: 1.7;
}

.faq-answer[b-kopv4heno4]  p {
    margin: 0 0 .82rem;
}

.faq-answer[b-kopv4heno4]  h3,
.faq-answer[b-kopv4heno4]  h4 {
    margin: 1rem 0 .45rem;
    color: #41324a;
    font-size: .82rem;
    font-weight: 850;
    line-height: 1.4;
}

.faq-answer[b-kopv4heno4]  ul,
.faq-answer[b-kopv4heno4]  ol {
    margin: .2rem 0 .85rem;
    padding-left: 1.25rem;
}

.faq-answer[b-kopv4heno4]  li + li {
    margin-top: .25rem;
}

.faq-answer[b-kopv4heno4]  strong {
    color: #49364f;
    font-weight: 800;
}

.faq-answer[b-kopv4heno4]  a {
    color: #b2387a;
    font-weight: 700;
    text-decoration-thickness: 1px;
    text-underline-offset: .17em;
}

.faq-answer[b-kopv4heno4]  blockquote {
    margin: .85rem 0;
    padding: .75rem .9rem;
    border-left: 3px solid #d44d91;
    border-radius: 0 .7rem .7rem 0;
    background: #faf7fc;
    color: #695a70;
}

.faq-answer[b-kopv4heno4]  code {
    padding: .08rem .28rem;
    border-radius: .3rem;
    background: #f4eff8;
    color: #7e356b;
    font-size: .9em;
}

.faq-answer[b-kopv4heno4]  img {
    max-width: 100%;
    height: auto;
    border-radius: .8rem;
}

.faq-state[b-kopv4heno4] {
    min-height: 10rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: 2rem;
    border: 1px dashed rgba(124, 58, 237, .15);
    border-radius: 1rem;
    background: #fcfafe;
    text-align: center;
}

.faq-state__icon[b-kopv4heno4] {
    width: 3rem;
    height: 3rem;
    display: grid;
    place-items: center;
    border-radius: .95rem;
    color: #a1437d;
    background: linear-gradient(135deg, rgba(255, 61, 141, .08), rgba(124, 58, 237, .09));
    font-size: 1rem;
}

.faq-state p[b-kopv4heno4] {
    margin: 0;
    color: #786b7e;
    font-size: .78rem;
    line-height: 1.5;
}

.faq-other-categories ul[b-kopv4heno4] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.faq-other-categories li[b-kopv4heno4] {
    min-width: 0;
}

.faq-other-categories li a[b-kopv4heno4] {
    min-height: 3.35rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .75rem .9rem;
    border: 1px solid rgba(45, 30, 67, .08);
    border-radius: .9rem;
    color: #49394f;
    background: linear-gradient(180deg, #fff 0%, #fffafd 100%);
    font-size: .7rem;
    font-weight: 790;
    line-height: 1.35;
    text-decoration: none;
    transition:
        transform .16s ease,
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.faq-other-categories li a i[b-kopv4heno4] {
    flex: 0 0 auto;
    color: #a54680;
    font-size: .7rem;
    transition: transform .16s ease;
}

.faq-other-categories li a:hover[b-kopv4heno4] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .18);
    box-shadow: 0 8px 18px rgba(24, 16, 49, .045);
    transform: translateY(-1px);
}

.faq-other-categories li a:hover i[b-kopv4heno4] {
    transform: translateX(2px);
}

.faq-category-page__footer-action[b-kopv4heno4] {
    display: flex;
    justify-content: flex-start;
    margin-top: 1rem;
}

.faq-back-link[b-kopv4heno4] {
    min-height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .65rem .95rem;
    border: 1px solid rgba(124, 58, 237, .13);
    border-radius: 999px;
    color: #76547f;
    background: #fff;
    box-shadow: 0 7px 17px rgba(24, 16, 49, .04);
    font-size: .67rem;
    font-weight: 830;
    text-decoration: none;
    transition:
        transform .16s ease,
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.faq-back-link:hover[b-kopv4heno4] {
    color: #c53279;
    border-color: rgba(255, 61, 141, .2);
    box-shadow: 0 10px 22px rgba(24, 16, 49, .065);
    transform: translateY(-1px);
}

.faq-back-link:focus-visible[b-kopv4heno4],
.faq-other-categories li a:focus-visible[b-kopv4heno4],
.faq-answer[b-kopv4heno4]  a:focus-visible {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 3px;
}

/* Not-found state deliberately keeps the noindex behavior from the page. */
.faq-category-page--not-found[b-kopv4heno4] {
    display: grid;
    place-items: center;
    padding-block: 3rem;
}

.faq-not-found[b-kopv4heno4] {
    max-width: 36rem;
    margin: 4rem auto;
    padding: 2.25rem;
    border: 1px solid rgba(45, 30, 67, .08);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 18rem),
        #fff;
    box-shadow: 0 18px 42px rgba(32, 20, 58, .07);
    text-align: center;
}

.faq-not-found__icon[b-kopv4heno4] {
    width: 4rem;
    height: 4rem;
    display: grid;
    place-items: center;
    margin: 0 auto .9rem;
    border-radius: 1.15rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 13px 28px rgba(124, 58, 237, .2);
    font-size: 1.25rem;
}

.faq-not-found__eyebrow[b-kopv4heno4] {
    display: block;
    margin-bottom: .35rem;
    color: #a3407a;
    font-size: .62rem;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.faq-not-found h1[b-kopv4heno4] {
    margin: 0;
    color: #2d2137;
    font-size: clamp(1.7rem, 4vw, 2.4rem);
    font-weight: 900;
    letter-spacing: -.04em;
}

.faq-not-found p[b-kopv4heno4] {
    max-width: 29rem;
    margin: .75rem auto 1.25rem;
    color: #7b6e81;
    font-size: .8rem;
    line-height: 1.6;
}

.faq-back-link--primary[b-kopv4heno4] {
    color: #fff;
    border-color: transparent;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 24px rgba(124, 58, 237, .18);
}

.faq-back-link--primary:hover[b-kopv4heno4] {
    color: #fff;
    border-color: transparent;
    box-shadow: 0 13px 28px rgba(124, 58, 237, .25);
}

@media (max-width: 900px) {
    .faq-category-hero[b-kopv4heno4] {
        grid-template-columns: minmax(0, 1fr) 11rem;
        min-height: 15rem;
        padding: 2.1rem;
    }

    .faq-category-hero__orb--back[b-kopv4heno4] {
        width: 9.8rem;
        height: 9.8rem;
    }

    .faq-category-hero__orb--front[b-kopv4heno4] {
        width: 5.7rem;
        height: 5.7rem;
        font-size: 1.9rem;
    }

    .faq-other-categories ul[b-kopv4heno4] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    .faq-category-page[b-kopv4heno4] {
        padding: .8rem .75rem 2rem;
    }

    .faq-category-page__breadcrumb[b-kopv4heno4] {
        margin-bottom: .65rem;
    }

    .faq-category-hero[b-kopv4heno4] {
        min-height: auto;
        grid-template-columns: 1fr;
        padding: 1.65rem 1.35rem 1.75rem;
        border-radius: 1.25rem;
    }

    .faq-category-hero h1[b-kopv4heno4] {
        font-size: clamp(1.9rem, 9vw, 2.8rem);
        line-height: 1.03;
    }

    .faq-introduction[b-kopv4heno4] {
        margin-top: .85rem;
    }

    .faq-category-hero__visual[b-kopv4heno4] {
        display: none;
    }

    .faq-category-content[b-kopv4heno4],
    .faq-other-categories[b-kopv4heno4] {
        margin-top: .9rem;
        padding: 1rem;
        border-radius: 1.15rem;
    }

    .faq-category-content__heading[b-kopv4heno4],
    .faq-other-categories__heading[b-kopv4heno4] {
        margin-bottom: .85rem;
        padding-bottom: .8rem;
    }

    .faq-item[b-kopv4heno4] {
        padding: 1rem;
    }

    .faq-answer[b-kopv4heno4] {
        padding-left: 0;
    }

    .faq-other-categories ul[b-kopv4heno4] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .faq-category-page[b-kopv4heno4] {
        padding-inline: .55rem;
    }

    .faq-category-hero[b-kopv4heno4] {
        padding: 1.45rem 1.1rem 1.55rem;
    }

    .faq-category-content[b-kopv4heno4],
    .faq-other-categories[b-kopv4heno4] {
        padding: .8rem;
    }

    .faq-category-content__mark[b-kopv4heno4],
    .faq-other-categories__icon[b-kopv4heno4] {
        display: none;
    }

    .faq-item[b-kopv4heno4] {
        padding: .88rem;
    }

    .faq-item__question[b-kopv4heno4] {
        gap: .62rem;
    }

    .faq-item__icon[b-kopv4heno4] {
        width: 2.05rem;
        height: 2.05rem;
    }

    .faq-not-found[b-kopv4heno4] {
        padding: 1.6rem 1.1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .faq-back-link[b-kopv4heno4],
    .faq-other-categories li a[b-kopv4heno4],
    .faq-other-categories li a i[b-kopv4heno4] {
        transition: none;
    }
}
/* /Components/Pages/Friends/FriendRequests.razor.rz.scp.css */
:host[b-ro08j0mem7] {
    display: block;
}

.friend-requests-page[b-ro08j0mem7] {
    width: min(100% - 2rem, 980px);
    margin: 0 auto;
    padding: 1.35rem 0 4rem;
    color: #281d34;
}

/* =========================
   Hero
   ========================= */

.friend-requests-hero[b-ro08j0mem7] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2rem;
    min-height: 225px;
    padding: 1.75rem 1.9rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.55rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .44), transparent 34%),
        radial-gradient(circle at 96% 6%, rgba(124, 58, 237, .50), transparent 38%),
        linear-gradient(135deg, #0b1236 0%, #17104d 52%, #360936 100%);
    box-shadow:
        0 24px 58px rgba(25, 13, 67, .18),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.friend-requests-hero__orb[b-ro08j0mem7] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
    pointer-events: none;
}

.friend-requests-hero__orb--one[b-ro08j0mem7] {
    width: 17rem;
    height: 17rem;
    top: -11rem;
    right: 16%;
}

.friend-requests-hero__orb--two[b-ro08j0mem7] {
    width: 15rem;
    height: 15rem;
    right: -7rem;
    bottom: -8rem;
}

.friend-requests-hero__content[b-ro08j0mem7] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.friend-requests-eyebrow[b-ro08j0mem7],
.friend-requests-section-eyebrow[b-ro08j0mem7] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #a7457e;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.friend-requests-eyebrow[b-ro08j0mem7] {
    color: rgba(255, 255, 255, .88);
}

.friend-requests-eyebrow i[b-ro08j0mem7] {
    color: #ff8fc1;
}

.friend-requests-hero h1[b-ro08j0mem7] {
    margin: .55rem 0 0;
    color: #fff;
    font-size: clamp(2.1rem, 4.4vw, 3.35rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.05em;
}

.friend-requests-hero p[b-ro08j0mem7] {
    max-width: 39rem;
    margin: .78rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .86rem;
    line-height: 1.58;
}

.friend-requests-hero__meta[b-ro08j0mem7] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
}

.friend-requests-hero__meta > span[b-ro08j0mem7] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    padding: .38rem .58rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    color: rgba(255, 255, 255, .78);
    background: rgba(255, 255, 255, .075);
    font-size: .63rem;
    font-weight: 750;
}

.friend-requests-hero__meta i[b-ro08j0mem7] {
    color: #ff8fc1;
}

.friend-requests-hero__meta strong[b-ro08j0mem7] {
    color: #fff;
}

.friend-requests-hero__visual[b-ro08j0mem7] {
    position: relative;
    z-index: 2;
    width: 7rem;
    height: 7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 1.9rem;
    color: #fff;
    background:
        radial-gradient(circle at 28% 10%, rgba(255, 255, 255, .30), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 20px 44px rgba(255, 61, 141, .22);
    font-size: 2.35rem;
    transform: rotate(4deg);
}

.friend-requests-hero__visual > span[b-ro08j0mem7] {
    position: absolute;
    right: -.45rem;
    top: -.5rem;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .78rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(255, 61, 141, .24);
    font-size: .9rem;
}

/* =========================
   Main panel
   ========================= */

.friend-requests-panel[b-ro08j0mem7] {
    margin-top: 1.15rem;
    padding: 1rem;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #fff 0%, #fffafd 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

/* =========================
   Segmented switcher
   ========================= */

.friend-requests-switcher[b-ro08j0mem7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    padding: .35rem;
    border: 1px solid rgba(39, 24, 69, .075);
    border-radius: 1rem;
    background: #f8f5fa;
}

.friend-requests-switcher__tab[b-ro08j0mem7] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .6rem;
    padding: .68rem .72rem;
    border: 1px solid transparent;
    border-radius: .82rem;
    color: #6c5d73;
    background: transparent;
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition:
        color .16s ease,
        background .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.friend-requests-switcher__tab:hover[b-ro08j0mem7] {
    color: #4d3d57;
    background: rgba(255, 255, 255, .7);
}

.friend-requests-switcher__tab--active[b-ro08j0mem7] {
    color: #45334f;
    border-color: rgba(124, 58, 237, .10);
    background: #fff;
    box-shadow:
        0 8px 20px rgba(21, 16, 54, .07),
        inset 0 1px 0 rgba(255, 255, 255, .95);
}

.friend-requests-switcher__icon[b-ro08j0mem7] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .72rem;
    color: #9e4aaa;
    background: rgba(124, 58, 237, .07);
    font-size: .8rem;
}

.friend-requests-switcher__tab--active .friend-requests-switcher__icon[b-ro08j0mem7] {
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 7px 16px rgba(124, 58, 237, .14);
}

.friend-requests-switcher__copy[b-ro08j0mem7] {
    min-width: 0;
}

.friend-requests-switcher__copy strong[b-ro08j0mem7],
.friend-requests-switcher__copy small[b-ro08j0mem7] {
    display: block;
}

.friend-requests-switcher__copy strong[b-ro08j0mem7] {
    font-size: .72rem;
    font-weight: 850;
}

.friend-requests-switcher__copy small[b-ro08j0mem7] {
    margin-top: .08rem;
    color: #96899d;
    font-size: .56rem;
    line-height: 1.35;
}

.friend-requests-switcher__count[b-ro08j0mem7] {
    min-width: 1.55rem;
    min-height: 1.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .38rem;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #d92d82);
    box-shadow: 0 6px 14px rgba(217, 45, 130, .16);
    font-size: .57rem;
    font-weight: 850;
}

/* =========================
   Panel heading
   ========================= */

.friend-requests-panel__heading[b-ro08j0mem7] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
    padding: .25rem .15rem .9rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
}

.friend-requests-panel__heading h2[b-ro08j0mem7] {
    margin: .14rem 0 0;
    color: #2d2038;
    font-size: 1.1rem;
    font-weight: 880;
    letter-spacing: -.025em;
}

.friend-requests-panel__heading p[b-ro08j0mem7] {
    max-width: 39rem;
    margin: .18rem 0 0;
    color: #827688;
    font-size: .68rem;
    line-height: 1.45;
}

.friend-requests-list-count[b-ro08j0mem7] {
    flex: 0 0 auto;
    padding: .32rem .52rem;
    border: 1px solid rgba(39, 24, 69, .07);
    border-radius: 999px;
    color: #897b8e;
    background: #f7f3f8;
    font-size: .58rem;
    font-weight: 760;
}

/* =========================
   Cards
   ========================= */

.friend-requests-grid[b-ro08j0mem7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
    margin-top: .9rem;
}

.friend-request-card[b-ro08j0mem7] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: .85rem;
    padding: .85rem;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 40%),
        #fff;
    box-shadow:
        0 10px 24px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.friend-request-card:hover[b-ro08j0mem7] {
    border-color: rgba(255, 61, 141, .16);
    box-shadow:
        0 16px 34px rgba(21, 16, 54, .085),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transform: translateY(-2px);
}

.friend-request-card__member[b-ro08j0mem7] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .75rem;
}

.friend-request-card__avatar[b-ro08j0mem7] {
    flex: 0 0 auto;
}

.friend-request-card__identity[b-ro08j0mem7] {
    min-width: 0;
}

.friend-request-card__name[b-ro08j0mem7] {
    overflow: hidden;
    display: block;
    color: #34263e;
    font-size: .82rem;
    font-weight: 860;
    line-height: 1.2;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.friend-request-card__name:hover[b-ro08j0mem7] {
    color: #b72d72;
}

.friend-request-card__time[b-ro08j0mem7] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    margin-top: .22rem;
    color: #94889a;
    font-size: .59rem;
    font-weight: 690;
}

.friend-request-card__time i[b-ro08j0mem7] {
    color: #b8468d;
}

.friend-request-card__actions[b-ro08j0mem7] {
    display: flex;
    align-items: center;
    gap: .45rem;
}

.friend-request-action[b-ro08j0mem7] {
    min-height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .46rem .68rem;
    border-radius: 999px;
    font: inherit;
    font-size: .64rem;
    font-weight: 830;
    cursor: pointer;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        color .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.friend-request-action--accept[b-ro08j0mem7] {
    flex: 1 1 auto;
    border: 0;
    color: #fff;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .2);
}

.friend-request-action--accept:hover:not(:disabled)[b-ro08j0mem7] {
    color: #fff;
    transform: translateY(-1px);
    box-shadow:
        0 14px 28px rgba(124, 58, 237, .24),
        inset 0 1px 0 rgba(255, 255, 255, .2);
}

.friend-request-action--secondary[b-ro08j0mem7] {
    flex: 1 1 auto;
    color: #6d4b7a;
    border: 1px solid rgba(124, 58, 237, .13);
    background: #fff;
    box-shadow: 0 6px 16px rgba(21, 16, 54, .035);
}

.friend-request-action--secondary:hover:not(:disabled)[b-ro08j0mem7] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .22);
    background: #fffafd;
    transform: translateY(-1px);
}

.friend-request-action--cancel[b-ro08j0mem7] {
    flex: 0 1 auto;
    padding-inline: .8rem;
}

.friend-request-action:disabled[b-ro08j0mem7] {
    opacity: .52;
    cursor: not-allowed;
    transform: none;
}

.friend-request-action .spinner-border[b-ro08j0mem7] {
    width: .8rem;
    height: .8rem;
    border-width: .12rem;
}

/* =========================
   Loading / empty
   ========================= */

.friend-requests-loading[b-ro08j0mem7],
.friend-requests-empty[b-ro08j0mem7] {
    min-height: 230px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .3rem;
    margin-top: .9rem;
    padding: 1.5rem;
    border: 1px dashed rgba(124, 58, 237, .15);
    border-radius: 1rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .05), transparent 34%),
        #fff;
}

.friend-requests-loading[b-ro08j0mem7] {
    flex-direction: row;
    gap: .7rem;
    text-align: left;
}

.friend-requests-loading__icon[b-ro08j0mem7],
.friend-requests-empty__icon[b-ro08j0mem7] {
    width: 3.3rem;
    height: 3.3rem;
    flex: 0 0 3.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .45rem;
    border-radius: 1rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .18);
    font-size: 1.15rem;
}

.friend-requests-loading__icon[b-ro08j0mem7] {
    margin-bottom: 0;
}

.friend-requests-loading__icon .spinner-border[b-ro08j0mem7] {
    width: 1.35rem;
    height: 1.35rem;
    border-width: .15rem;
}

.friend-requests-loading strong[b-ro08j0mem7],
.friend-requests-loading span[b-ro08j0mem7] {
    display: block;
}

.friend-requests-loading strong[b-ro08j0mem7],
.friend-requests-empty h3[b-ro08j0mem7] {
    margin: 0;
    color: #3d3046;
    font-size: .82rem;
    font-weight: 860;
}

.friend-requests-loading div > span[b-ro08j0mem7],
.friend-requests-empty p[b-ro08j0mem7] {
    margin: .1rem 0 0;
    color: #8a7e90;
    font-size: .64rem;
    line-height: 1.45;
}

.friend-requests-empty p[b-ro08j0mem7] {
    max-width: 30rem;
}

/* =========================
   Load more
   ========================= */

.friend-requests-load-more[b-ro08j0mem7] {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.friend-requests-load-more__button[b-ro08j0mem7] {
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .52rem .82rem;
    border: 1px solid rgba(124, 58, 237, .13);
    border-radius: 999px;
    color: #6d4b7a;
    background: #fff;
    box-shadow: 0 7px 18px rgba(21, 16, 54, .04);
    font: inherit;
    font-size: .67rem;
    font-weight: 830;
    cursor: pointer;
    transition:
        transform .16s ease,
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.friend-requests-load-more__button:hover:not(:disabled)[b-ro08j0mem7] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .22);
    box-shadow: 0 10px 24px rgba(21, 16, 54, .07);
    transform: translateY(-1px);
}

.friend-requests-load-more__button:disabled[b-ro08j0mem7] {
    opacity: .58;
    cursor: wait;
}

/* =========================
   Focus
   ========================= */

.friend-requests-switcher__tab:focus-visible[b-ro08j0mem7],
.friend-request-action:focus-visible[b-ro08j0mem7],
.friend-requests-load-more__button:focus-visible[b-ro08j0mem7],
.friend-request-card__name:focus-visible[b-ro08j0mem7] {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 3px;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 760px) {
    .friend-requests-page[b-ro08j0mem7] {
        width: min(100% - 1rem, 640px);
        padding-top: .8rem;
    }

    .friend-requests-hero[b-ro08j0mem7] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 1.3rem;
        border-radius: 1.3rem;
    }

    .friend-requests-hero__visual[b-ro08j0mem7] {
        display: none;
    }

    .friend-requests-grid[b-ro08j0mem7] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .friend-requests-panel[b-ro08j0mem7] {
        padding: .8rem;
        border-radius: 1.1rem;
    }

    .friend-requests-switcher[b-ro08j0mem7] {
        grid-template-columns: 1fr;
    }

    .friend-requests-panel__heading[b-ro08j0mem7] {
        align-items: flex-start;
        flex-direction: column;
        gap: .5rem;
    }

    .friend-requests-list-count[b-ro08j0mem7] {
        align-self: flex-start;
    }

    .friend-request-card__actions[b-ro08j0mem7] {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .friend-request-action--cancel[b-ro08j0mem7] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 390px) {
    .friend-requests-hero[b-ro08j0mem7] {
        padding: 1.1rem;
    }

    .friend-requests-hero h1[b-ro08j0mem7] {
        font-size: 2rem;
    }

    .friend-request-card[b-ro08j0mem7] {
        padding: .75rem;
    }

    .friend-request-card__actions[b-ro08j0mem7] {
        grid-template-columns: 1fr;
    }

    .friend-request-action[b-ro08j0mem7] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .friend-requests-switcher__tab[b-ro08j0mem7],
    .friend-request-card[b-ro08j0mem7],
    .friend-request-action[b-ro08j0mem7],
    .friend-requests-load-more__button[b-ro08j0mem7] {
        transition: none;
    }
}
/* /Components/Pages/Gone.razor.rz.scp.css */
.not-found-page[b-kmljmuxax9] {
    width: min(100%, 980px);
    min-height: calc(100dvh - 10rem);
    display: grid;
    place-items: center;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
    color: #2a1e32;
}

.not-found-card[b-kmljmuxax9] {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(18rem, .82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: clamp(1.5rem, 4vw, 3rem);
    padding: clamp(1.4rem, 4vw, 2.5rem);
    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.75rem;
    background:
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .07), transparent 38%),
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .07), transparent 40%),
        linear-gradient(145deg, #ffffff 0%, #fff9fc 58%, #fbf8ff 100%);
    box-shadow:
        0 28px 70px rgba(21, 16, 54, .13),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.not-found-card[b-kmljmuxax9]::before,
.not-found-card[b-kmljmuxax9]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(124, 58, 237, .07);
    border-radius: 50%;
    pointer-events: none;
}

.not-found-card[b-kmljmuxax9]::before {
    top: -8rem;
    right: 24%;
    width: 18rem;
    height: 18rem;
}

.not-found-card[b-kmljmuxax9]::after {
    right: -8rem;
    bottom: -11rem;
    width: 24rem;
    height: 24rem;
    background: rgba(124, 58, 237, .018);
}

.not-found-card__glow[b-kmljmuxax9] {
    position: absolute;
    right: 8%;
    bottom: -1rem;
    width: 45%;
    height: 2.5rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #ff3d8d, #7c3aed);
    filter: blur(42px);
    opacity: .15;
    pointer-events: none;
}

/* =========================
   Illustration
   ========================= */

.not-found-visual[b-kmljmuxax9] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .42), transparent 42%),
        radial-gradient(circle at 100% 10%, rgba(124, 58, 237, .42), transparent 46%),
        linear-gradient(135deg, #071434 0%, #171050 54%, #330735 100%);
    box-shadow:
        0 20px 48px rgba(23, 16, 80, .22),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.not-found-visual[b-kmljmuxax9]::before,
.not-found-visual[b-kmljmuxax9]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
}

.not-found-visual[b-kmljmuxax9]::before {
    top: -4rem;
    right: -3rem;
    width: 12rem;
    height: 12rem;
}

.not-found-visual[b-kmljmuxax9]::after {
    left: -4rem;
    bottom: -5rem;
    width: 14rem;
    height: 14rem;
}

.not-found-visual__code[b-kmljmuxax9] {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, .96);
    font-size: clamp(5.4rem, 12vw, 8.3rem);
    font-weight: 950;
    line-height: .85;
    letter-spacing: -.10em;
    text-shadow: 0 18px 42px rgba(5, 4, 23, .30);
}

.not-found-visual__icon[b-kmljmuxax9] {
    position: absolute;
    z-index: 2;
    width: 4.2rem;
    height: 4.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(255, 61, 141, .28),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-size: 1.45rem;
    transform: translate(2.8rem, 2.7rem) rotate(-8deg);
}

.not-found-visual__profile[b-kmljmuxax9] {
    position: absolute;
    z-index: 2;
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .9rem;
    background: rgba(13, 11, 44, .62);
    box-shadow: 0 13px 26px rgba(5, 4, 23, .18);
    backdrop-filter: blur(12px);
}

.not-found-visual__profile--one[b-kmljmuxax9] {
    top: 2rem;
    right: 1.5rem;
    transform: rotate(6deg);
}

.not-found-visual__profile--two[b-kmljmuxax9] {
    left: 1.4rem;
    bottom: 2rem;
    transform: rotate(-7deg);
}

.not-found-visual__profile i[b-kmljmuxax9] {
    color: #ff8fc1;
}

.not-found-visual__sparkle[b-kmljmuxax9] {
    position: absolute;
    top: 1.6rem;
    left: 1.8rem;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .7rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(255, 61, 141, .24);
    font-size: .75rem;
}

/* =========================
   Content
   ========================= */

.not-found-content[b-kmljmuxax9] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.not-found-eyebrow[b-kmljmuxax9] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin: 0 0 .7rem;
    padding: .38rem .66rem;
    color: #8e3d74;
    border: 1px solid rgba(255, 61, 141, .15);
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .08), rgba(124, 58, 237, .07));
    font-size: .63rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.not-found-eyebrow i[b-kmljmuxax9] {
    color: #7c3aed;
}

.not-found-content h1[b-kmljmuxax9] {
    max-width: 32rem;
    margin: 0;
    color: #21172b;
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    font-weight: 930;
    line-height: 1.01;
    letter-spacing: -.06em;
}

.not-found-lead[b-kmljmuxax9] {
    max-width: 35rem;
    margin: .8rem 0 0;
    color: #74687b;
    font-size: .9rem;
    line-height: 1.58;
}

.not-found-actions[b-kmljmuxax9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.2rem;
}

.not-found-button[b-kmljmuxax9] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .62rem .9rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 870;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background-color .16s ease;
}

.not-found-button--primary[b-kmljmuxax9] {
    color: #ffffff;
    border: 1px solid transparent;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 14px 30px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .21);
}

.not-found-button--secondary[b-kmljmuxax9] {
    color: #694b76;
    border: 1px solid rgba(124, 58, 237, .13);
    background: #ffffff;
    box-shadow:
        0 9px 22px rgba(21, 16, 54, .06),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.not-found-button:hover[b-kmljmuxax9] {
    transform: translateY(-2px);
}

.not-found-button--primary:hover[b-kmljmuxax9] {
    color: #ffffff;
    box-shadow:
        0 18px 38px rgba(124, 58, 237, .30),
        inset 0 1px 0 rgba(255, 255, 255, .21);
}

.not-found-button--secondary:hover[b-kmljmuxax9] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .22);
    background: #fff9fc;
}

.not-found-button:focus-visible[b-kmljmuxax9],
.not-found-links a:focus-visible[b-kmljmuxax9] {
    outline: 4px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
}

.not-found-links[b-kmljmuxax9] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem .65rem;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid rgba(39, 24, 69, .08);
    font-size: .66rem;
}

.not-found-links > span[b-kmljmuxax9] {
    color: #8a7d90;
    font-weight: 720;
}

.not-found-links a[b-kmljmuxax9] {
    color: #8f3f78;
    font-weight: 820;
    text-decoration: none;
}

.not-found-links a:hover[b-kmljmuxax9] {
    color: #b72d72;
    text-decoration: underline;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 760px) {
    .not-found-page[b-kmljmuxax9] {
        min-height: calc(100dvh - 7rem);
        padding: 1rem .75rem 2rem;
    }

    .not-found-card[b-kmljmuxax9] {
        grid-template-columns: 1fr;
        padding: 1.15rem;
        border-radius: 1.35rem;
    }

    .not-found-visual[b-kmljmuxax9] {
        min-height: 13rem;
        order: 2;
    }

    .not-found-content[b-kmljmuxax9] {
        order: 1;
    }

    .not-found-content h1[b-kmljmuxax9] {
        font-size: clamp(2.15rem, 10vw, 3rem);
    }
}

@media (max-width: 520px) {
    .not-found-card[b-kmljmuxax9] {
        gap: 1.15rem;
        padding: 1rem;
        border-radius: 1.15rem;
    }

    .not-found-actions[b-kmljmuxax9] {
        align-items: stretch;
        flex-direction: column;
    }

    .not-found-button[b-kmljmuxax9] {
        width: 100%;
    }

    .not-found-links[b-kmljmuxax9] {
        align-items: stretch;
        flex-direction: column;
        gap: .4rem;
    }

    .not-found-links a[b-kmljmuxax9] {
        width: fit-content;
    }

    .not-found-visual[b-kmljmuxax9] {
        min-height: 11rem;
    }

    .not-found-visual__code[b-kmljmuxax9] {
        font-size: 5rem;
    }

    .not-found-visual__icon[b-kmljmuxax9] {
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 1.1rem;
        transform: translate(2.25rem, 2.2rem) rotate(-8deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .not-found-button[b-kmljmuxax9] {
        transition: none;
    }
}
/* /Components/Pages/Guides/Guides.razor.rz.scp.css */
.guides-page[b-p8qd38wmc1] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 1.25rem 1rem 3rem;
    color: #2a1e32;
}

.guides-page > * + *[b-p8qd38wmc1] { margin-top: 1rem; }

.guides-section-eyebrow[b-p8qd38wmc1] {
    display: block;
    margin-bottom: .14rem;
    color: #9d4d80;
    font-size: .63rem;
    font-weight: 870;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.guides-page h2[b-p8qd38wmc1] {
    margin: 0;
    color: #21172b;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -.035em;
}

.guides-page p[b-p8qd38wmc1] {
    color: #706377;
    font-size: .78rem;
    line-height: 1.56;
}

.guides-hero[b-p8qd38wmc1] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18rem;
    align-items: center;
    gap: 2rem;
    min-height: 26rem;
    padding: 2.2rem;
    color: #fff;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 1.7rem;
    background:
        radial-gradient(circle at 8% 0%, rgba(255,61,141,.50), transparent 35%),
        radial-gradient(circle at 96% 8%, rgba(124,58,237,.50), transparent 39%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow: 0 28px 70px rgba(23,16,80,.24), inset 0 1px 0 rgba(255,255,255,.15);
}

.guides-hero[b-p8qd38wmc1]::before,
.guides-hero[b-p8qd38wmc1]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 50%;
    pointer-events: none;
}

.guides-hero[b-p8qd38wmc1]::before { right: -7rem; bottom: -10rem; width: 23rem; height: 23rem; }
.guides-hero[b-p8qd38wmc1]::after { top: -7rem; right: 20%; width: 18rem; height: 18rem; }

.guides-hero__glow[b-p8qd38wmc1] {
    position: absolute;
    inset: auto 12% -1rem;
    height: 3rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #ff3d8d, #7c3aed);
    filter: blur(40px);
    opacity: .27;
}

.guides-hero__content[b-p8qd38wmc1] { position: relative; z-index: 2; min-width: 0; }

.guides-eyebrow[b-p8qd38wmc1] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin: 0 0 .82rem !important;
    padding: .4rem .7rem;
    color: rgba(255,255,255,.91) !important;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    font-size: .66rem !important;
    font-weight: 860;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.guides-eyebrow i[b-p8qd38wmc1] { color: #ff8fc1; }

.guides-hero h1[b-p8qd38wmc1] {
    max-width: 47rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.45rem, 5.5vw, 4rem);
    font-weight: 930;
    line-height: .99;
    letter-spacing: -.065em;
}

.guides-hero__lead[b-p8qd38wmc1] {
    max-width: 45rem;
    margin: .85rem 0 0;
    color: rgba(255,255,255,.88) !important;
    font-size: 1rem !important;
    font-weight: 740;
    line-height: 1.52 !important;
}

.guides-hero__description[b-p8qd38wmc1] {
    max-width: 45rem;
    margin: .6rem 0 0;
    color: rgba(255,255,255,.70) !important;
    font-size: .82rem !important;
}

.guides-category-nav[b-p8qd38wmc1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: 1.1rem;
}

.guides-category-nav a[b-p8qd38wmc1] {
    min-height: 2.1rem;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .38rem .58rem;
    color: rgba(255,255,255,.82);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 999px;
    background: rgba(255,255,255,.065);
    font-size: .61rem;
    font-weight: 760;
    text-decoration: none;
    transition: transform .16s ease, background-color .16s ease, border-color .16s ease;
}

.guides-category-nav a:hover[b-p8qd38wmc1] {
    color: #fff;
    border-color: rgba(255,255,255,.24);
    background: rgba(255,255,255,.11);
    transform: translateY(-1px);
}

.guides-category-nav i[b-p8qd38wmc1] { color: #ff8fc1; }

.guides-hero__visual[b-p8qd38wmc1] {
    position: relative;
    z-index: 1;
    width: 18rem;
    height: 18rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.guides-hero__book[b-p8qd38wmc1] {
    width: 13.5rem;
    min-height: 12rem;
    padding: 1rem;
    color: #352a3d;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 1.25rem;
    background: rgba(255,255,255,.95);
    box-shadow: 0 26px 54px rgba(5,4,23,.25), 0 0 0 7px rgba(255,255,255,.055);
    transform: rotate(3deg);
}

.guides-hero__book-icon[b-p8qd38wmc1] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .95rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124,58,237,.20);
}

.guides-hero__book small[b-p8qd38wmc1],
.guides-hero__book strong[b-p8qd38wmc1] { display: block; }
.guides-hero__book small[b-p8qd38wmc1] { margin-top: .85rem; color: #9a4b7e; font-size: .54rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.guides-hero__book strong[b-p8qd38wmc1] { margin-top: .1rem; color: #302338; font-size: .84rem; font-weight: 880; }
.guides-hero__book-lines[b-p8qd38wmc1] { display: grid; gap: .4rem; margin-top: 1rem; }
.guides-hero__book-lines span[b-p8qd38wmc1] { height: .55rem; border-radius: 999px; background: #f1e9f3; }
.guides-hero__book-lines span:nth-child(2)[b-p8qd38wmc1] { width: 82%; }
.guides-hero__book-lines span:nth-child(3)[b-p8qd38wmc1] { width: 62%; }

.guides-hero__float[b-p8qd38wmc1] {
    position: absolute;
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    padding: .48rem .62rem;
    color: rgba(255,255,255,.90);
    border: 1px solid rgba(255,255,255,.16);
    border-radius: .82rem;
    background: rgba(13,11,44,.65);
    box-shadow: 0 13px 27px rgba(5,4,23,.18);
    backdrop-filter: blur(14px);
    font-size: .61rem;
    font-weight: 820;
}

.guides-hero__float i[b-p8qd38wmc1] { color: #ff8fc1; }
.guides-hero__float--meet[b-p8qd38wmc1] { top: .9rem; right: -.2rem; transform: rotate(4deg); }
.guides-hero__float--safe[b-p8qd38wmc1] { bottom: 1rem; left: -.4rem; transform: rotate(-4deg); }

.guides-hero__sparkle[b-p8qd38wmc1] {
    position: absolute;
    top: .2rem;
    left: 1rem;
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .8rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 11px 24px rgba(255,61,141,.28);
    font-size: .9rem;
}

.guides-intro[b-p8qd38wmc1] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(124,58,237,.11);
    border-radius: 1.15rem;
    background: radial-gradient(circle at 100% 0%, rgba(124,58,237,.06), transparent 38%), linear-gradient(135deg,#fffafd,#fff);
    box-shadow: 0 14px 34px rgba(21,16,54,.065), inset 0 1px 0 rgba(255,255,255,.90);
}

.guides-intro__icon[b-p8qd38wmc1],
.guides-category__icon[b-p8qd38wmc1] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 1rem;
    background: radial-gradient(circle at 25% 8%, rgba(255,255,255,.30), transparent 34%), linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 11px 24px rgba(124,58,237,.18), inset 0 1px 0 rgba(255,255,255,.20);
}

.guides-intro p[b-p8qd38wmc1] { max-width: 52rem; margin: .45rem 0 0; }

.guides-category[b-p8qd38wmc1] {
    scroll-margin-top: 1rem;
    padding: 1.2rem;
    border: 1px solid rgba(38,24,69,.08);
    border-radius: 1.3rem;
    background: radial-gradient(circle at 100% 0%, rgba(124,58,237,.035), transparent 36%), linear-gradient(180deg,#fff 0%,#fffafd 100%);
    box-shadow: 0 17px 42px rgba(21,16,54,.08), inset 0 1px 0 rgba(255,255,255,.9);
}

.guides-category__header[b-p8qd38wmc1] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: .72rem;
    margin-bottom: .9rem;
}

.guides-category__header p[b-p8qd38wmc1] { max-width: 48rem; margin: .3rem 0 0; color: #827589; font-size: .69rem; }

.guides-grid[b-p8qd38wmc1] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .58rem; }

.guide-card[b-p8qd38wmc1] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .62rem;
    padding: .78rem;
    color: inherit;
    border: 1px solid rgba(124,58,237,.09);
    border-radius: .95rem;
    background: radial-gradient(circle at 100% 0%, rgba(124,58,237,.035), transparent 42%), #fff;
    text-decoration: none;
    transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}

.guide-card:hover[b-p8qd38wmc1] {
    color: inherit;
    border-color: rgba(255,61,141,.20);
    box-shadow: 0 12px 26px rgba(124,58,237,.09);
    transform: translateY(-2px);
}

.guide-card--featured[b-p8qd38wmc1] {
    border-color: rgba(255,61,141,.13);
    background: radial-gradient(circle at 0% 100%, rgba(255,61,141,.055), transparent 42%), radial-gradient(circle at 100% 0%, rgba(124,58,237,.045), transparent 42%), #fff;
}

.guide-card__icon[b-p8qd38wmc1] {
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .85rem;
    background: radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%), linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 9px 20px rgba(124,58,237,.16);
}

.guide-card__body[b-p8qd38wmc1] { min-width: 0; }
.guide-card__label[b-p8qd38wmc1] { display: block; margin-bottom: .1rem; color: #a14b81; font-size: .52rem; font-weight: 880; letter-spacing: .07em; text-transform: uppercase; }
.guide-card h3[b-p8qd38wmc1] { margin: 0; color: #35283e; font-size: .75rem; font-weight: 870; line-height: 1.3; }
.guide-card p[b-p8qd38wmc1] { margin: .2rem 0 0; color: #817487; font-size: .62rem; line-height: 1.42; }
.guide-card__arrow[b-p8qd38wmc1] { color: #c54b86; font-size: .72rem; transition: transform .16s ease; }
.guide-card:hover .guide-card__arrow[b-p8qd38wmc1] { transform: translateX(3px); }

.guide-card:focus-visible[b-p8qd38wmc1],
.guides-category-nav a:focus-visible[b-p8qd38wmc1],
.guides-button:focus-visible[b-p8qd38wmc1] { outline: 4px solid rgba(255,61,141,.18); outline-offset: 2px; }

.guides-final-cta[b-p8qd38wmc1] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .9rem;
    padding: 1.2rem;
    color: #fff;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 1.3rem;
    background: radial-gradient(circle at 8% 0%, rgba(255,61,141,.45), transparent 36%), radial-gradient(circle at 100% 0%, rgba(124,58,237,.45), transparent 40%), linear-gradient(135deg,#071434 0%,#171050 54%,#330735 100%);
    box-shadow: 0 22px 54px rgba(23,16,80,.20), inset 0 1px 0 rgba(255,255,255,.15);
}

.guides-final-cta__icon[b-p8qd38wmc1] {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 1.1rem;
    background: radial-gradient(circle at 25% 8%, rgba(255,255,255,.30), transparent 34%), linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 13px 28px rgba(255,61,141,.24), inset 0 1px 0 rgba(255,255,255,.20);
    font-size: 1.15rem;
}

.guides-final-cta .guides-section-eyebrow[b-p8qd38wmc1] { color: #ff8fc1; }
.guides-final-cta h2[b-p8qd38wmc1] { color: #fff; }
.guides-final-cta p[b-p8qd38wmc1] { max-width: 42rem; margin: .4rem 0 0; color: rgba(255,255,255,.72); }
.guides-final-cta__actions[b-p8qd38wmc1] { display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }

.guides-button[b-p8qd38wmc1] {
    min-height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    padding: .55rem .75rem;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    transition: transform .16s ease, box-shadow .16s ease, background-color .16s ease, border-color .16s ease;
}

.guides-button--primary[b-p8qd38wmc1] {
    color: #fff;
    border: 1px solid transparent;
    background: radial-gradient(circle at 22% 0%, rgba(255,255,255,.28), transparent 35%), linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 12px 26px rgba(124,58,237,.25), inset 0 1px 0 rgba(255,255,255,.21);
}

.guides-button--secondary[b-p8qd38wmc1] {
    color: rgba(255,255,255,.86);
    border: 1px solid rgba(255,255,255,.17);
    background: rgba(255,255,255,.08);
}

.guides-button:hover[b-p8qd38wmc1] { color: #fff; transform: translateY(-1px); }

@media (max-width: 900px) {
    .guides-hero[b-p8qd38wmc1] { grid-template-columns: minmax(0,1fr) 15rem; }
    .guides-hero__visual[b-p8qd38wmc1] { width: 15rem; height: 15rem; }
    .guides-hero__book[b-p8qd38wmc1] { width: 12rem; }
    .guides-final-cta[b-p8qd38wmc1] { grid-template-columns: auto minmax(0,1fr); }
    .guides-final-cta__actions[b-p8qd38wmc1] { grid-column: 1 / -1; justify-content: flex-end; }
}

@media (max-width: 720px) {
    .guides-page[b-p8qd38wmc1] { width: 100%; padding: 1rem .75rem 2rem; }
    .guides-hero[b-p8qd38wmc1] { grid-template-columns: 1fr; min-height: 0; padding: 1.45rem; border-radius: 1.35rem; }
    .guides-hero__visual[b-p8qd38wmc1] { display: none; }
    .guides-grid[b-p8qd38wmc1] { grid-template-columns: 1fr; }
    .guides-category-nav[b-p8qd38wmc1] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
    .guides-category-nav a[b-p8qd38wmc1] { justify-content: center; text-align: center; }
}

@media (max-width: 520px) {
    .guides-hero h1[b-p8qd38wmc1] { font-size: 2.3rem; }
    .guides-intro[b-p8qd38wmc1],
    .guides-category[b-p8qd38wmc1],
    .guides-final-cta[b-p8qd38wmc1] { padding: .95rem; border-radius: 1.1rem; }
    .guides-intro[b-p8qd38wmc1],
    .guides-category__header[b-p8qd38wmc1],
    .guides-final-cta[b-p8qd38wmc1] { grid-template-columns: 1fr; }
    .guides-intro__icon[b-p8qd38wmc1],
    .guides-category__icon[b-p8qd38wmc1],
    .guides-final-cta__icon[b-p8qd38wmc1] { width: 2.7rem; height: 2.7rem; }
    .guides-category-nav[b-p8qd38wmc1] { grid-template-columns: 1fr; }
    .guide-card[b-p8qd38wmc1] { grid-template-columns: auto minmax(0,1fr); }
    .guide-card__arrow[b-p8qd38wmc1] { display: none; }
    .guides-final-cta__actions[b-p8qd38wmc1] { grid-column: auto; align-items: stretch; flex-direction: column; }
    .guides-button[b-p8qd38wmc1] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .guide-card[b-p8qd38wmc1],
    .guide-card__arrow[b-p8qd38wmc1],
    .guides-category-nav a[b-p8qd38wmc1],
    .guides-button[b-p8qd38wmc1] { transition: none; }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.feed-page[b-sxv9d8rkj0] {
    width: min(100%, 680px);
    padding: 1.8rem 1rem 3rem;
}

.feed-hero[b-sxv9d8rkj0] {
    position: relative;
    overflow: hidden;
    border-radius: 1.6rem;
    padding: 1.35rem 1.45rem;
    margin-bottom: 1.35rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 61, 141, .48), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(124, 58, 237, .44), transparent 36%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 20px 55px rgba(23, 16, 80, .22),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.feed-hero[b-sxv9d8rkj0]::after {
    content: "";
    position: absolute;
    width: 12rem;
    height: 12rem;
    right: -5rem;
    bottom: -6rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    pointer-events: none;
}

.feed-eyebrow[b-sxv9d8rkj0] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .35rem .65rem;
    margin-bottom: .65rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .02em;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
}

.feed-title[b-sxv9d8rkj0] {
    margin: 0;
    font-size: clamp(1.75rem, 4vw, 2.45rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.04em;
}

.feed-subtitle[b-sxv9d8rkj0] {
    max-width: 34rem;
    margin: .65rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .95rem;
    line-height: 1.5;
}

.feed-card[b-sxv9d8rkj0] {
    overflow: hidden;
    margin-bottom: 1.35rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        0 1px 0 rgba(255, 255, 255, .9) inset;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.feed-card:hover[b-sxv9d8rkj0] {
    transform: translateY(-2px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 24px 60px rgba(21, 16, 54, .14),
        0 1px 0 rgba(255, 255, 255, .9) inset;
}

.feed-card__header[b-sxv9d8rkj0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .95rem 1rem;
    border-bottom: 1px solid rgba(38, 24, 69, .08);
    background: rgba(255, 255, 255, .76);
    backdrop-filter: blur(12px);
}

.feed-card__time[b-sxv9d8rkj0] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .58rem;
    border-radius: 999px;
    color: #6b6174;
    font-size: .78rem;
    font-weight: 650;
    background: #f6f1f7;
    border: 1px solid rgba(38, 24, 69, .07);
}

.feed-card__time i[b-sxv9d8rkj0] {
    color: #a855f7;
    font-size: .78rem;
}

.feed-card__album[b-sxv9d8rkj0] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    max-width: calc(100% - 2rem);
    margin: .85rem 1rem .75rem;
    padding: .42rem .72rem;
    border-radius: 999px;
    color: #65546f;
    font-size: .84rem;
    font-weight: 650;
    text-decoration: none;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .08), rgba(124, 58, 237, .08));
    border: 1px solid rgba(124, 58, 237, .11);
}

.feed-card__album:hover[b-sxv9d8rkj0],
.feed-card__album:visited[b-sxv9d8rkj0],
.feed-card__album:active[b-sxv9d8rkj0] {
    color: #65546f;
    text-decoration: none;
}

.feed-card__album:focus-visible[b-sxv9d8rkj0] {
    outline: 3px solid rgba(255, 61, 141, .22);
    outline-offset: 2px;
}

.feed-card__album span[b-sxv9d8rkj0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.feed-card__album i[b-sxv9d8rkj0] {
    color: #ff3d8d;
}

.feed-media[b-sxv9d8rkj0] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    cursor: pointer;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .14), transparent 32%),
        linear-gradient(135deg, #090817, #151026);
}

.feed-media[b-sxv9d8rkj0]::after {
    content: "Open";
    position: absolute;
    right: .85rem;
    bottom: .85rem;
    padding: .38rem .62rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .92);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .01em;
    background: rgba(15, 13, 30, .58);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(12px);
    opacity: 0;
    transform: translateY(6px);
    transition:
        opacity .18s ease,
        transform .18s ease;
}

.feed-media:hover[b-sxv9d8rkj0]::after {
    opacity: 1;
    transform: translateY(0);
}

.feed-media__content[b-sxv9d8rkj0] {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(72vh, 600px);
    object-fit: contain;
}

.feed-media__content--video[b-sxv9d8rkj0] {
    width: 100%;
    background: #000;
}

.feed-media__placeholder[b-sxv9d8rkj0] {
    min-height: 300px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    color: rgba(255, 255, 255, .82);
    text-align: center;
    padding: 2rem;
}

.feed-media__placeholder--video[b-sxv9d8rkj0] {
    background:
        radial-gradient(circle at 50% 20%, rgba(124, 58, 237, .22), transparent 35%),
        linear-gradient(135deg, #0d0b18, #19122b);
}

.feed-media__placeholder-icon[b-sxv9d8rkj0] {
    width: 3.6rem;
    height: 3.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .35rem;
    border-radius: 1.2rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 32px rgba(255, 61, 141, .28);
}

.feed-media__placeholder-icon i[b-sxv9d8rkj0] {
    font-size: 1.65rem;
}

.feed-media__placeholder small[b-sxv9d8rkj0] {
    color: rgba(255, 255, 255, .58);
}

.feed-card__body[b-sxv9d8rkj0] {
    padding: .9rem 1rem 1rem;
}

.feed-actions[b-sxv9d8rkj0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin-bottom: .7rem;
}

.feed-actions__reactions[b-sxv9d8rkj0] {
    min-width: 0;
}

.feed-actions__right[b-sxv9d8rkj0] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex: 0 0 auto;
}

.feed-icon-button[b-sxv9d8rkj0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 2rem;
    padding: .28rem .62rem;
    border-radius: 999px;
    border: 1px solid rgba(38, 24, 69, .13);
    color: #65546f;
    font-size: .86rem;
    font-weight: 700;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(21, 16, 54, .06);
    transition:
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.feed-icon-button:hover[b-sxv9d8rkj0] {
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .25);
    background: #fff5fa;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(255, 61, 141, .12);
}

.feed-description[b-sxv9d8rkj0] {
    margin: 0;
    color: #2d2633;
    font-size: .96rem;
    line-height: 1.45;
}

.feed-load-more[b-sxv9d8rkj0] {
    display: flex;
    justify-content: center;
    margin: 1.6rem 0 .5rem;
}

.feed-load-more__button[b-sxv9d8rkj0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.75rem;
    padding: .6rem 1.15rem;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    font-weight: 800;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(124, 58, 237, .24);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        opacity .18s ease;
}

.feed-load-more__button:hover:not(:disabled)[b-sxv9d8rkj0] {
    transform: translateY(-2px);
    box-shadow: 0 20px 44px rgba(124, 58, 237, .30);
}

.feed-load-more__button:disabled[b-sxv9d8rkj0] {
    opacity: .65;
    cursor: not-allowed;
}

.feed-loading[b-sxv9d8rkj0],
.feed-empty[b-sxv9d8rkj0] {
    border-radius: 1.35rem;
    padding: 2.5rem 1.4rem;
    text-align: center;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.feed-loading[b-sxv9d8rkj0] {
    color: #65546f;
}

.feed-loading__orb[b-sxv9d8rkj0],
.feed-empty__icon[b-sxv9d8rkj0] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.35rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(255, 61, 141, .22);
}

.feed-loading__orb .spinner-border[b-sxv9d8rkj0] {
    width: 1.7rem;
    height: 1.7rem;
}

.feed-empty__icon i[b-sxv9d8rkj0] {
    font-size: 1.8rem;
}

.feed-empty h2[b-sxv9d8rkj0] {
    margin: 0 0 .45rem;
    color: #20172b;
    font-size: 1.25rem;
    font-weight: 850;
}

.feed-empty p[b-sxv9d8rkj0] {
    max-width: 26rem;
    margin: 0 auto;
    color: #74687e;
}

/* Amélioration légère des composants enfants sans modifier leur code */
.feed-actions__reactions[b-sxv9d8rkj0]  .btn,
.feed-actions__dedication[b-sxv9d8rkj0]  .btn {
    border-radius: 999px;
}


/* =========================
   AI-generated content badge
   ========================= */

.feed-card__header-meta[b-sxv9d8rkj0] {
    min-width: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
}

.ai-generated-badge[b-sxv9d8rkj0] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .28rem .56rem .28rem .3rem;
    color: #71358a;
    border: 1px solid rgba(168, 85, 247, .18);
    border-radius: 999px;
    background:
        linear-gradient(
            135deg,
            rgba(217, 70, 239, .09),
            rgba(124, 58, 237, .08));
    box-shadow:
        0 7px 18px rgba(124, 58, 237, .08),
        inset 0 1px 0 rgba(255, 255, 255, .8);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .01em;
    white-space: nowrap;
}

.ai-generated-badge__icon[b-sxv9d8rkj0] {
    width: 1.4rem;
    height: 1.4rem;
    flex: 0 0 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .5rem;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .34), transparent 36%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 6px 14px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .24);
    font-size: .7rem;
}

@media (max-width: 640px) {
    .feed-page[b-sxv9d8rkj0] {
        padding: 1rem .75rem 2rem;
    }

    .feed-hero[b-sxv9d8rkj0] {
        border-radius: 1.25rem;
        padding: 1.15rem;
    }

    .feed-card[b-sxv9d8rkj0] {
        border-radius: 1.15rem;
        margin-bottom: 1rem;
    }

    .feed-card__header[b-sxv9d8rkj0] {
        padding: .85rem;
    }

    .feed-card__header-meta[b-sxv9d8rkj0] {
        max-width: 55%;
    }

    .feed-card__album[b-sxv9d8rkj0] {
        margin: .75rem .85rem .65rem;
    }

    .feed-media[b-sxv9d8rkj0] {
        min-height: 220px;
    }

    .feed-media[b-sxv9d8rkj0]::after {
        display: none;
    }

    .feed-card__body[b-sxv9d8rkj0] {
        padding: .85rem;
    }

    .feed-actions[b-sxv9d8rkj0] {
        align-items: flex-start;
        flex-direction: column;
        gap: .65rem;
    }

    .feed-actions__right[b-sxv9d8rkj0] {
        width: 100%;
        justify-content: space-between;
    }
}


@media (max-width: 430px) {
    .ai-generated-badge[b-sxv9d8rkj0] {
        padding-right: .3rem;
    }

    .ai-generated-badge__label[b-sxv9d8rkj0] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}

/* =========================================================
   Public home page
   The authenticated feed styles above remain unchanged.
   ========================================================= */

.home-public[b-sxv9d8rkj0] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    color: #2a1e32;
}

.home-public > * + *[b-sxv9d8rkj0] {
    margin-top: 1rem;
}

/* =========================
   Shared elements
   ========================= */

.home-public-section-eyebrow[b-sxv9d8rkj0] {
    display: block;
    margin-bottom: .15rem;
    color: #9d4d80;
    font-size: .63rem;
    font-weight: 870;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.home-public-section-heading[b-sxv9d8rkj0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    margin-bottom: .9rem;
}

.home-public-section-heading__icon[b-sxv9d8rkj0],
.home-public-card__icon[b-sxv9d8rkj0],
.home-public-trust-card__icon[b-sxv9d8rkj0] {
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 11px 24px rgba(124, 58, 237, .19),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.home-public h2[b-sxv9d8rkj0] {
    margin: 0;
    color: #21172b;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -.035em;
}

.home-public p[b-sxv9d8rkj0] {
    color: #6f6276;
    font-size: .79rem;
    line-height: 1.58;
}

.home-public-button[b-sxv9d8rkj0] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .62rem .9rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 870;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background-color .16s ease;
}

.home-public-button--primary[b-sxv9d8rkj0] {
    color: #ffffff;
    border: 1px solid transparent;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 14px 30px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .21);
}

.home-public-button--secondary[b-sxv9d8rkj0] {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .09);
}

.home-public-button:hover[b-sxv9d8rkj0] {
    transform: translateY(-2px);
}

.home-public-button--primary:hover[b-sxv9d8rkj0] {
    color: #ffffff;
    box-shadow:
        0 18px 38px rgba(124, 58, 237, .30),
        inset 0 1px 0 rgba(255, 255, 255, .21);
}

.home-public-button--secondary:hover[b-sxv9d8rkj0] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, .30);
    background: rgba(255, 255, 255, .14);
}

.home-public-button:focus-visible[b-sxv9d8rkj0],
.home-public-text-link:focus-visible[b-sxv9d8rkj0],
.home-public-policy-links a:focus-visible[b-sxv9d8rkj0] {
    outline: 4px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
}

.home-public-actions[b-sxv9d8rkj0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.25rem;
}

.home-public-text-link[b-sxv9d8rkj0] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-top: .9rem;
    color: #b72d72;
    font-size: .72rem;
    font-weight: 850;
    text-decoration: none;
}

.home-public-text-link i[b-sxv9d8rkj0] {
    transition: transform .16s ease;
}

.home-public-text-link:hover[b-sxv9d8rkj0] {
    color: #97215d;
    text-decoration: underline;
}

.home-public-text-link:hover i[b-sxv9d8rkj0] {
    transform: translateX(3px);
}

/* =========================
   Hero
   ========================= */

.home-public-hero[b-sxv9d8rkj0] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 20rem;
    align-items: center;
    gap: 2.2rem;
    min-height: 29rem;
    padding: 2.4rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.85rem;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .50), transparent 35%),
        radial-gradient(circle at 96% 8%, rgba(124, 58, 237, .50), transparent 39%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 30px 76px rgba(23, 16, 80, .26),
        inset 0 1px 0 rgba(255, 255, 255, .15);
}

.home-public-hero[b-sxv9d8rkj0]::before,
.home-public-hero[b-sxv9d8rkj0]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 50%;
    pointer-events: none;
}

.home-public-hero[b-sxv9d8rkj0]::before {
    right: -8rem;
    bottom: -11rem;
    width: 25rem;
    height: 25rem;
    background: rgba(255, 255, 255, .035);
}

.home-public-hero[b-sxv9d8rkj0]::after {
    top: -8rem;
    right: 19%;
    width: 19rem;
    height: 19rem;
}

.home-public-hero__glow[b-sxv9d8rkj0] {
    position: absolute;
    inset: auto 12% -1rem;
    height: 3rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #ff3d8d, #7c3aed);
    filter: blur(42px);
    opacity: .28;
    pointer-events: none;
}

.home-public-hero__content[b-sxv9d8rkj0] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.home-public-eyebrow[b-sxv9d8rkj0] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin: 0 0 .85rem !important;
    padding: .4rem .72rem;
    color: rgba(255, 255, 255, .91) !important;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .68rem !important;
    font-weight: 860;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.home-public-eyebrow i[b-sxv9d8rkj0] {
    color: #ff8fc1;
}

.home-public-hero h1[b-sxv9d8rkj0] {
    max-width: 48rem;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.35rem, 5vw, 3.8rem);
    font-weight: 930;
    line-height: 1.01;
    letter-spacing: -.06em;
}

.home-public-hero__lead[b-sxv9d8rkj0] {
    max-width: 48rem;
    margin: .9rem 0 0;
    color: rgba(255, 255, 255, .87) !important;
    font-size: 1.02rem !important;
    line-height: 1.55 !important;
}

.home-public-hero__description[b-sxv9d8rkj0] {
    max-width: 48rem;
    margin: .7rem 0 0;
    color: rgba(255, 255, 255, .71) !important;
    font-size: .84rem !important;
}

.home-public-hero__safety[b-sxv9d8rkj0] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin: 1rem 0 0;
    padding: .38rem .58rem;
    color: rgba(255, 255, 255, .77) !important;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 999px;
    background: rgba(255, 255, 255, .065);
    font-size: .64rem !important;
    font-weight: 750;
}

.home-public-hero__safety i[b-sxv9d8rkj0] {
    color: #ff8fc1;
}

.home-public-hero__visual[b-sxv9d8rkj0] {
    position: relative;
    z-index: 1;
    width: 20rem;
    height: 20rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-public-directory-preview[b-sxv9d8rkj0] {
    width: 15.5rem;
    padding: .85rem;
    color: #352a3d;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 1.35rem;
    background: rgba(255, 255, 255, .94);
    box-shadow:
        0 28px 58px rgba(5, 4, 23, .25),
        0 0 0 7px rgba(255, 255, 255, .055);
    transform: rotate(3deg);
}

.home-public-directory-preview__top[b-sxv9d8rkj0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
}

.home-public-directory-preview__top > span[b-sxv9d8rkj0] {
    width: 2.65rem;
    height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .9rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .20);
}

.home-public-directory-preview__top small[b-sxv9d8rkj0],
.home-public-directory-preview__top strong[b-sxv9d8rkj0] {
    display: block;
}

.home-public-directory-preview__top small[b-sxv9d8rkj0] {
    color: #9a4b7e;
    font-size: .55rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.home-public-directory-preview__top strong[b-sxv9d8rkj0] {
    margin-top: .08rem;
    color: #302338;
    font-size: .78rem;
    font-weight: 880;
}

.home-public-directory-preview__search[b-sxv9d8rkj0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .35rem;
    margin-top: .7rem;
    padding: .55rem .6rem;
    color: #776a7d;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: .75rem;
    background: #f8f3f9;
    font-size: .58rem;
    font-weight: 730;
}

.home-public-directory-preview__search i[b-sxv9d8rkj0] {
    color: #c03981;
}

.home-public-directory-preview__profiles[b-sxv9d8rkj0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .45rem;
    margin-top: .7rem;
}

.home-public-directory-preview__profile[b-sxv9d8rkj0] {
    aspect-ratio: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: .85rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124, 58, 237, .15),
        0 0 0 1px rgba(124, 58, 237, .07);
}

.home-public-directory-preview__profile:nth-child(2)[b-sxv9d8rkj0] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #7c3aed, #3b82f6);
}

.home-public-directory-preview__profile:nth-child(3)[b-sxv9d8rkj0] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #d946ef);
}

.home-public-directory-preview__footer[b-sxv9d8rkj0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .4rem;
    margin-top: .68rem;
    padding-top: .65rem;
    border-top: 1px solid rgba(39, 24, 69, .075);
}

.home-public-directory-preview__footer span[b-sxv9d8rkj0] {
    display: inline-flex;
    align-items: center;
    gap: .24rem;
    color: #7b6f80;
    font-size: .52rem;
    font-weight: 780;
}

.home-public-directory-preview__footer i[b-sxv9d8rkj0] {
    color: #c32f7a;
}

.home-public-hero__float[b-sxv9d8rkj0] {
    position: absolute;
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .5rem .65rem;
    color: rgba(255, 255, 255, .90);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .85rem;
    background: rgba(13, 11, 44, .58);
    box-shadow: 0 14px 28px rgba(5, 4, 23, .18);
    backdrop-filter: blur(14px);
    font-size: .64rem;
    font-weight: 820;
}

.home-public-hero__float i[b-sxv9d8rkj0] {
    color: #ff8fc1;
}

.home-public-hero__float--nearby[b-sxv9d8rkj0] {
    top: 1rem;
    right: -.3rem;
    transform: rotate(4deg);
}

.home-public-hero__float--private[b-sxv9d8rkj0] {
    bottom: 1rem;
    left: -.4rem;
    transform: rotate(-4deg);
}

.home-public-hero__sparkle[b-sxv9d8rkj0] {
    position: absolute;
    top: .2rem;
    left: 1.25rem;
    width: 2.7rem;
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .9rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(255, 61, 141, .28);
    font-size: 1.05rem;
}

/* =========================
   Directory feature
   ========================= */

.home-public-feature[b-sxv9d8rkj0] {
    min-width: 0;
    display: grid;
    grid-template-columns: 21rem minmax(0, 1fr);
    align-items: center;
    gap: 1.4rem;
    padding: 1.3rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .06), transparent 36%),
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 36%),
        linear-gradient(135deg, #fffafd, #fbf8ff);
    box-shadow:
        0 20px 50px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.home-public-feature__visual[b-sxv9d8rkj0] {
    position: relative;
    overflow: hidden;
    min-height: 17rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .36), transparent 42%),
        radial-gradient(circle at 100% 10%, rgba(124, 58, 237, .40), transparent 46%),
        linear-gradient(135deg, #071434 0%, #171050 54%, #330735 100%);
}

.home-public-feature__visual[b-sxv9d8rkj0]::before,
.home-public-feature__visual[b-sxv9d8rkj0]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 50%;
}

.home-public-feature__visual[b-sxv9d8rkj0]::before {
    width: 12rem;
    height: 12rem;
    right: -5rem;
    bottom: -5rem;
}

.home-public-feature__visual[b-sxv9d8rkj0]::after {
    width: 7rem;
    height: 7rem;
    left: -2.5rem;
    top: -2rem;
}

.home-public-feature__main-icon[b-sxv9d8rkj0] {
    position: relative;
    z-index: 1;
    width: 5.5rem;
    height: 5.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 1.65rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .31), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 20px 42px rgba(255, 61, 141, .28),
        0 0 0 6px rgba(255, 255, 255, .055);
    font-size: 2.1rem;
}

.home-public-feature__chip[b-sxv9d8rkj0] {
    position: absolute;
    z-index: 1;
    min-height: 2.2rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .62rem;
    color: rgba(255, 255, 255, .88);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: .8rem;
    background: rgba(13, 11, 44, .58);
    box-shadow: 0 12px 24px rgba(5, 4, 23, .15);
    backdrop-filter: blur(13px);
    font-size: .64rem;
    font-weight: 800;
}

.home-public-feature__chip i[b-sxv9d8rkj0] {
    color: #ff8fc1;
}

.home-public-feature__chip--location[b-sxv9d8rkj0] {
    top: 1.5rem;
    right: 1.2rem;
}

.home-public-feature__chip--profile[b-sxv9d8rkj0] {
    left: 1.1rem;
    bottom: 1.5rem;
}

.home-public-feature__chip--interests[b-sxv9d8rkj0] {
    right: 1.1rem;
    bottom: 2.7rem;
}

.home-public-feature__content p[b-sxv9d8rkj0] {
    margin: .7rem 0 0;
}

/* =========================
   Main cards
   ========================= */

.home-public-card-grid[b-sxv9d8rkj0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.home-public-card[b-sxv9d8rkj0] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 1.2rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .04), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.home-public-card--free[b-sxv9d8rkj0] {
    background:
        radial-gradient(circle at 100% 0%, rgba(33, 184, 107, .07), transparent 38%),
        linear-gradient(180deg, #ffffff, #f9fffb);
}

.home-public-card--free .home-public-card__icon[b-sxv9d8rkj0] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #21b86b, #10b981);
    box-shadow:
        0 11px 24px rgba(16, 185, 129, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.home-public-card__header[b-sxv9d8rkj0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    margin-bottom: .85rem;
}

.home-public-card p[b-sxv9d8rkj0] {
    margin: .68rem 0 0;
}

.home-public-card .home-public-text-link[b-sxv9d8rkj0] {
    margin-top: auto;
    padding-top: .95rem;
}

.home-public-card__callout[b-sxv9d8rkj0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .42rem;
    margin-top: .85rem;
    padding: .65rem .7rem;
    color: #307154;
    border: 1px solid rgba(33, 184, 107, .13);
    border-radius: .85rem;
    background: rgba(33, 184, 107, .07);
    font-size: .67rem;
    font-weight: 780;
    line-height: 1.4;
}

.home-public-card__callout i[b-sxv9d8rkj0] {
    color: #18a866;
}

.home-public-mini-features[b-sxv9d8rkj0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem;
    margin-top: .85rem;
}

.home-public-mini-features span[b-sxv9d8rkj0] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .36rem .55rem;
    color: #6d4d78;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 999px;
    background: #ffffff;
    font-size: .63rem;
    font-weight: 780;
}

.home-public-mini-features i[b-sxv9d8rkj0] {
    color: #ff3d8d;
}

/* =========================
   Steps
   ========================= */

.home-public-steps[b-sxv9d8rkj0],
.home-public-faq[b-sxv9d8rkj0] {
    padding: 1.2rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.home-public-steps ol[b-sxv9d8rkj0] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .6rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.home-public-steps li[b-sxv9d8rkj0] {
    position: relative;
    min-width: 0;
    padding: .75rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 42%),
        #ffffff;
}

.home-public-step__number[b-sxv9d8rkj0] {
    position: absolute;
    top: .55rem;
    right: .6rem;
    color: rgba(124, 58, 237, .18);
    font-size: 1.65rem;
    font-weight: 930;
    line-height: 1;
}

.home-public-step__icon[b-sxv9d8rkj0] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .8rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .17);
}

.home-public-steps li p[b-sxv9d8rkj0] {
    margin: .55rem 0 0;
    color: #74687a;
    font-size: .64rem;
    line-height: 1.48;
}

/* =========================
   Trust and community
   ========================= */

.home-public-trust-grid[b-sxv9d8rkj0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.home-public-trust-card[b-sxv9d8rkj0] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .75rem;
    padding: 1.15rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 38%),
        linear-gradient(180deg, #ffffff, #fffafd);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .085),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.home-public-trust-card > div[b-sxv9d8rkj0] {
    min-width: 0;
}

.home-public-trust-card p[b-sxv9d8rkj0] {
    margin: .68rem 0 0;
}

.home-public-policy-links[b-sxv9d8rkj0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .38rem;
    margin-top: .85rem;
}

.home-public-policy-links a[b-sxv9d8rkj0] {
    min-height: 1.9rem;
    display: inline-flex;
    align-items: center;
    padding: .34rem .52rem;
    color: #7a4d83;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 999px;
    background: #ffffff;
    font-size: .61rem;
    font-weight: 780;
    text-decoration: none;
}

.home-public-policy-links a:hover[b-sxv9d8rkj0] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .20);
    background: #fff9fc;
}

/* =========================
   FAQ
   ========================= */

.home-public-faq__list[b-sxv9d8rkj0] {
    display: grid;
    gap: .5rem;
}

.home-public-faq details[b-sxv9d8rkj0] {
    overflow: hidden;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: .95rem;
    background: #ffffff;
}

.home-public-faq summary[b-sxv9d8rkj0] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .75rem .8rem;
    cursor: pointer;
    list-style: none;
}

.home-public-faq summary[b-sxv9d8rkj0]::-webkit-details-marker {
    display: none;
}

.home-public-faq h3[b-sxv9d8rkj0] {
    margin: 0;
    color: #392b42;
    font-size: .76rem;
    font-weight: 870;
    line-height: 1.35;
}

.home-public-faq summary > i[b-sxv9d8rkj0] {
    color: #9d91a3;
    font-size: .7rem;
    transition: transform .18s ease;
}

.home-public-faq details[open] summary > i[b-sxv9d8rkj0] {
    transform: rotate(180deg);
}

.home-public-faq details > p[b-sxv9d8rkj0] {
    margin: 0;
    padding: 0 .8rem .8rem;
    border-top: 1px solid rgba(39, 24, 69, .065);
    color: #786c7e;
    font-size: .7rem;
    line-height: 1.5;
}

.home-public-faq details[open] > p[b-sxv9d8rkj0] {
    padding-top: .7rem;
}

/* =========================
   Final CTA
   ========================= */

.home-public-final-cta[b-sxv9d8rkj0] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    padding: 1.45rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .45), transparent 36%),
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .45), transparent 40%),
        linear-gradient(135deg, #071434 0%, #171050 54%, #330735 100%);
    box-shadow:
        0 24px 60px rgba(23, 16, 80, .22),
        inset 0 1px 0 rgba(255, 255, 255, .15);
}

.home-public-final-cta__glow[b-sxv9d8rkj0] {
    position: absolute;
    right: -4rem;
    bottom: -5rem;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .055);
}

.home-public-final-cta__icon[b-sxv9d8rkj0] {
    position: relative;
    z-index: 1;
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 15px 32px rgba(255, 61, 141, .25),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-size: 1.35rem;
}

.home-public-final-cta__content[b-sxv9d8rkj0] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.home-public-final-cta .home-public-section-eyebrow[b-sxv9d8rkj0] {
    color: #ff8fc1;
}

.home-public-final-cta h2[b-sxv9d8rkj0] {
    color: #ffffff;
}

.home-public-final-cta p[b-sxv9d8rkj0] {
    max-width: 50rem;
    margin: .6rem 0 0;
    color: rgba(255, 255, 255, .72);
}

.home-public-button--on-dark[b-sxv9d8rkj0] {
    color: #ffffff;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 980px) {
    .home-public-hero[b-sxv9d8rkj0] {
        grid-template-columns: minmax(0, 1fr) 16rem;
    }

    .home-public-hero__visual[b-sxv9d8rkj0] {
        width: 16rem;
        height: 16rem;
    }

    .home-public-directory-preview[b-sxv9d8rkj0] {
        width: 13rem;
    }

    .home-public-feature[b-sxv9d8rkj0] {
        grid-template-columns: 17rem minmax(0, 1fr);
    }

    .home-public-steps ol[b-sxv9d8rkj0] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .home-public[b-sxv9d8rkj0] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .home-public-hero[b-sxv9d8rkj0] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 1.45rem;
        border-radius: 1.35rem;
    }

    .home-public-hero__visual[b-sxv9d8rkj0] {
        display: none;
    }

    .home-public-feature[b-sxv9d8rkj0] {
        grid-template-columns: 1fr;
    }

    .home-public-feature__visual[b-sxv9d8rkj0] {
        min-height: 13rem;
    }

    .home-public-card-grid[b-sxv9d8rkj0],
    .home-public-trust-grid[b-sxv9d8rkj0] {
        grid-template-columns: 1fr;
    }

    .home-public-steps ol[b-sxv9d8rkj0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 540px) {
    .home-public-hero h1[b-sxv9d8rkj0] {
        font-size: 2.35rem;
    }

    .home-public-actions[b-sxv9d8rkj0] {
        align-items: stretch;
        flex-direction: column;
    }

    .home-public-button[b-sxv9d8rkj0] {
        width: 100%;
    }

    .home-public-feature[b-sxv9d8rkj0],
    .home-public-card[b-sxv9d8rkj0],
    .home-public-steps[b-sxv9d8rkj0],
    .home-public-trust-card[b-sxv9d8rkj0],
    .home-public-faq[b-sxv9d8rkj0],
    .home-public-final-cta[b-sxv9d8rkj0] {
        padding: .95rem;
        border-radius: 1.18rem;
    }

    .home-public-section-heading[b-sxv9d8rkj0] {
        align-items: start;
    }

    .home-public-trust-card[b-sxv9d8rkj0] {
        grid-template-columns: 1fr;
    }

    .home-public-steps ol[b-sxv9d8rkj0] {
        grid-template-columns: 1fr;
    }

    .home-public-final-cta[b-sxv9d8rkj0] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .home-public-final-cta__icon[b-sxv9d8rkj0] {
        margin: 0 auto;
    }

    .home-public-final-cta .home-public-actions[b-sxv9d8rkj0] {
        justify-content: center;
    }

    .home-public-policy-links[b-sxv9d8rkj0] {
        align-items: stretch;
        flex-direction: column;
    }

    .home-public-policy-links a[b-sxv9d8rkj0] {
        justify-content: center;
    }
}

@media (max-width: 390px) {
    .home-public-hero[b-sxv9d8rkj0] {
        padding: 1.2rem;
    }

    .home-public-hero h1[b-sxv9d8rkj0] {
        font-size: 2.05rem;
    }

    .home-public-feature__visual[b-sxv9d8rkj0] {
        min-height: 11rem;
    }

    .home-public-feature__chip--interests[b-sxv9d8rkj0] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-public-button[b-sxv9d8rkj0],
    .home-public-text-link i[b-sxv9d8rkj0],
    .home-public-faq summary > i[b-sxv9d8rkj0] {
        transition: none;
    }
}

/* /Components/Pages/HowXLibertiaWorks.razor.rz.scp.css */
.how-page[b-d671jvdz2i] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    color: #2a1e32;
}

.how-article[b-d671jvdz2i] {
    display: grid;
    gap: 1.15rem;
}

/* =========================
   Breadcrumb
   ========================= */

.how-breadcrumb[b-d671jvdz2i] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .36rem;
    margin-bottom: .85rem;
    color: #8b7f91;
    font-size: .68rem;
    font-weight: 720;
}

.how-breadcrumb a[b-d671jvdz2i] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    color: #8f3f78;
    text-decoration: none;
}

.how-breadcrumb a:hover[b-d671jvdz2i] {
    color: #c72b75;
    text-decoration: underline;
}

.how-breadcrumb > i[b-d671jvdz2i] {
    color: #b2a6b7;
    font-size: .52rem;
}

/* =========================
   Hero
   ========================= */

.how-hero[b-d671jvdz2i] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18rem;
    align-items: center;
    gap: 2rem;
    min-height: 25rem;
    padding: 2.25rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.8rem;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .48), transparent 35%),
        radial-gradient(circle at 95% 10%, rgba(124, 58, 237, .48), transparent 38%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 28px 72px rgba(23, 16, 80, .25),
        inset 0 1px 0 rgba(255, 255, 255, .15);
}

.how-hero[b-d671jvdz2i]::before,
.how-hero[b-d671jvdz2i]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 50%;
    pointer-events: none;
}

.how-hero[b-d671jvdz2i]::before {
    right: -7rem;
    bottom: -10rem;
    width: 23rem;
    height: 23rem;
    background: rgba(255, 255, 255, .035);
}

.how-hero[b-d671jvdz2i]::after {
    top: -7rem;
    right: 18%;
    width: 18rem;
    height: 18rem;
}

.how-hero__glow[b-d671jvdz2i] {
    position: absolute;
    inset: auto 12% -1rem;
    height: 3rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #ff3d8d, #7c3aed);
    filter: blur(40px);
    opacity: .27;
    pointer-events: none;
}

.how-hero__content[b-d671jvdz2i] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.how-hero__eyebrow[b-d671jvdz2i] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin: 0 0 .85rem;
    padding: .38rem .7rem;
    color: rgba(255, 255, 255, .9);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .69rem;
    font-weight: 860;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.how-hero__eyebrow i[b-d671jvdz2i] {
    color: #ff8fc1;
}

.how-hero h1[b-d671jvdz2i] {
    max-width: 45rem;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.25rem, 5vw, 3.65rem);
    font-weight: 930;
    line-height: 1.01;
    letter-spacing: -.06em;
}

.how-hero p[b-d671jvdz2i] {
    max-width: 49rem;
    margin: .8rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .92rem;
    line-height: 1.58;
}

.how-hero__lead[b-d671jvdz2i] {
    color: rgba(255, 255, 255, .84) !important;
    font-size: 1rem !important;
}

.how-hero__signals[b-d671jvdz2i] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: 1.1rem;
}

.how-hero__signals span[b-d671jvdz2i] {
    min-height: 2.05rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .36rem .58rem;
    color: rgba(255, 255, 255, .83);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .075);
    font-size: .65rem;
    font-weight: 760;
}

.how-hero__signals i[b-d671jvdz2i] {
    color: #ff8fc1;
}

.how-actions[b-d671jvdz2i] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.25rem;
}

.how-button[b-d671jvdz2i] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .62rem .9rem;
    border-radius: 999px;
    font-size: .75rem;
    font-weight: 870;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background-color .16s ease;
}

.how-button--primary[b-d671jvdz2i] {
    color: #ffffff;
    border: 1px solid transparent;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 14px 30px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .21);
}

.how-button--secondary[b-d671jvdz2i] {
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .09);
}

.how-button--secondary:not(.how-button--on-dark)[b-d671jvdz2i] {
    color: #6f4d7d;
    border-color: rgba(124, 58, 237, .13);
    background: #ffffff;
    box-shadow: 0 9px 22px rgba(21, 16, 54, .06);
}

.how-button:hover[b-d671jvdz2i] {
    transform: translateY(-2px);
}

.how-button--primary:hover[b-d671jvdz2i] {
    color: #ffffff;
    box-shadow:
        0 18px 38px rgba(124, 58, 237, .30),
        inset 0 1px 0 rgba(255, 255, 255, .21);
}

.how-button--secondary:hover[b-d671jvdz2i] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, .30);
    background: rgba(255, 255, 255, .14);
}

.how-button--secondary:not(.how-button--on-dark):hover[b-d671jvdz2i] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .21);
    background: #fff9fc;
}

.how-button:focus-visible[b-d671jvdz2i] {
    outline: 4px solid rgba(255, 61, 141, .20);
    outline-offset: 2px;
}

.how-hero__visual[b-d671jvdz2i] {
    position: relative;
    z-index: 1;
    width: 18rem;
    height: 18rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.how-hero__visual-main[b-d671jvdz2i] {
    width: 9.5rem;
    height: 9.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 2.4rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .32), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 28px 58px rgba(255, 61, 141, .26),
        0 0 0 8px rgba(255, 255, 255, .055),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: 3.7rem;
    transform: rotate(4deg);
}

.how-hero__visual-card[b-d671jvdz2i] {
    position: absolute;
    min-height: 2.55rem;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .55rem .72rem;
    color: rgba(255, 255, 255, .9);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .9rem;
    background: rgba(13, 11, 44, .56);
    box-shadow: 0 14px 28px rgba(5, 4, 23, .18);
    backdrop-filter: blur(14px);
    font-size: .69rem;
    font-weight: 820;
}

.how-hero__visual-card i[b-d671jvdz2i] {
    color: #ff8fc1;
}

.how-hero__visual-card--follow[b-d671jvdz2i] {
    top: 2.1rem;
    right: .3rem;
    transform: rotate(4deg);
}

.how-hero__visual-card--share[b-d671jvdz2i] {
    bottom: 2rem;
    left: .2rem;
    transform: rotate(-5deg);
}

.how-hero__visual-sparkle[b-d671jvdz2i] {
    position: absolute;
    top: 1rem;
    left: 2rem;
    width: 2.7rem;
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(255, 61, 141, .28);
    font-size: 1.05rem;
}

/* =========================
   Shared content cards
   ========================= */

.how-section-grid[b-d671jvdz2i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.how-card[b-d671jvdz2i],
.how-journey[b-d671jvdz2i],
.how-audience[b-d671jvdz2i],
.how-more[b-d671jvdz2i] {
    min-width: 0;
    padding: 1.15rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.how-card__header[b-d671jvdz2i],
.how-section-heading[b-d671jvdz2i],
.how-more__header[b-d671jvdz2i] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    margin-bottom: .85rem;
}

.how-card__icon[b-d671jvdz2i],
.how-section-heading__icon[b-d671jvdz2i],
.how-more__icon[b-d671jvdz2i] {
    width: 2.7rem;
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .92rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 11px 24px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.how-card__eyebrow[b-d671jvdz2i],
.how-section-eyebrow[b-d671jvdz2i] {
    display: block;
    margin-bottom: .15rem;
    color: #9d4d80;
    font-size: .63rem;
    font-weight: 870;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.how-card h2[b-d671jvdz2i],
.how-journey h2[b-d671jvdz2i],
.how-feature h2[b-d671jvdz2i],
.how-trust h2[b-d671jvdz2i],
.how-audience h2[b-d671jvdz2i],
.how-final-cta h2[b-d671jvdz2i],
.how-more h2[b-d671jvdz2i] {
    margin: 0;
    color: #21172b;
    font-size: 1.2rem;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -.035em;
}

.how-card p[b-d671jvdz2i],
.how-feature p[b-d671jvdz2i],
.how-journey p[b-d671jvdz2i],
.how-trust p[b-d671jvdz2i],
.how-audience p[b-d671jvdz2i],
.how-final-cta p[b-d671jvdz2i] {
    margin: .68rem 0 0;
    color: #6f6276;
    font-size: .79rem;
    line-height: 1.56;
}

.how-card p:first-of-type[b-d671jvdz2i] {
    margin-top: 0;
}

.how-card a[b-d671jvdz2i],
.how-feature a[b-d671jvdz2i],
.how-trust a[b-d671jvdz2i] {
    color: #b72d72;
    font-weight: 800;
    text-decoration: none;
}

.how-card a:hover[b-d671jvdz2i],
.how-feature a:hover[b-d671jvdz2i],
.how-trust a:hover[b-d671jvdz2i] {
    text-decoration: underline;
}

/* =========================
   Feature sections
   ========================= */

.how-feature[b-d671jvdz2i] {
    min-width: 0;
    display: grid;
    grid-template-columns: 21rem minmax(0, 1fr);
    align-items: center;
    gap: 1.35rem;
    padding: 1.3rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .06), transparent 36%),
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 36%),
        linear-gradient(135deg, #fffafd, #fbf8ff);
    box-shadow:
        0 20px 50px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.how-feature__visual[b-d671jvdz2i] {
    position: relative;
    overflow: hidden;
    min-height: 17rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .36), transparent 42%),
        radial-gradient(circle at 100% 10%, rgba(124, 58, 237, .40), transparent 46%),
        linear-gradient(135deg, #071434 0%, #171050 54%, #330735 100%);
}

.how-feature__visual[b-d671jvdz2i]::before,
.how-feature__visual[b-d671jvdz2i]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .09);
    border-radius: 50%;
}

.how-feature__visual[b-d671jvdz2i]::before {
    width: 12rem;
    height: 12rem;
    right: -5rem;
    bottom: -5rem;
}

.how-feature__visual[b-d671jvdz2i]::after {
    width: 7rem;
    height: 7rem;
    left: -2.5rem;
    top: -2rem;
}

.how-feature__visual-icon[b-d671jvdz2i] {
    position: relative;
    z-index: 1;
    width: 5.5rem;
    height: 5.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 1.65rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .31), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 20px 42px rgba(255, 61, 141, .28),
        0 0 0 6px rgba(255, 255, 255, .055);
    font-size: 2.1rem;
}

.how-feature__visual-chip[b-d671jvdz2i] {
    position: absolute;
    z-index: 1;
    min-height: 2.2rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .45rem .62rem;
    color: rgba(255, 255, 255, .88);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: .8rem;
    background: rgba(13, 11, 44, .58);
    box-shadow: 0 12px 24px rgba(5, 4, 23, .15);
    backdrop-filter: blur(13px);
    font-size: .64rem;
    font-weight: 800;
}

.how-feature__visual-chip i[b-d671jvdz2i] {
    color: #ff8fc1;
}

.how-feature__visual-chip--one[b-d671jvdz2i] {
    top: 1.5rem;
    right: 1.2rem;
}

.how-feature__visual-chip--two[b-d671jvdz2i] {
    left: 1.1rem;
    bottom: 1.5rem;
}

.how-feature__visual-chip--three[b-d671jvdz2i] {
    right: 1.1rem;
    bottom: 2.6rem;
}

.how-inline-cta[b-d671jvdz2i] {
    margin-top: .95rem !important;
}

.how-inline-cta a[b-d671jvdz2i] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.how-inline-cta a i[b-d671jvdz2i] {
    transition: transform .16s ease;
}

.how-inline-cta a:hover i[b-d671jvdz2i] {
    transform: translateX(3px);
}

/* =========================
   Journey
   ========================= */

.how-section-heading[b-d671jvdz2i] {
    align-items: start;
}

.how-section-heading p[b-d671jvdz2i] {
    margin-top: .3rem;
}

.how-steps[b-d671jvdz2i] {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .6rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: none;
}

.how-steps li[b-d671jvdz2i] {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding: .75rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 42%),
        #ffffff;
}

.how-step__number[b-d671jvdz2i] {
    position: absolute;
    top: .55rem;
    right: .6rem;
    color: rgba(124, 58, 237, .18);
    font-size: 1.65rem;
    font-weight: 930;
    line-height: 1;
}

.how-step__icon[b-d671jvdz2i] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .8rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .17);
}

.how-steps li > div[b-d671jvdz2i] {
    display: grid;
    gap: .18rem;
}

.how-steps strong[b-d671jvdz2i] {
    color: #35273e;
    font-size: .74rem;
    font-weight: 870;
}

.how-steps li > div > span[b-d671jvdz2i] {
    color: #7b6f81;
    font-size: .63rem;
    line-height: 1.42;
}

.how-journey__conclusion[b-d671jvdz2i] {
    margin: .85rem 0 0 !important;
    padding: .72rem .8rem;
    border-radius: .9rem;
    color: #6c4d78 !important;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .065), rgba(124, 58, 237, .065));
    font-weight: 730;
}

/* =========================
   Trust
   ========================= */

.how-trust[b-d671jvdz2i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.how-trust__card[b-d671jvdz2i] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .75rem;
    padding: 1.15rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 38%),
        linear-gradient(180deg, #ffffff, #fffafd);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .085),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.how-trust__icon[b-d671jvdz2i] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 1rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .20);
}

.how-trust__card > div[b-d671jvdz2i] {
    min-width: 0;
}

.how-trust__card p:first-of-type[b-d671jvdz2i] {
    margin-top: .7rem;
}

/* =========================
   Free and Premium
   ========================= */

.how-feature--premium[b-d671jvdz2i] {
    grid-template-columns: minmax(0, 1fr) 20rem;
}

.how-plan-comparison[b-d671jvdz2i] {
    display: grid;
    gap: .65rem;
}

.how-plan-card[b-d671jvdz2i] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .55rem;
    padding: .75rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: .95rem;
    background: #ffffff;
}

.how-plan-card__icon[b-d671jvdz2i] {
    grid-row: 1 / span 2;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .85rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .17);
}

.how-plan-card__label[b-d671jvdz2i] {
    color: #9d4d80;
    font-size: .58rem;
    font-weight: 860;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.how-plan-card strong[b-d671jvdz2i] {
    color: #382a41;
    font-size: .7rem;
    font-weight: 850;
    line-height: 1.35;
}

.how-plan-card--premium[b-d671jvdz2i] {
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .06), transparent 42%),
        #ffffff;
}

/* =========================
   Audience
   ========================= */

.how-check-list[b-d671jvdz2i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.how-check-list li[b-d671jvdz2i] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .48rem;
    padding: .65rem;
    color: #675a6d;
    border: 1px solid rgba(124, 58, 237, .08);
    border-radius: .85rem;
    background: rgba(255, 255, 255, .76);
    font-size: .7rem;
    line-height: 1.42;
}

.how-check-list i[b-d671jvdz2i] {
    width: 1.45rem;
    height: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: .62rem;
}

/* =========================
   Final CTA
   ========================= */

.how-final-cta[b-d671jvdz2i] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .95rem;
    padding: 1.35rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .45), transparent 36%),
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .45), transparent 40%),
        linear-gradient(135deg, #071434 0%, #171050 54%, #330735 100%);
    box-shadow:
        0 24px 60px rgba(23, 16, 80, .22),
        inset 0 1px 0 rgba(255, 255, 255, .15);
}

.how-final-cta__glow[b-d671jvdz2i] {
    position: absolute;
    right: -4rem;
    bottom: -5rem;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .055);
}

.how-final-cta__icon[b-d671jvdz2i] {
    position: relative;
    z-index: 1;
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 15px 32px rgba(255, 61, 141, .25),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-size: 1.35rem;
}

.how-final-cta__content[b-d671jvdz2i] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.how-final-cta .how-section-eyebrow[b-d671jvdz2i] {
    color: #ff8fc1;
}

.how-final-cta h2[b-d671jvdz2i] {
    color: #ffffff;
}

.how-final-cta p[b-d671jvdz2i] {
    max-width: 50rem;
    color: rgba(255, 255, 255, .72);
}

/* =========================
   Related links
   ========================= */

.how-more ul[b-d671jvdz2i] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.how-more a[b-d671jvdz2i] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .45rem;
    min-height: 2.75rem;
    padding: .55rem .65rem;
    color: #66536f;
    border: 1px solid rgba(124, 58, 237, .08);
    border-radius: .82rem;
    background: #ffffff;
    font-size: .68rem;
    font-weight: 790;
    text-decoration: none;
    transition:
        color .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.how-more a > i:first-child[b-d671jvdz2i] {
    color: #ff3d8d;
}

.how-more a > i:last-child[b-d671jvdz2i] {
    color: #9a8c9f;
    transition: transform .16s ease;
}

.how-more a:hover[b-d671jvdz2i] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .18);
    background: #fff9fc;
    transform: translateY(-1px);
}

.how-more a:hover > i:last-child[b-d671jvdz2i] {
    transform: translateX(3px);
}

.how-more a:focus-visible[b-d671jvdz2i],
.how-card a:focus-visible[b-d671jvdz2i],
.how-feature a:focus-visible[b-d671jvdz2i],
.how-trust a:focus-visible[b-d671jvdz2i] {
    outline: 3px solid rgba(255, 61, 141, .17);
    outline-offset: 2px;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 980px) {
    .how-hero[b-d671jvdz2i] {
        grid-template-columns: minmax(0, 1fr) 14rem;
    }

    .how-hero__visual[b-d671jvdz2i] {
        width: 14rem;
        height: 14rem;
    }

    .how-hero__visual-main[b-d671jvdz2i] {
        width: 7.5rem;
        height: 7.5rem;
        border-radius: 2rem;
        font-size: 2.9rem;
    }

    .how-feature[b-d671jvdz2i] {
        grid-template-columns: 17rem minmax(0, 1fr);
    }

    .how-feature--premium[b-d671jvdz2i] {
        grid-template-columns: minmax(0, 1fr) 17rem;
    }

    .how-steps[b-d671jvdz2i] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 760px) {
    .how-page[b-d671jvdz2i] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .how-hero[b-d671jvdz2i] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 1.45rem;
        border-radius: 1.35rem;
    }

    .how-hero__visual[b-d671jvdz2i] {
        display: none;
    }

    .how-section-grid[b-d671jvdz2i],
    .how-trust[b-d671jvdz2i] {
        grid-template-columns: 1fr;
    }

    .how-feature[b-d671jvdz2i],
    .how-feature--premium[b-d671jvdz2i] {
        grid-template-columns: 1fr;
    }

    .how-feature__visual[b-d671jvdz2i] {
        min-height: 13rem;
    }

    .how-plan-comparison[b-d671jvdz2i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .how-steps[b-d671jvdz2i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 540px) {
    .how-hero h1[b-d671jvdz2i] {
        font-size: 2.35rem;
    }

    .how-actions[b-d671jvdz2i] {
        align-items: stretch;
        flex-direction: column;
    }

    .how-button[b-d671jvdz2i] {
        width: 100%;
    }

    .how-card[b-d671jvdz2i],
    .how-journey[b-d671jvdz2i],
    .how-audience[b-d671jvdz2i],
    .how-more[b-d671jvdz2i],
    .how-feature[b-d671jvdz2i],
    .how-final-cta[b-d671jvdz2i] {
        padding: .95rem;
        border-radius: 1.18rem;
    }

    .how-card__header[b-d671jvdz2i],
    .how-section-heading[b-d671jvdz2i],
    .how-more__header[b-d671jvdz2i] {
        align-items: start;
    }

    .how-trust__card[b-d671jvdz2i] {
        grid-template-columns: 1fr;
        padding: .95rem;
    }

    .how-steps[b-d671jvdz2i],
    .how-check-list[b-d671jvdz2i],
    .how-more ul[b-d671jvdz2i],
    .how-plan-comparison[b-d671jvdz2i] {
        grid-template-columns: 1fr;
    }

    .how-final-cta[b-d671jvdz2i] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .how-final-cta__icon[b-d671jvdz2i] {
        margin: 0 auto;
    }

    .how-final-cta .how-actions[b-d671jvdz2i] {
        justify-content: center;
    }
}

@media (max-width: 390px) {
    .how-hero[b-d671jvdz2i] {
        padding: 1.2rem;
    }

    .how-hero h1[b-d671jvdz2i] {
        font-size: 2.05rem;
    }

    .how-hero__signals[b-d671jvdz2i] {
        align-items: stretch;
        flex-direction: column;
    }

    .how-hero__signals span[b-d671jvdz2i] {
        width: 100%;
    }

    .how-feature__visual[b-d671jvdz2i] {
        min-height: 11rem;
    }

    .how-feature__visual-chip--three[b-d671jvdz2i] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .how-button[b-d671jvdz2i],
    .how-inline-cta a i[b-d671jvdz2i],
    .how-more a[b-d671jvdz2i],
    .how-more a > i:last-child[b-d671jvdz2i] {
        transition: none;
    }
}
/* /Components/Pages/Meet/Meet.razor.rz.scp.css */
.meet-page[b-uo2wih40gp] {
    width: min(100%, 1180px);
    margin: 0 auto;
    padding: 1.5rem 1rem 3rem;
    color: #24192c;
}

/* =========================
   Hero
   ========================= */

.meet-hero[b-uo2wih40gp] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2rem;
    min-height: 17rem;
    padding: 2rem 2.15rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.7rem;
    background:
        radial-gradient(circle at 9% 0%, rgba(255, 61, 141, .46), transparent 35%),
        radial-gradient(circle at 94% 8%, rgba(124, 58, 237, .48), transparent 38%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 26px 68px rgba(23, 16, 80, .24),
        inset 0 1px 0 rgba(255, 255, 255, .15);
}

.meet-hero[b-uo2wih40gp]::before,
.meet-hero[b-uo2wih40gp]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    pointer-events: none;
}

.meet-hero[b-uo2wih40gp]::before {
    right: -5rem;
    bottom: -8rem;
    width: 18rem;
    height: 18rem;
    background: rgba(255, 255, 255, .035);
}

.meet-hero[b-uo2wih40gp]::after {
    top: -5rem;
    right: 20%;
    width: 13rem;
    height: 13rem;
}

.meet-hero__content[b-uo2wih40gp] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.meet-hero__eyebrow[b-uo2wih40gp] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .8rem;
    padding: .38rem .72rem;
    color: rgba(255, 255, 255, .9);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.meet-hero__eyebrow i[b-uo2wih40gp] {
    color: #ff8fc1;
}

.meet-hero h1[b-uo2wih40gp] {
    max-width: 46rem;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2.2rem, 5vw, 3.55rem);
    font-weight: 920;
    line-height: 1.02;
    letter-spacing: -.055em;
}

.meet-hero p[b-uo2wih40gp] {
    max-width: 47rem;
    margin: .85rem 0 0;
    color: rgba(255, 255, 255, .75);
    font-size: .98rem;
    line-height: 1.58;
}

.meet-hero__highlights[b-uo2wih40gp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1.15rem;
}

.meet-hero__highlights span[b-uo2wih40gp] {
    min-height: 2.25rem;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .42rem .64rem;
    color: rgba(255, 255, 255, .84);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .075);
    font-size: .71rem;
    font-weight: 760;
}

.meet-hero__highlights i[b-uo2wih40gp] {
    color: #ff8fc1;
}

.meet-hero__visual[b-uo2wih40gp] {
    position: relative;
    z-index: 1;
    width: 8.5rem;
    height: 8.5rem;
    flex: 0 0 8.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 2.2rem;
    background:
        radial-gradient(circle at 28% 10%, rgba(255, 255, 255, .32), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 24px 52px rgba(255, 61, 141, .27),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: 3rem;
    transform: rotate(4deg);
}

.meet-hero__visual > span[b-uo2wih40gp] {
    position: absolute;
    top: -.75rem;
    right: -.55rem;
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(255, 61, 141, .28);
    font-size: 1.1rem;
}

/* =========================
   Anonymous How XLibertia Works link
   ========================= */

.meet-how-link[b-uo2wih40gp] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    margin-top: 1rem;
    padding: .82rem .9rem;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 1.08rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .085), transparent 38%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .065), transparent 38%),
        linear-gradient(135deg, #fffafd, #faf7ff);
    box-shadow:
        0 13px 32px rgba(21, 16, 54, .065),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.meet-how-link[b-uo2wih40gp]::after {
    content: "✦";
    position: absolute;
    top: -.85rem;
    right: 9rem;
    color: rgba(255, 61, 141, .10);
    font-size: 4rem;
    line-height: 1;
    pointer-events: none;
    transform: rotate(12deg);
}

.meet-how-link__icon[b-uo2wih40gp] {
    position: relative;
    z-index: 1;
    width: 2.85rem;
    height: 2.85rem;
    flex: 0 0 2.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 11px 24px rgba(124, 58, 237, .19),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-size: 1rem;
}

.meet-how-link__content[b-uo2wih40gp] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.meet-how-link__eyebrow[b-uo2wih40gp] {
    display: block;
    margin-bottom: .1rem;
    color: #a04d80;
    font-size: .58rem;
    font-weight: 880;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.meet-how-link h2[b-uo2wih40gp] {
    margin: 0;
    color: #291d31;
    font-size: .94rem;
    font-weight: 890;
    line-height: 1.2;
    letter-spacing: -.022em;
}

.meet-how-link p[b-uo2wih40gp] {
    max-width: 42rem;
    margin: .2rem 0 0;
    color: #786b7e;
    font-size: .68rem;
    line-height: 1.42;
}

.meet-how-link__action[b-uo2wih40gp] {
    position: relative;
    z-index: 1;
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .52rem .75rem;
    color: #6d4b7a;
    border: 1px solid rgba(124, 58, 237, .14);
    border-radius: 999px;
    background: #ffffff;
    box-shadow:
        0 8px 20px rgba(21, 16, 54, .055),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    font-size: .68rem;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.meet-how-link__action i[b-uo2wih40gp] {
    color: #ff3d8d;
    transition: transform .16s ease;
}

.meet-how-link__action:hover[b-uo2wih40gp] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .22);
    box-shadow:
        0 11px 25px rgba(124, 58, 237, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transform: translateY(-1px);
}

.meet-how-link__action:hover i[b-uo2wih40gp] {
    transform: translateX(3px);
}

.meet-how-link__action:focus-visible[b-uo2wih40gp] {
    outline: 4px solid rgba(255, 61, 141, .17);
    outline-offset: 2px;
}


/* =========================
   Shared cards and headings
   ========================= */

.meet-search-card[b-uo2wih40gp],
.meet-results[b-uo2wih40gp] {
    margin-top: 1.2rem;
    padding: 1.2rem;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 20px 52px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.meet-section-header[b-uo2wih40gp],
.meet-results__header[b-uo2wih40gp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
}

.meet-section-header__eyebrow[b-uo2wih40gp],
.meet-results__eyebrow[b-uo2wih40gp],
.meet-advanced__header > div > span[b-uo2wih40gp] {
    display: block;
    margin-bottom: .18rem;
    color: #a04d80;
    font-size: .67rem;
    font-weight: 880;
    letter-spacing: .085em;
    text-transform: uppercase;
}

.meet-section-header h2[b-uo2wih40gp],
.meet-results__header h2[b-uo2wih40gp],
.meet-advanced__header h3[b-uo2wih40gp] {
    margin: 0;
    color: #20172b;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.035em;
}

.meet-section-header p[b-uo2wih40gp],
.meet-results__header p[b-uo2wih40gp] {
    max-width: 46rem;
    margin: .35rem 0 0;
    color: #766a7c;
    font-size: .8rem;
    line-height: 1.46;
}

.meet-section-header__icon[b-uo2wih40gp],
.meet-results__icon[b-uo2wih40gp],
.meet-advanced__icon[b-uo2wih40gp] {
    width: 2.9rem;
    height: 2.9rem;
    flex: 0 0 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .98rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 27px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

/* =========================
   Form controls
   ========================= */

.meet-quick-filters[b-uo2wih40gp] {
    display: grid;
    grid-template-columns: minmax(15rem, 1.35fr) minmax(16rem, 1.25fr) minmax(10rem, .65fr);
    align-items: end;
    gap: .8rem;
    margin-top: 1rem;
}

.meet-field[b-uo2wih40gp] {
    min-width: 0;
}

.meet-field > label[b-uo2wih40gp],
.meet-field__label[b-uo2wih40gp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    margin: 0 0 .38rem;
    color: #4b3d54;
    font-size: .73rem;
    font-weight: 830;
}

.meet-field > label small[b-uo2wih40gp] {
    color: #a094a6;
    font-size: .59rem;
    font-weight: 700;
}

.meet-input-shell[b-uo2wih40gp],
.meet-select-shell[b-uo2wih40gp],
.meet-input-addon[b-uo2wih40gp] {
    position: relative;
    min-width: 0;
}

.meet-input-shell[b-uo2wih40gp] {
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    border: 1px solid rgba(39, 24, 69, .12);
    border-radius: .9rem;
    background: #ffffff;
    box-shadow:
        0 8px 20px rgba(21, 16, 54, .045),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.meet-input-shell:focus-within[b-uo2wih40gp] {
    border-color: rgba(255, 61, 141, .40);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .08),
        0 10px 24px rgba(21, 16, 54, .06);
}

.meet-input-shell > i[b-uo2wih40gp] {
    margin-left: .75rem;
    color: #a65b91;
}

.meet-input-shell input[b-uo2wih40gp] {
    min-width: 0;
    width: 100%;
    min-height: 2.65rem;
    padding: .55rem .75rem;
    color: #2d2135;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: inherit;
    font-size: .82rem;
    font-weight: 720;
}

.meet-input-shell input[b-uo2wih40gp]::placeholder {
    color: #a69aaa;
    font-weight: 650;
}

.meet-select-shell select[b-uo2wih40gp] {
    width: 100%;
    min-height: 2.75rem;
    appearance: none;
    padding: .55rem 2.25rem .55rem .72rem;
    color: #33263b;
    cursor: pointer;
    border: 1px solid rgba(39, 24, 69, .12);
    border-radius: .9rem;
    outline: 0;
    background:
        linear-gradient(180deg, #ffffff, #fdfafd);
    box-shadow:
        0 8px 20px rgba(21, 16, 54, .045),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    font-family: inherit;
    font-size: .78rem;
    font-weight: 780;
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.meet-select-shell select:hover[b-uo2wih40gp] {
    border-color: rgba(124, 58, 237, .22);
}

.meet-select-shell select:focus[b-uo2wih40gp] {
    border-color: rgba(255, 61, 141, .40);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .08),
        0 10px 24px rgba(21, 16, 54, .06);
}

.meet-select-shell > i[b-uo2wih40gp] {
    position: absolute;
    top: 50%;
    right: .75rem;
    color: #9b4b86;
    pointer-events: none;
    font-size: .68rem;
    transform: translateY(-50%);
}

.meet-location-shell[b-uo2wih40gp] {
    min-height: 2.75rem;
}

.meet-location-shell[b-uo2wih40gp]  input,
.meet-location-shell[b-uo2wih40gp]  .form-control {
    min-height: 2.75rem;
    border-color: rgba(39, 24, 69, .12);
    border-radius: .9rem;
    box-shadow: 0 8px 20px rgba(21, 16, 54, .045);
}

.meet-segmented[b-uo2wih40gp] {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .2rem;
    padding: .22rem;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: .9rem;
    background: #f4eef7;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .82),
        0 7px 18px rgba(21, 16, 54, .04);
}

.meet-segmented input[b-uo2wih40gp] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.meet-segmented label[b-uo2wih40gp] {
    min-height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .42rem .55rem;
    color: #6d6173;
    cursor: pointer;
    border-radius: .7rem;
    font-size: .69rem;
    font-weight: 820;
    white-space: nowrap;
}

.meet-segmented input:checked + label[b-uo2wih40gp] {
    color: #ffffff;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .26), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.meet-segmented input:focus-visible + label[b-uo2wih40gp] {
    outline: 3px solid rgba(255, 61, 141, .16);
    outline-offset: 2px;
}

/* =========================
   Quick toggles and choices
   ========================= */

.meet-quick-toggles[b-uo2wih40gp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    margin-top: .8rem;
}

.meet-toggle-card[b-uo2wih40gp] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .72rem;
    cursor: pointer;
    border: 1px solid rgba(39, 24, 69, .10);
    border-radius: .98rem;
    background: #ffffff;
    transition:
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.meet-toggle-card:hover[b-uo2wih40gp] {
    transform: translateY(-1px);
    border-color: rgba(255, 61, 141, .18);
}

.meet-toggle-card.is-selected[b-uo2wih40gp] {
    border-color: rgba(255, 61, 141, .22);
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .06), transparent 42%),
        linear-gradient(135deg, rgba(255, 61, 141, .045), rgba(124, 58, 237, .045));
    box-shadow: 0 10px 24px rgba(124, 58, 237, .07);
}

.meet-toggle-card > input[b-uo2wih40gp],
.meet-choice-chip > input[b-uo2wih40gp],
.meet-incomplete-option > input[b-uo2wih40gp] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.meet-toggle-card__icon[b-uo2wih40gp] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .82rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .17);
}

.meet-toggle-card__content[b-uo2wih40gp] {
    min-width: 0;
}

.meet-toggle-card__content strong[b-uo2wih40gp] {
    display: block;
    color: #35283e;
    font-size: .78rem;
    font-weight: 870;
}

.meet-toggle-card__content small[b-uo2wih40gp] {
    display: block;
    margin-top: .08rem;
    color: #8a7d8f;
    font-size: .65rem;
    line-height: 1.35;
}

.meet-toggle-card__check[b-uo2wih40gp] {
    width: 1.45rem;
    height: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #958a9b;
    border: 1px solid rgba(39, 24, 69, .13);
    border-radius: 50%;
    background: #ffffff;
    font-size: .68rem;
}

.meet-toggle-card.is-selected .meet-toggle-card__check[b-uo2wih40gp] {
    color: #ffffff;
    border-color: transparent;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.meet-simple-section[b-uo2wih40gp] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(39, 24, 69, .07);
}

.meet-subsection-heading[b-uo2wih40gp] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .7rem;
}

.meet-subsection-heading > div > span[b-uo2wih40gp] {
    display: block;
    color: #a04d80;
    font-size: .61rem;
    font-weight: 870;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.meet-subsection-heading h3[b-uo2wih40gp] {
    margin: .08rem 0 0;
    color: #2a1e32;
    font-size: .94rem;
    font-weight: 870;
}

.meet-subsection-heading > small[b-uo2wih40gp] {
    color: #998d9f;
    font-size: .63rem;
    font-weight: 690;
}

.meet-chip-grid[b-uo2wih40gp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem;
}

.meet-choice-chip[b-uo2wih40gp] {
    position: relative;
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    padding: .37rem .62rem;
    color: #695d70;
    cursor: pointer;
    border: 1px solid rgba(39, 24, 69, .11);
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 5px 14px rgba(21, 16, 54, .04);
    font-size: .69rem;
    font-weight: 790;
    line-height: 1.25;
    transition:
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.meet-choice-chip:hover[b-uo2wih40gp] {
    color: #b52a70;
    border-color: rgba(255, 61, 141, .20);
    transform: translateY(-1px);
}

.meet-choice-chip.is-selected[b-uo2wih40gp] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .27), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 9px 20px rgba(124, 58, 237, .17),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.meet-choice-chip input:focus-visible ~ span[b-uo2wih40gp] {
    text-decoration: underline;
}

.meet-age-grid[b-uo2wih40gp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.meet-range-card[b-uo2wih40gp] {
    --range-accent: #7c3aed;
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: end;
    gap: .55rem;
    margin: 0;
    padding: .75rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: .98rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 42%),
        #ffffff;
}

.meet-range-card--woman[b-uo2wih40gp] {
    --range-accent: #ff3d8d;
    border-color: rgba(255, 61, 141, .13);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .055), transparent 42%),
        #ffffff;
}

.meet-range-card legend[b-uo2wih40gp] {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-bottom: .05rem;
    padding: 0;
    color: #42334b;
    font-size: .73rem;
    font-weight: 850;
}

.meet-range-card legend i[b-uo2wih40gp] {
    color: var(--range-accent);
}

.meet-range-card label[b-uo2wih40gp] {
    min-width: 0;
}

.meet-range-card label > span[b-uo2wih40gp] {
    display: block;
    margin-bottom: .3rem;
    color: #968a9c;
    font-size: .59rem;
    font-weight: 730;
}

.meet-range-card input[b-uo2wih40gp] {
    width: 100%;
    min-height: 2.5rem;
    padding: .5rem .65rem;
    color: #33263b;
    border: 1px solid rgba(39, 24, 69, .12);
    border-radius: .8rem;
    outline: 0;
    background: #ffffff;
    font-family: inherit;
    font-size: .78rem;
    font-weight: 800;
}

.meet-range-card input:focus[b-uo2wih40gp] {
    border-color: rgba(124, 58, 237, .34);
    box-shadow: 0 0 0 4px rgba(124, 58, 237, .07);
}

.meet-range-card__separator[b-uo2wih40gp] {
    align-self: end;
    padding-bottom: .62rem;
    color: #a99eae;
    font-weight: 800;
}

/* =========================
   Search actions
   ========================= */

.meet-search-actions[b-uo2wih40gp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(39, 24, 69, .07);
}

.meet-search-actions__primary[b-uo2wih40gp] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}

.meet-advanced-button[b-uo2wih40gp],
.meet-reset-button[b-uo2wih40gp],
.meet-search-button[b-uo2wih40gp] {
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .58rem .85rem;
    cursor: pointer;
    border-radius: 999px;
    font-family: inherit;
    font-size: .77rem;
    font-weight: 850;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.meet-advanced-button[b-uo2wih40gp],
.meet-reset-button[b-uo2wih40gp] {
    color: #6d4b7a;
    border: 1px solid rgba(124, 58, 237, .14);
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(21, 16, 54, .055);
}

.meet-advanced-button:hover[b-uo2wih40gp],
.meet-reset-button:hover[b-uo2wih40gp] {
    color: #a42e75;
    border-color: rgba(255, 61, 141, .22);
    transform: translateY(-1px);
}

.meet-advanced-button.is-open[b-uo2wih40gp] {
    color: #ffffff;
    border-color: transparent;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 24px rgba(124, 58, 237, .18);
}

.meet-advanced-button__count[b-uo2wih40gp] {
    min-width: 1.45rem;
    height: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: .62rem;
}

.meet-advanced-button.is-open .meet-advanced-button__count[b-uo2wih40gp] {
    color: #7c3aed;
    background: #ffffff;
}

.meet-search-button[b-uo2wih40gp] {
    color: #ffffff;
    border: 0;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 13px 28px rgba(124, 58, 237, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.meet-search-button:hover:not(:disabled)[b-uo2wih40gp] {
    transform: translateY(-1px);
    box-shadow:
        0 17px 36px rgba(124, 58, 237, .27),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.meet-search-button:disabled[b-uo2wih40gp],
.meet-reset-button:disabled[b-uo2wih40gp],
.meet-advanced-button:disabled[b-uo2wih40gp] {
    cursor: not-allowed;
    opacity: .58;
    transform: none;
}

/* =========================
   Advanced filters
   ========================= */

.meet-advanced[b-uo2wih40gp] {
    margin-top: 1rem;
    padding: 1rem;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .055), transparent 38%),
        linear-gradient(135deg, #fbf8ff, #fffafd);
    box-shadow:
        0 14px 34px rgba(21, 16, 54, .065),
        inset 0 1px 0 rgba(255, 255, 255, .85);
}

.meet-advanced__header[b-uo2wih40gp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .8rem;
}

.meet-advanced__header h3[b-uo2wih40gp] {
    font-size: 1.08rem;
}

.meet-advanced__icon[b-uo2wih40gp] {
    width: 2.5rem;
    height: 2.5rem;
    flex-basis: 2.5rem;
}

.meet-incomplete-option[b-uo2wih40gp] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .75rem;
    cursor: pointer;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: .98rem;
    background: #ffffff;
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.meet-incomplete-option.is-selected[b-uo2wih40gp] {
    border-color: rgba(255, 61, 141, .20);
    box-shadow: 0 9px 22px rgba(124, 58, 237, .065);
}

.meet-incomplete-option__icon[b-uo2wih40gp] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .8rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.meet-incomplete-option strong[b-uo2wih40gp] {
    display: block;
    color: #382a41;
    font-size: .76rem;
    font-weight: 870;
}

.meet-incomplete-option small[b-uo2wih40gp] {
    display: block;
    margin-top: .1rem;
    color: #827587;
    font-size: .65rem;
    line-height: 1.38;
}

.meet-switch[b-uo2wih40gp] {
    position: relative;
    width: 2.6rem;
    height: 1.48rem;
    display: inline-flex;
    align-items: center;
    padding: .16rem;
    border-radius: 999px;
    background: #d8cfdb;
    box-shadow: inset 0 1px 3px rgba(32, 23, 43, .14);
    transition: background .18s ease;
}

.meet-switch > span[b-uo2wih40gp] {
    width: 1.15rem;
    height: 1.15rem;
    display: block;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 3px 8px rgba(32, 23, 43, .20);
    transition: transform .18s ease;
}

.meet-incomplete-option.is-selected .meet-switch[b-uo2wih40gp] {
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.meet-incomplete-option.is-selected .meet-switch > span[b-uo2wih40gp] {
    transform: translateX(1.1rem);
}

.meet-advanced-groups[b-uo2wih40gp] {
    display: grid;
    gap: .65rem;
    margin-top: .75rem;
}

.meet-filter-group[b-uo2wih40gp] {
    overflow: hidden;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: 1rem;
    background: rgba(255, 255, 255, .82);
}

.meet-filter-group summary[b-uo2wih40gp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .62rem;
    padding: .72rem;
    cursor: pointer;
    list-style: none;
}

.meet-filter-group summary[b-uo2wih40gp]::-webkit-details-marker {
    display: none;
}

.meet-filter-group__icon[b-uo2wih40gp] {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .78rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .15);
}

.meet-filter-group summary strong[b-uo2wih40gp] {
    display: block;
    color: #392b42;
    font-size: .76rem;
    font-weight: 870;
}

.meet-filter-group summary small[b-uo2wih40gp] {
    display: block;
    margin-top: .08rem;
    color: #8b7e91;
    font-size: .63rem;
    line-height: 1.3;
}

.meet-filter-group__chevron[b-uo2wih40gp] {
    color: #9d91a3;
    font-size: .72rem;
    transition: transform .18s ease;
}

.meet-filter-group[open] .meet-filter-group__chevron[b-uo2wih40gp] {
    transform: rotate(180deg);
}

.meet-filter-group__body[b-uo2wih40gp] {
    padding: .75rem;
    border-top: 1px solid rgba(39, 24, 69, .07);
}

.meet-filter-grid[b-uo2wih40gp] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.meet-appearance-grid[b-uo2wih40gp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
}

.meet-person-filter[b-uo2wih40gp] {
    --person-accent: #3b82f6;
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    padding: .75rem;
    border: 1px solid rgba(59, 130, 246, .13);
    border-radius: .98rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .055), transparent 42%),
        #ffffff;
}

.meet-person-filter--woman[b-uo2wih40gp] {
    --person-accent: #ff3d8d;
    border-color: rgba(255, 61, 141, .13);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .055), transparent 42%),
        #ffffff;
}

.meet-person-filter > header[b-uo2wih40gp] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    padding-bottom: .55rem;
    border-bottom: 1px solid rgba(39, 24, 69, .065);
}

.meet-person-filter > header > span[b-uo2wih40gp] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .76rem;
    background: linear-gradient(135deg, var(--person-accent), #7c3aed);
}

.meet-person-filter header small[b-uo2wih40gp] {
    display: block;
    color: #998d9f;
    font-size: .57rem;
    font-weight: 780;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.meet-person-filter h4[b-uo2wih40gp] {
    margin: .05rem 0 0;
    color: #382a41;
    font-size: .82rem;
    font-weight: 870;
}

.meet-height-range[b-uo2wih40gp] {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr);
    align-items: end;
    gap: .55rem;
    padding: .55rem;
    border-radius: .85rem;
    background: rgba(124, 58, 237, .035);
}

.meet-height-range__label[b-uo2wih40gp] {
    align-self: center;
    color: #6c6072;
    font-size: .7rem;
    font-weight: 820;
}

.meet-height-range label > span[b-uo2wih40gp] {
    display: block;
    margin-bottom: .25rem;
    color: #978b9d;
    font-size: .56rem;
    font-weight: 720;
}

.meet-input-addon[b-uo2wih40gp] {
    display: flex;
    align-items: stretch;
    overflow: hidden;
    min-height: 2.45rem;
    border: 1px solid rgba(39, 24, 69, .12);
    border-radius: .8rem;
    background: #ffffff;
}

.meet-input-addon input[b-uo2wih40gp] {
    min-width: 0;
    width: 100%;
    padding: .48rem .55rem;
    color: #33263b;
    border: 0;
    outline: 0;
    background: transparent;
    font-family: inherit;
    font-size: .75rem;
    font-weight: 800;
}

.meet-input-addon > span[b-uo2wih40gp] {
    min-width: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .4rem;
    color: #735c7a;
    border-left: 1px solid rgba(39, 24, 69, .08);
    background: #f6f1f8;
    font-size: .64rem;
    font-weight: 830;
}

.meet-desire-groups[b-uo2wih40gp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.meet-desire-group[b-uo2wih40gp] {
    min-width: 0;
    padding: .7rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: .9rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .045), transparent 42%),
        #ffffff;
}

.meet-desire-group > header[b-uo2wih40gp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    margin-bottom: .55rem;
}

.meet-desire-group__icon[b-uo2wih40gp] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .68rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.meet-desire-group h4[b-uo2wih40gp] {
    margin: 0;
    color: #3a2b43;
    font-size: .72rem;
    font-weight: 850;
}

/* =========================
   Active filters
   ========================= */

.meet-active-filters[b-uo2wih40gp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    margin-top: 1rem;
    padding: .7rem .8rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .045), transparent 42%),
        linear-gradient(135deg, #fbf8ff, #fffafd);
    box-shadow: 0 10px 26px rgba(21, 16, 54, .055);
}

.meet-active-filters__heading[b-uo2wih40gp] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #654772;
    font-size: .7rem;
    font-weight: 850;
    white-space: nowrap;
}

.meet-active-filters__heading i[b-uo2wih40gp] {
    color: #ff3d8d;
}

.meet-active-filters__chips[b-uo2wih40gp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .34rem;
}

.meet-active-filters__chips span[b-uo2wih40gp] {
    min-height: 1.75rem;
    display: inline-flex;
    align-items: center;
    padding: .28rem .5rem;
    color: #6c4d78;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 999px;
    background: #ffffff;
    font-size: .62rem;
    font-weight: 760;
}

.meet-active-filters > button[b-uo2wih40gp] {
    color: #b72d70;
    cursor: pointer;
    border: 0;
    background: transparent;
    font-family: inherit;
    font-size: .67rem;
    font-weight: 850;
    white-space: nowrap;
}


/* =========================
   Public discovery CTA
   ========================= */

.meet-inline-link[b-uo2wih40gp] {
    color: #b72d72;
    font-weight: 850;
    text-decoration: none;
}

.meet-inline-link:hover[b-uo2wih40gp] {
    text-decoration: underline;
}

.meet-inline-link:focus-visible[b-uo2wih40gp] {
    outline: 3px solid rgba(255, 61, 141, .17);
    outline-offset: 2px;
    border-radius: .25rem;
}

.meet-public-cta[b-uo2wih40gp] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    margin-top: 1rem;
    padding: .9rem;
    border: 1px solid rgba(124, 58, 237, .13);
    border-radius: 1.08rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .10), transparent 38%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .08), transparent 36%),
        linear-gradient(135deg, #fffafd, #faf7ff);
    box-shadow:
        0 14px 34px rgba(21, 16, 54, .075),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.meet-public-cta[b-uo2wih40gp]::after {
    content: "✦";
    position: absolute;
    top: -.65rem;
    right: 1.15rem;
    color: rgba(255, 61, 141, .13);
    font-size: 4.2rem;
    line-height: 1;
    pointer-events: none;
    transform: rotate(12deg);
}

.meet-public-cta__icon[b-uo2wih40gp] {
    position: relative;
    z-index: 1;
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 1rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-size: 1.05rem;
}

.meet-public-cta__content[b-uo2wih40gp] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.meet-public-cta__eyebrow[b-uo2wih40gp] {
    display: block;
    margin-bottom: .12rem;
    color: #a04d80;
    font-size: .59rem;
    font-weight: 880;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.meet-public-cta h3[b-uo2wih40gp] {
    margin: 0;
    color: #291d31;
    font-size: .95rem;
    font-weight: 890;
    letter-spacing: -.02em;
}

.meet-public-cta p[b-uo2wih40gp] {
    max-width: 42rem;
    margin: .24rem 0 0;
    color: #786b7e;
    font-size: .7rem;
    line-height: 1.42;
}

.meet-public-cta__actions[b-uo2wih40gp] {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .7rem;
}

.meet-public-cta__primary[b-uo2wih40gp] {
    min-height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .55rem .82rem;
    color: #ffffff;
    border-radius: 999px;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .21),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-size: .72rem;
    font-weight: 870;
    text-decoration: none;
    white-space: nowrap;
    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.meet-public-cta__primary:hover[b-uo2wih40gp] {
    color: #ffffff;
    transform: translateY(-1px);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .27),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.meet-public-cta__primary:focus-visible[b-uo2wih40gp] {
    outline: 4px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
}

.meet-public-cta__login[b-uo2wih40gp] {
    color: #847688;
    font-size: .64rem;
    font-weight: 690;
    white-space: nowrap;
}

.meet-public-cta__login a[b-uo2wih40gp] {
    color: #b72d72;
    font-weight: 850;
    text-decoration: none;
}

.meet-public-cta__login a:hover[b-uo2wih40gp] {
    text-decoration: underline;
}

.meet-public-cta__login a:focus-visible[b-uo2wih40gp] {
    outline: 3px solid rgba(255, 61, 141, .17);
    outline-offset: 2px;
    border-radius: .25rem;
}


/* =========================
   Results
   ========================= */

.meet-results__header h2 > span[b-uo2wih40gp] {
    color: #d52d80;
}

.meet-results-grid[b-uo2wih40gp] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.meet-member-card[b-uo2wih40gp] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .8rem;
    padding: .8rem;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: 1.12rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 40%),
        linear-gradient(180deg, #ffffff, #fffafd);
    box-shadow:
        0 14px 34px rgba(21, 16, 54, .075),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.meet-member-card:hover[b-uo2wih40gp] {
    transform: translateY(-2px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 20px 46px rgba(21, 16, 54, .12),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.meet-member-card__main-link[b-uo2wih40gp] {
    position: absolute;
    z-index: 1;
    inset: 0;
    border-radius: inherit;
}

.meet-member-card__main-link:focus-visible[b-uo2wih40gp] {
    outline: 4px solid rgba(255, 61, 141, .22);
    outline-offset: 2px;
}

.meet-member-card__avatar[b-uo2wih40gp] {
    position: relative;
    z-index: 0;
    width: 5.25rem;
    height: 5.25rem;
    flex: 0 0 5.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #ffffff;
    border: 3px solid rgba(255, 255, 255, .88);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .18),
        0 0 0 1px rgba(124, 58, 237, .09);
    font-size: 1.55rem;
}

.meet-member-card__avatar img[b-uo2wih40gp] {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.meet-member-card__online[b-uo2wih40gp] {
    position: absolute;
    right: -.12rem;
    bottom: -.12rem;
    width: 1rem;
    height: 1rem;
    border: 3px solid #ffffff;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 4px 10px rgba(34, 197, 94, .30);
}

.meet-member-card__content[b-uo2wih40gp] {
    position: relative;
    z-index: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.meet-member-card__header[b-uo2wih40gp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .55rem;
}

.meet-member-card__header > div[b-uo2wih40gp] {
    min-width: 0;
}

.meet-member-card h3[b-uo2wih40gp] {
    margin: 0;
    overflow: hidden;
    color: #24192c;
    font-size: .98rem;
    font-weight: 890;
    letter-spacing: -.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meet-member-card__identity[b-uo2wih40gp] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .3rem;
    margin-top: .3rem;
}

.meet-member-card__identity > span[b-uo2wih40gp] {
    min-height: 1.65rem;
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .25rem .43rem;
    color: #75677c;
    border: 1px solid rgba(39, 24, 69, .075);
    border-radius: 999px;
    background: #f7f2f8;
    font-size: .59rem;
    font-weight: 760;
}

.meet-member-card__identity i[b-uo2wih40gp] {
    color: #bd3b83;
}

.meet-member-card__status[b-uo2wih40gp] {
    flex: 0 0 auto;
    min-height: 1.7rem;
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .27rem .48rem;
    color: #157746;
    border: 1px solid rgba(34, 197, 94, .15);
    border-radius: 999px;
    background: rgba(34, 197, 94, .075);
    font-size: .58rem;
    font-weight: 830;
}

.meet-member-card__status i[b-uo2wih40gp] {
    font-size: .42rem;
}

.meet-member-card__location[b-uo2wih40gp] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .32rem;
    margin-top: .52rem;
    color: #7a6e80;
    font-size: .67rem;
    line-height: 1.35;
}

.meet-member-card__location i[b-uo2wih40gp] {
    flex: 0 0 auto;
    color: #ff3d8d;
}

.meet-member-card__location span[b-uo2wih40gp] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meet-member-card__location strong[b-uo2wih40gp] {
    flex: 0 0 auto;
    margin-left: auto;
    color: #765183;
    font-weight: 840;
}

.meet-member-card__footer[b-uo2wih40gp] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .35rem;
    margin-top: auto;
    padding-top: .62rem;
    color: #b72d72;
    font-size: .67rem;
    font-weight: 850;
}

.meet-member-card:hover .meet-member-card__footer i[b-uo2wih40gp] {
    transform: translateX(3px);
}

.meet-member-card__footer i[b-uo2wih40gp] {
    transition: transform .18s ease;
}

/* Loading */

.meet-member-card--loading[b-uo2wih40gp] {
    min-height: 7rem;
    pointer-events: none;
}

.meet-skeleton[b-uo2wih40gp] {
    display: block;
    border-radius: .7rem;
    background:
        linear-gradient(
            90deg,
            rgba(124, 58, 237, .06) 25%,
            rgba(255, 61, 141, .11) 50%,
            rgba(124, 58, 237, .06) 75%);
    background-size: 220% 100%;
    animation: meet-skeleton-pulse-b-uo2wih40gp 1.3s ease-in-out infinite;
}

.meet-member-card--loading .meet-member-card__avatar[b-uo2wih40gp] {
    border: 0;
    background-color: #f3edf6;
}

.meet-member-card--loading .meet-member-card__content[b-uo2wih40gp] {
    justify-content: center;
    gap: .55rem;
}

.meet-skeleton--title[b-uo2wih40gp] {
    width: 62%;
    height: 1rem;
}

.meet-skeleton--line[b-uo2wih40gp] {
    width: 88%;
    height: .65rem;
}

.meet-skeleton--line-short[b-uo2wih40gp] {
    width: 48%;
    height: .65rem;
}

@keyframes meet-skeleton-pulse-b-uo2wih40gp {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

/* Empty states */

.meet-empty-state[b-uo2wih40gp] {
    min-height: 18rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin-top: 1rem;
    padding: 2rem 1.2rem;
    text-align: center;
    border: 1px solid rgba(39, 24, 69, .08);
    border-radius: 1.12rem;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .07), transparent 36%),
        #ffffff;
}

.meet-empty-state__icon[b-uo2wih40gp] {
    width: 3.8rem;
    height: 3.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .25rem;
    color: #ffffff;
    border-radius: 1.2rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 15px 32px rgba(124, 58, 237, .20);
    font-size: 1.45rem;
}

.meet-empty-state--error .meet-empty-state__icon[b-uo2wih40gp] {
    background: linear-gradient(135deg, #ff3d8d, #ef4444);
}

.meet-empty-state h3[b-uo2wih40gp] {
    margin: 0;
    color: #2a1e32;
    font-size: 1.08rem;
    font-weight: 880;
}

.meet-empty-state p[b-uo2wih40gp] {
    max-width: 31rem;
    margin: .1rem 0 .65rem;
    color: #796d7f;
    font-size: .78rem;
    line-height: 1.46;
}

/* Pagination */

.meet-pagination[b-uo2wih40gp] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(39, 24, 69, .07);
}

.meet-pagination button[b-uo2wih40gp],
.meet-pagination a[b-uo2wih40gp] {
    min-height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .5rem .72rem;
    color: #6d4c79;
    cursor: pointer;
    border: 1px solid rgba(124, 58, 237, .14);
    border-radius: 999px;
    background: #ffffff;
    font-family: inherit;
    font-size: .7rem;
    font-weight: 840;
}

.meet-pagination a[b-uo2wih40gp] {
    text-decoration: none;
}

.meet-pagination a:focus-visible[b-uo2wih40gp] {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
}

.meet-pagination button:hover:not(:disabled)[b-uo2wih40gp],
.meet-pagination a:hover[b-uo2wih40gp] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .22);
}

.meet-pagination button:disabled[b-uo2wih40gp] {
    cursor: not-allowed;
    opacity: .45;
}

.meet-pagination > span[b-uo2wih40gp] {
    color: #827587;
    font-size: .68rem;
    font-weight: 700;
}

.meet-pagination strong[b-uo2wih40gp] {
    color: #3f2f48;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 980px) {
    .meet-quick-filters[b-uo2wih40gp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .meet-field--username[b-uo2wih40gp] {
        grid-column: 1 / -1;
    }

    .meet-filter-grid[b-uo2wih40gp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .meet-results-grid[b-uo2wih40gp] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .meet-how-link[b-uo2wih40gp] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .meet-how-link__action[b-uo2wih40gp] {
        grid-column: 1 / -1;
        width: fit-content;
        justify-self: end;
    }

    .meet-public-cta[b-uo2wih40gp] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .meet-public-cta__actions[b-uo2wih40gp] {
        grid-column: 1 / -1;
        width: 100%;
        justify-content: flex-end;
        padding-top: .1rem;
    }

    .meet-page[b-uo2wih40gp] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .meet-hero[b-uo2wih40gp] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 1.45rem;
        border-radius: 1.35rem;
    }

    .meet-hero__visual[b-uo2wih40gp] {
        display: none;
    }

    .meet-hero h1[b-uo2wih40gp] {
        font-size: 2.35rem;
    }

    .meet-search-card[b-uo2wih40gp],
    .meet-results[b-uo2wih40gp] {
        padding: .95rem;
        border-radius: 1.2rem;
    }

    .meet-quick-filters[b-uo2wih40gp],
    .meet-age-grid[b-uo2wih40gp],
    .meet-appearance-grid[b-uo2wih40gp],
    .meet-desire-groups[b-uo2wih40gp] {
        grid-template-columns: 1fr;
    }

    .meet-field--username[b-uo2wih40gp] {
        grid-column: auto;
    }

    .meet-quick-toggles[b-uo2wih40gp] {
        grid-template-columns: 1fr;
    }

    .meet-search-actions[b-uo2wih40gp] {
        align-items: stretch;
        flex-direction: column;
    }

    .meet-search-actions__primary[b-uo2wih40gp] {
        width: 100%;
    }

    .meet-advanced-button[b-uo2wih40gp] {
        width: 100%;
    }

    .meet-reset-button[b-uo2wih40gp],
    .meet-search-button[b-uo2wih40gp] {
        flex: 1 1 0;
    }

    .meet-active-filters[b-uo2wih40gp] {
        grid-template-columns: 1fr auto;
    }

    .meet-active-filters__chips[b-uo2wih40gp] {
        grid-column: 1 / -1;
        grid-row: 2;
    }
}

@media (max-width: 560px) {
    .meet-section-header[b-uo2wih40gp],
    .meet-results__header[b-uo2wih40gp] {
        align-items: flex-start;
    }

    .meet-section-header__icon[b-uo2wih40gp],
    .meet-results__icon[b-uo2wih40gp] {
        width: 2.55rem;
        height: 2.55rem;
        flex-basis: 2.55rem;
    }

    .meet-subsection-heading[b-uo2wih40gp] {
        align-items: flex-start;
        flex-direction: column;
        gap: .2rem;
    }

    .meet-filter-grid[b-uo2wih40gp],
    .meet-person-filter[b-uo2wih40gp] {
        grid-template-columns: 1fr;
    }

    .meet-height-range[b-uo2wih40gp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .meet-height-range__label[b-uo2wih40gp] {
        grid-column: 1 / -1;
    }

    .meet-incomplete-option[b-uo2wih40gp] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .meet-incomplete-option .meet-switch[b-uo2wih40gp] {
        grid-column: 2;
        justify-self: start;
    }

    .meet-member-card[b-uo2wih40gp] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .meet-member-card__avatar[b-uo2wih40gp] {
        width: 4.5rem;
        height: 4.5rem;
        flex-basis: 4.5rem;
    }
}

@media (max-width: 420px) {
    .meet-how-link[b-uo2wih40gp] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .meet-how-link__icon[b-uo2wih40gp] {
        margin-inline: auto;
    }

    .meet-how-link__action[b-uo2wih40gp] {
        grid-column: auto;
        width: 100%;
        justify-self: stretch;
    }

    .meet-public-cta[b-uo2wih40gp] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .meet-public-cta__icon[b-uo2wih40gp] {
        margin-inline: auto;
    }

    .meet-public-cta__actions[b-uo2wih40gp] {
        grid-column: auto;
        align-items: stretch;
        flex-direction: column;
    }

    .meet-public-cta__primary[b-uo2wih40gp] {
        width: 100%;
    }

    .meet-public-cta__login[b-uo2wih40gp] {
        white-space: normal;
    }

    .meet-hero[b-uo2wih40gp] {
        padding: 1.25rem;
    }

    .meet-hero h1[b-uo2wih40gp] {
        font-size: 2.05rem;
    }

    .meet-hero__highlights[b-uo2wih40gp] {
        align-items: stretch;
        flex-direction: column;
    }

    .meet-hero__highlights span[b-uo2wih40gp] {
        width: 100%;
    }

    .meet-segmented[b-uo2wih40gp] {
        grid-template-columns: 1fr;
    }

    .meet-range-card[b-uo2wih40gp] {
        grid-template-columns: 1fr;
    }

    .meet-range-card legend[b-uo2wih40gp] {
        grid-column: auto;
    }

    .meet-range-card__separator[b-uo2wih40gp] {
        display: none;
    }

    .meet-search-actions__primary[b-uo2wih40gp] {
        flex-direction: column-reverse;
    }

    .meet-reset-button[b-uo2wih40gp],
    .meet-search-button[b-uo2wih40gp] {
        width: 100%;
    }

    .meet-choice-chip[b-uo2wih40gp] {
        max-width: 100%;
    }

    .meet-member-card[b-uo2wih40gp] {
        grid-template-columns: 1fr;
    }

    .meet-member-card__avatar[b-uo2wih40gp] {
        width: 5.25rem;
        height: 5.25rem;
    }

    .meet-member-card__header[b-uo2wih40gp] {
        align-items: flex-start;
    }

    .meet-member-card__status[b-uo2wih40gp] {
        display: none;
    }

    .meet-member-card__location strong[b-uo2wih40gp] {
        margin-left: 0;
    }

    .meet-pagination[b-uo2wih40gp] {
        flex-wrap: wrap;
    }

    .meet-pagination > span[b-uo2wih40gp] {
        width: 100%;
        order: -1;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meet-toggle-card[b-uo2wih40gp],
    .meet-choice-chip[b-uo2wih40gp],
    .meet-advanced-button[b-uo2wih40gp],
    .meet-reset-button[b-uo2wih40gp],
    .meet-search-button[b-uo2wih40gp],
    .meet-how-link__action[b-uo2wih40gp],
    .meet-how-link__action i[b-uo2wih40gp],
    .meet-public-cta__primary[b-uo2wih40gp],
    .meet-filter-group__chevron[b-uo2wih40gp],
    .meet-member-card[b-uo2wih40gp],
    .meet-member-card__footer i[b-uo2wih40gp] {
        transition: none;
    }

    .meet-skeleton[b-uo2wih40gp] {
        animation: none;
    }
}


/* Country directory block (anonymous fallback) */
.meet-country-directory[b-uo2wih40gp] {
    position: relative;
    overflow: hidden;
    margin-top: 1.35rem;
    padding: 1.4rem 1.45rem 1.55rem;
    border-radius: 1.6rem;
    border: 1px solid rgba(255, 61, 141, .11);
    background:
        radial-gradient(circle at top right, rgba(124, 58, 237, .06), transparent 38%),
        linear-gradient(180deg, rgba(255, 255, 255, .94) 0%, rgba(255, 251, 254, .98) 100%);
    box-shadow:
        0 22px 45px rgba(41, 13, 84, .08),
        0 8px 18px rgba(255, 61, 141, .06);
}

.meet-country-directory[b-uo2wih40gp]::after {
    content: "";
    position: absolute;
    inset: auto -70px -75px auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(124, 58, 237, .08) 0%, rgba(124, 58, 237, 0) 72%);
    pointer-events: none;
}

.meet-country-directory__header[b-uo2wih40gp] {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    margin-bottom: 1.15rem;
}

.meet-country-directory__icon[b-uo2wih40gp] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    flex: 0 0 3.2rem;
    border-radius: 1.05rem;
    color: #fff;
    font-size: 1.2rem;
    background: linear-gradient(135deg, #ff4fa3 0%, #8b5cf6 100%);
    box-shadow:
        0 12px 24px rgba(124, 58, 237, .24),
        0 4px 12px rgba(255, 61, 141, .18);
}

.meet-country-directory__heading[b-uo2wih40gp] {
    min-width: 0;
}

.meet-country-directory__eyebrow[b-uo2wih40gp] {
    display: inline-block;
    margin-bottom: .32rem;
    color: #9b4d7d;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.meet-country-directory__heading h2[b-uo2wih40gp] {
    margin: 0;
    color: #1f1435;
    font-size: 1.8rem;
    line-height: 1.08;
    letter-spacing: -.03em;
}

.meet-country-directory__heading p[b-uo2wih40gp] {
    margin: .55rem 0 0;
    max-width: 48rem;
    color: #6f6682;
    font-size: .98rem;
    line-height: 1.6;
}

.meet-country-directory__list[b-uo2wih40gp] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
}

.meet-country-directory__link[b-uo2wih40gp] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    min-width: 11.5rem;
    padding: .82rem 1rem;
    border-radius: 999px;
    border: 1px solid rgba(124, 58, 237, .14);
    color: #513f69;
    font-weight: 700;
    text-decoration: none;
    background:
        linear-gradient(135deg, rgba(255, 79, 163, .08), rgba(139, 92, 246, .08));
    box-shadow:
        0 10px 20px rgba(35, 17, 67, .05),
        inset 0 1px 0 rgba(255, 255, 255, .6);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease,
        color .18s ease;
}

.meet-country-directory__link i[b-uo2wih40gp] {
    color: #d43f8d;
    font-size: .88rem;
    transition: transform .18s ease;
}

.meet-country-directory__link:hover[b-uo2wih40gp] {
    transform: translateY(-2px);
    color: #341f59;
    border-color: rgba(255, 79, 163, .24);
    box-shadow:
        0 14px 24px rgba(35, 17, 67, .08),
        0 4px 10px rgba(255, 79, 163, .07);
    text-decoration: none;
}

.meet-country-directory__link:hover i[b-uo2wih40gp] {
    transform: translateX(2px);
}

.meet-country-directory__link:visited[b-uo2wih40gp],
.meet-country-directory__link:active[b-uo2wih40gp] {
    color: #513f69;
    text-decoration: none;
}

.meet-country-directory__link:focus-visible[b-uo2wih40gp] {
    outline: 3px solid rgba(255, 79, 163, .18);
    outline-offset: 2px;
}

@media (max-width: 860px) {
    .meet-country-directory[b-uo2wih40gp] {
        padding: 1.2rem 1.1rem 1.25rem;
        border-radius: 1.35rem;
    }

    .meet-country-directory__header[b-uo2wih40gp] {
        gap: .8rem;
    }

    .meet-country-directory__icon[b-uo2wih40gp] {
        width: 2.9rem;
        height: 2.9rem;
        flex-basis: 2.9rem;
        border-radius: .95rem;
    }

    .meet-country-directory__heading h2[b-uo2wih40gp] {
        font-size: 1.5rem;
    }

    .meet-country-directory__heading p[b-uo2wih40gp] {
        font-size: .94rem;
    }

    .meet-country-directory__link[b-uo2wih40gp] {
        min-width: calc(50% - .45rem);
    }
}

@media (max-width: 580px) {
    .meet-country-directory__header[b-uo2wih40gp] {
        flex-direction: column;
        align-items: stretch;
    }

    .meet-country-directory__icon[b-uo2wih40gp] {
        width: 2.8rem;
        height: 2.8rem;
        flex-basis: 2.8rem;
    }

    .meet-country-directory__heading h2[b-uo2wih40gp] {
        font-size: 1.35rem;
    }

    .meet-country-directory__heading p[b-uo2wih40gp] {
        margin-top: .45rem;
        font-size: .92rem;
        line-height: 1.55;
    }

    .meet-country-directory__list[b-uo2wih40gp] {
        gap: .7rem;
    }

    .meet-country-directory__link[b-uo2wih40gp] {
        min-width: 100%;
        padding: .85rem .95rem;
    }
}
/* /Components/Pages/Meet/MeetCity.razor.rz.scp.css */
.meet-city-page[b-as9lkc66lt] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.35rem 0 4rem;
    color: #281d34;
}

/* =========================
   Hero
   ========================= */

.meet-city-hero[b-as9lkc66lt] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, .42fr);
    align-items: center;
    gap: 2rem;
    min-height: 285px;
    margin-top: 1rem;
    padding: 2rem 2.15rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.7rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .42), transparent 34%),
        radial-gradient(circle at 95% 5%, rgba(124, 58, 237, .50), transparent 38%),
        linear-gradient(135deg, #0b1236 0%, #17104d 52%, #360936 100%);
    box-shadow:
        0 24px 62px rgba(25, 13, 67, .20),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.meet-city-hero[b-as9lkc66lt]::before {
    content: "";
    position: absolute;
    right: 16%;
    bottom: -11rem;
    width: 22rem;
    height: 22rem;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
}

.meet-city-hero__content[b-as9lkc66lt] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.meet-city-hero__eyebrow[b-as9lkc66lt] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .9rem;
    padding: .42rem .7rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .085);
    font-size: .7rem;
    font-weight: 820;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.meet-city-hero__eyebrow i[b-as9lkc66lt] {
    color: #ff8fc1;
}

.meet-city-hero h1[b-as9lkc66lt] {
    max-width: 48rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.2rem, 4.6vw, 3.9rem);
    font-weight: 890;
    letter-spacing: -.052em;
    line-height: 1;
}

.meet-city-hero h1 span[b-as9lkc66lt] {
    color: #ffafd2;
}

.meet-city-hero p[b-as9lkc66lt] {
    max-width: 45rem;
    margin: .9rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .95rem;
    line-height: 1.6;
}

.meet-city-hero__meta[b-as9lkc66lt] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1.15rem;
}

.meet-city-hero__meta > span[b-as9lkc66lt] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 2rem;
    padding: .42rem .65rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .72rem;
    color: rgba(255, 255, 255, .76);
    background: rgba(255, 255, 255, .07);
    font-size: .7rem;
    font-weight: 680;
}

.meet-city-hero__meta i[b-as9lkc66lt] {
    color: #ff84ba;
}

.meet-city-hero__meta strong[b-as9lkc66lt] {
    color: #fff;
}

.meet-city-hero__visual[b-as9lkc66lt] {
    position: relative;
    z-index: 2;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.meet-city-hero__visual-icon[b-as9lkc66lt] {
    width: 9.5rem;
    height: 9.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 2.3rem;
    color: rgba(255, 255, 255, .22);
    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .17), transparent 35%),
        rgba(255, 255, 255, .055);
    font-size: 4.1rem;
    transform: rotate(4deg);
}

.meet-city-hero__pin[b-as9lkc66lt] {
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255, 255, 255, .92);
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 24px rgba(124, 58, 237, .34);
}

.meet-city-hero__pin--one[b-as9lkc66lt] {
    left: 17%;
    top: 20%;
}

.meet-city-hero__pin--two[b-as9lkc66lt] {
    right: 15%;
    top: 33%;
    transform: scale(.82);
}

.meet-city-hero__pin--three[b-as9lkc66lt] {
    left: 38%;
    bottom: 8%;
    transform: scale(.72);
}

/* =========================
   Shared heading
   ========================= */

.meet-section-eyebrow[b-as9lkc66lt] {
    display: block;
    margin-bottom: .2rem;
    color: #a7457e;
    font-size: .68rem;
    font-weight: 840;
    letter-spacing: .07em;
    text-transform: uppercase;
}

/* =========================
   Editorial content
   ========================= */

.meet-editorial[b-as9lkc66lt] {
    margin-top: 1.5rem;
    padding: 1.35rem 1.45rem 1.45rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 33%),
        linear-gradient(180deg, #ffffff 0%, #fffbfd 100%);
    box-shadow:
        0 16px 40px rgba(23, 14, 61, .065),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.meet-editorial__header[b-as9lkc66lt] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
}

.meet-editorial__icon[b-as9lkc66lt] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .95rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
}

.meet-editorial__header h2[b-as9lkc66lt] {
    margin: 0;
    color: #2c2037;
    font-size: 1.15rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.meet-editorial-content[b-as9lkc66lt] {
    color: #584c61;
    font-size: .88rem;
    line-height: 1.72;
}

/* EditorialBodyHtml is injected with MarkupString, hence ::deep. */
.meet-editorial-content[b-as9lkc66lt]  p {
    margin: 0 0 .9rem;
}

.meet-editorial-content[b-as9lkc66lt]  p:last-child {
    margin-bottom: 0;
}

.meet-editorial-content[b-as9lkc66lt]  h2,
.meet-editorial-content[b-as9lkc66lt]  h3,
.meet-editorial-content[b-as9lkc66lt]  h4 {
    margin: 1.35rem 0 .55rem;
    color: #2f223a;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.meet-editorial-content[b-as9lkc66lt]  h2 {
    font-size: 1.25rem;
}

.meet-editorial-content[b-as9lkc66lt]  h3 {
    font-size: 1.08rem;
}

.meet-editorial-content[b-as9lkc66lt]  h4 {
    font-size: .98rem;
}

.meet-editorial-content[b-as9lkc66lt]  strong,
.meet-editorial-content[b-as9lkc66lt]  b {
    color: #382841;
    font-weight: 850;
}

.meet-editorial-content[b-as9lkc66lt]  em,
.meet-editorial-content[b-as9lkc66lt]  i {
    color: #695770;
}

.meet-editorial-content[b-as9lkc66lt]  a {
    color: #b72d72;
    font-weight: 780;
    text-decoration: underline;
    text-decoration-color: rgba(183, 45, 114, .32);
    text-underline-offset: .16em;
    transition:
        color .16s ease,
        text-decoration-color .16s ease;
}

.meet-editorial-content[b-as9lkc66lt]  a:hover {
    color: #7c3aed;
    text-decoration-color: rgba(124, 58, 237, .48);
}

.meet-editorial-content[b-as9lkc66lt]  a:focus-visible {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
    border-radius: .2rem;
}

.meet-editorial-content[b-as9lkc66lt]  ul,
.meet-editorial-content[b-as9lkc66lt]  ol {
    margin: .75rem 0 1rem;
    padding-left: 1.35rem;
}

.meet-editorial-content[b-as9lkc66lt]  li {
    margin: .38rem 0;
    padding-left: .15rem;
}

.meet-editorial-content[b-as9lkc66lt]  li::marker {
    color: #c33e89;
    font-weight: 800;
}

.meet-editorial-content[b-as9lkc66lt]  blockquote {
    margin: 1rem 0;
    padding: .85rem 1rem;
    border-left: 4px solid #d34891;
    border-radius: 0 .8rem .8rem 0;
    color: #66566f;
    background: linear-gradient(135deg, rgba(255, 61, 141, .055), rgba(124, 58, 237, .05));
}

.meet-editorial-content[b-as9lkc66lt]  hr {
    margin: 1.3rem 0;
    border: 0;
    border-top: 1px solid rgba(39, 24, 69, .09);
}

/* =========================
   Member directory
   ========================= */

.meet-member-directory[b-as9lkc66lt] {
    padding-top: 2rem;
}

.meet-member-directory__header[b-as9lkc66lt] {
    margin-bottom: 1rem;
}

.meet-member-directory__header h2[b-as9lkc66lt] {
    margin: 0;
    color: #2c2037;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 860;
    letter-spacing: -.035em;
}

.meet-member-directory__header p[b-as9lkc66lt] {
    max-width: 48rem;
    margin: .35rem 0 0;
    color: #827488;
    font-size: .82rem;
    line-height: 1.52;
}

/*
   MeetMemberList remains the existing component. The wrapper only gives
   the list spacing consistent with the country and region directory pages.
*/
.meet-member-directory[b-as9lkc66lt]  .meet-member-list,
.meet-member-directory[b-as9lkc66lt]  .member-list {
    margin-top: 0;
}

/* =========================
   Empty state
   ========================= */

.meet-city-empty[b-as9lkc66lt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    margin-top: 1rem;
    padding: 2rem 1.2rem;
    border: 1px dashed rgba(124, 58, 237, .17);
    border-radius: 1.25rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0, rgba(255, 61, 141, .065), transparent 30%),
        #fff;
}

.meet-city-empty__icon[b-as9lkc66lt] {
    width: 3.7rem;
    height: 3.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.1rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 30px rgba(124, 58, 237, .18);
    font-size: 1.3rem;
}

.meet-city-empty h1[b-as9lkc66lt] {
    margin: 0;
    color: #2c2037;
    font-size: 1.7rem;
    font-weight: 850;
    letter-spacing: -.03em;
}

.meet-city-empty p[b-as9lkc66lt] {
    max-width: 34rem;
    margin: .45rem 0 0;
    color: #817486;
    font-size: .82rem;
    line-height: 1.5;
}

.meet-city-empty a[b-as9lkc66lt] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .9rem;
    padding: .5rem .75rem;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: .72rem;
    font-weight: 820;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 980px) {
    .meet-city-page[b-as9lkc66lt] {
        width: min(100% - 1.4rem, 860px);
    }

    .meet-city-hero[b-as9lkc66lt] {
        grid-template-columns: minmax(0, 1fr) 210px;
        padding: 1.65rem;
    }
}

@media (max-width: 680px) {
    .meet-city-page[b-as9lkc66lt] {
        width: min(100% - 1rem, 600px);
        padding-top: .8rem;
    }

    .meet-city-hero[b-as9lkc66lt] {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 1rem;
        padding: 1.25rem;
        border-radius: 1.35rem;
    }

    .meet-city-hero__visual[b-as9lkc66lt] {
        display: none;
    }

    .meet-city-hero h1[b-as9lkc66lt] {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .meet-city-hero p[b-as9lkc66lt] {
        font-size: .86rem;
    }

    .meet-city-hero__meta[b-as9lkc66lt] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .meet-city-hero__meta > span[b-as9lkc66lt] {
        width: fit-content;
    }

    .meet-editorial[b-as9lkc66lt] {
        padding: 1rem;
        border-radius: 1.15rem;
    }

    .meet-member-directory[b-as9lkc66lt] {
        padding-top: 1.55rem;
    }
}

@media (max-width: 430px) {
    .meet-editorial__header[b-as9lkc66lt] {
        grid-template-columns: 1fr;
    }

    .meet-editorial__icon[b-as9lkc66lt] {
        width: 2.55rem;
        height: 2.55rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meet-editorial-content[b-as9lkc66lt]  a {
        transition: none;
    }
}


/* =========================
   Member list harmonization
   Mirrors the visual language used by Meet.razor result cards.
   MeetMemberList itself is intentionally left unchanged.
   ========================= */

.meet-member-directory[b-as9lkc66lt] {
    margin-top: 2rem;
    padding: 1.2rem;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 20px 52px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.meet-member-directory__header[b-as9lkc66lt],
.meet-member-directory .meet-city-directory__header[b-as9lkc66lt] {
    position: relative;
    margin-bottom: 1rem;
    padding: 0 4rem 1rem 0;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
}

.meet-member-directory__header[b-as9lkc66lt]::after,
.meet-member-directory .meet-city-directory__header[b-as9lkc66lt]::after {
    content: "\F4CF";
    position: absolute;
    top: 0;
    right: 0;
    width: 2.9rem;
    height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .98rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 27px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-family: "bootstrap-icons";
    font-size: 1rem;
    line-height: 1;
}

.meet-member-directory__header h2[b-as9lkc66lt],
.meet-member-directory .meet-city-directory__header h2[b-as9lkc66lt] {
    margin: 0;
    color: #20172b;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.035em;
}

.meet-member-directory__header p[b-as9lkc66lt],
.meet-member-directory .meet-city-directory__header p[b-as9lkc66lt] {
    max-width: 46rem;
    margin: .35rem 0 0;
    color: #766a7c;
    font-size: .8rem;
    line-height: 1.46;
}

/*
   MeetMemberList currently renders its own markup. These ::deep selectors
   deliberately style that child component without changing its data or logic.
*/
.meet-member-directory[b-as9lkc66lt]  ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.meet-member-directory[b-as9lkc66lt]  li {
    position: relative;
    min-width: 0;
    min-height: 7rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    margin: 0;
    padding: .8rem;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: 1.12rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 40%),
        linear-gradient(180deg, #ffffff, #fffafd);
    box-shadow:
        0 14px 34px rgba(21, 16, 54, .075),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.meet-member-directory[b-as9lkc66lt]  li:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 20px 46px rgba(21, 16, 54, .12),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.meet-member-directory[b-as9lkc66lt]  li::after {
    content: "View profile  →";
    position: absolute;
    right: .85rem;
    bottom: .72rem;
    color: #b72d72;
    font-size: .67rem;
    font-weight: 850;
    pointer-events: none;
}

/* Direct image markup used by simple member lists. */
.meet-member-directory[b-as9lkc66lt]  li img {
    grid-column: 1;
    grid-row: 1;
    width: 5.25rem !important;
    height: 5.25rem !important;
    max-width: 5.25rem !important;
    max-height: 5.25rem !important;
    display: block;
    object-fit: cover;
    border: 3px solid rgba(255, 255, 255, .88);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .18),
        0 0 0 1px rgba(124, 58, 237, .09);
}

/* Username/profile links from the simple list. */
.meet-member-directory[b-as9lkc66lt]  li > a {
    grid-column: 2;
    min-width: 0;
    width: fit-content;
    max-width: calc(100% - .25rem);
    overflow: hidden;
    color: #24192c;
    font-size: .98rem;
    font-weight: 890;
    letter-spacing: -.02em;
    line-height: 1.25;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meet-member-directory[b-as9lkc66lt]  li > a:hover {
    color: #b72d72;
    text-decoration: none;
}

.meet-member-directory[b-as9lkc66lt]  li > a:focus-visible {
    outline: 4px solid rgba(255, 61, 141, .18);
    outline-offset: 3px;
    border-radius: .3rem;
}

/* Also support MeetMemberList implementations based on MemberDisplay. */
.meet-member-directory[b-as9lkc66lt]  .member-display {
    --member-avatar-size: 78px;
    width: 100%;
    min-width: 0;
}

.meet-member-directory[b-as9lkc66lt]  .member-avatar-frame {
    border-radius: 1.35rem;
}

.meet-member-directory[b-as9lkc66lt]  .member-avatar {
    border-radius: 1.15rem;
}

.meet-member-directory[b-as9lkc66lt]  .member-name-badge-wrapper {
    min-width: 0;
}

.meet-member-directory[b-as9lkc66lt]  .member-name {
    max-width: 100%;
    color: #24192c;
    font-size: .98rem;
    font-weight: 890;
    letter-spacing: -.02em;
}

.meet-member-directory[b-as9lkc66lt]  a.member-name:hover {
    color: #b72d72;
}

@media (max-width: 980px) {
    .meet-member-directory[b-as9lkc66lt]  ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .meet-member-directory[b-as9lkc66lt] {
        margin-top: 1.55rem;
        padding: .95rem;
        border-radius: 1.2rem;
    }

    .meet-member-directory__header[b-as9lkc66lt],
    .meet-member-directory .meet-city-directory__header[b-as9lkc66lt] {
        padding-right: 3.4rem;
    }

    .meet-member-directory__header[b-as9lkc66lt]::after,
    .meet-member-directory .meet-city-directory__header[b-as9lkc66lt]::after {
        width: 2.55rem;
        height: 2.55rem;
    }

    .meet-member-directory[b-as9lkc66lt]  li {
        min-height: 6.2rem;
    }

    .meet-member-directory[b-as9lkc66lt]  li img {
        width: 4.5rem !important;
        height: 4.5rem !important;
        max-width: 4.5rem !important;
        max-height: 4.5rem !important;
    }

    .meet-member-directory[b-as9lkc66lt]  .member-display {
        --member-avatar-size: 68px;
    }
}

@media (max-width: 420px) {
    .meet-member-directory__header[b-as9lkc66lt],
    .meet-member-directory .meet-city-directory__header[b-as9lkc66lt] {
        padding-right: 0;
    }

    .meet-member-directory__header[b-as9lkc66lt]::after,
    .meet-member-directory .meet-city-directory__header[b-as9lkc66lt]::after {
        display: none;
    }

    .meet-member-directory[b-as9lkc66lt]  li {
        grid-template-columns: auto minmax(0, 1fr);
        gap: .72rem;
        padding: .72rem;
    }

    .meet-member-directory[b-as9lkc66lt]  li::after {
        right: .72rem;
        bottom: .6rem;
        font-size: .63rem;
    }

    .meet-member-directory[b-as9lkc66lt]  li img {
        width: 4.2rem !important;
        height: 4.2rem !important;
        max-width: 4.2rem !important;
        max-height: 4.2rem !important;
        border-radius: 1.05rem;
    }

    .meet-member-directory[b-as9lkc66lt]  .member-display {
        --member-avatar-size: 62px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meet-member-directory[b-as9lkc66lt]  li {
        transition: none;
    }
}
/* /Components/Pages/Meet/MeetCountry.razor.rz.scp.css */
.meet-country-page[b-4laeulj3p0] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.35rem 0 4rem;
    color: #281d34;
}

/* =========================
   Hero
   ========================= */

.meet-country-hero[b-4laeulj3p0] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, .42fr);
    align-items: center;
    gap: 2rem;
    min-height: 285px;
    margin-top: 1rem;
    padding: 2rem 2.15rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.7rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .42), transparent 34%),
        radial-gradient(circle at 95% 5%, rgba(124, 58, 237, .50), transparent 38%),
        linear-gradient(135deg, #0b1236 0%, #17104d 52%, #360936 100%);
    box-shadow:
        0 24px 62px rgba(25, 13, 67, .20),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.meet-country-hero[b-4laeulj3p0]::before {
    content: "";
    position: absolute;
    right: 16%;
    bottom: -11rem;
    width: 22rem;
    height: 22rem;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
}

.meet-country-hero__content[b-4laeulj3p0] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.meet-country-hero__eyebrow[b-4laeulj3p0] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .9rem;
    padding: .42rem .7rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .085);
    font-size: .7rem;
    font-weight: 820;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.meet-country-hero__eyebrow i[b-4laeulj3p0] {
    color: #ff8fc1;
}

.meet-country-hero h1[b-4laeulj3p0] {
    max-width: 48rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.2rem, 4.6vw, 3.9rem);
    font-weight: 890;
    letter-spacing: -.052em;
    line-height: 1;
}

.meet-country-hero h1 span[b-4laeulj3p0] {
    color: #ffafd2;
}

.meet-country-hero p[b-4laeulj3p0] {
    max-width: 45rem;
    margin: .9rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .95rem;
    line-height: 1.6;
}

.meet-country-hero__meta[b-4laeulj3p0] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1.15rem;
}

.meet-country-hero__meta > span[b-4laeulj3p0] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 2rem;
    padding: .42rem .65rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .72rem;
    color: rgba(255, 255, 255, .76);
    background: rgba(255, 255, 255, .07);
    font-size: .7rem;
    font-weight: 680;
}

.meet-country-hero__meta i[b-4laeulj3p0] {
    color: #ff84ba;
}

.meet-country-hero__meta strong[b-4laeulj3p0] {
    color: #fff;
}

.meet-country-hero__visual[b-4laeulj3p0] {
    position: relative;
    z-index: 2;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.meet-country-hero__visual-icon[b-4laeulj3p0] {
    width: 9.5rem;
    height: 9.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 2.3rem;
    color: rgba(255, 255, 255, .22);
    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .17), transparent 35%),
        rgba(255, 255, 255, .055);
    font-size: 4.1rem;
    transform: rotate(4deg);
}

.meet-country-hero__pin[b-4laeulj3p0] {
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255, 255, 255, .92);
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 24px rgba(124, 58, 237, .34);
}

.meet-country-hero__pin--one[b-4laeulj3p0] {
    left: 17%;
    top: 20%;
}

.meet-country-hero__pin--two[b-4laeulj3p0] {
    right: 15%;
    top: 33%;
    transform: scale(.82);
}

.meet-country-hero__pin--three[b-4laeulj3p0] {
    left: 38%;
    bottom: 8%;
    transform: scale(.72);
}

/* =========================
   Shared heading
   ========================= */

.meet-section-eyebrow[b-4laeulj3p0] {
    display: block;
    margin-bottom: .2rem;
    color: #a7457e;
    font-size: .68rem;
    font-weight: 840;
    letter-spacing: .07em;
    text-transform: uppercase;
}

/* =========================
   Editorial content
   ========================= */

.meet-editorial[b-4laeulj3p0] {
    margin-top: 1.5rem;
    padding: 1.35rem 1.45rem 1.45rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 33%),
        linear-gradient(180deg, #ffffff 0%, #fffbfd 100%);
    box-shadow:
        0 16px 40px rgba(23, 14, 61, .065),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.meet-editorial__header[b-4laeulj3p0] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
}

.meet-editorial__icon[b-4laeulj3p0] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .95rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
}

.meet-editorial__header h2[b-4laeulj3p0] {
    margin: 0;
    color: #2c2037;
    font-size: 1.15rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.meet-editorial-content[b-4laeulj3p0] {
    color: #584c61;
    font-size: .88rem;
    line-height: 1.72;
}

/*
   Editorial HTML is injected dynamically with MarkupString.
   ::deep deliberately scopes the typography from this component wrapper
   to the generated HTML elements.
*/
.meet-editorial-content[b-4laeulj3p0]  p {
    margin: 0 0 .9rem;
}

.meet-editorial-content[b-4laeulj3p0]  p:last-child {
    margin-bottom: 0;
}

.meet-editorial-content[b-4laeulj3p0]  h2,
.meet-editorial-content[b-4laeulj3p0]  h3,
.meet-editorial-content[b-4laeulj3p0]  h4 {
    margin: 1.35rem 0 .55rem;
    color: #2f223a;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.meet-editorial-content[b-4laeulj3p0]  h2 {
    font-size: 1.25rem;
}

.meet-editorial-content[b-4laeulj3p0]  h3 {
    font-size: 1.08rem;
}

.meet-editorial-content[b-4laeulj3p0]  h4 {
    font-size: .98rem;
}

.meet-editorial-content[b-4laeulj3p0]  strong,
.meet-editorial-content[b-4laeulj3p0]  b {
    color: #382841;
    font-weight: 850;
}

.meet-editorial-content[b-4laeulj3p0]  em,
.meet-editorial-content[b-4laeulj3p0]  i {
    color: #695770;
}

.meet-editorial-content[b-4laeulj3p0]  a {
    color: #b72d72;
    font-weight: 780;
    text-decoration: underline;
    text-decoration-color: rgba(183, 45, 114, .32);
    text-underline-offset: .16em;
    transition:
        color .16s ease,
        text-decoration-color .16s ease;
}

.meet-editorial-content[b-4laeulj3p0]  a:hover {
    color: #7c3aed;
    text-decoration-color: rgba(124, 58, 237, .48);
}

.meet-editorial-content[b-4laeulj3p0]  a:focus-visible {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
    border-radius: .2rem;
}

.meet-editorial-content[b-4laeulj3p0]  ul,
.meet-editorial-content[b-4laeulj3p0]  ol {
    margin: .75rem 0 1rem;
    padding-left: 1.35rem;
}

.meet-editorial-content[b-4laeulj3p0]  li {
    margin: .38rem 0;
    padding-left: .15rem;
}

.meet-editorial-content[b-4laeulj3p0]  li::marker {
    color: #c33e89;
    font-weight: 800;
}

.meet-editorial-content[b-4laeulj3p0]  blockquote {
    margin: 1rem 0;
    padding: .85rem 1rem;
    border-left: 4px solid #d34891;
    border-radius: 0 .8rem .8rem 0;
    color: #66566f;
    background: linear-gradient(135deg, rgba(255, 61, 141, .055), rgba(124, 58, 237, .05));
}

.meet-editorial-content[b-4laeulj3p0]  hr {
    margin: 1.3rem 0;
    border: 0;
    border-top: 1px solid rgba(39, 24, 69, .09);
}

/* =========================
   Region / city member directory
   ========================= */

.meet-place-directory[b-4laeulj3p0] {
    padding-top: 2rem;
}

.meet-place-directory__header[b-4laeulj3p0] {
    margin-bottom: 1rem;
}

.meet-place-directory__header h2[b-4laeulj3p0] {
    margin: 0;
    color: #2c2037;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 860;
    letter-spacing: -.035em;
}

.meet-place-directory__header p[b-4laeulj3p0] {
    max-width: 45rem;
    margin: .35rem 0 0;
    color: #827488;
    font-size: .82rem;
    line-height: 1.52;
}

.meet-place-grid[b-4laeulj3p0] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.meet-place-card[b-4laeulj3p0] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .78rem .82rem;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: 1rem;
    color: inherit;
    text-decoration: none;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 42%),
        linear-gradient(180deg, #fff, #fffafd);
    box-shadow:
        0 10px 26px rgba(23, 14, 61, .055),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.meet-place-card:hover[b-4laeulj3p0] {
    color: inherit;
    text-decoration: none;
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 16px 34px rgba(23, 14, 61, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transform: translateY(-2px);
}

.meet-place-card:focus-visible[b-4laeulj3p0] {
    outline: 3px solid rgba(124, 58, 237, .20);
    outline-offset: 2px;
}

.meet-place-card__icon[b-4laeulj3p0] {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .78rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .14);
    font-size: .8rem;
}

.meet-place-card__content[b-4laeulj3p0] {
    min-width: 0;
}

.meet-place-card__content strong[b-4laeulj3p0] {
    display: block;
    overflow: hidden;
    color: #34263e;
    font-size: .82rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meet-place-card__content small[b-4laeulj3p0] {
    display: block;
    margin-top: .08rem;
    color: #918397;
    font-size: .64rem;
    font-weight: 690;
}

.meet-place-card__arrow[b-4laeulj3p0] {
    width: 1.85rem;
    height: 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .65rem;
    color: #9a4a85;
    background: rgba(255, 255, 255, .82);
    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease;
}

.meet-place-card:hover .meet-place-card__arrow[b-4laeulj3p0] {
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    transform: translateX(2px);
}

/* =========================
   Empty state
   ========================= */

.meet-country-empty[b-4laeulj3p0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 270px;
    padding: 2rem 1.2rem;
    border: 1px dashed rgba(124, 58, 237, .17);
    border-radius: 1.25rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0, rgba(255, 61, 141, .065), transparent 30%),
        #fff;
}

.meet-country-empty--page[b-4laeulj3p0] {
    margin-top: 1rem;
}

.meet-country-empty__icon[b-4laeulj3p0] {
    width: 3.7rem;
    height: 3.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.1rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 30px rgba(124, 58, 237, .18);
    font-size: 1.3rem;
}

.meet-country-empty h1[b-4laeulj3p0],
.meet-country-empty h2[b-4laeulj3p0] {
    margin: 0;
    color: #2c2037;
    font-weight: 850;
    letter-spacing: -.03em;
}

.meet-country-empty h1[b-4laeulj3p0] {
    font-size: 1.7rem;
}

.meet-country-empty h2[b-4laeulj3p0] {
    font-size: 1.3rem;
}

.meet-country-empty p[b-4laeulj3p0] {
    margin: .45rem 0 0;
    color: #817486;
    font-size: .82rem;
}

.meet-country-empty a[b-4laeulj3p0] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .9rem;
    padding: .5rem .75rem;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: .72rem;
    font-weight: 820;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 980px) {
    .meet-country-page[b-4laeulj3p0] {
        width: min(100% - 1.4rem, 860px);
    }

    .meet-country-hero[b-4laeulj3p0] {
        grid-template-columns: minmax(0, 1fr) 210px;
        padding: 1.65rem;
    }

    .meet-place-grid[b-4laeulj3p0] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .meet-country-page[b-4laeulj3p0] {
        width: min(100% - 1rem, 600px);
        padding-top: .8rem;
    }

    .meet-country-hero[b-4laeulj3p0] {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 1rem;
        padding: 1.25rem;
        border-radius: 1.35rem;
    }

    .meet-country-hero__visual[b-4laeulj3p0] {
        display: none;
    }

    .meet-country-hero h1[b-4laeulj3p0] {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .meet-country-hero p[b-4laeulj3p0] {
        font-size: .86rem;
    }

    .meet-country-hero__meta[b-4laeulj3p0] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .meet-country-hero__meta > span[b-4laeulj3p0] {
        width: fit-content;
    }

    .meet-editorial[b-4laeulj3p0] {
        padding: 1rem;
        border-radius: 1.15rem;
    }

    .meet-place-directory[b-4laeulj3p0] {
        padding-top: 1.55rem;
    }

    .meet-place-grid[b-4laeulj3p0] {
        grid-template-columns: 1fr;
        gap: .65rem;
    }
}

@media (max-width: 430px) {
    .meet-editorial__header[b-4laeulj3p0] {
        grid-template-columns: 1fr;
    }

    .meet-editorial__icon[b-4laeulj3p0] {
        width: 2.55rem;
        height: 2.55rem;
    }

    .meet-place-card[b-4laeulj3p0] {
        padding: .72rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meet-place-card[b-4laeulj3p0],
    .meet-place-card__arrow[b-4laeulj3p0],
    .meet-editorial-content[b-4laeulj3p0]  a {
        transition: none;
    }
}
/* /Components/Pages/Meet/MeetRegion.razor.rz.scp.css */
.meet-region-page[b-llg2ysrmrl] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.35rem 0 4rem;
    color: #281d34;
}

/* =========================
   Hero
   ========================= */

.meet-region-hero[b-llg2ysrmrl] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, .42fr);
    align-items: center;
    gap: 2rem;
    min-height: 285px;
    margin-top: 1rem;
    padding: 2rem 2.15rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.7rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .42), transparent 34%),
        radial-gradient(circle at 95% 5%, rgba(124, 58, 237, .50), transparent 38%),
        linear-gradient(135deg, #0b1236 0%, #17104d 52%, #360936 100%);
    box-shadow:
        0 24px 62px rgba(25, 13, 67, .20),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.meet-region-hero[b-llg2ysrmrl]::before {
    content: "";
    position: absolute;
    right: 16%;
    bottom: -11rem;
    width: 22rem;
    height: 22rem;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
}

.meet-region-hero__content[b-llg2ysrmrl] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.meet-region-hero__eyebrow[b-llg2ysrmrl] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .9rem;
    padding: .42rem .7rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .085);
    font-size: .7rem;
    font-weight: 820;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.meet-region-hero__eyebrow i[b-llg2ysrmrl] {
    color: #ff8fc1;
}

.meet-region-hero h1[b-llg2ysrmrl] {
    max-width: 48rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.2rem, 4.6vw, 3.9rem);
    font-weight: 890;
    letter-spacing: -.052em;
    line-height: 1;
}

.meet-region-hero h1 span[b-llg2ysrmrl] {
    color: #ffafd2;
}

.meet-region-hero p[b-llg2ysrmrl] {
    max-width: 45rem;
    margin: .9rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .95rem;
    line-height: 1.6;
}

.meet-region-hero__meta[b-llg2ysrmrl] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1.15rem;
}

.meet-region-hero__meta > span[b-llg2ysrmrl] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 2rem;
    padding: .42rem .65rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .72rem;
    color: rgba(255, 255, 255, .76);
    background: rgba(255, 255, 255, .07);
    font-size: .7rem;
    font-weight: 680;
}

.meet-region-hero__meta i[b-llg2ysrmrl] {
    color: #ff84ba;
}

.meet-region-hero__meta strong[b-llg2ysrmrl] {
    color: #fff;
}

.meet-region-hero__visual[b-llg2ysrmrl] {
    position: relative;
    z-index: 2;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.meet-region-hero__visual-icon[b-llg2ysrmrl] {
    width: 9.5rem;
    height: 9.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 2.3rem;
    color: rgba(255, 255, 255, .22);
    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .17), transparent 35%),
        rgba(255, 255, 255, .055);
    font-size: 4.1rem;
    transform: rotate(4deg);
}

.meet-region-hero__pin[b-llg2ysrmrl] {
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255, 255, 255, .92);
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 24px rgba(124, 58, 237, .34);
}

.meet-region-hero__pin--one[b-llg2ysrmrl] {
    left: 17%;
    top: 20%;
}

.meet-region-hero__pin--two[b-llg2ysrmrl] {
    right: 15%;
    top: 33%;
    transform: scale(.82);
}

.meet-region-hero__pin--three[b-llg2ysrmrl] {
    left: 38%;
    bottom: 8%;
    transform: scale(.72);
}

/* =========================
   Shared heading
   ========================= */

.meet-section-eyebrow[b-llg2ysrmrl] {
    display: block;
    margin-bottom: .2rem;
    color: #a7457e;
    font-size: .68rem;
    font-weight: 840;
    letter-spacing: .07em;
    text-transform: uppercase;
}

/* =========================
   Editorial content
   ========================= */

.meet-editorial[b-llg2ysrmrl] {
    margin-top: 1.5rem;
    padding: 1.35rem 1.45rem 1.45rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 33%),
        linear-gradient(180deg, #ffffff 0%, #fffbfd 100%);
    box-shadow:
        0 16px 40px rgba(23, 14, 61, .065),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.meet-editorial__header[b-llg2ysrmrl] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
}

.meet-editorial__icon[b-llg2ysrmrl] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .95rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
}

.meet-editorial__header h2[b-llg2ysrmrl] {
    margin: 0;
    color: #2c2037;
    font-size: 1.15rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.meet-editorial-content[b-llg2ysrmrl] {
    color: #584c61;
    font-size: .88rem;
    line-height: 1.72;
}

/* EditorialBodyHtml is injected with MarkupString, hence ::deep. */
.meet-editorial-content[b-llg2ysrmrl]  p {
    margin: 0 0 .9rem;
}

.meet-editorial-content[b-llg2ysrmrl]  p:last-child {
    margin-bottom: 0;
}

.meet-editorial-content[b-llg2ysrmrl]  h2,
.meet-editorial-content[b-llg2ysrmrl]  h3,
.meet-editorial-content[b-llg2ysrmrl]  h4 {
    margin: 1.35rem 0 .55rem;
    color: #2f223a;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.meet-editorial-content[b-llg2ysrmrl]  h2 {
    font-size: 1.25rem;
}

.meet-editorial-content[b-llg2ysrmrl]  h3 {
    font-size: 1.08rem;
}

.meet-editorial-content[b-llg2ysrmrl]  h4 {
    font-size: .98rem;
}

.meet-editorial-content[b-llg2ysrmrl]  strong,
.meet-editorial-content[b-llg2ysrmrl]  b {
    color: #382841;
    font-weight: 850;
}

.meet-editorial-content[b-llg2ysrmrl]  em,
.meet-editorial-content[b-llg2ysrmrl]  i {
    color: #695770;
}

.meet-editorial-content[b-llg2ysrmrl]  a {
    color: #b72d72;
    font-weight: 780;
    text-decoration: underline;
    text-decoration-color: rgba(183, 45, 114, .32);
    text-underline-offset: .16em;
    transition:
        color .16s ease,
        text-decoration-color .16s ease;
}

.meet-editorial-content[b-llg2ysrmrl]  a:hover {
    color: #7c3aed;
    text-decoration-color: rgba(124, 58, 237, .48);
}

.meet-editorial-content[b-llg2ysrmrl]  a:focus-visible {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
    border-radius: .2rem;
}

.meet-editorial-content[b-llg2ysrmrl]  ul,
.meet-editorial-content[b-llg2ysrmrl]  ol {
    margin: .75rem 0 1rem;
    padding-left: 1.35rem;
}

.meet-editorial-content[b-llg2ysrmrl]  li {
    margin: .38rem 0;
    padding-left: .15rem;
}

.meet-editorial-content[b-llg2ysrmrl]  li::marker {
    color: #c33e89;
    font-weight: 800;
}

.meet-editorial-content[b-llg2ysrmrl]  blockquote {
    margin: 1rem 0;
    padding: .85rem 1rem;
    border-left: 4px solid #d34891;
    border-radius: 0 .8rem .8rem 0;
    color: #66566f;
    background: linear-gradient(135deg, rgba(255, 61, 141, .055), rgba(124, 58, 237, .05));
}

.meet-editorial-content[b-llg2ysrmrl]  hr {
    margin: 1.3rem 0;
    border: 0;
    border-top: 1px solid rgba(39, 24, 69, .09);
}

/* =========================
   City directory / members
   ========================= */

.meet-city-directory[b-llg2ysrmrl],
.meet-member-directory[b-llg2ysrmrl] {
    padding-top: 2rem;
}

.meet-city-directory__header[b-llg2ysrmrl] {
    margin-bottom: 1rem;
}

.meet-city-directory__header h2[b-llg2ysrmrl] {
    margin: 0;
    color: #2c2037;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 860;
    letter-spacing: -.035em;
}

.meet-city-directory__header p[b-llg2ysrmrl] {
    max-width: 48rem;
    margin: .35rem 0 0;
    color: #827488;
    font-size: .82rem;
    line-height: 1.52;
}

.meet-city-grid[b-llg2ysrmrl] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.meet-city-card[b-llg2ysrmrl] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .78rem .82rem;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: 1rem;
    color: inherit;
    text-decoration: none;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 42%),
        linear-gradient(180deg, #fff, #fffafd);
    box-shadow:
        0 10px 26px rgba(23, 14, 61, .055),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.meet-city-card:hover[b-llg2ysrmrl] {
    color: inherit;
    text-decoration: none;
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 16px 34px rgba(23, 14, 61, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transform: translateY(-2px);
}

.meet-city-card:focus-visible[b-llg2ysrmrl] {
    outline: 3px solid rgba(124, 58, 237, .20);
    outline-offset: 2px;
}

.meet-city-card__icon[b-llg2ysrmrl] {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .78rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .14);
    font-size: .8rem;
}

.meet-city-card__content[b-llg2ysrmrl] {
    min-width: 0;
}

.meet-city-card__content strong[b-llg2ysrmrl] {
    display: block;
    overflow: hidden;
    color: #34263e;
    font-size: .82rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meet-city-card__content small[b-llg2ysrmrl] {
    display: block;
    margin-top: .08rem;
    color: #918397;
    font-size: .64rem;
    font-weight: 690;
}

.meet-city-card__arrow[b-llg2ysrmrl] {
    width: 1.85rem;
    height: 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .65rem;
    color: #9a4a85;
    background: rgba(255, 255, 255, .82);
    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease;
}

.meet-city-card:hover .meet-city-card__arrow[b-llg2ysrmrl] {
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    transform: translateX(2px);
}

/* =========================
   Empty state
   ========================= */

.meet-region-empty[b-llg2ysrmrl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    margin-top: 1rem;
    padding: 2rem 1.2rem;
    border: 1px dashed rgba(124, 58, 237, .17);
    border-radius: 1.25rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0, rgba(255, 61, 141, .065), transparent 30%),
        #fff;
}

.meet-region-empty--inline[b-llg2ysrmrl] {
    min-height: 240px;
    margin-top: 0;
}

.meet-region-empty__icon[b-llg2ysrmrl] {
    width: 3.7rem;
    height: 3.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.1rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 30px rgba(124, 58, 237, .18);
    font-size: 1.3rem;
}

.meet-region-empty h1[b-llg2ysrmrl],
.meet-region-empty h2[b-llg2ysrmrl] {
    margin: 0;
    color: #2c2037;
    font-weight: 850;
    letter-spacing: -.03em;
}

.meet-region-empty h1[b-llg2ysrmrl] {
    font-size: 1.7rem;
}

.meet-region-empty h2[b-llg2ysrmrl] {
    font-size: 1.3rem;
}

.meet-region-empty p[b-llg2ysrmrl] {
    max-width: 34rem;
    margin: .45rem 0 0;
    color: #817486;
    font-size: .82rem;
    line-height: 1.5;
}

.meet-region-empty a[b-llg2ysrmrl] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .9rem;
    padding: .5rem .75rem;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: .72rem;
    font-weight: 820;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 980px) {
    .meet-region-page[b-llg2ysrmrl] {
        width: min(100% - 1.4rem, 860px);
    }

    .meet-region-hero[b-llg2ysrmrl] {
        grid-template-columns: minmax(0, 1fr) 210px;
        padding: 1.65rem;
    }

    .meet-city-grid[b-llg2ysrmrl] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .meet-region-page[b-llg2ysrmrl] {
        width: min(100% - 1rem, 600px);
        padding-top: .8rem;
    }

    .meet-region-hero[b-llg2ysrmrl] {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 1rem;
        padding: 1.25rem;
        border-radius: 1.35rem;
    }

    .meet-region-hero__visual[b-llg2ysrmrl] {
        display: none;
    }

    .meet-region-hero h1[b-llg2ysrmrl] {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .meet-region-hero p[b-llg2ysrmrl] {
        font-size: .86rem;
    }

    .meet-region-hero__meta[b-llg2ysrmrl] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .meet-region-hero__meta > span[b-llg2ysrmrl] {
        width: fit-content;
    }

    .meet-editorial[b-llg2ysrmrl] {
        padding: 1rem;
        border-radius: 1.15rem;
    }

    .meet-city-directory[b-llg2ysrmrl],
    .meet-member-directory[b-llg2ysrmrl] {
        padding-top: 1.55rem;
    }

    .meet-city-grid[b-llg2ysrmrl] {
        grid-template-columns: 1fr;
        gap: .65rem;
    }
}

@media (max-width: 430px) {
    .meet-editorial__header[b-llg2ysrmrl] {
        grid-template-columns: 1fr;
    }

    .meet-editorial__icon[b-llg2ysrmrl] {
        width: 2.55rem;
        height: 2.55rem;
    }

    .meet-city-card[b-llg2ysrmrl] {
        padding: .72rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meet-city-card[b-llg2ysrmrl],
    .meet-city-card__arrow[b-llg2ysrmrl],
    .meet-editorial-content[b-llg2ysrmrl]  a {
        transition: none;
    }
}


/* =========================
   Member list harmonization
   Mirrors the visual language used by Meet.razor result cards.
   MeetMemberList itself is intentionally left unchanged.
   ========================= */

.meet-member-directory[b-llg2ysrmrl] {
    margin-top: 2rem;
    padding: 1.2rem;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 20px 52px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.meet-member-directory__header[b-llg2ysrmrl],
.meet-member-directory .meet-city-directory__header[b-llg2ysrmrl] {
    position: relative;
    margin-bottom: 1rem;
    padding: 0 4rem 1rem 0;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
}

.meet-member-directory__header[b-llg2ysrmrl]::after,
.meet-member-directory .meet-city-directory__header[b-llg2ysrmrl]::after {
    content: "\F4CF";
    position: absolute;
    top: 0;
    right: 0;
    width: 2.9rem;
    height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .98rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 27px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-family: "bootstrap-icons";
    font-size: 1rem;
    line-height: 1;
}

.meet-member-directory__header h2[b-llg2ysrmrl],
.meet-member-directory .meet-city-directory__header h2[b-llg2ysrmrl] {
    margin: 0;
    color: #20172b;
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.035em;
}

.meet-member-directory__header p[b-llg2ysrmrl],
.meet-member-directory .meet-city-directory__header p[b-llg2ysrmrl] {
    max-width: 46rem;
    margin: .35rem 0 0;
    color: #766a7c;
    font-size: .8rem;
    line-height: 1.46;
}

/*
   MeetMemberList currently renders its own markup. These ::deep selectors
   deliberately style that child component without changing its data or logic.
*/
.meet-member-directory[b-llg2ysrmrl]  ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.meet-member-directory[b-llg2ysrmrl]  li {
    position: relative;
    min-width: 0;
    min-height: 7rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    margin: 0;
    padding: .8rem;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: 1.12rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 40%),
        linear-gradient(180deg, #ffffff, #fffafd);
    box-shadow:
        0 14px 34px rgba(21, 16, 54, .075),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.meet-member-directory[b-llg2ysrmrl]  li:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 20px 46px rgba(21, 16, 54, .12),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.meet-member-directory[b-llg2ysrmrl]  li::after {
    content: "View profile  →";
    position: absolute;
    right: .85rem;
    bottom: .72rem;
    color: #b72d72;
    font-size: .67rem;
    font-weight: 850;
    pointer-events: none;
}

/* Direct image markup used by simple member lists. */
.meet-member-directory[b-llg2ysrmrl]  li img {
    grid-column: 1;
    grid-row: 1;
    width: 5.25rem !important;
    height: 5.25rem !important;
    max-width: 5.25rem !important;
    max-height: 5.25rem !important;
    display: block;
    object-fit: cover;
    border: 3px solid rgba(255, 255, 255, .88);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .18),
        0 0 0 1px rgba(124, 58, 237, .09);
}

/* Username/profile links from the simple list. */
.meet-member-directory[b-llg2ysrmrl]  li > a {
    grid-column: 2;
    min-width: 0;
    width: fit-content;
    max-width: calc(100% - .25rem);
    overflow: hidden;
    color: #24192c;
    font-size: .98rem;
    font-weight: 890;
    letter-spacing: -.02em;
    line-height: 1.25;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.meet-member-directory[b-llg2ysrmrl]  li > a:hover {
    color: #b72d72;
    text-decoration: none;
}

.meet-member-directory[b-llg2ysrmrl]  li > a:focus-visible {
    outline: 4px solid rgba(255, 61, 141, .18);
    outline-offset: 3px;
    border-radius: .3rem;
}

/* Also support MeetMemberList implementations based on MemberDisplay. */
.meet-member-directory[b-llg2ysrmrl]  .member-display {
    --member-avatar-size: 78px;
    width: 100%;
    min-width: 0;
}

.meet-member-directory[b-llg2ysrmrl]  .member-avatar-frame {
    border-radius: 1.35rem;
}

.meet-member-directory[b-llg2ysrmrl]  .member-avatar {
    border-radius: 1.15rem;
}

.meet-member-directory[b-llg2ysrmrl]  .member-name-badge-wrapper {
    min-width: 0;
}

.meet-member-directory[b-llg2ysrmrl]  .member-name {
    max-width: 100%;
    color: #24192c;
    font-size: .98rem;
    font-weight: 890;
    letter-spacing: -.02em;
}

.meet-member-directory[b-llg2ysrmrl]  a.member-name:hover {
    color: #b72d72;
}

@media (max-width: 980px) {
    .meet-member-directory[b-llg2ysrmrl]  ul {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 680px) {
    .meet-member-directory[b-llg2ysrmrl] {
        margin-top: 1.55rem;
        padding: .95rem;
        border-radius: 1.2rem;
    }

    .meet-member-directory__header[b-llg2ysrmrl],
    .meet-member-directory .meet-city-directory__header[b-llg2ysrmrl] {
        padding-right: 3.4rem;
    }

    .meet-member-directory__header[b-llg2ysrmrl]::after,
    .meet-member-directory .meet-city-directory__header[b-llg2ysrmrl]::after {
        width: 2.55rem;
        height: 2.55rem;
    }

    .meet-member-directory[b-llg2ysrmrl]  li {
        min-height: 6.2rem;
    }

    .meet-member-directory[b-llg2ysrmrl]  li img {
        width: 4.5rem !important;
        height: 4.5rem !important;
        max-width: 4.5rem !important;
        max-height: 4.5rem !important;
    }

    .meet-member-directory[b-llg2ysrmrl]  .member-display {
        --member-avatar-size: 68px;
    }
}

@media (max-width: 420px) {
    .meet-member-directory__header[b-llg2ysrmrl],
    .meet-member-directory .meet-city-directory__header[b-llg2ysrmrl] {
        padding-right: 0;
    }

    .meet-member-directory__header[b-llg2ysrmrl]::after,
    .meet-member-directory .meet-city-directory__header[b-llg2ysrmrl]::after {
        display: none;
    }

    .meet-member-directory[b-llg2ysrmrl]  li {
        grid-template-columns: auto minmax(0, 1fr);
        gap: .72rem;
        padding: .72rem;
    }

    .meet-member-directory[b-llg2ysrmrl]  li::after {
        right: .72rem;
        bottom: .6rem;
        font-size: .63rem;
    }

    .meet-member-directory[b-llg2ysrmrl]  li img {
        width: 4.2rem !important;
        height: 4.2rem !important;
        max-width: 4.2rem !important;
        max-height: 4.2rem !important;
        border-radius: 1.05rem;
    }

    .meet-member-directory[b-llg2ysrmrl]  .member-display {
        --member-avatar-size: 62px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .meet-member-directory[b-llg2ysrmrl]  li {
        transition: none;
    }
}
/* /Components/Pages/Members/MemberAlbum.razor.rz.scp.css */
.member-album-page[b-u72icrz1o5] {
    width: min(100%, 760px);
    margin: 0 auto;
    padding: 1.7rem 1rem 3rem;
    color: #24192c;
}

.member-album-page > *[b-u72icrz1o5] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* =========================
   Hero
   ========================= */

.member-album-hero[b-u72icrz1o5] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
    min-height: 17rem;
    padding: 1.8rem 2rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.65rem;
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 61, 141, .46), transparent 34%),
        radial-gradient(circle at 92% 10%, rgba(124, 58, 237, .48), transparent 37%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 25px 65px rgba(23, 16, 80, .23),
        inset 0 1px 0 rgba(255, 255, 255, .15);
}

.member-album-hero[b-u72icrz1o5]::before {
    content: "";
    position: absolute;
    inset: auto -5rem -8rem auto;
    width: 17rem;
    height: 17rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    pointer-events: none;
}

.member-album-hero[b-u72icrz1o5]::after {
    content: "";
    position: absolute;
    top: -4rem;
    right: 18%;
    width: 13rem;
    height: 13rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
    pointer-events: none;
}

.member-album-hero__content[b-u72icrz1o5] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.member-album-hero__eyebrow[b-u72icrz1o5] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .8rem;
    padding: .38rem .7rem;
    color: rgba(255, 255, 255, .9);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.member-album-hero__eyebrow i[b-u72icrz1o5] {
    color: #ff87bc;
}

.member-album-hero h1[b-u72icrz1o5] {
    max-width: 48rem;
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 3.35rem);
    font-weight: 900;
    line-height: 1.02;
    letter-spacing: -.055em;
    overflow-wrap: anywhere;
}

.member-album-hero__description[b-u72icrz1o5] {
    max-width: 47rem;
    margin: .8rem 0 0;
    color: rgba(255, 255, 255, .76);
    font-size: .96rem;
    line-height: 1.58;
    white-space: pre-line;
}


/* Internal editorial links rendered from the optional album HTML description.
   ::deep is required because links injected through MarkupString do not receive
   Blazor's scoped CSS attribute. */
.member-album-hero__description[b-u72icrz1o5]  a {
    color: #ffd1e4;
    font-weight: 720;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 117, 173, .58);
    border-radius: .18rem;
    background:
        linear-gradient(
            180deg,
            transparent 62%,
            rgba(255, 61, 141, .10) 62%
        );
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    transition:
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.member-album-hero__description[b-u72icrz1o5]  a:hover {
    color: #fff;
    border-bottom-color: #ff75ad;
    background:
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(255, 61, 141, .22) 50%
        );
    box-shadow: 0 .16rem 0 rgba(124, 58, 237, .10);
}

.member-album-hero__description[b-u72icrz1o5]  a:visited {
    color: #f3c8ff;
    border-bottom-color: rgba(203, 145, 255, .52);
}

.member-album-hero__description[b-u72icrz1o5]  a:focus-visible {
    color: #fff;
    outline: 2px solid rgba(255, 117, 173, .72);
    outline-offset: 3px;
    border-bottom-color: transparent;
    background: rgba(255, 61, 141, .16);
}

.member-album-hero__meta[b-u72icrz1o5] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1.15rem;
}

.member-album-owner-link[b-u72icrz1o5] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    min-height: 2.55rem;
    padding: .38rem .7rem .38rem .4rem;
    color: #ffffff;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    background: rgba(255, 255, 255, .1);
    transition:
        background-color .16s ease,
        transform .16s ease;
}

.member-album-owner-link:hover[b-u72icrz1o5] {
    color: #ffffff;
    background: rgba(255, 255, 255, .16);
    transform: translateY(-1px);
}

.member-album-owner-link__avatar[b-u72icrz1o5] {
    width: 1.85rem;
    height: 1.85rem;
    flex: 0 0 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.member-album-owner-link > span:last-child[b-u72icrz1o5] {
    display: flex;
    flex-direction: column;
    line-height: 1.1;
}

.member-album-owner-link small[b-u72icrz1o5] {
    color: rgba(255, 255, 255, .58);
    font-size: .62rem;
    font-weight: 720;
}

.member-album-owner-link strong[b-u72icrz1o5] {
    font-size: .76rem;
    font-weight: 850;
}

.member-album-meta-pill[b-u72icrz1o5] {
    min-height: 2.55rem;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    padding: .5rem .72rem;
    color: rgba(255, 255, 255, .83);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .075);
    font-size: .73rem;
    font-weight: 780;
}

.member-album-meta-pill i[b-u72icrz1o5] {
    color: #ff87bc;
}

.member-album-hero__visual[b-u72icrz1o5] {
    position: relative;
    z-index: 1;
    width: 8rem;
    height: 8rem;
    flex: 0 0 8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 2.1rem;
    background:
        radial-gradient(circle at 28% 12%, rgba(255, 255, 255, .32), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 22px 48px rgba(255, 61, 141, .24),
        inset 0 1px 0 rgba(255, 255, 255, .2);
    font-size: 3rem;
    transform: rotate(4deg);
}

.member-album-hero__spark[b-u72icrz1o5] {
    position: absolute;
    top: -.8rem;
    right: -.55rem;
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .9rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(255, 61, 141, .28);
    font-size: 1.15rem;
}

/* =========================
   Gallery section
   ========================= */

.member-album-gallery-section[b-u72icrz1o5] {
    display: grid;
    gap: 1rem;
    margin-top: 1.15rem;
}

.member-album-section-header[b-u72icrz1o5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .3rem .15rem;
}

.member-album-section-header__eyebrow[b-u72icrz1o5] {
    display: block;
    margin-bottom: .15rem;
    color: #a34d80;
    font-size: .68rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.member-album-section-header h2[b-u72icrz1o5] {
    margin: 0;
    color: #20172b;
    font-size: 1.65rem;
    font-weight: 880;
    line-height: 1.1;
    letter-spacing: -.04em;
}

.member-album-section-header p[b-u72icrz1o5] {
    margin: .38rem 0 0;
    color: #74687e;
    font-size: .82rem;
    line-height: 1.45;
}

.member-album-section-header__icon[b-u72icrz1o5] {
    width: 2.7rem;
    height: 2.7rem;
    flex: 0 0 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .95rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .18);
}

/* =========================
   Contributions — same layout as MemberProfile
   ========================= */

.member-album-gallery-section > .member-feed-card[b-u72icrz1o5] {
    display: block;
    width: 100%;
    max-width: 100%;
}

.member-feed-card[b-u72icrz1o5] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 1.25rem;
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.member-feed-card:hover[b-u72icrz1o5] {
    transform: translateY(-2px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 24px 60px rgba(21, 16, 54, .14),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-feed-card__header[b-u72icrz1o5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    padding: .9rem 1rem;
    border-bottom: 1px solid rgba(38, 24, 69, .08);
    background: rgba(255, 255, 255, .76);
    backdrop-filter: blur(12px);
}

.member-feed-card__album[b-u72icrz1o5],
.member-feed-card__time[b-u72icrz1o5] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #65546f;
    font-size: .82rem;
    font-weight: 750;
}

.member-feed-card__album span[b-u72icrz1o5] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-feed-card__album i[b-u72icrz1o5] {
    color: #ff3d8d;
}

.member-feed-card__time[b-u72icrz1o5] {
    flex: 0 0 auto;
    padding: .32rem .55rem;
    border-radius: 999px;
    background: #f6f1f7;
    border: 1px solid rgba(38, 24, 69, .07);
}

.member-feed-card__time i[b-u72icrz1o5] {
    color: #a855f7;
}

.member-feed-media[b-u72icrz1o5] {
    position: relative;
    width: 100%;
    min-height: 260px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .14), transparent 32%),
        linear-gradient(135deg, #090817, #151026);
}

.member-feed-media:focus-visible[b-u72icrz1o5] {
    outline: 4px solid rgba(255, 61, 141, .28);
    outline-offset: -4px;
}

.member-feed-media[b-u72icrz1o5]::after {
    content: "Open";
    position: absolute;
    right: .85rem;
    bottom: .85rem;
    padding: .38rem .62rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .92);
    font-size: .72rem;
    font-weight: 750;
    background: rgba(15, 13, 30, .58);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(12px);
    opacity: 0;
    transform: translateY(6px);
    transition:
        opacity .18s ease,
        transform .18s ease;
}

.member-feed-media:hover[b-u72icrz1o5]::after,
.member-feed-media:focus-visible[b-u72icrz1o5]::after {
    opacity: 1;
    transform: translateY(0);
}

.member-feed-media__content[b-u72icrz1o5] {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(72vh, 600px);
    object-fit: contain;
}

.member-feed-media__content--video[b-u72icrz1o5] {
    width: 100%;
    background: #000000;
}

.member-feed-media__placeholder[b-u72icrz1o5] {
    width: 100%;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 2rem;
    color: rgba(255, 255, 255, .82);
    text-align: center;
}

.member-feed-media__placeholder--video[b-u72icrz1o5] {
    background:
        radial-gradient(circle at 50% 20%, rgba(124, 58, 237, .22), transparent 35%),
        linear-gradient(135deg, #0d0b18, #19122b);
}

.member-feed-media__placeholder-icon[b-u72icrz1o5] {
    width: 3.6rem;
    height: 3.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .35rem;
    border-radius: 1.2rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 32px rgba(255, 61, 141, .28);
}

.member-feed-media__placeholder-icon i[b-u72icrz1o5] {
    font-size: 1.65rem;
}

.member-feed-media__placeholder small[b-u72icrz1o5] {
    color: rgba(255, 255, 255, .58);
}

.member-feed-card__body[b-u72icrz1o5] {
    padding: .9rem 1rem 1rem;
}

.member-feed-actions[b-u72icrz1o5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin-bottom: .7rem;
}

.member-feed-actions__right[b-u72icrz1o5] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex: 0 0 auto;
}

.member-icon-button[b-u72icrz1o5] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .28rem .62rem;
    color: #65546f;
    border: 1px solid rgba(38, 24, 69, .13);
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(21, 16, 54, .06);
    font-size: .86rem;
    font-weight: 700;
    transition:
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.member-icon-button:hover[b-u72icrz1o5] {
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .25);
    background: #fff5fa;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(255, 61, 141, .12);
}

.member-dedication[b-u72icrz1o5]  .btn {
    border-radius: 999px;
}

.member-feed-description[b-u72icrz1o5] {
    margin: 0;
    color: #2d2633;
    font-size: .96rem;
    line-height: 1.45;
    white-space: pre-line;
}

/* =========================
   Author card
   ========================= */

.member-album-author[b-u72icrz1o5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    margin-top: 1.15rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.2rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .07), transparent 35%),
        linear-gradient(135deg, #ffffff, #fff8fc);
    box-shadow:
        0 16px 40px rgba(21, 16, 54, .075),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-album-author__icon[b-u72icrz1o5] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 1rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(255, 61, 141, .2);
}

.member-album-author__content[b-u72icrz1o5] {
    min-width: 0;
}

.member-album-author__content > span[b-u72icrz1o5] {
    display: block;
    margin-bottom: .1rem;
    color: #a34d80;
    font-size: .65rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.member-album-author h2[b-u72icrz1o5] {
    margin: 0;
    color: #20172b;
    font-size: 1rem;
    font-weight: 870;
    letter-spacing: -.025em;
}

.member-album-author p[b-u72icrz1o5] {
    margin: .3rem 0 0;
    color: #74687e;
    font-size: .78rem;
    line-height: 1.45;
}

/* =========================
   Buttons
   ========================= */

.member-album-button[b-u72icrz1o5] {
    min-height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .58rem .9rem;
    border-radius: 999px;
    font-size: .8rem;
    font-weight: 850;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.member-album-button:hover[b-u72icrz1o5] {
    transform: translateY(-1px);
}

.member-album-button--primary[b-u72icrz1o5] {
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .18);
}

.member-album-button--primary:hover[b-u72icrz1o5] {
    color: #ffffff;
    box-shadow: 0 16px 34px rgba(124, 58, 237, .24);
}

.member-album-button--secondary[b-u72icrz1o5] {
    color: #6f3989;
    border: 1px solid rgba(124, 58, 237, .17);
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(21, 16, 54, .06);
}

.member-album-button--secondary:hover[b-u72icrz1o5] {
    color: #562576;
    box-shadow: 0 12px 28px rgba(21, 16, 54, .1);
}

/* =========================
   Loading and empty states
   ========================= */

.member-album-loading[b-u72icrz1o5],
.member-album-empty[b-u72icrz1o5] {
    min-height: 18rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 2rem 1.3rem;
    text-align: center;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .07), transparent 35%),
        #ffffff;
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.member-album-loading[b-u72icrz1o5] {
    min-height: 13rem;
    flex-direction: row;
    text-align: left;
}

.member-album-loading__icon[b-u72icrz1o5],
.member-album-empty__icon[b-u72icrz1o5] {
    width: 4rem;
    height: 4rem;
    flex: 0 0 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .3rem;
    color: #ffffff;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(255, 61, 141, .2);
    font-size: 1.55rem;
}

.member-album-loading__icon .spinner-border[b-u72icrz1o5] {
    width: 1.55rem;
    height: 1.55rem;
    border-width: .16rem;
}

.member-album-loading strong[b-u72icrz1o5],
.member-album-empty h1[b-u72icrz1o5],
.member-album-empty h3[b-u72icrz1o5] {
    margin: 0;
    color: #20172b;
    font-weight: 880;
    letter-spacing: -.03em;
}

.member-album-empty h1[b-u72icrz1o5] {
    font-size: 1.55rem;
}

.member-album-empty h3[b-u72icrz1o5] {
    font-size: 1.25rem;
}

.member-album-loading p[b-u72icrz1o5],
.member-album-empty p[b-u72icrz1o5] {
    max-width: 31rem;
    margin: .1rem 0 .65rem;
    color: #74687e;
    font-size: .84rem;
    line-height: 1.5;
}

.member-album-empty--missing[b-u72icrz1o5] {
    min-height: 26rem;
}

/* =========================
   Responsive
   ========================= */


/* =========================
   AI-generated content badge
   ========================= */

.member-feed-card__header-meta[b-u72icrz1o5] {
    min-width: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
}

.ai-generated-badge[b-u72icrz1o5] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .28rem .56rem .28rem .3rem;
    color: #71358a;
    border: 1px solid rgba(168, 85, 247, .18);
    border-radius: 999px;
    background:
        linear-gradient(
            135deg,
            rgba(217, 70, 239, .09),
            rgba(124, 58, 237, .08));
    box-shadow:
        0 7px 18px rgba(124, 58, 237, .08),
        inset 0 1px 0 rgba(255, 255, 255, .8);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .01em;
    white-space: nowrap;
}

.ai-generated-badge__icon[b-u72icrz1o5] {
    width: 1.4rem;
    height: 1.4rem;
    flex: 0 0 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .5rem;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .34), transparent 36%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 6px 14px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .24);
    font-size: .7rem;
}

@media (max-width: 760px) {
    .member-album-page[b-u72icrz1o5] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .member-album-hero[b-u72icrz1o5] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 1.35rem;
        border-radius: 1.35rem;
    }

    .member-album-hero__visual[b-u72icrz1o5] {
        display: none;
    }

    .member-album-hero h1[b-u72icrz1o5] {
        font-size: 2.25rem;
    }

    .member-feed-card[b-u72icrz1o5] {
        border-radius: 1.15rem;
    }

    .member-feed-card__header[b-u72icrz1o5] {
        align-items: flex-start;
        flex-direction: column;
    }

    .member-feed-card__header-meta[b-u72icrz1o5] {
        width: 100%;
        justify-content: flex-start;
    }

    .member-feed-media[b-u72icrz1o5] {
        min-height: 220px;
    }

    .member-feed-media[b-u72icrz1o5]::after {
        display: none;
    }

    .member-feed-actions[b-u72icrz1o5] {
        align-items: flex-start;
        flex-direction: column;
        gap: .65rem;
    }

    .member-feed-actions__right[b-u72icrz1o5] {
        width: 100%;
        justify-content: space-between;
    }

    .member-album-author[b-u72icrz1o5] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .member-album-author .member-album-button[b-u72icrz1o5] {
        grid-column: 1 / -1;
        width: 100%;
    }
}

@media (max-width: 540px) {
    .member-album-section-header[b-u72icrz1o5] {
        align-items: flex-start;
    }

    .member-album-loading[b-u72icrz1o5] {
        flex-direction: column;
        text-align: center;
    }
}

@media (max-width: 390px) {
    .member-album-hero[b-u72icrz1o5] {
        padding: 1.15rem;
    }

    .member-album-hero h1[b-u72icrz1o5] {
        font-size: 1.95rem;
    }

    .member-album-hero__meta[b-u72icrz1o5] {
        align-items: stretch;
        flex-direction: column;
    }

    .member-album-owner-link[b-u72icrz1o5],
    .member-album-meta-pill[b-u72icrz1o5] {
        width: 100%;
    }

    .member-album-meta-pill[b-u72icrz1o5] {
        justify-content: center;
    }

    .member-album-author[b-u72icrz1o5] {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .member-album-author__icon[b-u72icrz1o5] {
        justify-self: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .member-album-hero__description[b-u72icrz1o5]  a,
    .member-album-owner-link[b-u72icrz1o5],
    .member-album-card[b-u72icrz1o5],
    .member-album-card__media img[b-u72icrz1o5],
    .member-album-card__open[b-u72icrz1o5],
    .member-album-icon-button[b-u72icrz1o5],
    .member-album-button[b-u72icrz1o5] {
        transition: none;
    }
}


@media (max-width: 430px) {
    .ai-generated-badge[b-u72icrz1o5] {
        padding-right: .3rem;
    }

    .ai-generated-badge__label[b-u72icrz1o5] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}
/* /Components/Pages/Members/MemberAlbums.razor.rz.scp.css */
.member-profile-page[b-fx1h4rop6p] {
    width: min(100%, 760px);
    padding: 1.7rem 1rem 3rem;
    margin: 0 auto;
}

.member-hero[b-fx1h4rop6p] {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    border-radius: 1.6rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 14% 0%, rgba(255, 61, 141, .48), transparent 34%),
        radial-gradient(circle at 90% 10%, rgba(124, 58, 237, .46), transparent 38%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 20px 55px rgba(23, 16, 80, .24),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.member-hero__glow[b-fx1h4rop6p] {
    position: absolute;
    right: -5rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    pointer-events: none;
}

.member-hero__main[b-fx1h4rop6p] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "avatar identity"
        "avatar actions";
    align-items: center;
    column-gap: 1rem;
    row-gap: .85rem;
}

.member-hero__avatar[b-fx1h4rop6p] {
    grid-area: avatar;
    align-self: start;
}

.member-hero__avatar[b-fx1h4rop6p] {
    flex: 0 0 auto;
    padding: .2rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .28),
        0 0 0 5px rgba(255, 255, 255, .10);
}

.member-hero__identity[b-fx1h4rop6p] {
    grid-area: identity;
    min-width: 0;
    width: 100%;
}

.member-hero__eyebrow[b-fx1h4rop6p] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .45rem;
    padding: .34rem .62rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
}

.member-hero h1[b-fx1h4rop6p] {
    margin: 0;
    font-size: clamp(1.7rem, 3.4vw, 2.15rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.member-hero__username[b-fx1h4rop6p] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}

.member-hero__meta[b-fx1h4rop6p] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .65rem;
}

.member-type-pill[b-fx1h4rop6p] {
    --member-type-color: #ff3d8d;
    --member-type-soft: rgba(255, 61, 141, .16);

    display: inline-flex;
    align-items: center;
    gap: .46rem;
    min-height: 2.15rem;
    padding: .32rem .68rem .32rem .32rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 850;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .30), transparent 35%),
        linear-gradient(135deg, var(--member-type-color), #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .24),
        0 0 0 4px var(--member-type-soft);
}

.member-type-pill__icon[b-fx1h4rop6p] {
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .65rem;
    background: rgba(255, 255, 255, .16);
}

.member-type-pill--man[b-fx1h4rop6p] {
    --member-type-color: #3b82f6;
    --member-type-soft: rgba(59, 130, 246, .18);
}

.member-type-pill--woman[b-fx1h4rop6p] {
    --member-type-color: #ff3d8d;
    --member-type-soft: rgba(255, 61, 141, .18);
}

.member-type-pill--couple[b-fx1h4rop6p] {
    --member-type-color: #7c3aed;
    --member-type-soft: rgba(124, 58, 237, .18);
}

.member-type-pill--nonbinary[b-fx1h4rop6p] {
    --member-type-color: #f59e0b;
    --member-type-soft: rgba(245, 158, 11, .18);
}

.member-info-pill[b-fx1h4rop6p],
.member-fact[b-fx1h4rop6p] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.05rem;
    padding: .38rem .64rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .86);
    font-size: .8rem;
    font-weight: 750;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(10px);
}

.member-status-badge[b-fx1h4rop6p] {
    --status-color: #ffc247;
    --status-soft: rgba(255, 194, 71, .16);
    --status-border: rgba(255, 194, 71, .28);

    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.05rem;
    padding: .38rem .64rem;
    border-radius: 999px;
    color: #2c1d05;
    font-size: .78rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .42), transparent 38%),
        linear-gradient(135deg, #ffd166, #ffb703);
    border: 1px solid var(--status-border);
    box-shadow:
        0 8px 18px rgba(255, 183, 3, .22),
        0 0 0 3px var(--status-soft),
        inset 0 1px 0 rgba(255, 255, 255, .45);
}

.member-status-badge i[b-fx1h4rop6p] {
    font-size: .88rem;
    line-height: 1;
}

.member-status-badge[data-status="FoundingMember"][b-fx1h4rop6p] {
    --status-color: #ff3d8d;
    --status-soft: rgba(255, 61, 141, .15);
    --status-border: rgba(255, 61, 141, .28);
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .32), transparent 38%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124, 58, 237, .24),
        0 0 0 3px rgba(255, 61, 141, .12),
        inset 0 1px 0 rgba(255, 255, 255, .32);
}

.member-actions[b-fx1h4rop6p] {
    grid-area: actions;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    flex-wrap: wrap;
}

.member-action-button[b-fx1h4rop6p] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .5rem .78rem;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 850;
    border: 1px solid rgba(255, 255, 255, .16);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background-color .16s ease,
        opacity .16s ease;
}

.member-action-button--primary[b-fx1h4rop6p] {
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 28px rgba(255, 61, 141, .25);
    border-color: transparent;
}

.member-action-button--ghost[b-fx1h4rop6p] {
    color: #ffffff;
    background: rgba(255, 255, 255, .12);
}

.member-action-button--muted[b-fx1h4rop6p] {
    color: #ffffff;
    background: rgba(255, 255, 255, .10);
}

.member-action-button--success[b-fx1h4rop6p] {
    color: #ffffff;
    background: linear-gradient(135deg, #21b86b, #10b981);
    border-color: transparent;
}

.member-action-button:hover:not(:disabled)[b-fx1h4rop6p] {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(8, 6, 26, .22);
}

.member-action-button:disabled[b-fx1h4rop6p] {
    opacity: .65;
    cursor: wait;
}

.member-profile-facts[b-fx1h4rop6p] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: 1rem;
}

.member-fact--pink[b-fx1h4rop6p] {
    background: rgba(255, 61, 141, .18);
}

.member-fact--blue[b-fx1h4rop6p] {
    background: rgba(59, 130, 246, .18);
}

.member-languages[b-fx1h4rop6p] {
    position: relative;
    z-index: 1;
    margin-top: 1rem;
    padding: .85rem;
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(10px);
}

.member-languages__label[b-fx1h4rop6p] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .5rem;
    color: rgba(255, 255, 255, .86);
    font-size: .78rem;
    font-weight: 850;
}

.member-languages[b-fx1h4rop6p]  .badge,
.member-languages[b-fx1h4rop6p]  span {
    border-radius: 999px;
}


.member-hero__summary[b-fx1h4rop6p] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: .85rem;
}

.member-hero__social-stats[b-fx1h4rop6p] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .16rem;
    padding: .2rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .085);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 8px 22px rgba(5, 4, 23, .10);
    backdrop-filter: blur(12px);
}

.member-social-stat[b-fx1h4rop6p] {
    min-height: 1.85rem;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: .3rem;
    padding: .34rem .58rem;
    color: rgba(255, 255, 255, .72);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 710;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.member-social-stat strong[b-fx1h4rop6p] {
    color: #ffffff;
    font-size: .79rem;
    font-weight: 900;
    letter-spacing: -.015em;
}

.member-social-stat:hover[b-fx1h4rop6p] {
    color: #ffffff;
    background: rgba(255, 255, 255, .12);
    transform: translateY(-1px);
}

.member-social-stat:focus-visible[b-fx1h4rop6p] {
    outline: 3px solid rgba(255, 143, 193, .42);
    outline-offset: 1px;
}

.member-hero__location[b-fx1h4rop6p] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    min-height: 2rem;
    padding: .38rem .62rem;
    color: rgba(255, 255, 255, .84);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    backdrop-filter: blur(10px);
    font-size: .76rem;
    font-weight: 740;
}

.member-hero__location > span[b-fx1h4rop6p] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-about-overview[b-fx1h4rop6p] {
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .05), transparent 36%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .04), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
}

.member-about-facts[b-fx1h4rop6p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.member-about-fact[b-fx1h4rop6p] {
    --about-accent: #7c3aed;
    --about-accent-secondary: #ff3d8d;

    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    padding: .65rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .9rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 42%),
        rgba(255, 255, 255, .78);
}

.member-about-fact--man[b-fx1h4rop6p] {
    --about-accent: #3b82f6;
    --about-accent-secondary: #7c3aed;
    border-color: rgba(59, 130, 246, .12);
}

.member-about-fact--woman[b-fx1h4rop6p] {
    --about-accent: #ff3d8d;
    --about-accent-secondary: #7c3aed;
    border-color: rgba(255, 61, 141, .13);
}

.member-about-fact__icon[b-fx1h4rop6p] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .76rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(
            135deg,
            var(--about-accent),
            var(--about-accent-secondary));
    box-shadow: 0 8px 18px rgba(124, 58, 237, .14);
}

.member-about-fact > span:last-child[b-fx1h4rop6p] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .04rem;
}

.member-about-fact small[b-fx1h4rop6p] {
    color: #96899b;
    font-size: .59rem;
    font-weight: 730;
    line-height: 1.2;
}

.member-about-fact strong[b-fx1h4rop6p] {
    overflow: hidden;
    color: #392a42;
    font-size: .73rem;
    font-weight: 860;
    line-height: 1.3;
    text-overflow: ellipsis;
}

.member-about-fact__secondary[b-fx1h4rop6p] {
    margin-left: .18rem;
    color: #8b7e91;
    font-size: .62rem;
    font-weight: 700;
}

.member-about-languages[b-fx1h4rop6p] {
    margin-top: .8rem;
    padding: .72rem;
    border: 1px solid rgba(39, 24, 69, .075);
    border-radius: .9rem;
    background: rgba(248, 244, 250, .72);
}

.member-about-languages__label[b-fx1h4rop6p] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-bottom: .48rem;
    color: #73527f;
    font-size: .67rem;
    font-weight: 840;
    letter-spacing: .03em;
}

.member-about-languages__label i[b-fx1h4rop6p] {
    color: #ff3d8d;
}

.member-about-languages[b-fx1h4rop6p]  .badge,
.member-about-languages[b-fx1h4rop6p]  span {
    border-radius: 999px;
}


.member-card[b-fx1h4rop6p],
.member-feed-card[b-fx1h4rop6p],
.member-album-card[b-fx1h4rop6p] {
    overflow: hidden;
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-card[b-fx1h4rop6p] {
    padding: 1.05rem;
    margin-bottom: 1.15rem;
}

.member-card__header[b-fx1h4rop6p] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.member-card__eyebrow[b-fx1h4rop6p] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.member-card h2[b-fx1h4rop6p] {
    margin: 0;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.member-card__icon[b-fx1h4rop6p] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #ffffff;
    font-size: 1rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .18);
}

.member-bio[b-fx1h4rop6p] {
    margin: 0;
    color: #33283d;
    font-size: .94rem;
    line-height: 1.55;
    white-space: pre-line;
}

.member-tabs[b-fx1h4rop6p] {
    position: sticky;
    top: 4.35rem;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
    width: 100%;
    margin-bottom: 1rem;
    padding: .32rem;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: 1.05rem;
    background: rgba(248, 244, 250, .94);
    box-shadow:
        0 13px 30px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    backdrop-filter: blur(18px);
}

.member-tab[b-fx1h4rop6p] {
    min-width: 0;
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .52rem .62rem;
    border: 1px solid transparent;
    border-radius: .82rem;
    color: #6b6174;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 850;
    background: transparent;
    transition:
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.member-tab i[b-fx1h4rop6p] {
    flex: 0 0 auto;
    font-size: .86rem;
}

.member-tab span[b-fx1h4rop6p] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-tab:hover[b-fx1h4rop6p] {
    color: #c72b75;
    border-color: rgba(255, 61, 141, .10);
    background: rgba(255, 255, 255, .74);
}

.member-tab.is-active[b-fx1h4rop6p] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .26), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.member-about-content[b-fx1h4rop6p] {
    display: grid;
    gap: 1.15rem;
}

.member-about-content > .member-card[b-fx1h4rop6p],
.member-about-content > .member-details-card[b-fx1h4rop6p] {
    margin-bottom: 0;
}

.member-feed-card[b-fx1h4rop6p] {
    overflow: hidden;
    margin-bottom: 1.35rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.member-feed-card:hover[b-fx1h4rop6p] {
    transform: translateY(-2px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 24px 60px rgba(21, 16, 54, .14),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-feed-card__header[b-fx1h4rop6p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .95rem 1rem;
    border-bottom: 1px solid rgba(38, 24, 69, .08);
    background: rgba(255, 255, 255, .76);
    backdrop-filter: blur(12px);
}

.member-feed-card__time[b-fx1h4rop6p] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .58rem;
    border-radius: 999px;
    color: #6b6174;
    font-size: .78rem;
    font-weight: 650;
    background: #f6f1f7;
    border: 1px solid rgba(38, 24, 69, .07);
}

.member-feed-card__time i[b-fx1h4rop6p] {
    color: #a855f7;
    font-size: .78rem;
}

.member-feed-card__album[b-fx1h4rop6p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    max-width: calc(100% - 2rem);
    margin: .85rem 1rem .75rem;
}

.member-feed-card__album-title[b-fx1h4rop6p] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .42rem .72rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: 999px;
    color: #65546f;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .08), rgba(124, 58, 237, .08));
    font-size: .84rem;
    font-weight: 650;
}

.member-feed-card__album-title span[b-fx1h4rop6p] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-feed-card__album-title i[b-fx1h4rop6p] {
    flex: 0 0 auto;
    color: #ff3d8d;
}

.album-visibility[b-fx1h4rop6p] {
    --visibility-color: #6b6174;
    --visibility-soft: rgba(107, 97, 116, .10);
    --visibility-border: rgba(107, 97, 116, .16);

    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    min-height: 1.9rem;
    padding: .3rem .58rem;
    border: 1px solid var(--visibility-border);
    border-radius: 999px;
    color: var(--visibility-color);
    background: var(--visibility-soft);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .015em;
    white-space: nowrap;
}

.album-visibility i[b-fx1h4rop6p] {
    font-size: .72rem;
}

.album-visibility--public[b-fx1h4rop6p] {
    --visibility-color: #14784a;
    --visibility-soft: rgba(33, 184, 107, .11);
    --visibility-border: rgba(33, 184, 107, .20);
}

.album-visibility--private[b-fx1h4rop6p] {
    --visibility-color: #c62562;
    --visibility-soft: rgba(255, 61, 141, .10);
    --visibility-border: rgba(255, 61, 141, .20);
}

.album-visibility--intermediate[b-fx1h4rop6p] {
    --visibility-color: #98610b;
    --visibility-soft: rgba(245, 158, 11, .12);
    --visibility-border: rgba(245, 158, 11, .22);
}

.album-visibility--unknown[b-fx1h4rop6p] {
    --visibility-color: #65546f;
    --visibility-soft: rgba(101, 84, 111, .09);
    --visibility-border: rgba(101, 84, 111, .15);
}

.member-feed-media[b-fx1h4rop6p] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    cursor: pointer;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .14), transparent 32%),
        linear-gradient(135deg, #090817, #151026);
}

.member-feed-media[b-fx1h4rop6p]::after {
    content: "Open";
    position: absolute;
    right: .85rem;
    bottom: .85rem;
    padding: .38rem .62rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .92);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .01em;
    background: rgba(15, 13, 30, .58);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(12px);
    opacity: 0;
    transform: translateY(6px);
    transition:
        opacity .18s ease,
        transform .18s ease;
}

.member-feed-media:hover[b-fx1h4rop6p]::after {
    opacity: 1;
    transform: translateY(0);
}

.member-feed-media__content[b-fx1h4rop6p] {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(72vh, 600px);
    object-fit: contain;
}

.member-feed-media__content--video[b-fx1h4rop6p] {
    width: 100%;
    background: #000000;
}

.member-feed-media__placeholder[b-fx1h4rop6p] {
    min-height: 300px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 2rem;
    color: rgba(255, 255, 255, .82);
    text-align: center;
}

.member-feed-media__placeholder--video[b-fx1h4rop6p] {
    background:
        radial-gradient(circle at 50% 20%, rgba(124, 58, 237, .22), transparent 35%),
        linear-gradient(135deg, #0d0b18, #19122b);
}

.member-feed-media__placeholder-icon[b-fx1h4rop6p] {
    width: 3.6rem;
    height: 3.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .35rem;
    border-radius: 1.2rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 32px rgba(255, 61, 141, .28);
}

.member-feed-media__placeholder-icon i[b-fx1h4rop6p] {
    font-size: 1.65rem;
}

.member-feed-media__placeholder small[b-fx1h4rop6p] {
    color: rgba(255, 255, 255, .58);
}

.member-feed-card__body[b-fx1h4rop6p] {
    padding: .9rem 1rem 1rem;
}

.member-feed-actions[b-fx1h4rop6p] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin-bottom: .7rem;
}

.member-feed-actions__reactions[b-fx1h4rop6p] {
    min-width: 0;
}

.member-feed-actions__right[b-fx1h4rop6p] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex: 0 0 auto;
}

.member-icon-button[b-fx1h4rop6p] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .28rem .62rem;
    border: 1px solid rgba(38, 24, 69, .13);
    border-radius: 999px;
    color: #65546f;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(21, 16, 54, .06);
    font-size: .86rem;
    font-weight: 700;
    transition:
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.member-icon-button:hover[b-fx1h4rop6p] {
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .25);
    background: #fff5fa;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(255, 61, 141, .12);
}

.member-dedication[b-fx1h4rop6p]  .btn {
    border-radius: 999px;
}

.member-feed-description[b-fx1h4rop6p] {
    margin: 0;
    color: #2d2633;
    font-size: .96rem;
    line-height: 1.45;
    white-space: pre-line;
}

.member-load-more[b-fx1h4rop6p] {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0 .5rem;
}

.member-load-more__button[b-fx1h4rop6p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.75rem;
    padding: .6rem 1.15rem;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    font-weight: 800;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(124, 58, 237, .24);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        opacity .18s ease;
}

.member-load-more__button:hover:not(:disabled)[b-fx1h4rop6p] {
    transform: translateY(-2px);
    box-shadow: 0 20px 44px rgba(124, 58, 237, .30);
}

.member-load-more__button:disabled[b-fx1h4rop6p] {
    opacity: .65;
    cursor: not-allowed;
}

.member-album-grid[b-fx1h4rop6p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.member-album-card[b-fx1h4rop6p] {
    --album-accent: #ff3d8d;
    --album-accent-secondary: #7c3aed;
    --album-soft: rgba(124, 58, 237, .11);
    --album-hover-ring: rgba(124, 58, 237, .12);

    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 100%, rgba(124, 58, 237, .035), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

/*
 * Album visibility is communicated mainly by the badge and icon.
 * The cards stay within the XLibertia pink / violet visual language.
 */
.member-album-card--public[b-fx1h4rop6p] {
    --album-accent: #7c3aed;
    --album-accent-secondary: #ff3d8d;
    --album-soft: rgba(124, 58, 237, .11);
    --album-hover-ring: rgba(255, 61, 141, .10);
}

.member-album-card--private[b-fx1h4rop6p] {
    --album-accent: #d92d72;
    --album-accent-secondary: #7c3aed;
    --album-soft: rgba(217, 45, 114, .11);
    --album-hover-ring: rgba(217, 45, 114, .10);
}

.member-album-card--intermediate[b-fx1h4rop6p] {
    --album-accent: #8b5cf6;
    --album-accent-secondary: #d946ef;
    --album-soft: rgba(139, 92, 246, .11);
    --album-hover-ring: rgba(217, 70, 239, .09);
}

.member-album-card--unknown[b-fx1h4rop6p] {
    --album-accent: #7c3aed;
    --album-accent-secondary: #a855f7;
    --album-soft: rgba(124, 58, 237, .10);
    --album-hover-ring: rgba(124, 58, 237, .09);
}

.member-album-card--accessible:hover[b-fx1h4rop6p] {
    transform: translateY(-3px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 26px 64px rgba(21, 16, 54, .15),
        0 0 0 4px var(--album-hover-ring),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-album-card__visual[b-fx1h4rop6p] {
    position: relative;
    overflow: hidden;
    min-height: 7.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .33), transparent 42%),
        radial-gradient(circle at 100% 10%, rgba(124, 58, 237, .38), transparent 46%),
        linear-gradient(135deg, #071434 0%, #171050 54%, #330735 100%);
}

.member-album-card--private .member-album-card__visual[b-fx1h4rop6p] {
    background:
        radial-gradient(circle at 10% 0%, rgba(217, 45, 114, .42), transparent 43%),
        radial-gradient(circle at 100% 12%, rgba(124, 58, 237, .42), transparent 46%),
        linear-gradient(135deg, #14102e 0%, #351040 54%, #220b46 100%);
}

.member-album-card--intermediate .member-album-card__visual[b-fx1h4rop6p] {
    background:
        radial-gradient(circle at 12% 0%, rgba(217, 70, 239, .30), transparent 42%),
        radial-gradient(circle at 100% 12%, rgba(139, 92, 246, .46), transparent 46%),
        linear-gradient(135deg, #081432 0%, #24104d 54%, #321039 100%);
}

.member-album-card__visual[b-fx1h4rop6p]::before,
.member-album-card__visual[b-fx1h4rop6p]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
    pointer-events: none;
}

.member-album-card__visual[b-fx1h4rop6p]::before {
    right: -2.7rem;
    bottom: -4rem;
    width: 8rem;
    height: 8rem;
}

.member-album-card__visual[b-fx1h4rop6p]::after {
    top: -2.2rem;
    left: -1.8rem;
    width: 4.8rem;
    height: 4.8rem;
}

.member-album-card__visual-glow[b-fx1h4rop6p] {
    position: absolute;
    inset: auto 10% -1rem;
    height: 2.5rem;
    border-radius: 50%;
    background: linear-gradient(
        90deg,
        var(--album-accent),
        var(--album-accent-secondary));
    filter: blur(30px);
    opacity: .28;
    pointer-events: none;
}

.member-album-card__icon[b-fx1h4rop6p] {
    position: relative;
    z-index: 1;
    width: 3.9rem;
    height: 3.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at 25% 7%, rgba(255, 255, 255, .34), transparent 35%),
        linear-gradient(135deg, var(--album-accent), var(--album-accent-secondary));
    box-shadow:
        0 16px 34px var(--album-soft),
        0 0 0 5px rgba(255, 255, 255, .055),
        inset 0 1px 0 rgba(255, 255, 255, .28);
    font-size: 1.55rem;
}

.album-visibility--on-visual[b-fx1h4rop6p] {
    position: absolute;
    z-index: 2;
    top: .7rem;
    left: .7rem;
    color: rgba(255, 255, 255, .95);
    border-color: rgba(255, 255, 255, .17);
    background: rgba(8, 7, 27, .58);
    box-shadow: 0 8px 20px rgba(5, 4, 20, .12);
    backdrop-filter: blur(12px);
}

.member-album-card__restriction[b-fx1h4rop6p] {
    position: absolute;
    z-index: 2;
    top: .7rem;
    right: .7rem;
    min-height: 1.9rem;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    padding: .3rem .58rem;
    color: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(8, 7, 27, .58);
    box-shadow: 0 8px 20px rgba(5, 4, 20, .12);
    backdrop-filter: blur(12px);
    font-size: .68rem;
    font-weight: 850;
}

.member-album-card__content[b-fx1h4rop6p] {
    min-width: 0;
    padding: 1rem;
}

.member-album-card h3[b-fx1h4rop6p] {
    margin: 0;
    color: #20172b;
    font-size: 1.02rem;
    font-weight: 870;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.member-album-card p[b-fx1h4rop6p] {
    display: -webkit-box;
    min-height: 2.25rem;
    margin: .48rem 0 .8rem;
    overflow: hidden;
    color: #74687e;
    font-size: .82rem;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.member-album-card__empty-description[b-fx1h4rop6p] {
    color: #a296a9 !important;
    font-style: italic;
}

.member-album-card__meta[b-fx1h4rop6p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem;
}

.member-album-card__meta span[b-fx1h4rop6p] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .3rem .52rem;
    color: #65546f;
    border: 1px solid rgba(38, 24, 69, .07);
    border-radius: 999px;
    background:
        linear-gradient(135deg, #f8f3fa, #f4eef8);
    font-size: .73rem;
    font-weight: 750;
}

.member-album-card__meta span:first-child i[b-fx1h4rop6p] {
    color: #ff3d8d;
}

.member-album-card__meta span:last-child i[b-fx1h4rop6p] {
    color: #7c3aed;
}

.member-album-card__footer[b-fx1h4rop6p] {
    min-height: 2.55rem;
    display: flex;
    align-items: flex-end;
    margin-top: .85rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(38, 24, 69, .07);
}

.member-album-card__open-label[b-fx1h4rop6p] {
    min-height: 2.1rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .72rem;
    color: #ffffff;
    border-radius: 999px;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .26), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: .76rem;
    font-weight: 850;
}

.member-album-card__open-label i[b-fx1h4rop6p] {
    transition: transform .18s ease;
}

.member-album-card--accessible:hover .member-album-card__open-label i[b-fx1h4rop6p] {
    transform: translateX(3px);
}

.member-album-card__locked-message[b-fx1h4rop6p] {
    display: inline-flex;
    align-items: flex-start;
    gap: .4rem;
    color: #786574;
    font-size: .74rem;
    font-weight: 740;
    line-height: 1.35;
}

.member-album-card__locked-message i[b-fx1h4rop6p] {
    flex: 0 0 auto;
    margin-top: .08rem;
    color: #d92d72;
}

.member-album-card__link[b-fx1h4rop6p] {
    position: absolute;
    z-index: 3;
    inset: 0;
    border-radius: inherit;
}

.member-album-card__link:focus-visible[b-fx1h4rop6p] {
    outline: 4px solid rgba(255, 61, 141, .22);
    outline-offset: -4px;
}

.member-album-card--locked[b-fx1h4rop6p] {
    background:
        radial-gradient(circle at 100% 100%, rgba(124, 58, 237, .03), transparent 42%),
        linear-gradient(180deg, #fcfafc 0%, #f7f3f7 100%);
}

.member-album-card--locked .member-album-card__visual[b-fx1h4rop6p] {
    filter: saturate(.68) brightness(.92);
}

.member-album-card--locked .member-album-card__icon[b-fx1h4rop6p] {
    background:
        radial-gradient(circle at 25% 7%, rgba(255, 255, 255, .24), transparent 35%),
        linear-gradient(135deg, #77657f, #4a3c58);
    box-shadow:
        0 16px 34px rgba(69, 59, 82, .22),
        0 0 0 5px rgba(255, 255, 255, .045),
        inset 0 1px 0 rgba(255, 255, 255, .18);
}

.member-loading[b-fx1h4rop6p],
.member-empty[b-fx1h4rop6p] {
    padding: 2.5rem 1.4rem;
    text-align: center;
    border-radius: 1.35rem;
    color: #65546f;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.member-loading--small[b-fx1h4rop6p] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: 1.5rem;
}

.member-loading--small p[b-fx1h4rop6p] {
    margin: 0;
}

.member-loading__icon[b-fx1h4rop6p],
.member-empty__icon[b-fx1h4rop6p] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.35rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(255, 61, 141, .22);
}

.member-empty--compact[b-fx1h4rop6p] {
    padding: 2rem 1.2rem;
}

.member-empty h2[b-fx1h4rop6p] {
    margin: 0 0 .45rem;
    color: #20172b;
    font-size: 1.25rem;
    font-weight: 850;
}

.member-empty p[b-fx1h4rop6p] {
    max-width: 28rem;
    margin: 0 auto;
    color: #74687e;
}

.member-empty__button[b-fx1h4rop6p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    margin-top: 1rem;
    padding: .55rem .95rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .86rem;
    font-weight: 850;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 28px rgba(124, 58, 237, .22);
}

.member-empty__button:hover[b-fx1h4rop6p] {
    color: #ffffff;
    transform: translateY(-1px);
}




/* =========================
   Lifestyle & preferences
   ========================= */

.member-details-card[b-fx1h4rop6p] {
    overflow: hidden;
    margin-bottom: 1.15rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .045), transparent 35%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 20px 50px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-details-card__header[b-fx1h4rop6p] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 1.1rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .10), transparent 42%),
        radial-gradient(circle at 94% 0%, rgba(124, 58, 237, .10), transparent 42%),
        rgba(255, 255, 255, .72);
}

.member-details-card__heading[b-fx1h4rop6p] {
    min-width: 0;
}

.member-details-card__eyebrow[b-fx1h4rop6p] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .68rem;
    font-weight: 880;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.member-details-card h2[b-fx1h4rop6p] {
    margin: 0;
    color: #20172b;
    font-size: 1.18rem;
    font-weight: 880;
    line-height: 1.2;
    letter-spacing: -.03em;
}

.member-details-card__heading p[b-fx1h4rop6p] {
    margin: .25rem 0 0;
    color: #786b80;
    font-size: .78rem;
    line-height: 1.4;
}

.member-details-card__icon[b-fx1h4rop6p] {
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .32), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.member-details-card__content[b-fx1h4rop6p] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.member-detail-section[b-fx1h4rop6p] {
    min-width: 0;
    padding: .95rem;
    border: 1px solid rgba(39, 24, 69, .075);
    border-radius: 1.12rem;
    background: rgba(255, 255, 255, .76);
    box-shadow:
        0 10px 26px rgba(21, 16, 54, .045),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-detail-section__header[b-fx1h4rop6p] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .62rem;
    margin-bottom: .85rem;
}

.member-detail-section__icon[b-fx1h4rop6p] {
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .82rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .17);
}

.member-detail-section__header > div[b-fx1h4rop6p] {
    min-width: 0;
}

.member-detail-section__header > div > span[b-fx1h4rop6p] {
    display: block;
    color: #a05082;
    font-size: .61rem;
    font-weight: 860;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.member-detail-section h3[b-fx1h4rop6p] {
    margin: .05rem 0 0;
    color: #2a1e32;
    font-size: .98rem;
    font-weight: 870;
    letter-spacing: -.02em;
}

/* Appearance */

.member-person-grid[b-fx1h4rop6p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.member-person-grid--single[b-fx1h4rop6p] {
    grid-template-columns: minmax(0, 1fr);
}

.member-person-card[b-fx1h4rop6p] {
    --person-accent: #3b82f6;
    --person-accent-secondary: #7c3aed;
    --person-soft: rgba(59, 130, 246, .075);

    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(59, 130, 246, .14);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, var(--person-soft), transparent 42%),
        linear-gradient(180deg, #ffffff, #fbfcff);
}

.member-person-card--woman[b-fx1h4rop6p] {
    --person-accent: #ff3d8d;
    --person-accent-secondary: #7c3aed;
    --person-soft: rgba(255, 61, 141, .075);
    border-color: rgba(255, 61, 141, .14);
    background:
        radial-gradient(circle at 100% 0%, var(--person-soft), transparent 42%),
        linear-gradient(180deg, #ffffff, #fffafd);
}

.member-person-card__header[b-fx1h4rop6p] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .58rem;
    padding: .72rem;
    border-bottom: 1px solid rgba(39, 24, 69, .065);
}

.member-person-card__avatar[b-fx1h4rop6p] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .82rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, var(--person-accent), var(--person-accent-secondary));
    box-shadow: 0 9px 20px rgba(124, 58, 237, .15);
}

.member-person-card__header > div[b-fx1h4rop6p] {
    min-width: 0;
}

.member-person-card__header > div > span[b-fx1h4rop6p] {
    display: block;
    color: #94879a;
    font-size: .59rem;
    font-weight: 800;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.member-person-card h4[b-fx1h4rop6p] {
    margin: .04rem 0 0;
    color: #2b1f34;
    font-size: .88rem;
    font-weight: 880;
}

.member-person-card__facts[b-fx1h4rop6p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem;
    padding: .55rem;
}

.member-person-fact[b-fx1h4rop6p] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .45rem;
    padding: .52rem;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .64);
    transition: background-color .16s ease;
}

.member-person-fact:hover[b-fx1h4rop6p] {
    background: rgba(124, 58, 237, .045);
}

.member-person-fact > i[b-fx1h4rop6p] {
    color: var(--person-accent);
    font-size: .78rem;
}

.member-person-fact > span[b-fx1h4rop6p] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .02rem;
}

.member-person-fact small[b-fx1h4rop6p] {
    color: #938697;
    font-size: .57rem;
    font-weight: 720;
    line-height: 1.2;
}

.member-person-fact strong[b-fx1h4rop6p] {
    overflow: hidden;
    color: #3a2a43;
    font-size: .69rem;
    font-weight: 850;
    line-height: 1.25;
    text-overflow: ellipsis;
}

/* Connection style */

.member-preference-grid[b-fx1h4rop6p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.member-preference-card[b-fx1h4rop6p] {
    --preference-accent: #7c3aed;
    --preference-accent-secondary: #ff3d8d;
    --preference-soft: rgba(124, 58, 237, .07);

    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .65rem;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: .88rem;
    background:
        radial-gradient(circle at 100% 0%, var(--preference-soft), transparent 44%),
        #ffffff;
}

.member-preference-card.is-positive[b-fx1h4rop6p] {
    --preference-accent: #ff3d8d;
    --preference-accent-secondary: #7c3aed;
    --preference-soft: rgba(255, 61, 141, .075);
    border-color: rgba(255, 61, 141, .14);
}

.member-preference-card.is-muted[b-fx1h4rop6p] {
    --preference-accent: #827487;
    --preference-accent-secondary: #5e5166;
    --preference-soft: rgba(101, 84, 111, .055);
    border-color: rgba(101, 84, 111, .11);
}

.member-preference-card.is-highlight[b-fx1h4rop6p] {
    --preference-accent: #8b5cf6;
    --preference-accent-secondary: #d946ef;
    --preference-soft: rgba(139, 92, 246, .075);
}

.member-preference-card__icon[b-fx1h4rop6p] {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .74rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(
            135deg,
            var(--preference-accent),
            var(--preference-accent-secondary));
    box-shadow: 0 7px 16px var(--preference-soft);
}

.member-preference-card > div[b-fx1h4rop6p] {
    min-width: 0;
}

.member-preference-card small[b-fx1h4rop6p] {
    display: block;
    color: #948799;
    font-size: .58rem;
    font-weight: 720;
    line-height: 1.2;
}

.member-preference-card strong[b-fx1h4rop6p] {
    display: block;
    margin-top: .05rem;
    overflow: hidden;
    color: #382a41;
    font-size: .72rem;
    font-weight: 860;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.member-preference-card__state[b-fx1h4rop6p] {
    width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 50%;
    background:
        linear-gradient(
            135deg,
            var(--preference-accent),
            var(--preference-accent-secondary));
    font-size: .65rem;
}

/* Search preferences and desires */

.member-interest-chips[b-fx1h4rop6p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem;
}

.member-interest-chip[b-fx1h4rop6p] {
    min-height: 1.9rem;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .33rem .56rem;
    color: #6b4a79;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 999px;
    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .065),
            rgba(124, 58, 237, .065));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
    font-size: .66rem;
    font-weight: 790;
    line-height: 1.25;
}

.member-interest-chip i[b-fx1h4rop6p] {
    color: #ff3d8d;
    font-size: .65rem;
}

.member-interest-chips--search .member-interest-chip[b-fx1h4rop6p] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .24), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 7px 16px rgba(124, 58, 237, .13),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.member-interest-chips--search .member-interest-chip i[b-fx1h4rop6p] {
    color: rgba(255, 255, 255, .84);
}

.member-desire-grid[b-fx1h4rop6p] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.member-desire-card[b-fx1h4rop6p] {
    min-width: 0;
    padding: .7rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .9rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .045), transparent 42%),
        linear-gradient(180deg, #ffffff, #fdfafe);
}

.member-desire-card__header[b-fx1h4rop6p] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    margin-bottom: .58rem;
}

.member-desire-card__icon[b-fx1h4rop6p] {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .72rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 7px 16px rgba(124, 58, 237, .15);
}

.member-desire-card__header > div[b-fx1h4rop6p] {
    min-width: 0;
}

.member-desire-card h4[b-fx1h4rop6p] {
    margin: 0;
    overflow: hidden;
    color: #362640;
    font-size: .75rem;
    font-weight: 860;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-desire-card__header > div > span[b-fx1h4rop6p] {
    display: block;
    margin-top: .05rem;
    color: #998c9e;
    font-size: .57rem;
    font-weight: 690;
}



/* =========================
   Section introduction
   ========================= */

.member-section-intro[b-fx1h4rop6p] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
    padding: 1.05rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .05), transparent 36%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .04), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-section-intro__heading[b-fx1h4rop6p] {
    min-width: 0;
}

.member-section-intro__eyebrow[b-fx1h4rop6p] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.member-section-intro h1[b-fx1h4rop6p] {
    margin: 0;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.member-section-intro p[b-fx1h4rop6p] {
    max-width: 34rem;
    margin: .35rem 0 0;
    color: #74687e;
    font-size: .82rem;
    line-height: 1.45;
}

.member-section-intro__icon[b-fx1h4rop6p] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #ffffff;
    font-size: 1rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

@media (max-width: 520px) {
    .member-section-intro[b-fx1h4rop6p] {
        gap: .75rem;
        padding: .95rem;
        border-radius: 1.15rem;
    }

    .member-section-intro p[b-fx1h4rop6p] {
        font-size: .78rem;
    }

    .member-section-intro__icon[b-fx1h4rop6p] {
        width: 2.2rem;
        height: 2.2rem;
        flex-basis: 2.2rem;
        border-radius: .8rem;
    }
}

@media (max-width: 680px) {
    .member-person-grid[b-fx1h4rop6p],
    .member-preference-grid[b-fx1h4rop6p],
    .member-desire-grid[b-fx1h4rop6p] {
        grid-template-columns: 1fr;
    }

    .member-person-card__facts[b-fx1h4rop6p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 430px) {
    .member-details-card__header[b-fx1h4rop6p] {
        align-items: flex-start;
    }

    .member-details-card__heading p[b-fx1h4rop6p] {
        max-width: 14rem;
    }

    .member-person-card__facts[b-fx1h4rop6p] {
        grid-template-columns: 1fr;
    }

    .member-preference-card[b-fx1h4rop6p] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }
}


/* =========================
   AI-generated content badge
   ========================= */

.member-feed-card__header-meta[b-fx1h4rop6p] {
    min-width: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
}

.ai-generated-badge[b-fx1h4rop6p] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .28rem .56rem .28rem .3rem;
    color: #71358a;
    border: 1px solid rgba(168, 85, 247, .18);
    border-radius: 999px;
    background:
        linear-gradient(
            135deg,
            rgba(217, 70, 239, .09),
            rgba(124, 58, 237, .08));
    box-shadow:
        0 7px 18px rgba(124, 58, 237, .08),
        inset 0 1px 0 rgba(255, 255, 255, .8);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .01em;
    white-space: nowrap;
}

.ai-generated-badge__icon[b-fx1h4rop6p] {
    width: 1.4rem;
    height: 1.4rem;
    flex: 0 0 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .5rem;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .34), transparent 36%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 6px 14px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .24);
    font-size: .7rem;
}

@media (max-width: 760px) {
    .member-profile-page[b-fx1h4rop6p] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .member-hero[b-fx1h4rop6p] {
        border-radius: 1.25rem;
        padding: 1rem;
    }

    .member-hero__main[b-fx1h4rop6p] {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .member-actions[b-fx1h4rop6p] {
        width: 100%;
        justify-content: flex-start;
    }

    .member-action-button[b-fx1h4rop6p] {
        flex: 1 1 auto;
    }

    .member-profile-facts[b-fx1h4rop6p] {
        align-items: stretch;
        flex-direction: column;
    }

    .member-fact[b-fx1h4rop6p] {
        justify-content: flex-start;
        width: 100%;
    }

    .member-tabs[b-fx1h4rop6p] {
        top: 3.9rem;
        width: 100%;
    }

    .member-tab[b-fx1h4rop6p] {
        min-height: 2.55rem;
        padding-inline: .45rem;
    }

    .member-about-facts[b-fx1h4rop6p] {
        grid-template-columns: 1fr;
    }

    .member-feed-card[b-fx1h4rop6p] {
        border-radius: 1.15rem;
    }

    .member-feed-card__header[b-fx1h4rop6p] {
        padding: .85rem;
    }

    .member-feed-card__header-meta[b-fx1h4rop6p] {
        max-width: 55%;
    }

    .member-feed-card__album[b-fx1h4rop6p] {
        max-width: calc(100% - 1.7rem);
        margin: .75rem .85rem .65rem;
    }

    .member-feed-card__album[b-fx1h4rop6p] {
        align-items: flex-start;
        flex-direction: column;
    }

    .member-feed-card__album-title[b-fx1h4rop6p] {
        max-width: 100%;
    }

    .member-feed-media[b-fx1h4rop6p] {
        min-height: 220px;
    }

    .member-feed-media[b-fx1h4rop6p]::after {
        display: none;
    }

    .member-feed-actions[b-fx1h4rop6p] {
        align-items: flex-start;
        flex-direction: column;
        gap: .65rem;
    }

    .member-feed-actions__right[b-fx1h4rop6p] {
        width: 100%;
        justify-content: space-between;
    }

    .member-album-grid[b-fx1h4rop6p] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .member-tabs[b-fx1h4rop6p] {
        top: 3.65rem;
        gap: .24rem;
        padding: .26rem;
    }

    .member-tab[b-fx1h4rop6p] {
        min-height: 2.45rem;
        gap: .3rem;
        padding: .45rem .34rem;
        font-size: .72rem;
    }

    .member-tab i[b-fx1h4rop6p] {
        font-size: .78rem;
    }

    .member-hero__summary[b-fx1h4rop6p] {
        align-items: stretch;
        flex-direction: column;
    }

    .member-hero__location[b-fx1h4rop6p] {
        width: 100%;
        justify-content: flex-start;
    }

    .member-hero__social-stats[b-fx1h4rop6p] {
        width: 100%;
        justify-content: stretch;
    }

    .member-social-stat[b-fx1h4rop6p] {
        flex: 1 1 0;
    }
}

@media (max-width: 420px) {
    .member-social-stat[b-fx1h4rop6p] {
        gap: .24rem;
        padding-inline: .42rem;
        font-size: .63rem;
    }

    .member-social-stat strong[b-fx1h4rop6p] {
        font-size: .74rem;
    }

    .member-hero h1[b-fx1h4rop6p] {
        font-size: 1.55rem;
    }

    .member-action-button[b-fx1h4rop6p] {
        width: 100%;
    }

    .member-album-card__visual[b-fx1h4rop6p] {
        min-height: 7rem;
    }
}


@media (max-width: 430px) {
    .ai-generated-badge[b-fx1h4rop6p] {
        padding-right: .3rem;
    }

    .ai-generated-badge__label[b-fx1h4rop6p] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}
/* /Components/Pages/Members/MemberFollowConnections.razor.rz.scp.css */
.member-connections-page[b-2gx7pwrj5j] {
    width: min(100%, 760px);
    margin: 0 auto;
    padding: 1.7rem 1rem 3rem;
    color: #24192c;
}

/* =========================
   Hero
   ========================= */

.connections-hero[b-2gx7pwrj5j] {
    position: relative;
    overflow: hidden;
    padding: 1.15rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.55rem;
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 61, 141, .48), transparent 35%),
        radial-gradient(circle at 92% 8%, rgba(124, 58, 237, .48), transparent 38%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 22px 58px rgba(23, 16, 80, .24),
        inset 0 1px 0 rgba(255, 255, 255, .15);
}

.connections-hero[b-2gx7pwrj5j]::before,
.connections-hero[b-2gx7pwrj5j]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .075);
    border-radius: 50%;
    pointer-events: none;
}

.connections-hero[b-2gx7pwrj5j]::before {
    right: -4rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    background: rgba(255, 255, 255, .035);
}

.connections-hero[b-2gx7pwrj5j]::after {
    top: -4rem;
    right: 20%;
    width: 9rem;
    height: 9rem;
}

.connections-hero__glow[b-2gx7pwrj5j] {
    position: absolute;
    inset: auto 15% -.8rem;
    height: 2.5rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #ff3d8d, #7c3aed);
    filter: blur(35px);
    opacity: .25;
    pointer-events: none;
}

.connections-hero__main[b-2gx7pwrj5j] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
}

.connections-hero__back[b-2gx7pwrj5j] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .88);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: .78rem;
    background: rgba(255, 255, 255, .09);
    text-decoration: none;
    backdrop-filter: blur(10px);
    transition:
        color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.connections-hero__back:hover[b-2gx7pwrj5j] {
    color: #ffffff;
    background: rgba(255, 255, 255, .15);
    transform: translateX(-2px);
}

.connections-hero__back:focus-visible[b-2gx7pwrj5j] {
    outline: 3px solid rgba(255, 143, 193, .42);
    outline-offset: 2px;
}

.connections-hero__avatar[b-2gx7pwrj5j] {
    width: 3.65rem;
    height: 3.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 3px solid rgba(255, 255, 255, .78);
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 14px 30px rgba(124, 58, 237, .26),
        0 0 0 4px rgba(255, 255, 255, .08);
    font-size: 1.25rem;
    font-weight: 920;
}

.connections-hero__identity[b-2gx7pwrj5j] {
    min-width: 0;
}

.connections-hero__eyebrow[b-2gx7pwrj5j] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    margin-bottom: .28rem;
    padding: .3rem .52rem;
    color: rgba(255, 255, 255, .86);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.connections-hero h1[b-2gx7pwrj5j] {
    margin: 0;
    overflow: hidden;
    color: #ffffff;
    font-size: clamp(1.45rem, 4vw, 2rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -.045em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.connections-hero__identity p[b-2gx7pwrj5j] {
    margin: .22rem 0 0;
    color: rgba(255, 255, 255, .68);
    font-size: .72rem;
    line-height: 1.35;
}

.connections-hero__visual[b-2gx7pwrj5j] {
    width: 3.2rem;
    height: 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 1.05rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 13px 28px rgba(255, 61, 141, .24),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-size: 1.2rem;
    transform: rotate(4deg);
}

.connections-hero__stats[b-2gx7pwrj5j] {
    position: relative;
    z-index: 1;
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .14rem;
    margin: .85rem 0 0 6.65rem;
    padding: .2rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .085);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 8px 22px rgba(5, 4, 23, .10);
    backdrop-filter: blur(12px);
}

.connections-stat[b-2gx7pwrj5j] {
    min-height: 1.9rem;
    display: inline-flex;
    align-items: baseline;
    gap: .3rem;
    padding: .35rem .62rem;
    color: rgba(255, 255, 255, .72);
    cursor: pointer;
    border: 0;
    border-radius: 999px;
    background: transparent;
    font-family: inherit;
    font-size: .66rem;
    text-decoration: none;
    font-weight: 720;
    transition:
        color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.connections-stat strong[b-2gx7pwrj5j] {
    color: #ffffff;
    font-size: .8rem;
    font-weight: 920;
}

.connections-stat:hover[b-2gx7pwrj5j],
.connections-stat.is-active[b-2gx7pwrj5j] {
    color: #ffffff;
    background: rgba(255, 255, 255, .12);
}

.connections-stat:hover[b-2gx7pwrj5j] {
    transform: translateY(-1px);
}

.connections-stat:focus-visible[b-2gx7pwrj5j] {
    outline: 3px solid rgba(255, 143, 193, .42);
    outline-offset: 1px;
}

.connections-hero__stats-divider[b-2gx7pwrj5j] {
    width: 1px;
    height: 1rem;
    background: rgba(255, 255, 255, .13);
}

/* =========================
   Tabs
   ========================= */

.connections-tabs[b-2gx7pwrj5j] {
    position: sticky;
    top: 4.35rem;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .3rem;
    margin-top: 1rem;
    padding: .3rem;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: 1.05rem;
    background: rgba(248, 244, 250, .94);
    box-shadow:
        0 13px 30px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    backdrop-filter: blur(18px);
}

.connections-tab[b-2gx7pwrj5j] {
    min-width: 0;
    min-height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .34rem;
    padding: .5rem .42rem;
    color: #6b6174;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: .8rem;
    background: transparent;
    font-family: inherit;
    font-size: .72rem;
    text-decoration: none;
    font-weight: 840;
    transition:
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.connections-tab > span[b-2gx7pwrj5j] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.connections-tab > i[b-2gx7pwrj5j] {
    flex: 0 0 auto;
}

.connections-tab > small[b-2gx7pwrj5j] {
    flex: 0 0 auto;
    min-width: 1.3rem;
    min-height: 1.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .16rem .3rem;
    border-radius: 999px;
    color: #7c3aed;
    background: rgba(124, 58, 237, .08);
    font-size: .55rem;
    font-weight: 850;
}

.connections-tab:hover[b-2gx7pwrj5j] {
    color: #c72b75;
    border-color: rgba(255, 61, 141, .10);
    background: rgba(255, 255, 255, .74);
}

.connections-tab.is-active[b-2gx7pwrj5j] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .26), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.connections-tab.is-active > small[b-2gx7pwrj5j] {
    color: #7c3aed;
    background: #ffffff;
}

/* =========================
   List card
   ========================= */

.connections-list-card[b-2gx7pwrj5j] {
    overflow: hidden;
    margin-top: 1rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.connections-list-card__header[b-2gx7pwrj5j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    border-bottom: 1px solid rgba(38, 24, 69, .075);
    background: rgba(255, 255, 255, .72);
}

.connections-list-card__header > div[b-2gx7pwrj5j] {
    min-width: 0;
}

.connections-list-card__eyebrow[b-2gx7pwrj5j] {
    display: block;
    margin-bottom: .12rem;
    color: #9b4b7d;
    font-size: .62rem;
    font-weight: 860;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.connections-list-card h2[b-2gx7pwrj5j] {
    margin: 0;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 880;
    letter-spacing: -.025em;
}

.connections-list-card__header p[b-2gx7pwrj5j] {
    margin: .24rem 0 0;
    color: #766a7c;
    font-size: .7rem;
    line-height: 1.4;
}

.connections-list-card__icon[b-2gx7pwrj5j] {
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .9rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 11px 24px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

/* =========================
   Member rows
   ========================= */

.connections-list[b-2gx7pwrj5j] {
    display: grid;
}

.connection-person[b-2gx7pwrj5j] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .8rem 1rem;
    border-bottom: 1px solid rgba(38, 24, 69, .065);
    transition:
        background-color .16s ease,
        transform .16s ease;
}

.connection-person:last-child[b-2gx7pwrj5j] {
    border-bottom: 0;
}

.connection-person:hover[b-2gx7pwrj5j] {
    background:
        linear-gradient(
            90deg,
            rgba(255, 61, 141, .035),
            rgba(124, 58, 237, .025));
}

.connection-person__avatar[b-2gx7pwrj5j] {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.connection-person__avatar[b-2gx7pwrj5j]  img {
    box-shadow:
        0 8px 20px rgba(124, 58, 237, .14),
        0 0 0 3px rgba(255, 61, 141, .08);
}

.connection-person__content[b-2gx7pwrj5j] {
    min-width: 0;
}

.connection-person__heading[b-2gx7pwrj5j] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
}

.connection-person__heading > a[b-2gx7pwrj5j] {
    min-width: 0;
    overflow: hidden;
    color: #2b1f34;
    font-size: .82rem;
    font-weight: 880;
    letter-spacing: -.015em;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.connection-person__heading > a:hover[b-2gx7pwrj5j] {
    color: #c72b75;
    text-decoration: underline;
}

.connection-person__heading > a:focus-visible[b-2gx7pwrj5j] {
    outline: 3px solid rgba(255, 61, 141, .16);
    outline-offset: 2px;
    border-radius: .2rem;
}

.connection-person__online[b-2gx7pwrj5j] {
    min-height: 1.45rem;
    display: inline-flex;
    align-items: center;
    gap: .24rem;
    padding: .22rem .4rem;
    color: #157746;
    border: 1px solid rgba(34, 197, 94, .15);
    border-radius: 999px;
    background: rgba(34, 197, 94, .075);
    font-size: .53rem;
    font-weight: 820;
}

.connection-person__online i[b-2gx7pwrj5j] {
    font-size: .36rem;
}

.connection-person__content p[b-2gx7pwrj5j] {
    display: -webkit-box;
    margin: .2rem 0 0;
    overflow: hidden;
    color: #786b80;
    font-size: .67rem;
    line-height: 1.4;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.connection-person__empty-bio[b-2gx7pwrj5j] {
    color: #a094a6 !important;
    font-style: italic;
}

.connection-person__action[b-2gx7pwrj5j] {
    flex: 0 0 auto;
}

.connection-follow-button[b-2gx7pwrj5j] {
    min-width: 6.2rem;
    min-height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .34rem;
    padding: .45rem .68rem;
    color: #ffffff;
    cursor: pointer;
    border: 0;
    border-radius: 999px;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-family: inherit;
    font-size: .68rem;
    font-weight: 850;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.connection-follow-button:hover:not(:disabled)[b-2gx7pwrj5j] {
    transform: translateY(-1px);
    box-shadow:
        0 14px 28px rgba(124, 58, 237, .24),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.connection-follow-button.is-following[b-2gx7pwrj5j] {
    color: #6e5b77;
    border: 1px solid rgba(124, 58, 237, .14);
    background: #ffffff;
    box-shadow: 0 7px 18px rgba(21, 16, 54, .055);
}

.connection-follow-button.is-following:hover:not(:disabled)[b-2gx7pwrj5j] {
    color: #c72b75;
    border-color: rgba(255, 61, 141, .22);
    background: #fff7fb;
}

.connection-follow-button:disabled[b-2gx7pwrj5j] {
    cursor: wait;
    opacity: .62;
    transform: none;
}

/* =========================
   Loading, empty and errors
   ========================= */

.connections-loading-list[b-2gx7pwrj5j] {
    display: grid;
}

.connection-person--loading[b-2gx7pwrj5j] {
    min-height: 4.8rem;
    pointer-events: none;
}

.connection-skeleton[b-2gx7pwrj5j] {
    display: block;
    border-radius: .7rem;
    background:
        linear-gradient(
            90deg,
            rgba(124, 58, 237, .06) 25%,
            rgba(255, 61, 141, .11) 50%,
            rgba(124, 58, 237, .06) 75%);
    background-size: 220% 100%;
    animation: connection-skeleton-pulse-b-2gx7pwrj5j 1.3s ease-in-out infinite;
}

.connection-skeleton--avatar[b-2gx7pwrj5j] {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 1rem;
}

.connection-person--loading .connection-person__content[b-2gx7pwrj5j] {
    display: grid;
    gap: .48rem;
}

.connection-skeleton--name[b-2gx7pwrj5j] {
    width: 38%;
    height: .78rem;
}

.connection-skeleton--line[b-2gx7pwrj5j] {
    width: 74%;
    height: .55rem;
}

.connection-skeleton--button[b-2gx7pwrj5j] {
    width: 6.2rem;
    height: 2.2rem;
    border-radius: 999px;
}

@keyframes connection-skeleton-pulse-b-2gx7pwrj5j {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: -100% 0;
    }
}

.connections-empty[b-2gx7pwrj5j] {
    min-height: 17rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    padding: 2rem 1rem;
    text-align: center;
}

.connections-empty__icon[b-2gx7pwrj5j],
.connections-state__icon[b-2gx7pwrj5j] {
    width: 3.8rem;
    height: 3.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .28rem;
    color: #ffffff;
    border-radius: 1.2rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 15px 32px rgba(124, 58, 237, .20);
    font-size: 1.35rem;
}

.connections-empty h3[b-2gx7pwrj5j],
.connections-state h1[b-2gx7pwrj5j] {
    margin: 0;
    color: #281d31;
    font-size: 1.05rem;
    font-weight: 880;
}

.connections-empty p[b-2gx7pwrj5j],
.connections-state p[b-2gx7pwrj5j] {
    max-width: 28rem;
    margin: .05rem 0 .55rem;
    color: #796d7f;
    font-size: .74rem;
    line-height: 1.45;
}

.connections-empty__button[b-2gx7pwrj5j],
.connections-state__button[b-2gx7pwrj5j] {
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .52rem .78rem;
    color: #ffffff;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .20);
    font-size: .7rem;
    font-weight: 850;
    text-decoration: none;
}

.connections-empty__link[b-2gx7pwrj5j] {
    color: #b72d72;
    font-size: .68rem;
    font-weight: 840;
    text-decoration: none;
}

.connections-empty__link:hover[b-2gx7pwrj5j] {
    text-decoration: underline;
}

.connections-inline-error[b-2gx7pwrj5j] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .5rem;
    margin: .75rem;
    padding: .65rem .72rem;
    color: #8d345c;
    border: 1px solid rgba(217, 45, 114, .14);
    border-radius: .85rem;
    background: rgba(255, 61, 141, .055);
    font-size: .66rem;
    font-weight: 720;
}

.connections-inline-error > i[b-2gx7pwrj5j] {
    color: #d92d72;
}

.connections-inline-error button[b-2gx7pwrj5j] {
    color: #b72d72;
    cursor: pointer;
    border: 0;
    background: transparent;
    font-family: inherit;
    font-size: .65rem;
    font-weight: 850;
}

.connections-load-more[b-2gx7pwrj5j] {
    display: flex;
    justify-content: center;
    padding: 1rem;
    border-top: 1px solid rgba(38, 24, 69, .065);
}

.connections-load-more__button[b-2gx7pwrj5j] {
    min-height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    padding: .55rem .9rem;
    color: #ffffff;
    cursor: pointer;
    border: 0;
    border-radius: 999px;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-family: inherit;
    font-size: .7rem;
    font-weight: 850;
}

.connections-load-more__button:disabled[b-2gx7pwrj5j] {
    cursor: wait;
    opacity: .62;
}

.connections-state[b-2gx7pwrj5j] {
    min-height: 24rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: 2rem 1rem;
    text-align: center;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .07), transparent 36%),
        #ffffff;
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.connections-state--loading .connections-state__icon[b-2gx7pwrj5j] {
    font-size: .85rem;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 760px) {
    .member-connections-page[b-2gx7pwrj5j] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .connections-tabs[b-2gx7pwrj5j] {
        top: 3.9rem;
    }
}

@media (max-width: 600px) {
    .connections-hero__main[b-2gx7pwrj5j] {
        grid-template-columns: auto auto minmax(0, 1fr);
    }

    .connections-hero__visual[b-2gx7pwrj5j] {
        display: none;
    }

    .connections-hero__stats[b-2gx7pwrj5j] {
        margin-left: 6.65rem;
    }

    .connections-tab[b-2gx7pwrj5j] {
        gap: .25rem;
        padding-inline: .3rem;
        font-size: .66rem;
    }

    .connections-tab > small[b-2gx7pwrj5j] {
        display: none;
    }
}

@media (max-width: 520px) {
    .connections-hero[b-2gx7pwrj5j] {
        padding: .9rem;
        border-radius: 1.25rem;
    }

    .connections-hero__main[b-2gx7pwrj5j] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .connections-hero__back[b-2gx7pwrj5j] {
        grid-row: 1;
    }

    .connections-hero__avatar[b-2gx7pwrj5j] {
        grid-column: 1;
        grid-row: 2;
    }

    .connections-hero__identity[b-2gx7pwrj5j] {
        grid-column: 2;
        grid-row: 1 / span 2;
    }

    .connections-hero__stats[b-2gx7pwrj5j] {
        width: 100%;
        margin-left: 0;
        justify-content: stretch;
    }

    .connections-stat[b-2gx7pwrj5j] {
        flex: 1 1 0;
    }

    .connections-tabs[b-2gx7pwrj5j] {
        top: 3.65rem;
        gap: .22rem;
        padding: .25rem;
    }

    .connections-tab[b-2gx7pwrj5j] {
        min-height: 2.45rem;
        font-size: .62rem;
    }

    .connections-tab > i[b-2gx7pwrj5j] {
        font-size: .72rem;
    }

    .connection-person[b-2gx7pwrj5j] {
        grid-template-columns: auto minmax(0, 1fr);
        align-items: start;
        gap: .62rem;
        padding: .75rem;
    }

    .connection-person__action[b-2gx7pwrj5j] {
        grid-column: 2;
    }

    .connection-follow-button[b-2gx7pwrj5j] {
        min-width: 5.8rem;
    }

    .connection-skeleton--button[b-2gx7pwrj5j] {
        grid-column: 2;
    }
}

@media (max-width: 390px) {
    .connections-tab > i[b-2gx7pwrj5j] {
        display: none;
    }

    .connections-list-card__header[b-2gx7pwrj5j] {
        align-items: flex-start;
    }

    .connections-list-card__icon[b-2gx7pwrj5j] {
        width: 2.3rem;
        height: 2.3rem;
        flex-basis: 2.3rem;
    }

    .connection-person__avatar[b-2gx7pwrj5j] {
        width: 2.9rem;
        height: 2.9rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .connections-hero__back[b-2gx7pwrj5j],
    .connections-stat[b-2gx7pwrj5j],
    .connections-tab[b-2gx7pwrj5j],
    .connection-person[b-2gx7pwrj5j],
    .connection-follow-button[b-2gx7pwrj5j] {
        transition: none;
    }

    .connection-skeleton[b-2gx7pwrj5j] {
        animation: none;
    }
}
/* /Components/Pages/Members/MemberProfile.razor.rz.scp.css */
.member-profile-page[b-nq4eu56mgs] {
    width: min(100%, 760px);
    padding: 1.7rem 1rem 3rem;
    margin: 0 auto;
}

.member-hero[b-nq4eu56mgs] {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    border-radius: 1.6rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 14% 0%, rgba(255, 61, 141, .48), transparent 34%),
        radial-gradient(circle at 90% 10%, rgba(124, 58, 237, .46), transparent 38%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 20px 55px rgba(23, 16, 80, .24),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.member-hero__glow[b-nq4eu56mgs] {
    position: absolute;
    right: -5rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    pointer-events: none;
}

.member-hero__main[b-nq4eu56mgs] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "avatar identity"
        "avatar actions";
    align-items: center;
    column-gap: 1rem;
    row-gap: .85rem;
}

.member-hero__avatar[b-nq4eu56mgs] {
    grid-area: avatar;
    align-self: start;
}

.member-hero__avatar[b-nq4eu56mgs] {
    flex: 0 0 auto;
    padding: .2rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .28),
        0 0 0 5px rgba(255, 255, 255, .10);
}

.member-hero__identity[b-nq4eu56mgs] {
    grid-area: identity;
    min-width: 0;
    width: 100%;
}

.member-hero__eyebrow[b-nq4eu56mgs] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .45rem;
    padding: .34rem .62rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
}

.member-hero h1[b-nq4eu56mgs] {
    margin: 0;
    font-size: clamp(1.7rem, 3.4vw, 2.15rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.member-hero__username[b-nq4eu56mgs] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}

.member-hero__meta[b-nq4eu56mgs] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .65rem;
}

.member-type-pill[b-nq4eu56mgs] {
    --member-type-color: #ff3d8d;
    --member-type-soft: rgba(255, 61, 141, .16);

    display: inline-flex;
    align-items: center;
    gap: .46rem;
    min-height: 2.15rem;
    padding: .32rem .68rem .32rem .32rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 850;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .30), transparent 35%),
        linear-gradient(135deg, var(--member-type-color), #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .24),
        0 0 0 4px var(--member-type-soft);
}

.member-type-pill__icon[b-nq4eu56mgs] {
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .65rem;
    background: rgba(255, 255, 255, .16);
}

.member-type-pill--man[b-nq4eu56mgs] {
    --member-type-color: #3b82f6;
    --member-type-soft: rgba(59, 130, 246, .18);
}

.member-type-pill--woman[b-nq4eu56mgs] {
    --member-type-color: #ff3d8d;
    --member-type-soft: rgba(255, 61, 141, .18);
}

.member-type-pill--couple[b-nq4eu56mgs] {
    --member-type-color: #7c3aed;
    --member-type-soft: rgba(124, 58, 237, .18);
}

.member-type-pill--nonbinary[b-nq4eu56mgs] {
    --member-type-color: #f59e0b;
    --member-type-soft: rgba(245, 158, 11, .18);
}

.member-info-pill[b-nq4eu56mgs],
.member-fact[b-nq4eu56mgs] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.05rem;
    padding: .38rem .64rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .86);
    font-size: .8rem;
    font-weight: 750;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(10px);
}

.member-status-badge[b-nq4eu56mgs] {
    --status-color: #ffc247;
    --status-soft: rgba(255, 194, 71, .16);
    --status-border: rgba(255, 194, 71, .28);

    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.05rem;
    padding: .38rem .64rem;
    border-radius: 999px;
    color: #2c1d05;
    font-size: .78rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .42), transparent 38%),
        linear-gradient(135deg, #ffd166, #ffb703);
    border: 1px solid var(--status-border);
    box-shadow:
        0 8px 18px rgba(255, 183, 3, .22),
        0 0 0 3px var(--status-soft),
        inset 0 1px 0 rgba(255, 255, 255, .45);
}

.member-status-badge i[b-nq4eu56mgs] {
    font-size: .88rem;
    line-height: 1;
}

.member-status-badge[data-status="FoundingMember"][b-nq4eu56mgs] {
    --status-color: #ff3d8d;
    --status-soft: rgba(255, 61, 141, .15);
    --status-border: rgba(255, 61, 141, .28);
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .32), transparent 38%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124, 58, 237, .24),
        0 0 0 3px rgba(255, 61, 141, .12),
        inset 0 1px 0 rgba(255, 255, 255, .32);
}

.member-actions[b-nq4eu56mgs] {
    grid-area: actions;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    flex-wrap: wrap;
}

.member-action-button[b-nq4eu56mgs] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .5rem .78rem;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 850;
    border: 1px solid rgba(255, 255, 255, .16);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background-color .16s ease,
        opacity .16s ease;
}

.member-action-button--primary[b-nq4eu56mgs] {
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 28px rgba(255, 61, 141, .25);
    border-color: transparent;
}

.member-action-button--ghost[b-nq4eu56mgs] {
    color: #ffffff;
    background: rgba(255, 255, 255, .12);
}

.member-action-button--muted[b-nq4eu56mgs] {
    color: #ffffff;
    background: rgba(255, 255, 255, .10);
}

.member-action-button--success[b-nq4eu56mgs] {
    color: #ffffff;
    background: linear-gradient(135deg, #21b86b, #10b981);
    border-color: transparent;
}

.member-action-button:hover:not(:disabled)[b-nq4eu56mgs] {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(8, 6, 26, .22);
}

.member-action-button:disabled[b-nq4eu56mgs] {
    opacity: .65;
    cursor: wait;
}

.member-profile-facts[b-nq4eu56mgs] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: 1rem;
}

.member-fact--pink[b-nq4eu56mgs] {
    background: rgba(255, 61, 141, .18);
}

.member-fact--blue[b-nq4eu56mgs] {
    background: rgba(59, 130, 246, .18);
}

.member-languages[b-nq4eu56mgs] {
    position: relative;
    z-index: 1;
    margin-top: 1rem;
    padding: .85rem;
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(10px);
}

.member-languages__label[b-nq4eu56mgs] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .5rem;
    color: rgba(255, 255, 255, .86);
    font-size: .78rem;
    font-weight: 850;
}

.member-languages[b-nq4eu56mgs]  .badge,
.member-languages[b-nq4eu56mgs]  span {
    border-radius: 999px;
}


.member-hero__summary[b-nq4eu56mgs] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: .85rem;
}

.member-hero__social-stats[b-nq4eu56mgs] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .16rem;
    padding: .2rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .085);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 8px 22px rgba(5, 4, 23, .10);
    backdrop-filter: blur(12px);
}

.member-social-stat[b-nq4eu56mgs] {
    min-height: 1.85rem;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: .3rem;
    padding: .34rem .58rem;
    color: rgba(255, 255, 255, .72);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 710;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.member-social-stat strong[b-nq4eu56mgs] {
    color: #ffffff;
    font-size: .79rem;
    font-weight: 900;
    letter-spacing: -.015em;
}

.member-social-stat:hover[b-nq4eu56mgs] {
    color: #ffffff;
    background: rgba(255, 255, 255, .12);
    transform: translateY(-1px);
}

.member-social-stat:focus-visible[b-nq4eu56mgs] {
    outline: 3px solid rgba(255, 143, 193, .42);
    outline-offset: 1px;
}

.member-hero__location[b-nq4eu56mgs] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    min-height: 2rem;
    padding: .38rem .62rem;
    color: rgba(255, 255, 255, .84);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    backdrop-filter: blur(10px);
    font-size: .76rem;
    font-weight: 740;
}

.member-hero__location > span[b-nq4eu56mgs] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-about-overview[b-nq4eu56mgs] {
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .05), transparent 36%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .04), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
}

.member-about-facts[b-nq4eu56mgs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.member-about-fact[b-nq4eu56mgs] {
    --about-accent: #7c3aed;
    --about-accent-secondary: #ff3d8d;

    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    padding: .65rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .9rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 42%),
        rgba(255, 255, 255, .78);
}

.member-about-fact--man[b-nq4eu56mgs] {
    --about-accent: #3b82f6;
    --about-accent-secondary: #7c3aed;
    border-color: rgba(59, 130, 246, .12);
}

.member-about-fact--woman[b-nq4eu56mgs] {
    --about-accent: #ff3d8d;
    --about-accent-secondary: #7c3aed;
    border-color: rgba(255, 61, 141, .13);
}

.member-about-fact__icon[b-nq4eu56mgs] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .76rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(
            135deg,
            var(--about-accent),
            var(--about-accent-secondary));
    box-shadow: 0 8px 18px rgba(124, 58, 237, .14);
}

.member-about-fact > span:last-child[b-nq4eu56mgs] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .04rem;
}

.member-about-fact small[b-nq4eu56mgs] {
    color: #96899b;
    font-size: .59rem;
    font-weight: 730;
    line-height: 1.2;
}

.member-about-fact strong[b-nq4eu56mgs] {
    overflow: hidden;
    color: #392a42;
    font-size: .73rem;
    font-weight: 860;
    line-height: 1.3;
    text-overflow: ellipsis;
}

.member-about-fact__secondary[b-nq4eu56mgs] {
    margin-left: .18rem;
    color: #8b7e91;
    font-size: .62rem;
    font-weight: 700;
}

.member-about-languages[b-nq4eu56mgs] {
    margin-top: .8rem;
    padding: .72rem;
    border: 1px solid rgba(39, 24, 69, .075);
    border-radius: .9rem;
    background: rgba(248, 244, 250, .72);
}

.member-about-languages__label[b-nq4eu56mgs] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-bottom: .48rem;
    color: #73527f;
    font-size: .67rem;
    font-weight: 840;
    letter-spacing: .03em;
}

.member-about-languages__label i[b-nq4eu56mgs] {
    color: #ff3d8d;
}

.member-about-languages[b-nq4eu56mgs]  .badge,
.member-about-languages[b-nq4eu56mgs]  span {
    border-radius: 999px;
}


.member-card[b-nq4eu56mgs],
.member-feed-card[b-nq4eu56mgs],
.member-album-card[b-nq4eu56mgs] {
    overflow: hidden;
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-card[b-nq4eu56mgs] {
    padding: 1.05rem;
    margin-bottom: 1.15rem;
}

.member-card__header[b-nq4eu56mgs] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.member-card__eyebrow[b-nq4eu56mgs] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.member-card h2[b-nq4eu56mgs] {
    margin: 0;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.member-card__icon[b-nq4eu56mgs] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #ffffff;
    font-size: 1rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .18);
}

.member-bio[b-nq4eu56mgs] {
    margin: 0;
    color: #33283d;
    font-size: .94rem;
    line-height: 1.55;
    white-space: pre-line;
}

.member-tabs[b-nq4eu56mgs] {
    position: sticky;
    top: 4.35rem;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
    width: 100%;
    margin-bottom: 1rem;
    padding: .32rem;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: 1.05rem;
    background: rgba(248, 244, 250, .94);
    box-shadow:
        0 13px 30px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    backdrop-filter: blur(18px);
}

.member-tab[b-nq4eu56mgs] {
    min-width: 0;
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .52rem .62rem;
    border: 1px solid transparent;
    border-radius: .82rem;
    color: #6b6174;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 850;
    background: transparent;
    transition:
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.member-tab i[b-nq4eu56mgs] {
    flex: 0 0 auto;
    font-size: .86rem;
}

.member-tab span[b-nq4eu56mgs] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-tab:hover[b-nq4eu56mgs] {
    color: #c72b75;
    border-color: rgba(255, 61, 141, .10);
    background: rgba(255, 255, 255, .74);
}

.member-tab.is-active[b-nq4eu56mgs] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .26), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.member-about-content[b-nq4eu56mgs] {
    display: grid;
    gap: 1.15rem;
}

.member-about-content > .member-card[b-nq4eu56mgs],
.member-about-content > .member-details-card[b-nq4eu56mgs] {
    margin-bottom: 0;
}

.member-feed-card[b-nq4eu56mgs] {
    overflow: hidden;
    margin-bottom: 1.35rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.member-feed-card:hover[b-nq4eu56mgs] {
    transform: translateY(-2px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 24px 60px rgba(21, 16, 54, .14),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-feed-card__header[b-nq4eu56mgs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .95rem 1rem;
    border-bottom: 1px solid rgba(38, 24, 69, .08);
    background: rgba(255, 255, 255, .76);
    backdrop-filter: blur(12px);
}

.member-feed-card__time[b-nq4eu56mgs] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .58rem;
    border-radius: 999px;
    color: #6b6174;
    font-size: .78rem;
    font-weight: 650;
    background: #f6f1f7;
    border: 1px solid rgba(38, 24, 69, .07);
}

.member-feed-card__time i[b-nq4eu56mgs] {
    color: #a855f7;
    font-size: .78rem;
}

.member-feed-card__album[b-nq4eu56mgs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    max-width: calc(100% - 2rem);
    margin: .85rem 1rem .75rem;
}

.member-feed-card__album-title[b-nq4eu56mgs] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .42rem .72rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: 999px;
    color: #65546f;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .08), rgba(124, 58, 237, .08));
    font-size: .84rem;
    font-weight: 650;
}

.member-feed-card__album-title span[b-nq4eu56mgs] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-feed-card__album-title i[b-nq4eu56mgs] {
    flex: 0 0 auto;
    color: #ff3d8d;
}

.album-visibility[b-nq4eu56mgs] {
    --visibility-color: #6b6174;
    --visibility-soft: rgba(107, 97, 116, .10);
    --visibility-border: rgba(107, 97, 116, .16);

    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    min-height: 1.9rem;
    padding: .3rem .58rem;
    border: 1px solid var(--visibility-border);
    border-radius: 999px;
    color: var(--visibility-color);
    background: var(--visibility-soft);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .015em;
    white-space: nowrap;
}

.album-visibility i[b-nq4eu56mgs] {
    font-size: .72rem;
}

.album-visibility--public[b-nq4eu56mgs] {
    --visibility-color: #14784a;
    --visibility-soft: rgba(33, 184, 107, .11);
    --visibility-border: rgba(33, 184, 107, .20);
}

.album-visibility--private[b-nq4eu56mgs] {
    --visibility-color: #c62562;
    --visibility-soft: rgba(255, 61, 141, .10);
    --visibility-border: rgba(255, 61, 141, .20);
}

.album-visibility--intermediate[b-nq4eu56mgs] {
    --visibility-color: #98610b;
    --visibility-soft: rgba(245, 158, 11, .12);
    --visibility-border: rgba(245, 158, 11, .22);
}

.album-visibility--unknown[b-nq4eu56mgs] {
    --visibility-color: #65546f;
    --visibility-soft: rgba(101, 84, 111, .09);
    --visibility-border: rgba(101, 84, 111, .15);
}

.member-feed-media[b-nq4eu56mgs] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    cursor: pointer;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .14), transparent 32%),
        linear-gradient(135deg, #090817, #151026);
}

.member-feed-media[b-nq4eu56mgs]::after {
    content: "Open";
    position: absolute;
    right: .85rem;
    bottom: .85rem;
    padding: .38rem .62rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .92);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .01em;
    background: rgba(15, 13, 30, .58);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(12px);
    opacity: 0;
    transform: translateY(6px);
    transition:
        opacity .18s ease,
        transform .18s ease;
}

.member-feed-media:hover[b-nq4eu56mgs]::after {
    opacity: 1;
    transform: translateY(0);
}

.member-feed-media__content[b-nq4eu56mgs] {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(72vh, 600px);
    object-fit: contain;
}

.member-feed-media__content--video[b-nq4eu56mgs] {
    width: 100%;
    background: #000000;
}

.member-feed-media__placeholder[b-nq4eu56mgs] {
    min-height: 300px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 2rem;
    color: rgba(255, 255, 255, .82);
    text-align: center;
}

.member-feed-media__placeholder--video[b-nq4eu56mgs] {
    background:
        radial-gradient(circle at 50% 20%, rgba(124, 58, 237, .22), transparent 35%),
        linear-gradient(135deg, #0d0b18, #19122b);
}

.member-feed-media__placeholder-icon[b-nq4eu56mgs] {
    width: 3.6rem;
    height: 3.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .35rem;
    border-radius: 1.2rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 32px rgba(255, 61, 141, .28);
}

.member-feed-media__placeholder-icon i[b-nq4eu56mgs] {
    font-size: 1.65rem;
}

.member-feed-media__placeholder small[b-nq4eu56mgs] {
    color: rgba(255, 255, 255, .58);
}

.member-feed-card__body[b-nq4eu56mgs] {
    padding: .9rem 1rem 1rem;
}

.member-feed-actions[b-nq4eu56mgs] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin-bottom: .7rem;
}

.member-feed-actions__reactions[b-nq4eu56mgs] {
    min-width: 0;
}

.member-feed-actions__right[b-nq4eu56mgs] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex: 0 0 auto;
}

.member-icon-button[b-nq4eu56mgs] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .28rem .62rem;
    border: 1px solid rgba(38, 24, 69, .13);
    border-radius: 999px;
    color: #65546f;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(21, 16, 54, .06);
    font-size: .86rem;
    font-weight: 700;
    transition:
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.member-icon-button:hover[b-nq4eu56mgs] {
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .25);
    background: #fff5fa;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(255, 61, 141, .12);
}

.member-dedication[b-nq4eu56mgs]  .btn {
    border-radius: 999px;
}

.member-feed-description[b-nq4eu56mgs] {
    margin: 0;
    color: #2d2633;
    font-size: .96rem;
    line-height: 1.45;
    white-space: pre-line;
}

.member-load-more[b-nq4eu56mgs] {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0 .5rem;
}

.member-load-more__button[b-nq4eu56mgs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.75rem;
    padding: .6rem 1.15rem;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    font-weight: 800;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(124, 58, 237, .24);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        opacity .18s ease;
}

.member-load-more__button:hover:not(:disabled)[b-nq4eu56mgs] {
    transform: translateY(-2px);
    box-shadow: 0 20px 44px rgba(124, 58, 237, .30);
}

.member-load-more__button:disabled[b-nq4eu56mgs] {
    opacity: .65;
    cursor: not-allowed;
}

.member-album-grid[b-nq4eu56mgs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.member-album-card[b-nq4eu56mgs] {
    --album-accent: #ff3d8d;
    --album-accent-secondary: #7c3aed;
    --album-soft: rgba(124, 58, 237, .11);
    --album-hover-ring: rgba(124, 58, 237, .12);

    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 100%, rgba(124, 58, 237, .035), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

/*
 * Album visibility is communicated mainly by the badge and icon.
 * The cards stay within the XLibertia pink / violet visual language.
 */
.member-album-card--public[b-nq4eu56mgs] {
    --album-accent: #7c3aed;
    --album-accent-secondary: #ff3d8d;
    --album-soft: rgba(124, 58, 237, .11);
    --album-hover-ring: rgba(255, 61, 141, .10);
}

.member-album-card--private[b-nq4eu56mgs] {
    --album-accent: #d92d72;
    --album-accent-secondary: #7c3aed;
    --album-soft: rgba(217, 45, 114, .11);
    --album-hover-ring: rgba(217, 45, 114, .10);
}

.member-album-card--intermediate[b-nq4eu56mgs] {
    --album-accent: #8b5cf6;
    --album-accent-secondary: #d946ef;
    --album-soft: rgba(139, 92, 246, .11);
    --album-hover-ring: rgba(217, 70, 239, .09);
}

.member-album-card--unknown[b-nq4eu56mgs] {
    --album-accent: #7c3aed;
    --album-accent-secondary: #a855f7;
    --album-soft: rgba(124, 58, 237, .10);
    --album-hover-ring: rgba(124, 58, 237, .09);
}

.member-album-card--accessible:hover[b-nq4eu56mgs] {
    transform: translateY(-3px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 26px 64px rgba(21, 16, 54, .15),
        0 0 0 4px var(--album-hover-ring),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-album-card__visual[b-nq4eu56mgs] {
    position: relative;
    overflow: hidden;
    min-height: 7.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .33), transparent 42%),
        radial-gradient(circle at 100% 10%, rgba(124, 58, 237, .38), transparent 46%),
        linear-gradient(135deg, #071434 0%, #171050 54%, #330735 100%);
}

.member-album-card--private .member-album-card__visual[b-nq4eu56mgs] {
    background:
        radial-gradient(circle at 10% 0%, rgba(217, 45, 114, .42), transparent 43%),
        radial-gradient(circle at 100% 12%, rgba(124, 58, 237, .42), transparent 46%),
        linear-gradient(135deg, #14102e 0%, #351040 54%, #220b46 100%);
}

.member-album-card--intermediate .member-album-card__visual[b-nq4eu56mgs] {
    background:
        radial-gradient(circle at 12% 0%, rgba(217, 70, 239, .30), transparent 42%),
        radial-gradient(circle at 100% 12%, rgba(139, 92, 246, .46), transparent 46%),
        linear-gradient(135deg, #081432 0%, #24104d 54%, #321039 100%);
}

.member-album-card__visual[b-nq4eu56mgs]::before,
.member-album-card__visual[b-nq4eu56mgs]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
    pointer-events: none;
}

.member-album-card__visual[b-nq4eu56mgs]::before {
    right: -2.7rem;
    bottom: -4rem;
    width: 8rem;
    height: 8rem;
}

.member-album-card__visual[b-nq4eu56mgs]::after {
    top: -2.2rem;
    left: -1.8rem;
    width: 4.8rem;
    height: 4.8rem;
}

.member-album-card__visual-glow[b-nq4eu56mgs] {
    position: absolute;
    inset: auto 10% -1rem;
    height: 2.5rem;
    border-radius: 50%;
    background: linear-gradient(
        90deg,
        var(--album-accent),
        var(--album-accent-secondary));
    filter: blur(30px);
    opacity: .28;
    pointer-events: none;
}

.member-album-card__icon[b-nq4eu56mgs] {
    position: relative;
    z-index: 1;
    width: 3.9rem;
    height: 3.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at 25% 7%, rgba(255, 255, 255, .34), transparent 35%),
        linear-gradient(135deg, var(--album-accent), var(--album-accent-secondary));
    box-shadow:
        0 16px 34px var(--album-soft),
        0 0 0 5px rgba(255, 255, 255, .055),
        inset 0 1px 0 rgba(255, 255, 255, .28);
    font-size: 1.55rem;
}

.album-visibility--on-visual[b-nq4eu56mgs] {
    position: absolute;
    z-index: 2;
    top: .7rem;
    left: .7rem;
    color: rgba(255, 255, 255, .95);
    border-color: rgba(255, 255, 255, .17);
    background: rgba(8, 7, 27, .58);
    box-shadow: 0 8px 20px rgba(5, 4, 20, .12);
    backdrop-filter: blur(12px);
}

.member-album-card__restriction[b-nq4eu56mgs] {
    position: absolute;
    z-index: 2;
    top: .7rem;
    right: .7rem;
    min-height: 1.9rem;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    padding: .3rem .58rem;
    color: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(8, 7, 27, .58);
    box-shadow: 0 8px 20px rgba(5, 4, 20, .12);
    backdrop-filter: blur(12px);
    font-size: .68rem;
    font-weight: 850;
}

.member-album-card__content[b-nq4eu56mgs] {
    min-width: 0;
    padding: 1rem;
}

.member-album-card h3[b-nq4eu56mgs] {
    margin: 0;
    color: #20172b;
    font-size: 1.02rem;
    font-weight: 870;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.member-album-card p[b-nq4eu56mgs] {
    display: -webkit-box;
    min-height: 2.25rem;
    margin: .48rem 0 .8rem;
    overflow: hidden;
    color: #74687e;
    font-size: .82rem;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.member-album-card__empty-description[b-nq4eu56mgs] {
    color: #a296a9 !important;
    font-style: italic;
}

.member-album-card__meta[b-nq4eu56mgs] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem;
}

.member-album-card__meta span[b-nq4eu56mgs] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .3rem .52rem;
    color: #65546f;
    border: 1px solid rgba(38, 24, 69, .07);
    border-radius: 999px;
    background:
        linear-gradient(135deg, #f8f3fa, #f4eef8);
    font-size: .73rem;
    font-weight: 750;
}

.member-album-card__meta span:first-child i[b-nq4eu56mgs] {
    color: #ff3d8d;
}

.member-album-card__meta span:last-child i[b-nq4eu56mgs] {
    color: #7c3aed;
}

.member-album-card__footer[b-nq4eu56mgs] {
    min-height: 2.55rem;
    display: flex;
    align-items: flex-end;
    margin-top: .85rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(38, 24, 69, .07);
}

.member-album-card__open-label[b-nq4eu56mgs] {
    min-height: 2.1rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .72rem;
    color: #ffffff;
    border-radius: 999px;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .26), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: .76rem;
    font-weight: 850;
}

.member-album-card__open-label i[b-nq4eu56mgs] {
    transition: transform .18s ease;
}

.member-album-card--accessible:hover .member-album-card__open-label i[b-nq4eu56mgs] {
    transform: translateX(3px);
}

.member-album-card__locked-message[b-nq4eu56mgs] {
    display: inline-flex;
    align-items: flex-start;
    gap: .4rem;
    color: #786574;
    font-size: .74rem;
    font-weight: 740;
    line-height: 1.35;
}

.member-album-card__locked-message i[b-nq4eu56mgs] {
    flex: 0 0 auto;
    margin-top: .08rem;
    color: #d92d72;
}

.member-album-card__link[b-nq4eu56mgs] {
    position: absolute;
    z-index: 3;
    inset: 0;
    border-radius: inherit;
}

.member-album-card__link:focus-visible[b-nq4eu56mgs] {
    outline: 4px solid rgba(255, 61, 141, .22);
    outline-offset: -4px;
}

.member-album-card--locked[b-nq4eu56mgs] {
    background:
        radial-gradient(circle at 100% 100%, rgba(124, 58, 237, .03), transparent 42%),
        linear-gradient(180deg, #fcfafc 0%, #f7f3f7 100%);
}

.member-album-card--locked .member-album-card__visual[b-nq4eu56mgs] {
    filter: saturate(.68) brightness(.92);
}

.member-album-card--locked .member-album-card__icon[b-nq4eu56mgs] {
    background:
        radial-gradient(circle at 25% 7%, rgba(255, 255, 255, .24), transparent 35%),
        linear-gradient(135deg, #77657f, #4a3c58);
    box-shadow:
        0 16px 34px rgba(69, 59, 82, .22),
        0 0 0 5px rgba(255, 255, 255, .045),
        inset 0 1px 0 rgba(255, 255, 255, .18);
}

.member-loading[b-nq4eu56mgs],
.member-empty[b-nq4eu56mgs] {
    padding: 2.5rem 1.4rem;
    text-align: center;
    border-radius: 1.35rem;
    color: #65546f;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.member-loading--small[b-nq4eu56mgs] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: 1.5rem;
}

.member-loading--small p[b-nq4eu56mgs] {
    margin: 0;
}

.member-loading__icon[b-nq4eu56mgs],
.member-empty__icon[b-nq4eu56mgs] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.35rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(255, 61, 141, .22);
}

.member-empty--compact[b-nq4eu56mgs] {
    padding: 2rem 1.2rem;
}

.member-empty h2[b-nq4eu56mgs] {
    margin: 0 0 .45rem;
    color: #20172b;
    font-size: 1.25rem;
    font-weight: 850;
}

.member-empty p[b-nq4eu56mgs] {
    max-width: 28rem;
    margin: 0 auto;
    color: #74687e;
}

.member-empty__button[b-nq4eu56mgs] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    margin-top: 1rem;
    padding: .55rem .95rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .86rem;
    font-weight: 850;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 28px rgba(124, 58, 237, .22);
}

.member-empty__button:hover[b-nq4eu56mgs] {
    color: #ffffff;
    transform: translateY(-1px);
}




/* =========================
   Lifestyle & preferences
   ========================= */

.member-details-card[b-nq4eu56mgs] {
    overflow: hidden;
    margin-bottom: 1.15rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .045), transparent 35%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 20px 50px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-details-card__header[b-nq4eu56mgs] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 1.1rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .10), transparent 42%),
        radial-gradient(circle at 94% 0%, rgba(124, 58, 237, .10), transparent 42%),
        rgba(255, 255, 255, .72);
}

.member-details-card__heading[b-nq4eu56mgs] {
    min-width: 0;
}

.member-details-card__eyebrow[b-nq4eu56mgs] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .68rem;
    font-weight: 880;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.member-details-card h2[b-nq4eu56mgs] {
    margin: 0;
    color: #20172b;
    font-size: 1.18rem;
    font-weight: 880;
    line-height: 1.2;
    letter-spacing: -.03em;
}

.member-details-card__heading p[b-nq4eu56mgs] {
    margin: .25rem 0 0;
    color: #786b80;
    font-size: .78rem;
    line-height: 1.4;
}

.member-details-card__icon[b-nq4eu56mgs] {
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .32), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.member-details-card__content[b-nq4eu56mgs] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.member-detail-section[b-nq4eu56mgs] {
    min-width: 0;
    padding: .95rem;
    border: 1px solid rgba(39, 24, 69, .075);
    border-radius: 1.12rem;
    background: rgba(255, 255, 255, .76);
    box-shadow:
        0 10px 26px rgba(21, 16, 54, .045),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-detail-section__header[b-nq4eu56mgs] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .62rem;
    margin-bottom: .85rem;
}

.member-detail-section__icon[b-nq4eu56mgs] {
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .82rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .17);
}

.member-detail-section__header > div[b-nq4eu56mgs] {
    min-width: 0;
}

.member-detail-section__header > div > span[b-nq4eu56mgs] {
    display: block;
    color: #a05082;
    font-size: .61rem;
    font-weight: 860;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.member-detail-section h3[b-nq4eu56mgs] {
    margin: .05rem 0 0;
    color: #2a1e32;
    font-size: .98rem;
    font-weight: 870;
    letter-spacing: -.02em;
}

/* Appearance */

.member-person-grid[b-nq4eu56mgs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.member-person-grid--single[b-nq4eu56mgs] {
    grid-template-columns: minmax(0, 1fr);
}

.member-person-card[b-nq4eu56mgs] {
    --person-accent: #3b82f6;
    --person-accent-secondary: #7c3aed;
    --person-soft: rgba(59, 130, 246, .075);

    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(59, 130, 246, .14);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, var(--person-soft), transparent 42%),
        linear-gradient(180deg, #ffffff, #fbfcff);
}

.member-person-card--woman[b-nq4eu56mgs] {
    --person-accent: #ff3d8d;
    --person-accent-secondary: #7c3aed;
    --person-soft: rgba(255, 61, 141, .075);
    border-color: rgba(255, 61, 141, .14);
    background:
        radial-gradient(circle at 100% 0%, var(--person-soft), transparent 42%),
        linear-gradient(180deg, #ffffff, #fffafd);
}

.member-person-card__header[b-nq4eu56mgs] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .58rem;
    padding: .72rem;
    border-bottom: 1px solid rgba(39, 24, 69, .065);
}

.member-person-card__avatar[b-nq4eu56mgs] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .82rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, var(--person-accent), var(--person-accent-secondary));
    box-shadow: 0 9px 20px rgba(124, 58, 237, .15);
}

.member-person-card__header > div[b-nq4eu56mgs] {
    min-width: 0;
}

.member-person-card__header > div > span[b-nq4eu56mgs] {
    display: block;
    color: #94879a;
    font-size: .59rem;
    font-weight: 800;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.member-person-card h4[b-nq4eu56mgs] {
    margin: .04rem 0 0;
    color: #2b1f34;
    font-size: .88rem;
    font-weight: 880;
}

.member-person-card__facts[b-nq4eu56mgs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem;
    padding: .55rem;
}

.member-person-fact[b-nq4eu56mgs] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .45rem;
    padding: .52rem;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .64);
    transition: background-color .16s ease;
}

.member-person-fact:hover[b-nq4eu56mgs] {
    background: rgba(124, 58, 237, .045);
}

.member-person-fact > i[b-nq4eu56mgs] {
    color: var(--person-accent);
    font-size: .78rem;
}

.member-person-fact > span[b-nq4eu56mgs] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .02rem;
}

.member-person-fact small[b-nq4eu56mgs] {
    color: #938697;
    font-size: .57rem;
    font-weight: 720;
    line-height: 1.2;
}

.member-person-fact strong[b-nq4eu56mgs] {
    overflow: hidden;
    color: #3a2a43;
    font-size: .69rem;
    font-weight: 850;
    line-height: 1.25;
    text-overflow: ellipsis;
}

/* Connection style */

.member-preference-grid[b-nq4eu56mgs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.member-preference-card[b-nq4eu56mgs] {
    --preference-accent: #7c3aed;
    --preference-accent-secondary: #ff3d8d;
    --preference-soft: rgba(124, 58, 237, .07);

    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .65rem;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: .88rem;
    background:
        radial-gradient(circle at 100% 0%, var(--preference-soft), transparent 44%),
        #ffffff;
}

.member-preference-card.is-positive[b-nq4eu56mgs] {
    --preference-accent: #ff3d8d;
    --preference-accent-secondary: #7c3aed;
    --preference-soft: rgba(255, 61, 141, .075);
    border-color: rgba(255, 61, 141, .14);
}

.member-preference-card.is-muted[b-nq4eu56mgs] {
    --preference-accent: #827487;
    --preference-accent-secondary: #5e5166;
    --preference-soft: rgba(101, 84, 111, .055);
    border-color: rgba(101, 84, 111, .11);
}

.member-preference-card.is-highlight[b-nq4eu56mgs] {
    --preference-accent: #8b5cf6;
    --preference-accent-secondary: #d946ef;
    --preference-soft: rgba(139, 92, 246, .075);
}

.member-preference-card__icon[b-nq4eu56mgs] {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .74rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(
            135deg,
            var(--preference-accent),
            var(--preference-accent-secondary));
    box-shadow: 0 7px 16px var(--preference-soft);
}

.member-preference-card > div[b-nq4eu56mgs] {
    min-width: 0;
}

.member-preference-card small[b-nq4eu56mgs] {
    display: block;
    color: #948799;
    font-size: .58rem;
    font-weight: 720;
    line-height: 1.2;
}

.member-preference-card strong[b-nq4eu56mgs] {
    display: block;
    margin-top: .05rem;
    overflow: hidden;
    color: #382a41;
    font-size: .72rem;
    font-weight: 860;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.member-preference-card__state[b-nq4eu56mgs] {
    width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 50%;
    background:
        linear-gradient(
            135deg,
            var(--preference-accent),
            var(--preference-accent-secondary));
    font-size: .65rem;
}

/* Search preferences and desires */

.member-interest-chips[b-nq4eu56mgs] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem;
}

.member-interest-chip[b-nq4eu56mgs] {
    min-height: 1.9rem;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .33rem .56rem;
    color: #6b4a79;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 999px;
    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .065),
            rgba(124, 58, 237, .065));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
    font-size: .66rem;
    font-weight: 790;
    line-height: 1.25;
}

.member-interest-chip i[b-nq4eu56mgs] {
    color: #ff3d8d;
    font-size: .65rem;
}

.member-interest-chips--search .member-interest-chip[b-nq4eu56mgs] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .24), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 7px 16px rgba(124, 58, 237, .13),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.member-interest-chips--search .member-interest-chip i[b-nq4eu56mgs] {
    color: rgba(255, 255, 255, .84);
}

.member-desire-grid[b-nq4eu56mgs] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.member-desire-card[b-nq4eu56mgs] {
    min-width: 0;
    padding: .7rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .9rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .045), transparent 42%),
        linear-gradient(180deg, #ffffff, #fdfafe);
}

.member-desire-card__header[b-nq4eu56mgs] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    margin-bottom: .58rem;
}

.member-desire-card__icon[b-nq4eu56mgs] {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .72rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 7px 16px rgba(124, 58, 237, .15);
}

.member-desire-card__header > div[b-nq4eu56mgs] {
    min-width: 0;
}

.member-desire-card h4[b-nq4eu56mgs] {
    margin: 0;
    overflow: hidden;
    color: #362640;
    font-size: .75rem;
    font-weight: 860;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-desire-card__header > div > span[b-nq4eu56mgs] {
    display: block;
    margin-top: .05rem;
    color: #998c9e;
    font-size: .57rem;
    font-weight: 690;
}

@media (max-width: 680px) {
    .member-person-grid[b-nq4eu56mgs],
    .member-preference-grid[b-nq4eu56mgs],
    .member-desire-grid[b-nq4eu56mgs] {
        grid-template-columns: 1fr;
    }

    .member-person-card__facts[b-nq4eu56mgs] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 430px) {
    .member-details-card__header[b-nq4eu56mgs] {
        align-items: flex-start;
    }

    .member-details-card__heading p[b-nq4eu56mgs] {
        max-width: 14rem;
    }

    .member-person-card__facts[b-nq4eu56mgs] {
        grid-template-columns: 1fr;
    }

    .member-preference-card[b-nq4eu56mgs] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }
}


/* =========================
   AI-generated content badge
   ========================= */

.member-feed-card__header-meta[b-nq4eu56mgs] {
    min-width: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
}

.ai-generated-badge[b-nq4eu56mgs] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .28rem .56rem .28rem .3rem;
    color: #71358a;
    border: 1px solid rgba(168, 85, 247, .18);
    border-radius: 999px;
    background:
        linear-gradient(
            135deg,
            rgba(217, 70, 239, .09),
            rgba(124, 58, 237, .08));
    box-shadow:
        0 7px 18px rgba(124, 58, 237, .08),
        inset 0 1px 0 rgba(255, 255, 255, .8);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .01em;
    white-space: nowrap;
}

.ai-generated-badge__icon[b-nq4eu56mgs] {
    width: 1.4rem;
    height: 1.4rem;
    flex: 0 0 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .5rem;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .34), transparent 36%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 6px 14px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .24);
    font-size: .7rem;
}

@media (max-width: 760px) {
    .member-profile-page[b-nq4eu56mgs] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .member-hero[b-nq4eu56mgs] {
        border-radius: 1.25rem;
        padding: 1rem;
    }

    .member-hero__main[b-nq4eu56mgs] {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .member-actions[b-nq4eu56mgs] {
        width: 100%;
        justify-content: flex-start;
    }

    .member-action-button[b-nq4eu56mgs] {
        flex: 1 1 auto;
    }

    .member-profile-facts[b-nq4eu56mgs] {
        align-items: stretch;
        flex-direction: column;
    }

    .member-fact[b-nq4eu56mgs] {
        justify-content: flex-start;
        width: 100%;
    }

    .member-tabs[b-nq4eu56mgs] {
        top: 3.9rem;
        width: 100%;
    }

    .member-tab[b-nq4eu56mgs] {
        min-height: 2.55rem;
        padding-inline: .45rem;
    }

    .member-about-facts[b-nq4eu56mgs] {
        grid-template-columns: 1fr;
    }

    .member-feed-card[b-nq4eu56mgs] {
        border-radius: 1.15rem;
    }

    .member-feed-card__header[b-nq4eu56mgs] {
        padding: .85rem;
    }

    .member-feed-card__header-meta[b-nq4eu56mgs] {
        max-width: 55%;
    }

    .member-feed-card__album[b-nq4eu56mgs] {
        max-width: calc(100% - 1.7rem);
        margin: .75rem .85rem .65rem;
    }

    .member-feed-card__album[b-nq4eu56mgs] {
        align-items: flex-start;
        flex-direction: column;
    }

    .member-feed-card__album-title[b-nq4eu56mgs] {
        max-width: 100%;
    }

    .member-feed-media[b-nq4eu56mgs] {
        min-height: 220px;
    }

    .member-feed-media[b-nq4eu56mgs]::after {
        display: none;
    }

    .member-feed-actions[b-nq4eu56mgs] {
        align-items: flex-start;
        flex-direction: column;
        gap: .65rem;
    }

    .member-feed-actions__right[b-nq4eu56mgs] {
        width: 100%;
        justify-content: space-between;
    }

    .member-album-grid[b-nq4eu56mgs] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .member-tabs[b-nq4eu56mgs] {
        top: 3.65rem;
        gap: .24rem;
        padding: .26rem;
    }

    .member-tab[b-nq4eu56mgs] {
        min-height: 2.45rem;
        gap: .3rem;
        padding: .45rem .34rem;
        font-size: .72rem;
    }

    .member-tab i[b-nq4eu56mgs] {
        font-size: .78rem;
    }

    .member-hero__summary[b-nq4eu56mgs] {
        align-items: stretch;
        flex-direction: column;
    }

    .member-hero__location[b-nq4eu56mgs] {
        width: 100%;
        justify-content: flex-start;
    }

    .member-hero__social-stats[b-nq4eu56mgs] {
        width: 100%;
        justify-content: stretch;
    }

    .member-social-stat[b-nq4eu56mgs] {
        flex: 1 1 0;
    }
}

@media (max-width: 420px) {
    .member-social-stat[b-nq4eu56mgs] {
        gap: .24rem;
        padding-inline: .42rem;
        font-size: .63rem;
    }

    .member-social-stat strong[b-nq4eu56mgs] {
        font-size: .74rem;
    }

    .member-hero h1[b-nq4eu56mgs] {
        font-size: 1.55rem;
    }

    .member-action-button[b-nq4eu56mgs] {
        width: 100%;
    }

    .member-album-card__visual[b-nq4eu56mgs] {
        min-height: 7rem;
    }
}


@media (max-width: 430px) {
    .ai-generated-badge[b-nq4eu56mgs] {
        padding-right: .3rem;
    }

    .ai-generated-badge__label[b-nq4eu56mgs] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}
/* /Components/Pages/Members/MemberPublications.razor.rz.scp.css */
.member-profile-page[b-4ng9nkw3d6] {
    width: min(100%, 760px);
    padding: 1.7rem 1rem 3rem;
    margin: 0 auto;
}

.member-hero[b-4ng9nkw3d6] {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    border-radius: 1.6rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 14% 0%, rgba(255, 61, 141, .48), transparent 34%),
        radial-gradient(circle at 90% 10%, rgba(124, 58, 237, .46), transparent 38%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 20px 55px rgba(23, 16, 80, .24),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.member-hero__glow[b-4ng9nkw3d6] {
    position: absolute;
    right: -5rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    pointer-events: none;
}

.member-hero__main[b-4ng9nkw3d6] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "avatar identity"
        "avatar actions";
    align-items: center;
    column-gap: 1rem;
    row-gap: .85rem;
}

.member-hero__avatar[b-4ng9nkw3d6] {
    grid-area: avatar;
    align-self: start;
}

.member-hero__avatar[b-4ng9nkw3d6] {
    flex: 0 0 auto;
    padding: .2rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .28),
        0 0 0 5px rgba(255, 255, 255, .10);
}

.member-hero__identity[b-4ng9nkw3d6] {
    grid-area: identity;
    min-width: 0;
    width: 100%;
}

.member-hero__eyebrow[b-4ng9nkw3d6] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .45rem;
    padding: .34rem .62rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
}

.member-hero h1[b-4ng9nkw3d6] {
    margin: 0;
    font-size: clamp(1.7rem, 3.4vw, 2.15rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.member-hero__username[b-4ng9nkw3d6] {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}

.member-hero__meta[b-4ng9nkw3d6] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .65rem;
}

.member-type-pill[b-4ng9nkw3d6] {
    --member-type-color: #ff3d8d;
    --member-type-soft: rgba(255, 61, 141, .16);

    display: inline-flex;
    align-items: center;
    gap: .46rem;
    min-height: 2.15rem;
    padding: .32rem .68rem .32rem .32rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 850;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .30), transparent 35%),
        linear-gradient(135deg, var(--member-type-color), #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .24),
        0 0 0 4px var(--member-type-soft);
}

.member-type-pill__icon[b-4ng9nkw3d6] {
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .65rem;
    background: rgba(255, 255, 255, .16);
}

.member-type-pill--man[b-4ng9nkw3d6] {
    --member-type-color: #3b82f6;
    --member-type-soft: rgba(59, 130, 246, .18);
}

.member-type-pill--woman[b-4ng9nkw3d6] {
    --member-type-color: #ff3d8d;
    --member-type-soft: rgba(255, 61, 141, .18);
}

.member-type-pill--couple[b-4ng9nkw3d6] {
    --member-type-color: #7c3aed;
    --member-type-soft: rgba(124, 58, 237, .18);
}

.member-type-pill--nonbinary[b-4ng9nkw3d6] {
    --member-type-color: #f59e0b;
    --member-type-soft: rgba(245, 158, 11, .18);
}

.member-info-pill[b-4ng9nkw3d6],
.member-fact[b-4ng9nkw3d6] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.05rem;
    padding: .38rem .64rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .86);
    font-size: .8rem;
    font-weight: 750;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(10px);
}

.member-status-badge[b-4ng9nkw3d6] {
    --status-color: #ffc247;
    --status-soft: rgba(255, 194, 71, .16);
    --status-border: rgba(255, 194, 71, .28);

    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.05rem;
    padding: .38rem .64rem;
    border-radius: 999px;
    color: #2c1d05;
    font-size: .78rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .42), transparent 38%),
        linear-gradient(135deg, #ffd166, #ffb703);
    border: 1px solid var(--status-border);
    box-shadow:
        0 8px 18px rgba(255, 183, 3, .22),
        0 0 0 3px var(--status-soft),
        inset 0 1px 0 rgba(255, 255, 255, .45);
}

.member-status-badge i[b-4ng9nkw3d6] {
    font-size: .88rem;
    line-height: 1;
}

.member-status-badge[data-status="FoundingMember"][b-4ng9nkw3d6] {
    --status-color: #ff3d8d;
    --status-soft: rgba(255, 61, 141, .15);
    --status-border: rgba(255, 61, 141, .28);
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .32), transparent 38%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124, 58, 237, .24),
        0 0 0 3px rgba(255, 61, 141, .12),
        inset 0 1px 0 rgba(255, 255, 255, .32);
}

.member-actions[b-4ng9nkw3d6] {
    grid-area: actions;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    flex-wrap: wrap;
}

.member-action-button[b-4ng9nkw3d6] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .5rem .78rem;
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 850;
    border: 1px solid rgba(255, 255, 255, .16);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background-color .16s ease,
        opacity .16s ease;
}

.member-action-button--primary[b-4ng9nkw3d6] {
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 28px rgba(255, 61, 141, .25);
    border-color: transparent;
}

.member-action-button--ghost[b-4ng9nkw3d6] {
    color: #ffffff;
    background: rgba(255, 255, 255, .12);
}

.member-action-button--muted[b-4ng9nkw3d6] {
    color: #ffffff;
    background: rgba(255, 255, 255, .10);
}

.member-action-button--success[b-4ng9nkw3d6] {
    color: #ffffff;
    background: linear-gradient(135deg, #21b86b, #10b981);
    border-color: transparent;
}

.member-action-button:hover:not(:disabled)[b-4ng9nkw3d6] {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(8, 6, 26, .22);
}

.member-action-button:disabled[b-4ng9nkw3d6] {
    opacity: .65;
    cursor: wait;
}

.member-profile-facts[b-4ng9nkw3d6] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: 1rem;
}

.member-fact--pink[b-4ng9nkw3d6] {
    background: rgba(255, 61, 141, .18);
}

.member-fact--blue[b-4ng9nkw3d6] {
    background: rgba(59, 130, 246, .18);
}

.member-languages[b-4ng9nkw3d6] {
    position: relative;
    z-index: 1;
    margin-top: 1rem;
    padding: .85rem;
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .10);
    border: 1px solid rgba(255, 255, 255, .14);
    backdrop-filter: blur(10px);
}

.member-languages__label[b-4ng9nkw3d6] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .5rem;
    color: rgba(255, 255, 255, .86);
    font-size: .78rem;
    font-weight: 850;
}

.member-languages[b-4ng9nkw3d6]  .badge,
.member-languages[b-4ng9nkw3d6]  span {
    border-radius: 999px;
}


.member-hero__summary[b-4ng9nkw3d6] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: .85rem;
}

.member-hero__social-stats[b-4ng9nkw3d6] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .16rem;
    padding: .2rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .085);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 8px 22px rgba(5, 4, 23, .10);
    backdrop-filter: blur(12px);
}

.member-social-stat[b-4ng9nkw3d6] {
    min-height: 1.85rem;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: .3rem;
    padding: .34rem .58rem;
    color: rgba(255, 255, 255, .72);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 710;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.member-social-stat strong[b-4ng9nkw3d6] {
    color: #ffffff;
    font-size: .79rem;
    font-weight: 900;
    letter-spacing: -.015em;
}

.member-social-stat:hover[b-4ng9nkw3d6] {
    color: #ffffff;
    background: rgba(255, 255, 255, .12);
    transform: translateY(-1px);
}

.member-social-stat:focus-visible[b-4ng9nkw3d6] {
    outline: 3px solid rgba(255, 143, 193, .42);
    outline-offset: 1px;
}

.member-hero__location[b-4ng9nkw3d6] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    min-height: 2rem;
    padding: .38rem .62rem;
    color: rgba(255, 255, 255, .84);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    backdrop-filter: blur(10px);
    font-size: .76rem;
    font-weight: 740;
}

.member-hero__location > span[b-4ng9nkw3d6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-about-overview[b-4ng9nkw3d6] {
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .05), transparent 36%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .04), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
}

.member-about-facts[b-4ng9nkw3d6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.member-about-fact[b-4ng9nkw3d6] {
    --about-accent: #7c3aed;
    --about-accent-secondary: #ff3d8d;

    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .55rem;
    padding: .65rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .9rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 42%),
        rgba(255, 255, 255, .78);
}

.member-about-fact--man[b-4ng9nkw3d6] {
    --about-accent: #3b82f6;
    --about-accent-secondary: #7c3aed;
    border-color: rgba(59, 130, 246, .12);
}

.member-about-fact--woman[b-4ng9nkw3d6] {
    --about-accent: #ff3d8d;
    --about-accent-secondary: #7c3aed;
    border-color: rgba(255, 61, 141, .13);
}

.member-about-fact__icon[b-4ng9nkw3d6] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .76rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(
            135deg,
            var(--about-accent),
            var(--about-accent-secondary));
    box-shadow: 0 8px 18px rgba(124, 58, 237, .14);
}

.member-about-fact > span:last-child[b-4ng9nkw3d6] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .04rem;
}

.member-about-fact small[b-4ng9nkw3d6] {
    color: #96899b;
    font-size: .59rem;
    font-weight: 730;
    line-height: 1.2;
}

.member-about-fact strong[b-4ng9nkw3d6] {
    overflow: hidden;
    color: #392a42;
    font-size: .73rem;
    font-weight: 860;
    line-height: 1.3;
    text-overflow: ellipsis;
}

.member-about-fact__secondary[b-4ng9nkw3d6] {
    margin-left: .18rem;
    color: #8b7e91;
    font-size: .62rem;
    font-weight: 700;
}

.member-about-languages[b-4ng9nkw3d6] {
    margin-top: .8rem;
    padding: .72rem;
    border: 1px solid rgba(39, 24, 69, .075);
    border-radius: .9rem;
    background: rgba(248, 244, 250, .72);
}

.member-about-languages__label[b-4ng9nkw3d6] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-bottom: .48rem;
    color: #73527f;
    font-size: .67rem;
    font-weight: 840;
    letter-spacing: .03em;
}

.member-about-languages__label i[b-4ng9nkw3d6] {
    color: #ff3d8d;
}

.member-about-languages[b-4ng9nkw3d6]  .badge,
.member-about-languages[b-4ng9nkw3d6]  span {
    border-radius: 999px;
}


.member-card[b-4ng9nkw3d6],
.member-feed-card[b-4ng9nkw3d6],
.member-album-card[b-4ng9nkw3d6] {
    overflow: hidden;
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-card[b-4ng9nkw3d6] {
    padding: 1.05rem;
    margin-bottom: 1.15rem;
}

.member-card__header[b-4ng9nkw3d6] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.member-card__eyebrow[b-4ng9nkw3d6] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.member-card h2[b-4ng9nkw3d6] {
    margin: 0;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.member-card__icon[b-4ng9nkw3d6] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #ffffff;
    font-size: 1rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .18);
}

.member-bio[b-4ng9nkw3d6] {
    margin: 0;
    color: #33283d;
    font-size: .94rem;
    line-height: 1.55;
    white-space: pre-line;
}

.member-tabs[b-4ng9nkw3d6] {
    position: sticky;
    top: 4.35rem;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
    width: 100%;
    margin-bottom: 1rem;
    padding: .32rem;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: 1.05rem;
    background: rgba(248, 244, 250, .94);
    box-shadow:
        0 13px 30px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    backdrop-filter: blur(18px);
}

.member-tab[b-4ng9nkw3d6] {
    min-width: 0;
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .52rem .62rem;
    border: 1px solid transparent;
    border-radius: .82rem;
    color: #6b6174;
    cursor: pointer;
    font-size: .8rem;
    font-weight: 850;
    background: transparent;
    transition:
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.member-tab i[b-4ng9nkw3d6] {
    flex: 0 0 auto;
    font-size: .86rem;
}

.member-tab span[b-4ng9nkw3d6] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-tab:hover[b-4ng9nkw3d6] {
    color: #c72b75;
    border-color: rgba(255, 61, 141, .10);
    background: rgba(255, 255, 255, .74);
}

.member-tab.is-active[b-4ng9nkw3d6] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .26), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.member-about-content[b-4ng9nkw3d6] {
    display: grid;
    gap: 1.15rem;
}

.member-about-content > .member-card[b-4ng9nkw3d6],
.member-about-content > .member-details-card[b-4ng9nkw3d6] {
    margin-bottom: 0;
}

.member-feed-card[b-4ng9nkw3d6] {
    overflow: hidden;
    margin-bottom: 1.35rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.member-feed-card:hover[b-4ng9nkw3d6] {
    transform: translateY(-2px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 24px 60px rgba(21, 16, 54, .14),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-feed-card__header[b-4ng9nkw3d6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .95rem 1rem;
    border-bottom: 1px solid rgba(38, 24, 69, .08);
    background: rgba(255, 255, 255, .76);
    backdrop-filter: blur(12px);
}

.member-feed-card__time[b-4ng9nkw3d6] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .34rem .58rem;
    border-radius: 999px;
    color: #6b6174;
    font-size: .78rem;
    font-weight: 650;
    background: #f6f1f7;
    border: 1px solid rgba(38, 24, 69, .07);
}

.member-feed-card__time i[b-4ng9nkw3d6] {
    color: #a855f7;
    font-size: .78rem;
}

.member-feed-card__album[b-4ng9nkw3d6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .6rem;
    max-width: calc(100% - 2rem);
    margin: .85rem 1rem .75rem;
}

.member-feed-card__album-title[b-4ng9nkw3d6] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .42rem .72rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: 999px;
    color: #65546f;
    text-decoration: none;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .08), rgba(124, 58, 237, .08));
    font-size: .84rem;
    font-weight: 650;
}

.member-feed-card__album-title:hover[b-4ng9nkw3d6],
.member-feed-card__album-title:visited[b-4ng9nkw3d6] {
    color: #65546f;
    text-decoration: none;
}

.member-feed-card__album-title:focus-visible[b-4ng9nkw3d6] {
    outline: 3px solid rgba(255, 61, 141, .22);
    outline-offset: 2px;
}

.member-feed-card__album-title span[b-4ng9nkw3d6] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-feed-card__album-title i[b-4ng9nkw3d6] {
    flex: 0 0 auto;
    color: #ff3d8d;
}

.album-visibility[b-4ng9nkw3d6] {
    --visibility-color: #6b6174;
    --visibility-soft: rgba(107, 97, 116, .10);
    --visibility-border: rgba(107, 97, 116, .16);

    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    min-height: 1.9rem;
    padding: .3rem .58rem;
    border: 1px solid var(--visibility-border);
    border-radius: 999px;
    color: var(--visibility-color);
    background: var(--visibility-soft);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .015em;
    white-space: nowrap;
}

.album-visibility i[b-4ng9nkw3d6] {
    font-size: .72rem;
}

.album-visibility--public[b-4ng9nkw3d6] {
    --visibility-color: #14784a;
    --visibility-soft: rgba(33, 184, 107, .11);
    --visibility-border: rgba(33, 184, 107, .20);
}

.album-visibility--private[b-4ng9nkw3d6] {
    --visibility-color: #c62562;
    --visibility-soft: rgba(255, 61, 141, .10);
    --visibility-border: rgba(255, 61, 141, .20);
}

.album-visibility--intermediate[b-4ng9nkw3d6] {
    --visibility-color: #98610b;
    --visibility-soft: rgba(245, 158, 11, .12);
    --visibility-border: rgba(245, 158, 11, .22);
}

.album-visibility--unknown[b-4ng9nkw3d6] {
    --visibility-color: #65546f;
    --visibility-soft: rgba(101, 84, 111, .09);
    --visibility-border: rgba(101, 84, 111, .15);
}

.member-feed-media[b-4ng9nkw3d6] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 260px;
    cursor: pointer;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .14), transparent 32%),
        linear-gradient(135deg, #090817, #151026);
}

.member-feed-media[b-4ng9nkw3d6]::after {
    content: "Open";
    position: absolute;
    right: .85rem;
    bottom: .85rem;
    padding: .38rem .62rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .92);
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .01em;
    background: rgba(15, 13, 30, .58);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(12px);
    opacity: 0;
    transform: translateY(6px);
    transition:
        opacity .18s ease,
        transform .18s ease;
}

.member-feed-media:hover[b-4ng9nkw3d6]::after {
    opacity: 1;
    transform: translateY(0);
}

.member-feed-media__content[b-4ng9nkw3d6] {
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(72vh, 600px);
    object-fit: contain;
}

.member-feed-media__content--video[b-4ng9nkw3d6] {
    width: 100%;
    background: #000000;
}

.member-feed-media__placeholder[b-4ng9nkw3d6] {
    min-height: 300px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: 2rem;
    color: rgba(255, 255, 255, .82);
    text-align: center;
}

.member-feed-media__placeholder--video[b-4ng9nkw3d6] {
    background:
        radial-gradient(circle at 50% 20%, rgba(124, 58, 237, .22), transparent 35%),
        linear-gradient(135deg, #0d0b18, #19122b);
}

.member-feed-media__placeholder-icon[b-4ng9nkw3d6] {
    width: 3.6rem;
    height: 3.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .35rem;
    border-radius: 1.2rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 32px rgba(255, 61, 141, .28);
}

.member-feed-media__placeholder-icon i[b-4ng9nkw3d6] {
    font-size: 1.65rem;
}

.member-feed-media__placeholder small[b-4ng9nkw3d6] {
    color: rgba(255, 255, 255, .58);
}

.member-feed-card__body[b-4ng9nkw3d6] {
    padding: .9rem 1rem 1rem;
}

.member-feed-actions[b-4ng9nkw3d6] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin-bottom: .7rem;
}

.member-feed-actions__reactions[b-4ng9nkw3d6] {
    min-width: 0;
}

.member-feed-actions__right[b-4ng9nkw3d6] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex: 0 0 auto;
}

.member-icon-button[b-4ng9nkw3d6] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .28rem .62rem;
    border: 1px solid rgba(38, 24, 69, .13);
    border-radius: 999px;
    color: #65546f;
    background: #ffffff;
    box-shadow: 0 6px 18px rgba(21, 16, 54, .06);
    font-size: .86rem;
    font-weight: 700;
    transition:
        background-color .18s ease,
        color .18s ease,
        border-color .18s ease,
        transform .18s ease,
        box-shadow .18s ease;
}

.member-icon-button:hover[b-4ng9nkw3d6] {
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .25);
    background: #fff5fa;
    transform: translateY(-1px);
    box-shadow: 0 10px 24px rgba(255, 61, 141, .12);
}

.member-dedication[b-4ng9nkw3d6]  .btn {
    border-radius: 999px;
}

.member-feed-description[b-4ng9nkw3d6] {
    margin: 0;
    color: #2d2633;
    font-size: .96rem;
    line-height: 1.45;
    white-space: pre-line;
}

.member-load-more[b-4ng9nkw3d6] {
    display: flex;
    justify-content: center;
    margin: 1.5rem 0 .5rem;
}

.member-load-more__button[b-4ng9nkw3d6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    min-height: 2.75rem;
    padding: .6rem 1.15rem;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    font-weight: 800;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(124, 58, 237, .24);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        opacity .18s ease;
}

.member-load-more__button:hover:not(:disabled)[b-4ng9nkw3d6] {
    transform: translateY(-2px);
    box-shadow: 0 20px 44px rgba(124, 58, 237, .30);
}

.member-load-more__button:disabled[b-4ng9nkw3d6] {
    opacity: .65;
    cursor: not-allowed;
}

.member-album-grid[b-4ng9nkw3d6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.member-album-card[b-4ng9nkw3d6] {
    --album-accent: #ff3d8d;
    --album-accent-secondary: #7c3aed;
    --album-soft: rgba(124, 58, 237, .11);
    --album-hover-ring: rgba(124, 58, 237, .12);

    position: relative;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 100%, rgba(124, 58, 237, .035), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

/*
 * Album visibility is communicated mainly by the badge and icon.
 * The cards stay within the XLibertia pink / violet visual language.
 */
.member-album-card--public[b-4ng9nkw3d6] {
    --album-accent: #7c3aed;
    --album-accent-secondary: #ff3d8d;
    --album-soft: rgba(124, 58, 237, .11);
    --album-hover-ring: rgba(255, 61, 141, .10);
}

.member-album-card--private[b-4ng9nkw3d6] {
    --album-accent: #d92d72;
    --album-accent-secondary: #7c3aed;
    --album-soft: rgba(217, 45, 114, .11);
    --album-hover-ring: rgba(217, 45, 114, .10);
}

.member-album-card--intermediate[b-4ng9nkw3d6] {
    --album-accent: #8b5cf6;
    --album-accent-secondary: #d946ef;
    --album-soft: rgba(139, 92, 246, .11);
    --album-hover-ring: rgba(217, 70, 239, .09);
}

.member-album-card--unknown[b-4ng9nkw3d6] {
    --album-accent: #7c3aed;
    --album-accent-secondary: #a855f7;
    --album-soft: rgba(124, 58, 237, .10);
    --album-hover-ring: rgba(124, 58, 237, .09);
}

.member-album-card--accessible:hover[b-4ng9nkw3d6] {
    transform: translateY(-3px);
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 26px 64px rgba(21, 16, 54, .15),
        0 0 0 4px var(--album-hover-ring),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-album-card__visual[b-4ng9nkw3d6] {
    position: relative;
    overflow: hidden;
    min-height: 7.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .33), transparent 42%),
        radial-gradient(circle at 100% 10%, rgba(124, 58, 237, .38), transparent 46%),
        linear-gradient(135deg, #071434 0%, #171050 54%, #330735 100%);
}

.member-album-card--private .member-album-card__visual[b-4ng9nkw3d6] {
    background:
        radial-gradient(circle at 10% 0%, rgba(217, 45, 114, .42), transparent 43%),
        radial-gradient(circle at 100% 12%, rgba(124, 58, 237, .42), transparent 46%),
        linear-gradient(135deg, #14102e 0%, #351040 54%, #220b46 100%);
}

.member-album-card--intermediate .member-album-card__visual[b-4ng9nkw3d6] {
    background:
        radial-gradient(circle at 12% 0%, rgba(217, 70, 239, .30), transparent 42%),
        radial-gradient(circle at 100% 12%, rgba(139, 92, 246, .46), transparent 46%),
        linear-gradient(135deg, #081432 0%, #24104d 54%, #321039 100%);
}

.member-album-card__visual[b-4ng9nkw3d6]::before,
.member-album-card__visual[b-4ng9nkw3d6]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
    pointer-events: none;
}

.member-album-card__visual[b-4ng9nkw3d6]::before {
    right: -2.7rem;
    bottom: -4rem;
    width: 8rem;
    height: 8rem;
}

.member-album-card__visual[b-4ng9nkw3d6]::after {
    top: -2.2rem;
    left: -1.8rem;
    width: 4.8rem;
    height: 4.8rem;
}

.member-album-card__visual-glow[b-4ng9nkw3d6] {
    position: absolute;
    inset: auto 10% -1rem;
    height: 2.5rem;
    border-radius: 50%;
    background: linear-gradient(
        90deg,
        var(--album-accent),
        var(--album-accent-secondary));
    filter: blur(30px);
    opacity: .28;
    pointer-events: none;
}

.member-album-card__icon[b-4ng9nkw3d6] {
    position: relative;
    z-index: 1;
    width: 3.9rem;
    height: 3.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at 25% 7%, rgba(255, 255, 255, .34), transparent 35%),
        linear-gradient(135deg, var(--album-accent), var(--album-accent-secondary));
    box-shadow:
        0 16px 34px var(--album-soft),
        0 0 0 5px rgba(255, 255, 255, .055),
        inset 0 1px 0 rgba(255, 255, 255, .28);
    font-size: 1.55rem;
}

.album-visibility--on-visual[b-4ng9nkw3d6] {
    position: absolute;
    z-index: 2;
    top: .7rem;
    left: .7rem;
    color: rgba(255, 255, 255, .95);
    border-color: rgba(255, 255, 255, .17);
    background: rgba(8, 7, 27, .58);
    box-shadow: 0 8px 20px rgba(5, 4, 20, .12);
    backdrop-filter: blur(12px);
}

.member-album-card__restriction[b-4ng9nkw3d6] {
    position: absolute;
    z-index: 2;
    top: .7rem;
    right: .7rem;
    min-height: 1.9rem;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    padding: .3rem .58rem;
    color: rgba(255, 255, 255, .92);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(8, 7, 27, .58);
    box-shadow: 0 8px 20px rgba(5, 4, 20, .12);
    backdrop-filter: blur(12px);
    font-size: .68rem;
    font-weight: 850;
}

.member-album-card__content[b-4ng9nkw3d6] {
    min-width: 0;
    padding: 1rem;
}

.member-album-card h3[b-4ng9nkw3d6] {
    margin: 0;
    color: #20172b;
    font-size: 1.02rem;
    font-weight: 870;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.member-album-card p[b-4ng9nkw3d6] {
    display: -webkit-box;
    min-height: 2.25rem;
    margin: .48rem 0 .8rem;
    overflow: hidden;
    color: #74687e;
    font-size: .82rem;
    line-height: 1.4;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.member-album-card__empty-description[b-4ng9nkw3d6] {
    color: #a296a9 !important;
    font-style: italic;
}

.member-album-card__meta[b-4ng9nkw3d6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem;
}

.member-album-card__meta span[b-4ng9nkw3d6] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .3rem .52rem;
    color: #65546f;
    border: 1px solid rgba(38, 24, 69, .07);
    border-radius: 999px;
    background:
        linear-gradient(135deg, #f8f3fa, #f4eef8);
    font-size: .73rem;
    font-weight: 750;
}

.member-album-card__meta span:first-child i[b-4ng9nkw3d6] {
    color: #ff3d8d;
}

.member-album-card__meta span:last-child i[b-4ng9nkw3d6] {
    color: #7c3aed;
}

.member-album-card__footer[b-4ng9nkw3d6] {
    min-height: 2.55rem;
    display: flex;
    align-items: flex-end;
    margin-top: .85rem;
    padding-top: .75rem;
    border-top: 1px solid rgba(38, 24, 69, .07);
}

.member-album-card__open-label[b-4ng9nkw3d6] {
    min-height: 2.1rem;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .4rem .72rem;
    color: #ffffff;
    border-radius: 999px;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .26), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: .76rem;
    font-weight: 850;
}

.member-album-card__open-label i[b-4ng9nkw3d6] {
    transition: transform .18s ease;
}

.member-album-card--accessible:hover .member-album-card__open-label i[b-4ng9nkw3d6] {
    transform: translateX(3px);
}

.member-album-card__locked-message[b-4ng9nkw3d6] {
    display: inline-flex;
    align-items: flex-start;
    gap: .4rem;
    color: #786574;
    font-size: .74rem;
    font-weight: 740;
    line-height: 1.35;
}

.member-album-card__locked-message i[b-4ng9nkw3d6] {
    flex: 0 0 auto;
    margin-top: .08rem;
    color: #d92d72;
}

.member-album-card__link[b-4ng9nkw3d6] {
    position: absolute;
    z-index: 3;
    inset: 0;
    border-radius: inherit;
}

.member-album-card__link:focus-visible[b-4ng9nkw3d6] {
    outline: 4px solid rgba(255, 61, 141, .22);
    outline-offset: -4px;
}

.member-album-card--locked[b-4ng9nkw3d6] {
    background:
        radial-gradient(circle at 100% 100%, rgba(124, 58, 237, .03), transparent 42%),
        linear-gradient(180deg, #fcfafc 0%, #f7f3f7 100%);
}

.member-album-card--locked .member-album-card__visual[b-4ng9nkw3d6] {
    filter: saturate(.68) brightness(.92);
}

.member-album-card--locked .member-album-card__icon[b-4ng9nkw3d6] {
    background:
        radial-gradient(circle at 25% 7%, rgba(255, 255, 255, .24), transparent 35%),
        linear-gradient(135deg, #77657f, #4a3c58);
    box-shadow:
        0 16px 34px rgba(69, 59, 82, .22),
        0 0 0 5px rgba(255, 255, 255, .045),
        inset 0 1px 0 rgba(255, 255, 255, .18);
}

.member-loading[b-4ng9nkw3d6],
.member-empty[b-4ng9nkw3d6] {
    padding: 2.5rem 1.4rem;
    text-align: center;
    border-radius: 1.35rem;
    color: #65546f;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.member-loading--small[b-4ng9nkw3d6] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    padding: 1.5rem;
}

.member-loading--small p[b-4ng9nkw3d6] {
    margin: 0;
}

.member-loading__icon[b-4ng9nkw3d6],
.member-empty__icon[b-4ng9nkw3d6] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.35rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(255, 61, 141, .22);
}

.member-empty--compact[b-4ng9nkw3d6] {
    padding: 2rem 1.2rem;
}

.member-empty h2[b-4ng9nkw3d6] {
    margin: 0 0 .45rem;
    color: #20172b;
    font-size: 1.25rem;
    font-weight: 850;
}

.member-empty p[b-4ng9nkw3d6] {
    max-width: 28rem;
    margin: 0 auto;
    color: #74687e;
}

.member-empty__button[b-4ng9nkw3d6] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    margin-top: 1rem;
    padding: .55rem .95rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .86rem;
    font-weight: 850;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 28px rgba(124, 58, 237, .22);
}

.member-empty__button:hover[b-4ng9nkw3d6] {
    color: #ffffff;
    transform: translateY(-1px);
}




/* =========================
   Lifestyle & preferences
   ========================= */

.member-details-card[b-4ng9nkw3d6] {
    overflow: hidden;
    margin-bottom: 1.15rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .045), transparent 35%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 20px 50px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-details-card__header[b-4ng9nkw3d6] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 1.1rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .10), transparent 42%),
        radial-gradient(circle at 94% 0%, rgba(124, 58, 237, .10), transparent 42%),
        rgba(255, 255, 255, .72);
}

.member-details-card__heading[b-4ng9nkw3d6] {
    min-width: 0;
}

.member-details-card__eyebrow[b-4ng9nkw3d6] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .68rem;
    font-weight: 880;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.member-details-card h2[b-4ng9nkw3d6] {
    margin: 0;
    color: #20172b;
    font-size: 1.18rem;
    font-weight: 880;
    line-height: 1.2;
    letter-spacing: -.03em;
}

.member-details-card__heading p[b-4ng9nkw3d6] {
    margin: .25rem 0 0;
    color: #786b80;
    font-size: .78rem;
    line-height: 1.4;
}

.member-details-card__icon[b-4ng9nkw3d6] {
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .32), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.member-details-card__content[b-4ng9nkw3d6] {
    display: grid;
    gap: 1rem;
    padding: 1rem;
}

.member-detail-section[b-4ng9nkw3d6] {
    min-width: 0;
    padding: .95rem;
    border: 1px solid rgba(39, 24, 69, .075);
    border-radius: 1.12rem;
    background: rgba(255, 255, 255, .76);
    box-shadow:
        0 10px 26px rgba(21, 16, 54, .045),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-detail-section__header[b-4ng9nkw3d6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .62rem;
    margin-bottom: .85rem;
}

.member-detail-section__icon[b-4ng9nkw3d6] {
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .82rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .17);
}

.member-detail-section__header > div[b-4ng9nkw3d6] {
    min-width: 0;
}

.member-detail-section__header > div > span[b-4ng9nkw3d6] {
    display: block;
    color: #a05082;
    font-size: .61rem;
    font-weight: 860;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.member-detail-section h3[b-4ng9nkw3d6] {
    margin: .05rem 0 0;
    color: #2a1e32;
    font-size: .98rem;
    font-weight: 870;
    letter-spacing: -.02em;
}

/* Appearance */

.member-person-grid[b-4ng9nkw3d6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.member-person-grid--single[b-4ng9nkw3d6] {
    grid-template-columns: minmax(0, 1fr);
}

.member-person-card[b-4ng9nkw3d6] {
    --person-accent: #3b82f6;
    --person-accent-secondary: #7c3aed;
    --person-soft: rgba(59, 130, 246, .075);

    min-width: 0;
    overflow: hidden;
    border: 1px solid rgba(59, 130, 246, .14);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, var(--person-soft), transparent 42%),
        linear-gradient(180deg, #ffffff, #fbfcff);
}

.member-person-card--woman[b-4ng9nkw3d6] {
    --person-accent: #ff3d8d;
    --person-accent-secondary: #7c3aed;
    --person-soft: rgba(255, 61, 141, .075);
    border-color: rgba(255, 61, 141, .14);
    background:
        radial-gradient(circle at 100% 0%, var(--person-soft), transparent 42%),
        linear-gradient(180deg, #ffffff, #fffafd);
}

.member-person-card__header[b-4ng9nkw3d6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .58rem;
    padding: .72rem;
    border-bottom: 1px solid rgba(39, 24, 69, .065);
}

.member-person-card__avatar[b-4ng9nkw3d6] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .82rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, var(--person-accent), var(--person-accent-secondary));
    box-shadow: 0 9px 20px rgba(124, 58, 237, .15);
}

.member-person-card__header > div[b-4ng9nkw3d6] {
    min-width: 0;
}

.member-person-card__header > div > span[b-4ng9nkw3d6] {
    display: block;
    color: #94879a;
    font-size: .59rem;
    font-weight: 800;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.member-person-card h4[b-4ng9nkw3d6] {
    margin: .04rem 0 0;
    color: #2b1f34;
    font-size: .88rem;
    font-weight: 880;
}

.member-person-card__facts[b-4ng9nkw3d6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .35rem;
    padding: .55rem;
}

.member-person-fact[b-4ng9nkw3d6] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .45rem;
    padding: .52rem;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .64);
    transition: background-color .16s ease;
}

.member-person-fact:hover[b-4ng9nkw3d6] {
    background: rgba(124, 58, 237, .045);
}

.member-person-fact > i[b-4ng9nkw3d6] {
    color: var(--person-accent);
    font-size: .78rem;
}

.member-person-fact > span[b-4ng9nkw3d6] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .02rem;
}

.member-person-fact small[b-4ng9nkw3d6] {
    color: #938697;
    font-size: .57rem;
    font-weight: 720;
    line-height: 1.2;
}

.member-person-fact strong[b-4ng9nkw3d6] {
    overflow: hidden;
    color: #3a2a43;
    font-size: .69rem;
    font-weight: 850;
    line-height: 1.25;
    text-overflow: ellipsis;
}

/* Connection style */

.member-preference-grid[b-4ng9nkw3d6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.member-preference-card[b-4ng9nkw3d6] {
    --preference-accent: #7c3aed;
    --preference-accent-secondary: #ff3d8d;
    --preference-soft: rgba(124, 58, 237, .07);

    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    padding: .65rem;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: .88rem;
    background:
        radial-gradient(circle at 100% 0%, var(--preference-soft), transparent 44%),
        #ffffff;
}

.member-preference-card.is-positive[b-4ng9nkw3d6] {
    --preference-accent: #ff3d8d;
    --preference-accent-secondary: #7c3aed;
    --preference-soft: rgba(255, 61, 141, .075);
    border-color: rgba(255, 61, 141, .14);
}

.member-preference-card.is-muted[b-4ng9nkw3d6] {
    --preference-accent: #827487;
    --preference-accent-secondary: #5e5166;
    --preference-soft: rgba(101, 84, 111, .055);
    border-color: rgba(101, 84, 111, .11);
}

.member-preference-card.is-highlight[b-4ng9nkw3d6] {
    --preference-accent: #8b5cf6;
    --preference-accent-secondary: #d946ef;
    --preference-soft: rgba(139, 92, 246, .075);
}

.member-preference-card__icon[b-4ng9nkw3d6] {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .74rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(
            135deg,
            var(--preference-accent),
            var(--preference-accent-secondary));
    box-shadow: 0 7px 16px var(--preference-soft);
}

.member-preference-card > div[b-4ng9nkw3d6] {
    min-width: 0;
}

.member-preference-card small[b-4ng9nkw3d6] {
    display: block;
    color: #948799;
    font-size: .58rem;
    font-weight: 720;
    line-height: 1.2;
}

.member-preference-card strong[b-4ng9nkw3d6] {
    display: block;
    margin-top: .05rem;
    overflow: hidden;
    color: #382a41;
    font-size: .72rem;
    font-weight: 860;
    line-height: 1.25;
    text-overflow: ellipsis;
}

.member-preference-card__state[b-4ng9nkw3d6] {
    width: 1.35rem;
    height: 1.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 50%;
    background:
        linear-gradient(
            135deg,
            var(--preference-accent),
            var(--preference-accent-secondary));
    font-size: .65rem;
}

/* Search preferences and desires */

.member-interest-chips[b-4ng9nkw3d6] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem;
}

.member-interest-chip[b-4ng9nkw3d6] {
    min-height: 1.9rem;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .33rem .56rem;
    color: #6b4a79;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 999px;
    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .065),
            rgba(124, 58, 237, .065));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
    font-size: .66rem;
    font-weight: 790;
    line-height: 1.25;
}

.member-interest-chip i[b-4ng9nkw3d6] {
    color: #ff3d8d;
    font-size: .65rem;
}

.member-interest-chips--search .member-interest-chip[b-4ng9nkw3d6] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .24), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 7px 16px rgba(124, 58, 237, .13),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.member-interest-chips--search .member-interest-chip i[b-4ng9nkw3d6] {
    color: rgba(255, 255, 255, .84);
}

.member-desire-grid[b-4ng9nkw3d6] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
}

.member-desire-card[b-4ng9nkw3d6] {
    min-width: 0;
    padding: .7rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .9rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .045), transparent 42%),
        linear-gradient(180deg, #ffffff, #fdfafe);
}

.member-desire-card__header[b-4ng9nkw3d6] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .5rem;
    margin-bottom: .58rem;
}

.member-desire-card__icon[b-4ng9nkw3d6] {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .72rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 7px 16px rgba(124, 58, 237, .15);
}

.member-desire-card__header > div[b-4ng9nkw3d6] {
    min-width: 0;
}

.member-desire-card h4[b-4ng9nkw3d6] {
    margin: 0;
    overflow: hidden;
    color: #362640;
    font-size: .75rem;
    font-weight: 860;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-desire-card__header > div > span[b-4ng9nkw3d6] {
    display: block;
    margin-top: .05rem;
    color: #998c9e;
    font-size: .57rem;
    font-weight: 690;
}



/* =========================
   Section introduction
   ========================= */

.member-section-intro[b-4ng9nkw3d6] {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.15rem;
    padding: 1.05rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .05), transparent 36%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .04), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .10),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.member-section-intro__heading[b-4ng9nkw3d6] {
    min-width: 0;
}

.member-section-intro__eyebrow[b-4ng9nkw3d6] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.member-section-intro h1[b-4ng9nkw3d6] {
    margin: 0;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.member-section-intro p[b-4ng9nkw3d6] {
    max-width: 34rem;
    margin: .35rem 0 0;
    color: #74687e;
    font-size: .82rem;
    line-height: 1.45;
}

.member-section-intro__icon[b-4ng9nkw3d6] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #ffffff;
    font-size: 1rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

@media (max-width: 520px) {
    .member-section-intro[b-4ng9nkw3d6] {
        gap: .75rem;
        padding: .95rem;
        border-radius: 1.15rem;
    }

    .member-section-intro p[b-4ng9nkw3d6] {
        font-size: .78rem;
    }

    .member-section-intro__icon[b-4ng9nkw3d6] {
        width: 2.2rem;
        height: 2.2rem;
        flex-basis: 2.2rem;
        border-radius: .8rem;
    }
}

@media (max-width: 680px) {
    .member-person-grid[b-4ng9nkw3d6],
    .member-preference-grid[b-4ng9nkw3d6],
    .member-desire-grid[b-4ng9nkw3d6] {
        grid-template-columns: 1fr;
    }

    .member-person-card__facts[b-4ng9nkw3d6] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 430px) {
    .member-details-card__header[b-4ng9nkw3d6] {
        align-items: flex-start;
    }

    .member-details-card__heading p[b-4ng9nkw3d6] {
        max-width: 14rem;
    }

    .member-person-card__facts[b-4ng9nkw3d6] {
        grid-template-columns: 1fr;
    }

    .member-preference-card[b-4ng9nkw3d6] {
        grid-template-columns: auto minmax(0, 1fr) auto;
    }
}


/* =========================
   AI-generated content badge
   ========================= */

.member-feed-card__header-meta[b-4ng9nkw3d6] {
    min-width: 0;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .45rem;
}

.ai-generated-badge[b-4ng9nkw3d6] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .28rem .56rem .28rem .3rem;
    color: #71358a;
    border: 1px solid rgba(168, 85, 247, .18);
    border-radius: 999px;
    background:
        linear-gradient(
            135deg,
            rgba(217, 70, 239, .09),
            rgba(124, 58, 237, .08));
    box-shadow:
        0 7px 18px rgba(124, 58, 237, .08),
        inset 0 1px 0 rgba(255, 255, 255, .8);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .01em;
    white-space: nowrap;
}

.ai-generated-badge__icon[b-4ng9nkw3d6] {
    width: 1.4rem;
    height: 1.4rem;
    flex: 0 0 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .5rem;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .34), transparent 36%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 6px 14px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .24);
    font-size: .7rem;
}

@media (max-width: 760px) {
    .member-profile-page[b-4ng9nkw3d6] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .member-hero[b-4ng9nkw3d6] {
        border-radius: 1.25rem;
        padding: 1rem;
    }

    .member-hero__main[b-4ng9nkw3d6] {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .member-actions[b-4ng9nkw3d6] {
        width: 100%;
        justify-content: flex-start;
    }

    .member-action-button[b-4ng9nkw3d6] {
        flex: 1 1 auto;
    }

    .member-profile-facts[b-4ng9nkw3d6] {
        align-items: stretch;
        flex-direction: column;
    }

    .member-fact[b-4ng9nkw3d6] {
        justify-content: flex-start;
        width: 100%;
    }

    .member-tabs[b-4ng9nkw3d6] {
        top: 3.9rem;
        width: 100%;
    }

    .member-tab[b-4ng9nkw3d6] {
        min-height: 2.55rem;
        padding-inline: .45rem;
    }

    .member-about-facts[b-4ng9nkw3d6] {
        grid-template-columns: 1fr;
    }

    .member-feed-card[b-4ng9nkw3d6] {
        border-radius: 1.15rem;
    }

    .member-feed-card__header[b-4ng9nkw3d6] {
        padding: .85rem;
    }

    .member-feed-card__header-meta[b-4ng9nkw3d6] {
        max-width: 55%;
    }

    .member-feed-card__album[b-4ng9nkw3d6] {
        max-width: calc(100% - 1.7rem);
        margin: .75rem .85rem .65rem;
    }

    .member-feed-card__album[b-4ng9nkw3d6] {
        align-items: flex-start;
        flex-direction: column;
    }

    .member-feed-card__album-title[b-4ng9nkw3d6] {
        max-width: 100%;
    }

    .member-feed-media[b-4ng9nkw3d6] {
        min-height: 220px;
    }

    .member-feed-media[b-4ng9nkw3d6]::after {
        display: none;
    }

    .member-feed-actions[b-4ng9nkw3d6] {
        align-items: flex-start;
        flex-direction: column;
        gap: .65rem;
    }

    .member-feed-actions__right[b-4ng9nkw3d6] {
        width: 100%;
        justify-content: space-between;
    }

    .member-album-grid[b-4ng9nkw3d6] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .member-tabs[b-4ng9nkw3d6] {
        top: 3.65rem;
        gap: .24rem;
        padding: .26rem;
    }

    .member-tab[b-4ng9nkw3d6] {
        min-height: 2.45rem;
        gap: .3rem;
        padding: .45rem .34rem;
        font-size: .72rem;
    }

    .member-tab i[b-4ng9nkw3d6] {
        font-size: .78rem;
    }

    .member-hero__summary[b-4ng9nkw3d6] {
        align-items: stretch;
        flex-direction: column;
    }

    .member-hero__location[b-4ng9nkw3d6] {
        width: 100%;
        justify-content: flex-start;
    }

    .member-hero__social-stats[b-4ng9nkw3d6] {
        width: 100%;
        justify-content: stretch;
    }

    .member-social-stat[b-4ng9nkw3d6] {
        flex: 1 1 0;
    }
}

@media (max-width: 420px) {
    .member-social-stat[b-4ng9nkw3d6] {
        gap: .24rem;
        padding-inline: .42rem;
        font-size: .63rem;
    }

    .member-social-stat strong[b-4ng9nkw3d6] {
        font-size: .74rem;
    }

    .member-hero h1[b-4ng9nkw3d6] {
        font-size: 1.55rem;
    }

    .member-action-button[b-4ng9nkw3d6] {
        width: 100%;
    }

    .member-album-card__visual[b-4ng9nkw3d6] {
        min-height: 7rem;
    }
}


@media (max-width: 430px) {
    .ai-generated-badge[b-4ng9nkw3d6] {
        padding-right: .3rem;
    }

    .ai-generated-badge__label[b-4ng9nkw3d6] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.not-found-page[b-cyuegrqzjw] {
    width: min(100%, 980px);
    min-height: calc(100dvh - 10rem);
    display: grid;
    place-items: center;
    margin: 0 auto;
    padding: 2rem 1rem 3rem;
    color: #2a1e32;
}

.not-found-card[b-cyuegrqzjw] {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: grid;
    grid-template-columns: minmax(18rem, .82fr) minmax(0, 1.18fr);
    align-items: center;
    gap: clamp(1.5rem, 4vw, 3rem);
    padding: clamp(1.4rem, 4vw, 2.5rem);
    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.75rem;
    background:
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .07), transparent 38%),
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .07), transparent 40%),
        linear-gradient(145deg, #ffffff 0%, #fff9fc 58%, #fbf8ff 100%);
    box-shadow:
        0 28px 70px rgba(21, 16, 54, .13),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.not-found-card[b-cyuegrqzjw]::before,
.not-found-card[b-cyuegrqzjw]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(124, 58, 237, .07);
    border-radius: 50%;
    pointer-events: none;
}

.not-found-card[b-cyuegrqzjw]::before {
    top: -8rem;
    right: 24%;
    width: 18rem;
    height: 18rem;
}

.not-found-card[b-cyuegrqzjw]::after {
    right: -8rem;
    bottom: -11rem;
    width: 24rem;
    height: 24rem;
    background: rgba(124, 58, 237, .018);
}

.not-found-card__glow[b-cyuegrqzjw] {
    position: absolute;
    right: 8%;
    bottom: -1rem;
    width: 45%;
    height: 2.5rem;
    border-radius: 50%;
    background: linear-gradient(90deg, #ff3d8d, #7c3aed);
    filter: blur(42px);
    opacity: .15;
    pointer-events: none;
}

/* =========================
   Illustration
   ========================= */

.not-found-visual[b-cyuegrqzjw] {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.4rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .42), transparent 42%),
        radial-gradient(circle at 100% 10%, rgba(124, 58, 237, .42), transparent 46%),
        linear-gradient(135deg, #071434 0%, #171050 54%, #330735 100%);
    box-shadow:
        0 20px 48px rgba(23, 16, 80, .22),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.not-found-visual[b-cyuegrqzjw]::before,
.not-found-visual[b-cyuegrqzjw]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
}

.not-found-visual[b-cyuegrqzjw]::before {
    top: -4rem;
    right: -3rem;
    width: 12rem;
    height: 12rem;
}

.not-found-visual[b-cyuegrqzjw]::after {
    left: -4rem;
    bottom: -5rem;
    width: 14rem;
    height: 14rem;
}

.not-found-visual__code[b-cyuegrqzjw] {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, .96);
    font-size: clamp(5.4rem, 12vw, 8.3rem);
    font-weight: 950;
    line-height: .85;
    letter-spacing: -.10em;
    text-shadow: 0 18px 42px rgba(5, 4, 23, .30);
}

.not-found-visual__icon[b-cyuegrqzjw] {
    position: absolute;
    z-index: 2;
    width: 4.2rem;
    height: 4.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(255, 61, 141, .28),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-size: 1.45rem;
    transform: translate(2.8rem, 2.7rem) rotate(-8deg);
}

.not-found-visual__profile[b-cyuegrqzjw] {
    position: absolute;
    z-index: 2;
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .9rem;
    background: rgba(13, 11, 44, .62);
    box-shadow: 0 13px 26px rgba(5, 4, 23, .18);
    backdrop-filter: blur(12px);
}

.not-found-visual__profile--one[b-cyuegrqzjw] {
    top: 2rem;
    right: 1.5rem;
    transform: rotate(6deg);
}

.not-found-visual__profile--two[b-cyuegrqzjw] {
    left: 1.4rem;
    bottom: 2rem;
    transform: rotate(-7deg);
}

.not-found-visual__profile i[b-cyuegrqzjw] {
    color: #ff8fc1;
}

.not-found-visual__sparkle[b-cyuegrqzjw] {
    position: absolute;
    top: 1.6rem;
    left: 1.8rem;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .7rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(255, 61, 141, .24);
    font-size: .75rem;
}

/* =========================
   Content
   ========================= */

.not-found-content[b-cyuegrqzjw] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.not-found-eyebrow[b-cyuegrqzjw] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin: 0 0 .7rem;
    padding: .38rem .66rem;
    color: #8e3d74;
    border: 1px solid rgba(255, 61, 141, .15);
    border-radius: 999px;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .08), rgba(124, 58, 237, .07));
    font-size: .63rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.not-found-eyebrow i[b-cyuegrqzjw] {
    color: #7c3aed;
}

.not-found-content h1[b-cyuegrqzjw] {
    max-width: 32rem;
    margin: 0;
    color: #21172b;
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    font-weight: 930;
    line-height: 1.01;
    letter-spacing: -.06em;
}

.not-found-lead[b-cyuegrqzjw] {
    max-width: 35rem;
    margin: .8rem 0 0;
    color: #74687b;
    font-size: .9rem;
    line-height: 1.58;
}

.not-found-actions[b-cyuegrqzjw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.2rem;
}

.not-found-button[b-cyuegrqzjw] {
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .62rem .9rem;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 870;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background-color .16s ease;
}

.not-found-button--primary[b-cyuegrqzjw] {
    color: #ffffff;
    border: 1px solid transparent;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 14px 30px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .21);
}

.not-found-button--secondary[b-cyuegrqzjw] {
    color: #694b76;
    border: 1px solid rgba(124, 58, 237, .13);
    background: #ffffff;
    box-shadow:
        0 9px 22px rgba(21, 16, 54, .06),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.not-found-button:hover[b-cyuegrqzjw] {
    transform: translateY(-2px);
}

.not-found-button--primary:hover[b-cyuegrqzjw] {
    color: #ffffff;
    box-shadow:
        0 18px 38px rgba(124, 58, 237, .30),
        inset 0 1px 0 rgba(255, 255, 255, .21);
}

.not-found-button--secondary:hover[b-cyuegrqzjw] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .22);
    background: #fff9fc;
}

.not-found-button:focus-visible[b-cyuegrqzjw],
.not-found-links a:focus-visible[b-cyuegrqzjw] {
    outline: 4px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
}

.not-found-links[b-cyuegrqzjw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem .65rem;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid rgba(39, 24, 69, .08);
    font-size: .66rem;
}

.not-found-links > span[b-cyuegrqzjw] {
    color: #8a7d90;
    font-weight: 720;
}

.not-found-links a[b-cyuegrqzjw] {
    color: #8f3f78;
    font-weight: 820;
    text-decoration: none;
}

.not-found-links a:hover[b-cyuegrqzjw] {
    color: #b72d72;
    text-decoration: underline;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 760px) {
    .not-found-page[b-cyuegrqzjw] {
        min-height: calc(100dvh - 7rem);
        padding: 1rem .75rem 2rem;
    }

    .not-found-card[b-cyuegrqzjw] {
        grid-template-columns: 1fr;
        padding: 1.15rem;
        border-radius: 1.35rem;
    }

    .not-found-visual[b-cyuegrqzjw] {
        min-height: 13rem;
        order: 2;
    }

    .not-found-content[b-cyuegrqzjw] {
        order: 1;
    }

    .not-found-content h1[b-cyuegrqzjw] {
        font-size: clamp(2.15rem, 10vw, 3rem);
    }
}

@media (max-width: 520px) {
    .not-found-card[b-cyuegrqzjw] {
        gap: 1.15rem;
        padding: 1rem;
        border-radius: 1.15rem;
    }

    .not-found-actions[b-cyuegrqzjw] {
        align-items: stretch;
        flex-direction: column;
    }

    .not-found-button[b-cyuegrqzjw] {
        width: 100%;
    }

    .not-found-links[b-cyuegrqzjw] {
        align-items: stretch;
        flex-direction: column;
        gap: .4rem;
    }

    .not-found-links a[b-cyuegrqzjw] {
        width: fit-content;
    }

    .not-found-visual[b-cyuegrqzjw] {
        min-height: 11rem;
    }

    .not-found-visual__code[b-cyuegrqzjw] {
        font-size: 5rem;
    }

    .not-found-visual__icon[b-cyuegrqzjw] {
        width: 3.5rem;
        height: 3.5rem;
        border-radius: 1.1rem;
        transform: translate(2.25rem, 2.2rem) rotate(-8deg);
    }
}

@media (prefers-reduced-motion: reduce) {
    .not-found-button[b-cyuegrqzjw] {
        transition: none;
    }
}
/* /Components/Pages/Places/EventDetail.razor.rz.scp.css */
:host[b-jhubxpauja] {
    display: block;
}

.event-detail-page[b-jhubxpauja] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.2rem 0 4rem;
    color: #241a31;
}

.event-detail-breadcrumb[b-jhubxpauja] {
    margin-bottom: .85rem;
}

/* =========================
   Loading / not found
   ========================= */

.event-detail-loading[b-jhubxpauja],
.event-detail-empty[b-jhubxpauja] {
    min-height: min(560px, 68vh);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.event-detail-loading[b-jhubxpauja] {
    flex-direction: row;
    gap: .75rem;
}

.event-detail-loading__icon[b-jhubxpauja],
.event-detail-empty__icon[b-jhubxpauja] {
    width: 3.8rem;
    height: 3.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.2rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 15px 34px rgba(124, 58, 237, .22);
}

.event-detail-loading__spinner[b-jhubxpauja] {
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid rgba(255,255,255,.28);
    border-top-color: #fff;
    border-radius: 50%;
    animation: event-detail-spin-b-jhubxpauja .75s linear infinite;
}

.event-detail-loading strong[b-jhubxpauja],
.event-detail-loading span[b-jhubxpauja],
.event-detail-empty strong[b-jhubxpauja] {
    display: block;
}

.event-detail-loading strong[b-jhubxpauja] {
    color: #34273e;
    font-size: .82rem;
    font-weight: 860;
}

.event-detail-loading div > span[b-jhubxpauja] {
    margin-top: .08rem;
    color: #85788b;
    font-size: .68rem;
}

.event-detail-kicker[b-jhubxpauja] {
    display: inline-flex;
    margin-top: 1rem;
    color: #a7457e;
    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.event-detail-empty h1[b-jhubxpauja] {
    margin: .25rem 0 0;
    color: #2b2035;
    font-size: clamp(1.8rem, 4vw, 2.7rem);
    font-weight: 900;
    letter-spacing: -.04em;
}

.event-detail-empty p[b-jhubxpauja] {
    max-width: 30rem;
    margin: .45rem 0 1rem;
    color: #817486;
    font-size: .8rem;
    line-height: 1.5;
}

/* =========================
   Hero
   ========================= */

.event-detail-hero[b-jhubxpauja] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
    align-items: stretch;
    gap: 1.35rem;
    min-height: 390px;
    margin-bottom: 1.15rem;
    padding: 1.55rem;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 1.6rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .45), transparent 34%),
        radial-gradient(circle at 94% 6%, rgba(124, 58, 237, .5), transparent 38%),
        linear-gradient(135deg, #091333 0%, #17104d 52%, #360936 100%);
    box-shadow:
        0 22px 58px rgba(25, 13, 67, .20),
        inset 0 1px 0 rgba(255,255,255,.10);
}

.event-detail-hero__orb[b-jhubxpauja] {
    position: absolute;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 50%;
    pointer-events: none;
}

.event-detail-hero__orb--one[b-jhubxpauja] {
    width: 18rem;
    height: 18rem;
    right: 16%;
    top: -12rem;
}

.event-detail-hero__orb--two[b-jhubxpauja] {
    width: 15rem;
    height: 15rem;
    right: -7rem;
    bottom: -8rem;
}

.event-detail-hero__content[b-jhubxpauja] {
    position: relative;
    z-index: 2;
    align-self: center;
    min-width: 0;
    padding: .25rem;
}

.event-detail-hero__badges[b-jhubxpauja] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-bottom: .72rem;
}

.event-detail-badge[b-jhubxpauja] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 1.8rem;
    padding: .34rem .58rem;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 999px;
    font-size: .65rem;
    font-weight: 790;
    backdrop-filter: blur(10px);
}

.event-detail-badge--event[b-jhubxpauja] {
    color: #f7eeff;
    background: rgba(124,58,237,.18);
}

.event-detail-badge--cancelled[b-jhubxpauja] {
    color: #ffd6df;
    border-color: rgba(255, 126, 144, .25);
    background: rgba(220,53,69,.18);
}

.event-detail-hero h1[b-jhubxpauja] {
    max-width: 44rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.15rem, 4.8vw, 4rem);
    font-weight: 900;
    line-height: .98;
    letter-spacing: -.052em;
}

.event-detail-hero__date[b-jhubxpauja],
.event-detail-hero__venue[b-jhubxpauja] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin: .9rem 0 0;
    color: rgba(255,255,255,.88);
    font-size: .84rem;
    font-weight: 720;
    line-height: 1.45;
}

.event-detail-hero__date i[b-jhubxpauja],
.event-detail-hero__venue i[b-jhubxpauja] {
    flex: 0 0 auto;
    margin-top: .12rem;
    color: #ff86ba;
}

.event-detail-hero__venue span[b-jhubxpauja],
.event-detail-hero__venue strong[b-jhubxpauja],
.event-detail-hero__venue small[b-jhubxpauja] {
    display: block;
}

.event-detail-hero__venue strong[b-jhubxpauja] {
    color: #fff;
}

.event-detail-hero__venue small[b-jhubxpauja] {
    margin-top: .08rem;
    color: rgba(255,255,255,.60);
    font-size: .7rem;
    font-weight: 600;
}

.event-detail-hero__summary[b-jhubxpauja] {
    max-width: 42rem;
    margin: .85rem 0 0;
    color: rgba(255,255,255,.70);
    font-size: .82rem;
    line-height: 1.55;
}

.event-detail-hero__actions[b-jhubxpauja] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1rem;
}

.event-detail-hero__visual[b-jhubxpauja] {
    position: relative;
    z-index: 2;
    overflow: hidden;
    min-height: 310px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 1.25rem;
    background: rgba(7,6,24,.25);
    box-shadow: 0 18px 42px rgba(3,3,21,.24);
}

.event-detail-hero__visual > img[b-jhubxpauja] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 310px;
    object-fit: cover;
}

.event-detail-hero__visual[b-jhubxpauja]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 52%, rgba(9,7,30,.62) 100%);
}

.event-detail-hero__visual-overlay[b-jhubxpauja] {
    position: absolute;
    z-index: 2;
    right: .7rem;
    bottom: .7rem;
}

.event-detail-hero__visual-overlay span[b-jhubxpauja] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .38rem .58rem;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    color: #fff;
    background: rgba(15,10,36,.58);
    backdrop-filter: blur(10px);
    font-size: .64rem;
    font-weight: 780;
}

.event-detail-hero__placeholder[b-jhubxpauja] {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.35rem;
    color: #fff;
    background:
        radial-gradient(circle at 72% 20%, rgba(255,61,141,.28), transparent 30%),
        linear-gradient(145deg, rgba(15,10,45,.82), rgba(60,17,86,.66));
}

.event-detail-hero__placeholder-mark[b-jhubxpauja] {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .65rem;
    border-radius: .88rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 10px 24px rgba(255,61,141,.24);
}

.event-detail-hero__placeholder strong[b-jhubxpauja] {
    max-width: 90%;
    font-size: 1.7rem;
    font-weight: 890;
    line-height: 1.05;
}

.event-detail-hero__placeholder > span:last-child[b-jhubxpauja] {
    margin-top: .35rem;
    color: rgba(255,255,255,.66);
    font-size: .72rem;
}

/* =========================
   Buttons
   ========================= */

.event-detail-button[b-jhubxpauja] {
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .56rem .8rem;
    border: 1px solid transparent;
    border-radius: .82rem;
    font-size: .72rem;
    font-weight: 830;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.event-detail-button:hover[b-jhubxpauja] {
    transform: translateY(-1px);
}

.event-detail-button--primary[b-jhubxpauja] {
    color: #fff;
    background:
        radial-gradient(circle at 22% 0%, rgba(255,255,255,.26), transparent 35%),
        linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow:
        0 10px 24px rgba(124,58,237,.22),
        inset 0 1px 0 rgba(255,255,255,.20);
}

.event-detail-button--primary:hover[b-jhubxpauja] {
    color: #fff;
    box-shadow:
        0 14px 30px rgba(124,58,237,.28),
        inset 0 1px 0 rgba(255,255,255,.20);
}

.event-detail-button--ghost[b-jhubxpauja] {
    color: #fff;
    border-color: rgba(255,255,255,.20);
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(10px);
}

.event-detail-button--ghost:hover[b-jhubxpauja] {
    color: #fff;
    border-color: rgba(255,255,255,.32);
    background: rgba(255,255,255,.14);
}

.event-detail-button--secondary[b-jhubxpauja] {
    color: #6d4b7a;
    border-color: rgba(124,58,237,.14);
    background: #fff;
    box-shadow: 0 7px 18px rgba(21,16,54,.045);
}

.event-detail-button--secondary:hover[b-jhubxpauja] {
    color: #b72d72;
    border-color: rgba(255,61,141,.22);
    background: #fffafd;
}

.event-detail-button--full[b-jhubxpauja] {
    width: 100%;
}

.event-detail-button__suffix[b-jhubxpauja] {
    font-size: .62rem;
    opacity: .7;
}

/* =========================
   Main layout
   ========================= */

.event-detail-layout[b-jhubxpauja] {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    align-items: start;
    gap: 1.05rem;
}

.event-detail-sidebar[b-jhubxpauja] {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .8rem;
}

.event-detail-panel[b-jhubxpauja],
.event-detail-section[b-jhubxpauja] {
    border: 1px solid rgba(38,24,69,.08);
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.03), transparent 34%),
        linear-gradient(180deg,#fff 0%,#fffafd 100%);
    box-shadow:
        0 12px 32px rgba(21,16,54,.065),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.event-detail-panel[b-jhubxpauja] {
    padding: .9rem;
}

.event-detail-panel__heading[b-jhubxpauja],
.event-detail-section__heading[b-jhubxpauja] {
    display: flex;
    align-items: center;
    gap: .62rem;
}

.event-detail-panel__heading[b-jhubxpauja] {
    margin-bottom: .7rem;
}

.event-detail-panel__icon[b-jhubxpauja] {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.2rem;
    border-radius: .74rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 8px 17px rgba(124,58,237,.16);
    font-size: .78rem;
}

.event-detail-panel__eyebrow[b-jhubxpauja],
.event-detail-section__eyebrow[b-jhubxpauja] {
    display: block;
    margin-bottom: .08rem;
    color: #aa4d83;
    font-size: .56rem;
    font-weight: 850;
    letter-spacing: .065em;
    text-transform: uppercase;
}

.event-detail-panel h2[b-jhubxpauja],
.event-detail-section h2[b-jhubxpauja] {
    margin: 0;
    color: #2e2139;
    font-size: .9rem;
    font-weight: 890;
    letter-spacing: -.018em;
}

.event-detail-facts[b-jhubxpauja] {
    display: grid;
    gap: .38rem;
}

.event-detail-fact[b-jhubxpauja] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: start;
    gap: .55rem;
    padding: .58rem;
    border-radius: .78rem;
    background: rgba(124,58,237,.035);
}

.event-detail-fact__icon[b-jhubxpauja] {
    width: 1.9rem;
    height: 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .62rem;
    color: #8840bd;
    background: linear-gradient(135deg,rgba(255,61,141,.08),rgba(124,58,237,.09));
    font-size: .65rem;
}

.event-detail-fact small[b-jhubxpauja],
.event-detail-fact strong[b-jhubxpauja] {
    display: block;
}

.event-detail-fact small[b-jhubxpauja] {
    color: #92869b;
    font-size: .56rem;
    font-weight: 700;
}

.event-detail-fact strong[b-jhubxpauja] {
    margin-top: .07rem;
    color: #44354c;
    font-size: .65rem;
    font-weight: 790;
    line-height: 1.4;
}

.event-detail-venue-name[b-jhubxpauja] {
    margin: 0;
    color: #30213a;
    font-size: 1rem;
    font-weight: 890;
}

.event-detail-venue-location[b-jhubxpauja] {
    display: flex;
    align-items: flex-start;
    gap: .35rem;
    margin: .28rem 0 .7rem;
    color: #817486;
    font-size: .66rem;
    line-height: 1.4;
}

.event-detail-venue-location i[b-jhubxpauja] {
    margin-top: .08rem;
    color: #aa4d83;
}

.event-detail-link-list[b-jhubxpauja] {
    display: grid;
    gap: .38rem;
}

.event-detail-link-item[b-jhubxpauja] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .5rem;
    padding: .52rem;
    border-radius: .76rem;
    color: inherit;
    text-decoration: none;
    transition:
        background .16s ease,
        transform .16s ease;
}

.event-detail-link-item:hover[b-jhubxpauja] {
    color: inherit;
    background: rgba(124,58,237,.05);
    transform: translateX(2px);
}

.event-detail-link-item__icon[b-jhubxpauja] {
    width: 1.9rem;
    height: 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .62rem;
    color: #8c3fb8;
    background: linear-gradient(135deg,rgba(255,61,141,.08),rgba(124,58,237,.09));
    font-size: .65rem;
}

.event-detail-link-item small[b-jhubxpauja],
.event-detail-link-item strong[b-jhubxpauja] {
    display: block;
}

.event-detail-link-item small[b-jhubxpauja] {
    color: #92869b;
    font-size: .55rem;
}

.event-detail-link-item strong[b-jhubxpauja] {
    margin-top: .04rem;
    color: #43354b;
    font-size: .64rem;
    font-weight: 810;
}

.event-detail-link-item__arrow[b-jhubxpauja] {
    color: #b5a9ba;
    font-size: .6rem;
}

/* =========================
   Content
   ========================= */

.event-detail-main[b-jhubxpauja] {
    min-width: 0;
}

.event-detail-section[b-jhubxpauja] {
    padding: 1rem;
}

.event-detail-section__heading[b-jhubxpauja] {
    justify-content: space-between;
    margin-bottom: .85rem;
    padding-bottom: .75rem;
    border-bottom: 1px solid rgba(38,24,69,.07);
}

.event-detail-section h2[b-jhubxpauja] {
    font-size: 1.08rem;
}

.event-detail-section__mark[b-jhubxpauja] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 8px 17px rgba(124,58,237,.15);
    font-size: .78rem;
}

.event-detail-content[b-jhubxpauja] {
    display: grid;
    gap: .8rem;
}

.event-detail-richtext[b-jhubxpauja] {
    min-width: 0;
    color: #5e5266;
    font-size: .78rem;
    line-height: 1.68;
}

.event-detail-richtext[b-jhubxpauja]  > :first-child {
    margin-top: 0;
}

.event-detail-richtext[b-jhubxpauja]  > :last-child {
    margin-bottom: 0;
}

.event-detail-richtext[b-jhubxpauja]  h1,
.event-detail-richtext[b-jhubxpauja]  h2,
.event-detail-richtext[b-jhubxpauja]  h3 {
    color: #2d2038;
    font-weight: 880;
    letter-spacing: -.02em;
}

.event-detail-richtext[b-jhubxpauja]  h2 {
    margin: 1rem 0 .4rem;
    font-size: 1.05rem;
}

.event-detail-richtext[b-jhubxpauja]  h3 {
    margin: .9rem 0 .35rem;
    font-size: .9rem;
}

.event-detail-richtext[b-jhubxpauja]  p,
.event-detail-richtext[b-jhubxpauja]  ul,
.event-detail-richtext[b-jhubxpauja]  ol {
    margin: .5rem 0;
}

.event-detail-richtext[b-jhubxpauja]  a {
    color: #a43f80;
    font-weight: 760;
    text-decoration: none;
    border-bottom: 1px solid rgba(164,63,128,.24);
}

.event-detail-richtext[b-jhubxpauja]  a:hover {
    color: #7c3aed;
    border-color: rgba(124,58,237,.32);
}

.event-detail-richtext[b-jhubxpauja]  blockquote {
    margin: .75rem 0;
    padding: .7rem .8rem;
    border-left: 3px solid #c54b91;
    border-radius: 0 .7rem .7rem 0;
    color: #6f6177;
    background: #faf6fb;
}

.event-detail-content-image[b-jhubxpauja] {
    overflow: hidden;
    margin: 0;
    border: 1px solid rgba(38,24,69,.07);
    border-radius: 1rem;
    background: #f5f0f7;
    box-shadow: 0 8px 20px rgba(21,16,54,.05);
}

.event-detail-content-image img[b-jhubxpauja] {
    display: block;
    width: 100%;
    height: auto;
    max-height: 680px;
    object-fit: cover;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 980px) {
    .event-detail-page[b-jhubxpauja] {
        width: min(100% - 1.4rem, 860px);
    }

    .event-detail-hero[b-jhubxpauja] {
        grid-template-columns: 1fr;
    }

    .event-detail-hero__visual[b-jhubxpauja] {
        min-height: 320px;
    }

    .event-detail-layout[b-jhubxpauja] {
        grid-template-columns: 1fr;
    }

    .event-detail-sidebar[b-jhubxpauja] {
        position: static;
        grid-template-columns: repeat(2, minmax(0,1fr));
    }

    .event-detail-sidebar .event-detail-panel:first-child[b-jhubxpauja] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .event-detail-page[b-jhubxpauja] {
        width: min(100% - 1rem, 640px);
        padding: .75rem 0 3rem;
    }

    .event-detail-hero[b-jhubxpauja] {
        min-height: 0;
        padding: 1rem;
        border-radius: 1.25rem;
    }

    .event-detail-hero h1[b-jhubxpauja] {
        font-size: clamp(1.9rem, 10vw, 3rem);
    }

    .event-detail-hero__visual[b-jhubxpauja],
    .event-detail-hero__visual > img[b-jhubxpauja] {
        min-height: 230px;
    }

    .event-detail-hero__actions[b-jhubxpauja] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .event-detail-hero__actions .event-detail-button[b-jhubxpauja] {
        width: 100%;
    }

    .event-detail-sidebar[b-jhubxpauja] {
        grid-template-columns: 1fr;
    }

    .event-detail-sidebar .event-detail-panel:first-child[b-jhubxpauja] {
        grid-column: auto;
    }

    .event-detail-panel[b-jhubxpauja],
    .event-detail-section[b-jhubxpauja] {
        border-radius: 1rem;
    }
}

@media (max-width: 440px) {
    .event-detail-hero__badges[b-jhubxpauja] {
        gap: .35rem;
    }

    .event-detail-badge[b-jhubxpauja] {
        font-size: .6rem;
    }

    .event-detail-section__mark[b-jhubxpauja] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .event-detail-loading__spinner[b-jhubxpauja] {
        animation-duration: 1.5s;
    }

    .event-detail-button[b-jhubxpauja],
    .event-detail-link-item[b-jhubxpauja] {
        transition: none;
    }
}

@keyframes event-detail-spin-b-jhubxpauja {
    to {
        transform: rotate(360deg);
    }
}
/* /Components/Pages/Places/VenueCityOrDetail.razor.rz.scp.css */
.places-city-page[b-ttlygv5ds8] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.35rem 0 4rem;
    color: #281d34;
}

/* =========================
   Hero
   ========================= */

.places-city-hero[b-ttlygv5ds8] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, .42fr);
    align-items: center;
    gap: 2rem;
    min-height: 285px;
    margin-top: 1rem;
    padding: 2rem 2.15rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.7rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .42), transparent 34%),
        radial-gradient(circle at 95% 5%, rgba(124, 58, 237, .50), transparent 38%),
        linear-gradient(135deg, #0b1236 0%, #17104d 52%, #360936 100%);
    box-shadow:
        0 24px 62px rgba(25, 13, 67, .20),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.places-city-hero[b-ttlygv5ds8]::before {
    content: "";
    position: absolute;
    right: 16%;
    bottom: -11rem;
    width: 22rem;
    height: 22rem;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
}

.places-city-hero__content[b-ttlygv5ds8] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.places-city-hero__eyebrow[b-ttlygv5ds8] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .9rem;
    padding: .42rem .7rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .085);
    font-size: .7rem;
    font-weight: 820;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.places-city-hero__eyebrow i[b-ttlygv5ds8] {
    color: #ff8fc1;
}

.places-city-hero h1[b-ttlygv5ds8] {
    max-width: 48rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.2rem, 4.6vw, 3.9rem);
    font-weight: 890;
    letter-spacing: -.052em;
    line-height: 1;
}

.places-city-hero h1 span[b-ttlygv5ds8] {
    color: #ffafd2;
}

.places-city-hero p[b-ttlygv5ds8] {
    max-width: 45rem;
    margin: .9rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .95rem;
    line-height: 1.6;
}

.places-city-hero__meta[b-ttlygv5ds8] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1.15rem;
}

.places-city-hero__meta > span[b-ttlygv5ds8] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 2rem;
    padding: .42rem .65rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .72rem;
    color: rgba(255, 255, 255, .76);
    background: rgba(255, 255, 255, .07);
    font-size: .7rem;
    font-weight: 680;
}

.places-city-hero__meta i[b-ttlygv5ds8] {
    color: #ff84ba;
}

.places-city-hero__meta strong[b-ttlygv5ds8] {
    color: #fff;
}

.places-city-hero__visual[b-ttlygv5ds8] {
    position: relative;
    z-index: 2;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.places-city-hero__visual-icon[b-ttlygv5ds8] {
    width: 9.5rem;
    height: 9.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 2.3rem;
    color: rgba(255, 255, 255, .22);
    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .17), transparent 35%),
        rgba(255, 255, 255, .055);
    font-size: 4.1rem;
    transform: rotate(4deg);
}

.places-city-hero__pin[b-ttlygv5ds8] {
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255, 255, 255, .92);
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 24px rgba(124, 58, 237, .34);
}

.places-city-hero__pin--one[b-ttlygv5ds8] {
    left: 17%;
    top: 20%;
}

.places-city-hero__pin--two[b-ttlygv5ds8] {
    right: 15%;
    top: 33%;
    transform: scale(.82);
}

.places-city-hero__pin--three[b-ttlygv5ds8] {
    left: 38%;
    bottom: 8%;
    transform: scale(.72);
}

/* =========================
   Shared heading
   ========================= */

.places-section-eyebrow[b-ttlygv5ds8] {
    display: block;
    margin-bottom: .2rem;
    color: #a7457e;
    font-size: .68rem;
    font-weight: 840;
    letter-spacing: .07em;
    text-transform: uppercase;
}

/* =========================
   Editorial content
   ========================= */

.places-editorial[b-ttlygv5ds8] {
    margin-top: 1.5rem;
    padding: 1.35rem 1.45rem 1.45rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 33%),
        linear-gradient(180deg, #ffffff 0%, #fffbfd 100%);
    box-shadow:
        0 16px 40px rgba(23, 14, 61, .065),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.places-editorial__header[b-ttlygv5ds8] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
}

.places-editorial__icon[b-ttlygv5ds8] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .95rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
}

.places-editorial__header h2[b-ttlygv5ds8] {
    margin: 0;
    color: #2c2037;
    font-size: 1.15rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.places-editorial-content[b-ttlygv5ds8] {
    color: #584c61;
    font-size: .88rem;
    line-height: 1.72;
}

/* EditorialBodyHtml is injected with MarkupString, hence ::deep. */
.places-editorial-content[b-ttlygv5ds8]  p {
    margin: 0 0 .9rem;
}

.places-editorial-content[b-ttlygv5ds8]  p:last-child {
    margin-bottom: 0;
}

.places-editorial-content[b-ttlygv5ds8]  h2,
.places-editorial-content[b-ttlygv5ds8]  h3,
.places-editorial-content[b-ttlygv5ds8]  h4 {
    margin: 1.35rem 0 .55rem;
    color: #2f223a;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.places-editorial-content[b-ttlygv5ds8]  h2 {
    font-size: 1.25rem;
}

.places-editorial-content[b-ttlygv5ds8]  h3 {
    font-size: 1.08rem;
}

.places-editorial-content[b-ttlygv5ds8]  h4 {
    font-size: .98rem;
}

.places-editorial-content[b-ttlygv5ds8]  strong,
.places-editorial-content[b-ttlygv5ds8]  b {
    color: #382841;
    font-weight: 850;
}

.places-editorial-content[b-ttlygv5ds8]  em,
.places-editorial-content[b-ttlygv5ds8]  i {
    color: #695770;
}

.places-editorial-content[b-ttlygv5ds8]  a {
    color: #b72d72;
    font-weight: 780;
    text-decoration: underline;
    text-decoration-color: rgba(183, 45, 114, .32);
    text-underline-offset: .16em;
    transition:
        color .16s ease,
        text-decoration-color .16s ease;
}

.places-editorial-content[b-ttlygv5ds8]  a:hover {
    color: #7c3aed;
    text-decoration-color: rgba(124, 58, 237, .48);
}

.places-editorial-content[b-ttlygv5ds8]  a:focus-visible {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
    border-radius: .2rem;
}

.places-editorial-content[b-ttlygv5ds8]  ul,
.places-editorial-content[b-ttlygv5ds8]  ol {
    margin: .75rem 0 1rem;
    padding-left: 1.35rem;
}

.places-editorial-content[b-ttlygv5ds8]  li {
    margin: .38rem 0;
    padding-left: .15rem;
}

.places-editorial-content[b-ttlygv5ds8]  li::marker {
    color: #c33e89;
    font-weight: 800;
}

.places-editorial-content[b-ttlygv5ds8]  blockquote {
    margin: 1rem 0;
    padding: .85rem 1rem;
    border-left: 4px solid #d34891;
    border-radius: 0 .8rem .8rem 0;
    color: #66566f;
    background: linear-gradient(135deg, rgba(255, 61, 141, .055), rgba(124, 58, 237, .05));
}

.places-editorial-content[b-ttlygv5ds8]  hr {
    margin: 1.3rem 0;
    border: 0;
    border-top: 1px solid rgba(39, 24, 69, .09);
}

/* =========================
   Venue directory
   ========================= */

.places-city-directory[b-ttlygv5ds8] {
    padding-top: 2rem;
}

.places-city-directory__header[b-ttlygv5ds8] {
    margin-bottom: 1rem;
}

.places-city-directory__header h2[b-ttlygv5ds8] {
    margin: 0;
    color: #2c2037;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 860;
    letter-spacing: -.035em;
}

.places-city-directory__header p[b-ttlygv5ds8] {
    max-width: 48rem;
    margin: .35rem 0 0;
    color: #827488;
    font-size: .82rem;
    line-height: 1.52;
}

/*
   VenueGrid remains exactly the existing component. These deep selectors only
   ensure it sits naturally inside the redesigned city page without changing
   VenueGrid's own logic.
*/
.places-city-directory[b-ttlygv5ds8]  .places-grid,
.places-city-directory[b-ttlygv5ds8]  .venue-grid {
    margin-top: 0;
}

/* =========================
   Loading / not found
   ========================= */

.places-city-loading[b-ttlygv5ds8] {
    min-height: 320px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .65rem;
    margin-top: 1rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: 1.3rem;
    color: #76687d;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .055), transparent 30%),
        #fff;
    font-size: .82rem;
    font-weight: 760;
}

.places-city-loading__icon[b-ttlygv5ds8] {
    width: 2.7rem;
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .16);
}

.places-city-empty[b-ttlygv5ds8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 320px;
    margin-top: 1rem;
    padding: 2rem 1.2rem;
    border: 1px dashed rgba(124, 58, 237, .17);
    border-radius: 1.25rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0, rgba(255, 61, 141, .065), transparent 30%),
        #fff;
}

.places-city-empty__icon[b-ttlygv5ds8] {
    width: 3.7rem;
    height: 3.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.1rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 30px rgba(124, 58, 237, .18);
    font-size: 1.3rem;
}

.places-city-empty h1[b-ttlygv5ds8] {
    margin: 0;
    color: #2c2037;
    font-size: 1.7rem;
    font-weight: 850;
    letter-spacing: -.03em;
}

.places-city-empty p[b-ttlygv5ds8] {
    max-width: 34rem;
    margin: .45rem 0 0;
    color: #817486;
    font-size: .82rem;
    line-height: 1.5;
}

.places-city-empty a[b-ttlygv5ds8] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .9rem;
    padding: .5rem .75rem;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: .72rem;
    font-weight: 820;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 980px) {
    .places-city-page[b-ttlygv5ds8] {
        width: min(100% - 1.4rem, 860px);
    }

    .places-city-hero[b-ttlygv5ds8] {
        grid-template-columns: minmax(0, 1fr) 210px;
        padding: 1.65rem;
    }
}

@media (max-width: 680px) {
    .places-city-page[b-ttlygv5ds8] {
        width: min(100% - 1rem, 600px);
        padding-top: .8rem;
    }

    .places-city-hero[b-ttlygv5ds8] {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 1rem;
        padding: 1.25rem;
        border-radius: 1.35rem;
    }

    .places-city-hero__visual[b-ttlygv5ds8] {
        display: none;
    }

    .places-city-hero h1[b-ttlygv5ds8] {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .places-city-hero p[b-ttlygv5ds8] {
        font-size: .86rem;
    }

    .places-city-hero__meta[b-ttlygv5ds8] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .places-city-hero__meta > span[b-ttlygv5ds8] {
        width: fit-content;
    }

    .places-editorial[b-ttlygv5ds8] {
        padding: 1rem;
        border-radius: 1.15rem;
    }

    .places-city-directory[b-ttlygv5ds8] {
        padding-top: 1.55rem;
    }
}

@media (max-width: 430px) {
    .places-editorial__header[b-ttlygv5ds8] {
        grid-template-columns: 1fr;
    }

    .places-editorial__icon[b-ttlygv5ds8] {
        width: 2.55rem;
        height: 2.55rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .places-editorial-content[b-ttlygv5ds8]  a {
        transition: none;
    }
}


/* =========================
   VenueGrid visual harmonization
   Keeps VenueGrid logic untouched and gives its simple list the same
   visual language as the cards used on /places.
   ========================= */

.places-city-directory[b-ttlygv5ds8]  ul,
.places-city-directory[b-ttlygv5ds8]  ol {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.places-city-directory[b-ttlygv5ds8]  li {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100%;
    margin: 0;
    padding: 0;
    border: 1px solid rgba(37, 24, 62, .085);
    border-radius: 1.25rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(255, 251, 253, .97));
    box-shadow: 0 14px 34px rgba(23, 14, 61, .075);
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.places-city-directory[b-ttlygv5ds8]  li:hover {
    border-color: rgba(124, 58, 237, .16);
    box-shadow: 0 21px 46px rgba(23, 14, 61, .12);
    transform: translateY(-4px);
}

/* Image = same 16:10 media treatment as the /places cards. */
.places-city-directory[b-ttlygv5ds8]  li img {
    width: 100% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    aspect-ratio: 16 / 10;
    display: block;
    flex: 0 0 auto;
    object-fit: cover;
    background: #f3eef7;
    border: 0;
    border-radius: 0;
    transition: transform .28s ease;
}

.places-city-directory[b-ttlygv5ds8]  li:hover img {
    transform: scale(1.035);
}

/*
   VenueGrid currently exposes a simple venue link after the image.
   Style that link as the content area of the /places card.
*/
.places-city-directory[b-ttlygv5ds8]  li > a,
.places-city-directory[b-ttlygv5ds8]  li a {
    position: relative;
    display: flex;
    flex: 1;
    flex-direction: column;
    justify-content: space-between;
    gap: .7rem;
    min-width: 0;
    min-height: 7rem;
    padding: .95rem 1rem 3rem;
    color: #30223c;
    font-size: 1.02rem;
    font-weight: 830;
    line-height: 1.28;
    letter-spacing: -.02em;
    text-decoration: none;
}

.places-city-directory[b-ttlygv5ds8]  li a::after {
    content: "View place  →";
    position: absolute;
    left: 1rem;
    bottom: 1rem;
    color: #7d3aa1;
    font-size: .72rem;
    font-weight: 780;
    letter-spacing: 0;
    transition: transform .18s ease;
}

.places-city-directory[b-ttlygv5ds8]  li:hover a {
    color: #30223c;
    text-decoration: none;
}

.places-city-directory[b-ttlygv5ds8]  li:hover a::after {
    transform: translateX(3px);
}

.places-city-directory[b-ttlygv5ds8]  li a:focus-visible {
    outline: 3px solid rgba(124, 58, 237, .24);
    outline-offset: -3px;
    border-radius: 0 0 1.25rem 1.25rem;
}

/* Decorative action button to echo the cards on /places. */
.places-city-directory[b-ttlygv5ds8]  li::after {
    content: "\F144";
    position: absolute;
    z-index: 2;
    right: .7rem;
    top: calc((100% - 7rem) * .615 - 2.7rem);
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .68rem;
    color: #fff;
    background: rgba(18, 12, 37, .62);
    box-shadow: 0 5px 14px rgba(18, 12, 37, .18);
    font-family: "bootstrap-icons";
    font-size: .85rem;
    line-height: 1;
    pointer-events: none;
    transition:
        transform .18s ease,
        background .18s ease;
}

.places-city-directory[b-ttlygv5ds8]  li:hover::after {
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    transform: translate(2px, -2px);
}

@media (max-width: 980px) {
    .places-city-directory[b-ttlygv5ds8]  ul,
    .places-city-directory[b-ttlygv5ds8]  ol {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .places-city-directory[b-ttlygv5ds8]  ul,
    .places-city-directory[b-ttlygv5ds8]  ol {
        grid-template-columns: 1fr;
        gap: .8rem;
    }

    /*
       VenueGrid wraps the image and venue name inside the same link.
       The previous mobile rules tried to place the image and the <a>
       in two different grid columns, which cannot work because the
       image is a child of the link. Put the grid on the link itself.
    */
    .places-city-directory[b-ttlygv5ds8]  li {
        display: block;
        min-height: 145px;
        border-radius: 1rem;
    }

    .places-city-directory[b-ttlygv5ds8]  li > a,
    .places-city-directory[b-ttlygv5ds8]  li a {
        display: grid;
        grid-template-columns: 130px minmax(0, 1fr);
        grid-template-rows: minmax(145px, auto);
        align-items: center;
        column-gap: .9rem;
        min-height: 145px;
        padding: 0 3.2rem 0 0;
        font-size: .91rem;
        line-height: 1.25;
    }

    .places-city-directory[b-ttlygv5ds8]  li a img {
        grid-column: 1;
        grid-row: 1;
        align-self: stretch;
        width: 130px !important;
        height: 100% !important;
        min-height: 145px;
        max-height: none !important;
        aspect-ratio: auto;
        object-fit: cover;
    }

    .places-city-directory[b-ttlygv5ds8]  li a::after {
        left: calc(130px + .9rem);
        bottom: .78rem;
        font-size: .67rem;
    }

    .places-city-directory[b-ttlygv5ds8]  li::after {
        top: auto;
        right: .55rem;
        bottom: .55rem;
        width: 1.8rem;
        height: 1.8rem;
    }
}

@media (max-width: 430px) {
    .places-city-directory[b-ttlygv5ds8]  li {
        min-height: 132px;
    }

    .places-city-directory[b-ttlygv5ds8]  li > a,
    .places-city-directory[b-ttlygv5ds8]  li a {
        grid-template-columns: 112px minmax(0, 1fr);
        grid-template-rows: minmax(132px, auto);
        column-gap: .75rem;
        min-height: 132px;
        padding-right: 2.9rem;
        font-size: .88rem;
    }

    .places-city-directory[b-ttlygv5ds8]  li a img {
        width: 112px !important;
        min-height: 132px;
    }

    .places-city-directory[b-ttlygv5ds8]  li a::after {
        left: calc(112px + .75rem);
        bottom: .68rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .places-city-directory[b-ttlygv5ds8]  li,
    .places-city-directory[b-ttlygv5ds8]  li img,
    .places-city-directory[b-ttlygv5ds8]  li a::after,
    .places-city-directory[b-ttlygv5ds8]  li::after {
        transition: none;
    }
}
/* /Components/Pages/Places/VenueCountry.razor.rz.scp.css */
.places-country-page[b-t1nzke4v5h] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.35rem 0 4rem;
    color: #281d34;
}

/* =========================
   Hero
   ========================= */

.places-country-hero[b-t1nzke4v5h] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, .42fr);
    align-items: center;
    gap: 2rem;
    min-height: 285px;
    margin-top: 1rem;
    padding: 2rem 2.15rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.7rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .42), transparent 34%),
        radial-gradient(circle at 95% 5%, rgba(124, 58, 237, .50), transparent 38%),
        linear-gradient(135deg, #0b1236 0%, #17104d 52%, #360936 100%);
    box-shadow:
        0 24px 62px rgba(25, 13, 67, .20),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.places-country-hero[b-t1nzke4v5h]::before {
    content: "";
    position: absolute;
    right: 16%;
    bottom: -11rem;
    width: 22rem;
    height: 22rem;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
}

.places-country-hero__content[b-t1nzke4v5h] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.places-country-hero__eyebrow[b-t1nzke4v5h] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .9rem;
    padding: .42rem .7rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .085);
    font-size: .7rem;
    font-weight: 820;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.places-country-hero__eyebrow i[b-t1nzke4v5h] {
    color: #ff8fc1;
}

.places-country-hero h1[b-t1nzke4v5h] {
    max-width: 48rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.2rem, 4.6vw, 3.9rem);
    font-weight: 890;
    letter-spacing: -.052em;
    line-height: 1;
}

.places-country-hero h1 span[b-t1nzke4v5h] {
    color: #ffafd2;
}

.places-country-hero p[b-t1nzke4v5h] {
    max-width: 45rem;
    margin: .9rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .95rem;
    line-height: 1.6;
}

.places-country-hero__meta[b-t1nzke4v5h] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1.15rem;
}

.places-country-hero__meta > span[b-t1nzke4v5h] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 2rem;
    padding: .42rem .65rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .72rem;
    color: rgba(255, 255, 255, .76);
    background: rgba(255, 255, 255, .07);
    font-size: .7rem;
    font-weight: 680;
}

.places-country-hero__meta i[b-t1nzke4v5h] {
    color: #ff84ba;
}

.places-country-hero__meta strong[b-t1nzke4v5h] {
    color: #fff;
}

.places-country-hero__visual[b-t1nzke4v5h] {
    position: relative;
    z-index: 2;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.places-country-hero__visual-icon[b-t1nzke4v5h] {
    width: 9.5rem;
    height: 9.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 2.3rem;
    color: rgba(255, 255, 255, .22);
    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .17), transparent 35%),
        rgba(255, 255, 255, .055);
    font-size: 4.1rem;
    transform: rotate(4deg);
}

.places-country-hero__pin[b-t1nzke4v5h] {
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255, 255, 255, .92);
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 24px rgba(124, 58, 237, .34);
}

.places-country-hero__pin--one[b-t1nzke4v5h] {
    left: 17%;
    top: 20%;
}

.places-country-hero__pin--two[b-t1nzke4v5h] {
    right: 15%;
    top: 33%;
    transform: scale(.82);
}

.places-country-hero__pin--three[b-t1nzke4v5h] {
    left: 38%;
    bottom: 8%;
    transform: scale(.72);
}

/* =========================
   Shared heading
   ========================= */

.places-section-eyebrow[b-t1nzke4v5h] {
    display: block;
    margin-bottom: .2rem;
    color: #a7457e;
    font-size: .68rem;
    font-weight: 840;
    letter-spacing: .07em;
    text-transform: uppercase;
}

/* =========================
   Editorial content
   ========================= */

.places-editorial[b-t1nzke4v5h] {
    margin-top: 1.5rem;
    padding: 1.35rem 1.45rem 1.45rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 33%),
        linear-gradient(180deg, #ffffff 0%, #fffbfd 100%);
    box-shadow:
        0 16px 40px rgba(23, 14, 61, .065),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.places-editorial__header[b-t1nzke4v5h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
}

.places-editorial__icon[b-t1nzke4v5h] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .95rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
}

.places-editorial__header h2[b-t1nzke4v5h] {
    margin: 0;
    color: #2c2037;
    font-size: 1.15rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.places-editorial-content[b-t1nzke4v5h] {
    color: #584c61;
    font-size: .88rem;
    line-height: 1.72;
}

/*
   Editorial HTML is injected dynamically with MarkupString.
   ::deep deliberately scopes the typography from this component wrapper
   to the generated HTML elements.
*/
.places-editorial-content[b-t1nzke4v5h]  p {
    margin: 0 0 .9rem;
}

.places-editorial-content[b-t1nzke4v5h]  p:last-child {
    margin-bottom: 0;
}

.places-editorial-content[b-t1nzke4v5h]  h2,
.places-editorial-content[b-t1nzke4v5h]  h3,
.places-editorial-content[b-t1nzke4v5h]  h4 {
    margin: 1.35rem 0 .55rem;
    color: #2f223a;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.places-editorial-content[b-t1nzke4v5h]  h2 {
    font-size: 1.25rem;
}

.places-editorial-content[b-t1nzke4v5h]  h3 {
    font-size: 1.08rem;
}

.places-editorial-content[b-t1nzke4v5h]  h4 {
    font-size: .98rem;
}

.places-editorial-content[b-t1nzke4v5h]  strong,
.places-editorial-content[b-t1nzke4v5h]  b {
    color: #382841;
    font-weight: 850;
}

.places-editorial-content[b-t1nzke4v5h]  em,
.places-editorial-content[b-t1nzke4v5h]  i {
    color: #695770;
}

.places-editorial-content[b-t1nzke4v5h]  a {
    color: #b72d72;
    font-weight: 780;
    text-decoration: underline;
    text-decoration-color: rgba(183, 45, 114, .32);
    text-underline-offset: .16em;
    transition:
        color .16s ease,
        text-decoration-color .16s ease;
}

.places-editorial-content[b-t1nzke4v5h]  a:hover {
    color: #7c3aed;
    text-decoration-color: rgba(124, 58, 237, .48);
}

.places-editorial-content[b-t1nzke4v5h]  a:focus-visible {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
    border-radius: .2rem;
}

.places-editorial-content[b-t1nzke4v5h]  ul,
.places-editorial-content[b-t1nzke4v5h]  ol {
    margin: .75rem 0 1rem;
    padding-left: 1.35rem;
}

.places-editorial-content[b-t1nzke4v5h]  li {
    margin: .38rem 0;
    padding-left: .15rem;
}

.places-editorial-content[b-t1nzke4v5h]  li::marker {
    color: #c33e89;
    font-weight: 800;
}

.places-editorial-content[b-t1nzke4v5h]  blockquote {
    margin: 1rem 0;
    padding: .85rem 1rem;
    border-left: 4px solid #d34891;
    border-radius: 0 .8rem .8rem 0;
    color: #66566f;
    background: linear-gradient(135deg, rgba(255, 61, 141, .055), rgba(124, 58, 237, .05));
}

.places-editorial-content[b-t1nzke4v5h]  hr {
    margin: 1.3rem 0;
    border: 0;
    border-top: 1px solid rgba(39, 24, 69, .09);
}

/* =========================
   Region / state directory
   ========================= */

.places-area-directory[b-t1nzke4v5h] {
    padding-top: 2rem;
}

.places-area-directory__header[b-t1nzke4v5h] {
    margin-bottom: 1rem;
}

.places-area-directory__header h2[b-t1nzke4v5h] {
    margin: 0;
    color: #2c2037;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 860;
    letter-spacing: -.035em;
}

.places-area-directory__header p[b-t1nzke4v5h] {
    max-width: 45rem;
    margin: .35rem 0 0;
    color: #827488;
    font-size: .82rem;
    line-height: 1.52;
}

.places-area-grid[b-t1nzke4v5h] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.places-area-card[b-t1nzke4v5h] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .78rem .82rem;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: 1rem;
    color: inherit;
    text-decoration: none;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 42%),
        linear-gradient(180deg, #fff, #fffafd);
    box-shadow:
        0 10px 26px rgba(23, 14, 61, .055),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.places-area-card:hover[b-t1nzke4v5h] {
    color: inherit;
    text-decoration: none;
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 16px 34px rgba(23, 14, 61, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transform: translateY(-2px);
}

.places-area-card:focus-visible[b-t1nzke4v5h] {
    outline: 3px solid rgba(124, 58, 237, .20);
    outline-offset: 2px;
}

.places-area-card__icon[b-t1nzke4v5h] {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .78rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .14);
    font-size: .8rem;
}

.places-area-card__content[b-t1nzke4v5h] {
    min-width: 0;
}

.places-area-card__content strong[b-t1nzke4v5h] {
    display: block;
    overflow: hidden;
    color: #34263e;
    font-size: .82rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.places-area-card__content small[b-t1nzke4v5h] {
    display: block;
    margin-top: .08rem;
    color: #918397;
    font-size: .64rem;
    font-weight: 690;
}

.places-area-card__arrow[b-t1nzke4v5h] {
    width: 1.85rem;
    height: 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .65rem;
    color: #9a4a85;
    background: rgba(255, 255, 255, .82);
    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease;
}

.places-area-card:hover .places-area-card__arrow[b-t1nzke4v5h] {
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    transform: translateX(2px);
}

/* =========================
   Empty state
   ========================= */

.places-country-empty[b-t1nzke4v5h] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 270px;
    padding: 2rem 1.2rem;
    border: 1px dashed rgba(124, 58, 237, .17);
    border-radius: 1.25rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0, rgba(255, 61, 141, .065), transparent 30%),
        #fff;
}

.places-country-empty--page[b-t1nzke4v5h] {
    margin-top: 1rem;
}

.places-country-empty__icon[b-t1nzke4v5h] {
    width: 3.7rem;
    height: 3.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.1rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 30px rgba(124, 58, 237, .18);
    font-size: 1.3rem;
}

.places-country-empty h1[b-t1nzke4v5h],
.places-country-empty h2[b-t1nzke4v5h] {
    margin: 0;
    color: #2c2037;
    font-weight: 850;
    letter-spacing: -.03em;
}

.places-country-empty h1[b-t1nzke4v5h] {
    font-size: 1.7rem;
}

.places-country-empty h2[b-t1nzke4v5h] {
    font-size: 1.3rem;
}

.places-country-empty p[b-t1nzke4v5h] {
    margin: .45rem 0 0;
    color: #817486;
    font-size: .82rem;
}

.places-country-empty a[b-t1nzke4v5h] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .9rem;
    padding: .5rem .75rem;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: .72rem;
    font-weight: 820;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 980px) {
    .places-country-page[b-t1nzke4v5h] {
        width: min(100% - 1.4rem, 860px);
    }

    .places-country-hero[b-t1nzke4v5h] {
        grid-template-columns: minmax(0, 1fr) 210px;
        padding: 1.65rem;
    }

    .places-area-grid[b-t1nzke4v5h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .places-country-page[b-t1nzke4v5h] {
        width: min(100% - 1rem, 600px);
        padding-top: .8rem;
    }

    .places-country-hero[b-t1nzke4v5h] {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 1rem;
        padding: 1.25rem;
        border-radius: 1.35rem;
    }

    .places-country-hero__visual[b-t1nzke4v5h] {
        display: none;
    }

    .places-country-hero h1[b-t1nzke4v5h] {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .places-country-hero p[b-t1nzke4v5h] {
        font-size: .86rem;
    }

    .places-country-hero__meta[b-t1nzke4v5h] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .places-country-hero__meta > span[b-t1nzke4v5h] {
        width: fit-content;
    }

    .places-editorial[b-t1nzke4v5h] {
        padding: 1rem;
        border-radius: 1.15rem;
    }

    .places-area-directory[b-t1nzke4v5h] {
        padding-top: 1.55rem;
    }

    .places-area-grid[b-t1nzke4v5h] {
        grid-template-columns: 1fr;
        gap: .65rem;
    }
}

@media (max-width: 430px) {
    .places-editorial__header[b-t1nzke4v5h] {
        grid-template-columns: 1fr;
    }

    .places-editorial__icon[b-t1nzke4v5h] {
        width: 2.55rem;
        height: 2.55rem;
    }

    .places-area-card[b-t1nzke4v5h] {
        padding: .72rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .places-area-card[b-t1nzke4v5h],
    .places-area-card__arrow[b-t1nzke4v5h],
    .places-editorial-content[b-t1nzke4v5h]  a {
        transition: none;
    }
}
/* /Components/Pages/Places/VenueDetail.razor.rz.scp.css */
.venue-page[b-sr1no357qd] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.6rem 0 4rem;
    color: #241a31;
}

.venue-hero[b-sr1no357qd] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.22fr) minmax(320px, .78fr);
    gap: 2rem;
    overflow: hidden;
    min-height: 380px;
    margin-bottom: 1.35rem;
    padding: 2.2rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.8rem;
    color: #fff;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .46), transparent 34%),
        radial-gradient(circle at 94% 10%, rgba(124, 58, 237, .5), transparent 38%),
        linear-gradient(135deg, #081332 0%, #17104d 52%, #340735 100%);
    box-shadow:
        0 24px 65px rgba(26, 16, 72, .22),
        inset 0 1px 0 rgba(255, 255, 255, .13);
}

.venue-hero__orb[b-sr1no357qd] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 999px;
    pointer-events: none;
}

.venue-hero__orb--one[b-sr1no357qd] {
    width: 20rem;
    height: 20rem;
    right: 12%;
    top: -13rem;
}

.venue-hero__orb--two[b-sr1no357qd] {
    width: 16rem;
    height: 16rem;
    right: -8rem;
    bottom: -8rem;
}

.venue-hero__content[b-sr1no357qd] {
    position: relative;
    z-index: 2;
    align-self: center;
    min-width: 0;
}

.venue-hero__eyebrow[b-sr1no357qd],
.venue-kicker[b-sr1no357qd] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    width: fit-content;
    margin-bottom: .8rem;
    padding: .42rem .72rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: rgba(255, 255, 255, .87);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .045em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .09);
    backdrop-filter: blur(12px);
}

.venue-hero__badges[b-sr1no357qd] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-bottom: .8rem;
}

.venue-badge[b-sr1no357qd] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    min-height: 1.85rem;
    padding: .34rem .62rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    font-size: .73rem;
    font-weight: 760;
    line-height: 1;
    backdrop-filter: blur(10px);
}

.venue-badge--type[b-sr1no357qd] {
    color: #f5edff;
    background: rgba(124, 58, 237, .18);
}

.venue-badge--open[b-sr1no357qd] {
    color: #caffdf;
    background: rgba(25, 135, 84, .18);
    border-color: rgba(92, 222, 145, .24);
}

.venue-badge--temporary[b-sr1no357qd] {
    color: #ffe6a8;
    background: rgba(255, 193, 7, .13);
    border-color: rgba(255, 211, 96, .25);
}

.venue-badge--closed[b-sr1no357qd] {
    color: #ffd0da;
    background: rgba(220, 53, 69, .16);
    border-color: rgba(255, 126, 144, .24);
}

.venue-badge--neutral[b-sr1no357qd] {
    color: rgba(255, 255, 255, .8);
    background: rgba(255, 255, 255, .08);
}

.venue-hero h1[b-sr1no357qd] {
    max-width: 46rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.25rem, 5vw, 4.25rem);
    font-weight: 860;
    letter-spacing: -.052em;
    line-height: .98;
}

.venue-managed-trust[b-sr1no357qd] {
    position: relative;
    width: fit-content;
    margin-top: .76rem;
}

.venue-managed-badge[b-sr1no357qd] {
    display: inline-flex;
    align-items: center;
    gap: .48rem;
    width: fit-content;
    padding: .38rem .7rem .38rem .4rem;
    border: 1px solid rgba(129, 230, 177, .30);
    border-radius: 999px;
    color: #effff6;
    background: rgba(255, 255, 255, .085);
    box-shadow:
        0 8px 22px rgba(0, 0, 0, .09),
        inset 0 1px 0 rgba(255, 255, 255, .11);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    font: inherit;
    font-size: .78rem;
    font-weight: 780;
    line-height: 1;
    cursor: pointer;
    appearance: none;
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.venue-managed-badge:hover[b-sr1no357qd],
.venue-managed-badge[aria-expanded="true"][b-sr1no357qd] {
    color: #fff;
    border-color: rgba(129, 230, 177, .46);
    background: rgba(255, 255, 255, .125);
    box-shadow:
        0 10px 26px rgba(0, 0, 0, .12),
        inset 0 1px 0 rgba(255, 255, 255, .13);
    transform: translateY(-1px);
}

.venue-managed-badge:focus-visible[b-sr1no357qd] {
    outline: 3px solid rgba(114, 229, 165, .24);
    outline-offset: 3px;
}

.venue-managed-badge__icon[b-sr1no357qd] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 1.45rem;
    height: 1.45rem;
    border-radius: 999px;
    color: #08291a;
    background: linear-gradient(135deg, #92f0ba, #55d98d);
    box-shadow:
        0 4px 12px rgba(83, 218, 143, .24),
        inset 0 1px 0 rgba(255, 255, 255, .42);
}

.venue-managed-badge__icon i[b-sr1no357qd] {
    color: inherit;
    font-size: .76rem;
}

.venue-managed-badge__label[b-sr1no357qd] {
    white-space: nowrap;
}

.venue-managed-badge__info[b-sr1no357qd] {
    flex: 0 0 auto;
    margin-left: .02rem;
    color: rgba(255, 255, 255, .52);
    font-size: .68rem;
    transition: color .16s ease;
}

.venue-managed-badge:hover .venue-managed-badge__info[b-sr1no357qd],
.venue-managed-badge:focus-visible .venue-managed-badge__info[b-sr1no357qd],
.venue-managed-badge[aria-expanded="true"] .venue-managed-badge__info[b-sr1no357qd] {
    color: rgba(255, 255, 255, .82);
}

.venue-managed-popover[b-sr1no357qd] {
    position: absolute;
    z-index: 20;
    left: 0;
    top: calc(100% + .72rem);
    width: min(320px, calc(100vw - 3rem));
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: .7rem;
    padding: .82rem .88rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 1rem;
    color: #fff;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .18), transparent 42%),
        rgba(18, 13, 48, .96);
    box-shadow:
        0 18px 46px rgba(3, 2, 18, .34),
        inset 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    animation: venue-managed-popover-in-b-sr1no357qd .14s ease-out;
}

.venue-managed-popover[b-sr1no357qd]::before {
    content: "";
    position: absolute;
    top: -.42rem;
    left: 1.45rem;
    width: .8rem;
    height: .8rem;
    border-top: 1px solid rgba(255, 255, 255, .18);
    border-left: 1px solid rgba(255, 255, 255, .18);
    background: rgba(18, 13, 48, .96);
    transform: rotate(45deg);
}

.venue-managed-popover__icon[b-sr1no357qd] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: .72rem;
    color: #08291a;
    background: linear-gradient(135deg, #92f0ba, #55d98d);
    box-shadow: 0 8px 18px rgba(83, 218, 143, .18);
}

.venue-managed-popover__content[b-sr1no357qd] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.venue-managed-popover__content strong[b-sr1no357qd] {
    display: block;
    color: #fff;
    font-size: .78rem;
    font-weight: 850;
    line-height: 1.25;
}

.venue-managed-popover__content p[b-sr1no357qd] {
    margin: .22rem 0 0;
    color: rgba(255, 255, 255, .69);
    font-size: .69rem;
    line-height: 1.5;
}

@keyframes venue-managed-popover-in-b-sr1no357qd {
    from {
        opacity: 0;
        transform: translateY(-4px) scale(.985);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.venue-hero__location[b-sr1no357qd] {
    display: flex;
    align-items: flex-start;
    gap: .48rem;
    margin: .9rem 0 0;
    color: rgba(255, 255, 255, .84);
    font-size: .97rem;
    font-weight: 700;
    line-height: 1.45;
}

.venue-hero__location i[b-sr1no357qd] {
    flex: 0 0 auto;
    margin-top: .12rem;
    color: #ff75ad;
}

.venue-hero__summary[b-sr1no357qd] {
    max-width: 42rem;
    margin: .9rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .96rem;
    line-height: 1.65;
}


/* Internal editorial links rendered from the optional venue HTML description.
   ::deep is required because MarkupString-generated <a> elements do not receive
   Blazor's scoped CSS attribute. */
.venue-hero__summary[b-sr1no357qd]  a {
    color: #ffd1e4;
    font-weight: 720;
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 117, 173, .58);
    border-radius: .18rem;
    background:
        linear-gradient(
            180deg,
            transparent 62%,
            rgba(255, 61, 141, .10) 62%
        );
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
    transition:
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.venue-hero__summary[b-sr1no357qd]  a:hover {
    color: #fff;
    border-bottom-color: #ff75ad;
    background:
        linear-gradient(
            180deg,
            transparent 50%,
            rgba(255, 61, 141, .22) 50%
        );
    box-shadow: 0 .16rem 0 rgba(124, 58, 237, .10);
}

.venue-hero__summary[b-sr1no357qd]  a:visited {
    color: #f3c8ff;
    border-bottom-color: rgba(203, 145, 255, .52);
}

.venue-hero__summary[b-sr1no357qd]  a:focus-visible {
    color: #fff;
    outline: 2px solid rgba(255, 117, 173, .72);
    outline-offset: 3px;
    border-bottom-color: transparent;
    background: rgba(255, 61, 141, .16);
}

.venue-hero__actions[b-sr1no357qd] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1.25rem;
}

.venue-button[b-sr1no357qd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .48rem;
    min-height: 2.8rem;
    padding: .68rem 1rem;
    border: 1px solid transparent;
    border-radius: .9rem;
    font-size: .86rem;
    font-weight: 780;
    line-height: 1;
    text-decoration: none;
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        background .18s ease,
        border-color .18s ease;
}

.venue-button:hover[b-sr1no357qd] {
    transform: translateY(-1px);
}

.venue-button--primary[b-sr1no357qd] {
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 28px rgba(124, 58, 237, .2);
}

.venue-button--light[b-sr1no357qd] {
    color: #251833;
    background: #fff;
    box-shadow: 0 12px 28px rgba(4, 4, 23, .15);
}

.venue-button--light:hover[b-sr1no357qd] {
    color: #251833;
    box-shadow: 0 16px 34px rgba(4, 4, 23, .22);
}

.venue-button--ghost[b-sr1no357qd] {
    color: #fff;
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .09);
    backdrop-filter: blur(10px);
}

.venue-button--ghost:hover[b-sr1no357qd] {
    color: #fff;
    border-color: rgba(255, 255, 255, .28);
    background: rgba(255, 255, 255, .14);
}

.venue-button__suffix[b-sr1no357qd] {
    margin-left: .1rem;
    font-size: .72rem;
    opacity: .65;
}

.venue-hero__visual[b-sr1no357qd] {
    position: relative;
    z-index: 2;
    align-self: stretch;
    overflow: hidden;
    min-height: 300px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.4rem;
    background: rgba(6, 6, 24, .28);
    box-shadow: 0 20px 42px rgba(3, 3, 21, .24);
    transform: rotate(1.5deg);
}

.venue-hero__visual > img[b-sr1no357qd] {
    width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
}

.venue-hero__visual[b-sr1no357qd]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 46%, rgba(9, 7, 30, .7) 100%);
}

.venue-hero__visual-overlay[b-sr1no357qd] {
    position: absolute;
    z-index: 2;
    right: .8rem;
    bottom: .8rem;
}

.venue-hero__visual-overlay span[b-sr1no357qd] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .42rem .65rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    color: #fff;
    font-size: .72rem;
    font-weight: 760;
    background: rgba(15, 10, 36, .58);
    backdrop-filter: blur(12px);
}

.venue-hero__placeholder[b-sr1no357qd] {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding: 2rem;
    background:
        radial-gradient(circle at 72% 20%, rgba(255, 61, 141, .28), transparent 30%),
        linear-gradient(145deg, rgba(15, 10, 45, .8), rgba(60, 17, 86, .64));
}

.venue-hero__placeholder-mark[b-sr1no357qd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.15rem;
    height: 3.15rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    color: #fff;
    font-size: 1.25rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 30px rgba(255, 61, 141, .26);
}

.venue-hero__placeholder > strong[b-sr1no357qd] {
    color: #fff;
    font-size: clamp(2.2rem, 5vw, 3.8rem);
    font-weight: 900;
    letter-spacing: -.05em;
}

.venue-hero__placeholder > span:not(.venue-hero__placeholder-mark)[b-sr1no357qd] {
    max-width: 16rem;
    margin-top: .25rem;
    color: rgba(255, 255, 255, .68);
    font-size: .9rem;
    line-height: 1.45;
}

.venue-hero__placeholder-pin[b-sr1no357qd] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    max-width: 100%;
    margin-top: 1.2rem;
    padding: .46rem .65rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .72rem;
    color: rgba(255, 255, 255, .86);
    font-size: .76rem;
    font-weight: 700;
    background: rgba(255, 255, 255, .08);
}

.venue-layout[b-sr1no357qd] {
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr);
    align-items: start;
    gap: 1.35rem;
}

.venue-sidebar[b-sr1no357qd] {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: 1rem;
}

.venue-panel[b-sr1no357qd],
.venue-section[b-sr1no357qd] {
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(255, 249, 252, .96));
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.venue-panel[b-sr1no357qd] {
    padding: 1rem;
}

.venue-panel__heading[b-sr1no357qd],
.venue-section__heading[b-sr1no357qd] {
    display: flex;
    align-items: center;
    gap: .75rem;
}

.venue-panel__heading[b-sr1no357qd] {
    margin-bottom: .85rem;
}

.venue-panel__icon[b-sr1no357qd] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: .85rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 24px rgba(124, 58, 237, .18);
}

.venue-panel__eyebrow[b-sr1no357qd],
.venue-section__eyebrow[b-sr1no357qd] {
    display: block;
    margin-bottom: .12rem;
    color: #aa4d83;
    font-size: .68rem;
    font-weight: 820;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.venue-panel h2[b-sr1no357qd],
.venue-section h2[b-sr1no357qd] {
    margin: 0;
    color: #2c2038;
    font-size: 1.02rem;
    font-weight: 820;
    letter-spacing: -.02em;
}

.venue-contact-list[b-sr1no357qd] {
    display: grid;
    gap: .38rem;
}

.venue-contact-item[b-sr1no357qd] {
    position: relative;
    display: grid;
    grid-template-columns: 2.15rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    min-width: 0;
    padding: .65rem;
    border-radius: .85rem;
    color: inherit;
    text-decoration: none;
    transition:
        background .18s ease,
        transform .18s ease;
}

div.venue-contact-item[b-sr1no357qd] {
    grid-template-columns: 2.15rem minmax(0, 1fr);
}

a.venue-contact-item:hover[b-sr1no357qd] {
    color: inherit;
    background: rgba(124, 58, 237, .055);
    transform: translateX(2px);
}

.venue-contact-item__icon[b-sr1no357qd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.15rem;
    height: 2.15rem;
    border-radius: .7rem;
    color: #8b3fd3;
    background: linear-gradient(135deg, rgba(255, 61, 141, .09), rgba(124, 58, 237, .1));
}

.venue-contact-item > div[b-sr1no357qd] {
    min-width: 0;
}

.venue-contact-item small[b-sr1no357qd] {
    display: block;
    margin-bottom: .08rem;
    color: #92869b;
    font-size: .68rem;
    font-weight: 650;
}

.venue-contact-item strong[b-sr1no357qd] {
    display: block;
    overflow-wrap: anywhere;
    color: #40334a;
    font-size: .8rem;
    font-weight: 720;
    line-height: 1.35;
}

.venue-contact-item__arrow[b-sr1no357qd] {
    color: #b8adbd;
    font-size: .72rem;
}

.venue-hours[b-sr1no357qd] {
    display: grid;
}

.venue-hours__row[b-sr1no357qd] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 1rem;
    padding: .55rem .12rem;
    border-bottom: 1px solid rgba(38, 24, 69, .065);
    font-size: .77rem;
}

.venue-hours__row:last-child[b-sr1no357qd] {
    border-bottom: 0;
}

.venue-hours__row > span[b-sr1no357qd] {
    color: #817488;
    font-weight: 650;
}

.venue-hours__row > strong[b-sr1no357qd] {
    color: #47394f;
    font-size: .75rem;
    font-weight: 720;
    text-align: right;
}

.venue-hours__closed[b-sr1no357qd] {
    color: #a79da9 !important;
}

.venue-hours-mode[b-sr1no357qd] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .8rem;
    border-radius: .9rem;
    color: #64566d;
    font-size: .8rem;
    font-weight: 650;
    background: rgba(124, 58, 237, .045);
}

.venue-hours-mode i[b-sr1no357qd] {
    color: #9c45de;
}

.venue-panel__note[b-sr1no357qd] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin: .75rem 0 0;
    padding-top: .75rem;
    border-top: 1px solid rgba(38, 24, 69, .07);
    color: #817688;
    font-size: .73rem;
    line-height: 1.5;
}

.venue-panel__note i[b-sr1no357qd] {
    margin-top: .12rem;
    color: #aa4d83;
}

.venue-trust-note[b-sr1no357qd] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(124, 58, 237, .08);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .045), rgba(124, 58, 237, .055));
}

.venue-trust-note > i[b-sr1no357qd] {
    margin-top: .1rem;
    color: #9a42db;
}

.venue-trust-note strong[b-sr1no357qd],
.venue-trust-note span[b-sr1no357qd] {
    display: block;
}

.venue-trust-note strong[b-sr1no357qd] {
    margin-bottom: .12rem;
    color: #47384f;
    font-size: .76rem;
}

.venue-trust-note span[b-sr1no357qd] {
    color: #8c7e93;
    font-size: .68rem;
    line-height: 1.45;
}

.venue-main[b-sr1no357qd] {
    display: grid;
    gap: 1.35rem;
    min-width: 0;
}

.venue-section[b-sr1no357qd] {
    padding: 1.2rem;
}

.venue-section__heading[b-sr1no357qd] {
    justify-content: space-between;
    margin-bottom: 1rem;
}

.venue-section h2[b-sr1no357qd] {
    font-size: 1.18rem;
}

.venue-section__count[b-sr1no357qd] {
    flex: 0 0 auto;
    padding: .35rem .58rem;
    border: 1px solid rgba(38, 24, 69, .07);
    border-radius: 999px;
    color: #817388;
    font-size: .68rem;
    font-weight: 760;
    background: #f7f3f8;
}

.venue-section__count--accent[b-sr1no357qd] {
    color: #963b74;
    border-color: rgba(255, 61, 141, .12);
    background: rgba(255, 61, 141, .07);
}

.venue-gallery[b-sr1no357qd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 190px;
    gap: .7rem;
}

.venue-media-card[b-sr1no357qd] {
    position: relative;
    overflow: hidden;
    min-width: 0;
    height: 100%;
    margin: 0;
    border-radius: 1rem;
    background:
        radial-gradient(circle at 50% 0%, rgba(124, 58, 237, .22), transparent 40%),
        #100d1d;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
}

.venue-media-card--featured[b-sr1no357qd] {
    grid-column: span 2;
    grid-row: span 2;
}

.venue-media-card img[b-sr1no357qd],
.venue-media-card video[b-sr1no357qd] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .28s ease;
}

.venue-media-card:hover img[b-sr1no357qd] {
    transform: scale(1.025);
}

.venue-media-card video[b-sr1no357qd] {
    background: #090713;
}

.venue-media-card__type[b-sr1no357qd] {
    position: absolute;
    left: .62rem;
    bottom: .62rem;
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .32rem .5rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: rgba(255, 255, 255, .92);
    font-size: .64rem;
    font-weight: 760;
    background: rgba(15, 12, 29, .58);
    backdrop-filter: blur(10px);
    pointer-events: none;
}

.venue-section-empty[b-sr1no357qd] {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 120px;
    padding: 1.1rem;
    border: 1px dashed rgba(124, 58, 237, .16);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .035), rgba(124, 58, 237, .04));
}

.venue-section-empty--compact[b-sr1no357qd] {
    min-height: 90px;
}

.venue-section-empty > span[b-sr1no357qd] {
    display: inline-flex;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    width: 2.9rem;
    height: 2.9rem;
    border-radius: .9rem;
    color: #9845d9;
    font-size: 1.1rem;
    background: rgba(124, 58, 237, .075);
}

.venue-section-empty strong[b-sr1no357qd] {
    display: block;
    margin-bottom: .14rem;
    color: #46374f;
    font-size: .84rem;
}

.venue-section-empty p[b-sr1no357qd] {
    margin: 0;
    color: #8a7d91;
    font-size: .76rem;
    line-height: 1.45;
}

/* ============================================================
   Venue events
   Public event cards are rendered by EventSummaryCard; ::deep
   keeps the redesign local to this page without changing that
   shared component elsewhere.
   ============================================================ */

.venue-events-section[b-sr1no357qd] {
    position: relative;
    overflow: hidden;
    padding: 1.05rem;
}

.venue-events-section[b-sr1no357qd]::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
    pointer-events: none;
    transform: translate(38%, -52%);
}

.venue-events-section--upcoming[b-sr1no357qd] {
    border-color: rgba(255, 61, 141, .105);
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .035), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
}

.venue-events-section--upcoming[b-sr1no357qd]::before {
    border: 1px solid rgba(255, 61, 141, .07);
}

.venue-events-section--past[b-sr1no357qd] {
    border-color: rgba(38, 24, 69, .065);
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .025), transparent 31%),
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(249, 247, 250, .96));
    box-shadow:
        0 12px 32px rgba(21, 16, 54, .055),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.venue-events-section--past[b-sr1no357qd]::before {
    border: 1px solid rgba(124, 58, 237, .045);
}

.venue-events-heading[b-sr1no357qd] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .85rem;
    padding: .12rem .08rem .82rem;
    border-bottom: 1px solid rgba(38, 24, 69, .07);
}

.venue-events-heading__main[b-sr1no357qd] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
}

.venue-events-heading__icon[b-sr1no357qd] {
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .86rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-size: .9rem;
}

.venue-events-heading__icon--past[b-sr1no357qd] {
    color: #785b86;
    border: 1px solid rgba(124, 58, 237, .09);
    background: linear-gradient(135deg, #f8f1fb, #f2edf7);
    box-shadow: none;
}

.venue-events-heading .venue-section__eyebrow[b-sr1no357qd] {
    margin-bottom: .08rem;
    font-size: .59rem;
    letter-spacing: .07em;
}

.venue-events-heading h2[b-sr1no357qd] {
    margin: 0;
    color: #291c35;
    font-size: 1.18rem;
    font-weight: 890;
    letter-spacing: -.028em;
    line-height: 1.15;
}

.venue-events-heading__support[b-sr1no357qd] {
    margin: .18rem 0 0;
    color: #8a7d90;
    font-size: .64rem;
    line-height: 1.4;
}

.venue-events-count[b-sr1no357qd] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .36rem .56rem;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 840;
    white-space: nowrap;
}

.venue-events-count--upcoming[b-sr1no357qd] {
    color: #963b74;
    border: 1px solid rgba(255, 61, 141, .13);
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .075), rgba(124, 58, 237, .055));
}

.venue-events-count--upcoming i[b-sr1no357qd] {
    color: #c43d89;
}

.venue-events-count--past[b-sr1no357qd] {
    color: #74687c;
    border: 1px solid rgba(38, 24, 69, .075);
    background: #f5f1f6;
}

/* Event grid: two polished cards on desktop, one on mobile. */
.venue-event-grid[b-sr1no357qd] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
    margin: 0;
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.venue-event-grid[b-sr1no357qd]  > [class*="col"] {
    width: auto;
    max-width: none;
    margin: 0;
    padding: 0;
}

.venue-event-grid[b-sr1no357qd]  .card {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1rem;
    background: #fff;
    box-shadow:
        0 9px 22px rgba(21, 16, 54, .065),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.venue-event-grid--upcoming[b-sr1no357qd]  .card:hover {
    z-index: 2;
    border-color: rgba(255, 61, 141, .18);
    transform: translateY(-2px);
    box-shadow:
        0 16px 34px rgba(21, 16, 54, .11),
        0 7px 20px rgba(124, 58, 237, .055),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.venue-event-grid[b-sr1no357qd]  .card-img-top {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 7.8;
    object-fit: cover;
    border: 0;
    border-radius: 0;
    background: #171022;
}

.venue-event-grid[b-sr1no357qd]  .card-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: .8rem .85rem .85rem;
}

.venue-event-grid[b-sr1no357qd]  .card-title {
    margin: .18rem 0 .36rem;
    color: #2d2038;
    font-size: .9rem;
    font-weight: 870;
    line-height: 1.28;
    letter-spacing: -.018em;
}

.venue-event-grid[b-sr1no357qd]  .card-text {
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: .62rem;
    color: #756879;
    font-size: .68rem;
    line-height: 1.46;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.venue-event-grid[b-sr1no357qd]  .text-muted {
    color: #98708b !important;
    font-size: .61rem;
    font-weight: 790;
    letter-spacing: .015em;
}

.venue-event-grid[b-sr1no357qd]  .btn {
    width: fit-content;
    min-height: 2.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: .4rem .64rem;
    border: 0;
    border-radius: 999px;
    color: #fff;
    background:
        radial-gradient(circle at 22% 0%, rgba(255,255,255,.25), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 7px 16px rgba(124, 58, 237, .17),
        inset 0 1px 0 rgba(255, 255, 255, .18);
    font-size: .62rem;
    font-weight: 830;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.venue-event-grid[b-sr1no357qd]  .btn:hover {
    color: #fff;
    transform: translateY(-1px);
    box-shadow:
        0 10px 21px rgba(124, 58, 237, .23),
        inset 0 1px 0 rgba(255, 255, 255, .18);
}

/* Past events remain readable but clearly secondary. */
.venue-event-grid--past[b-sr1no357qd]  .card {
    border-color: rgba(38, 24, 69, .065);
    background:
        linear-gradient(180deg, #fff 0%, #faf8fb 100%);
    box-shadow: 0 7px 18px rgba(21, 16, 54, .045);
}

.venue-event-grid--past[b-sr1no357qd]  .card-img-top {
    filter: saturate(.82);
}

.venue-event-grid--past[b-sr1no357qd]  .btn {
    color: #70517c;
    border: 1px solid rgba(124, 58, 237, .13);
    background: #fff;
    box-shadow: none;
}

.venue-event-grid--past[b-sr1no357qd]  .btn:hover {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .22);
    background: #fffafd;
    box-shadow: none;
}

/* Empty event states */
.venue-event-empty[b-sr1no357qd] {
    position: relative;
    z-index: 1;
    min-height: 104px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    padding: .8rem;
    border: 1px dashed rgba(124, 58, 237, .15);
    border-radius: .9rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .04), transparent 38%),
        linear-gradient(135deg, #fffafd, #fff);
}

.venue-event-empty--past[b-sr1no357qd] {
    min-height: 88px;
    border-color: rgba(38, 24, 69, .09);
    background: #faf8fb;
}

.venue-event-empty__icon[b-sr1no357qd] {
    width: 2.65rem;
    height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .86rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .15);
    font-size: .88rem;
}

.venue-event-empty__icon--past[b-sr1no357qd] {
    color: #856b90;
    border: 1px solid rgba(124, 58, 237, .08);
    background: #f1ebf4;
    box-shadow: none;
}

.venue-event-empty__copy strong[b-sr1no357qd] {
    display: block;
    color: #46374f;
    font-size: .74rem;
    font-weight: 850;
}

.venue-event-empty__copy p[b-sr1no357qd] {
    margin: .12rem 0 0;
    color: #8a7d91;
    font-size: .65rem;
    line-height: 1.42;
}

.venue-loading[b-sr1no357qd],
.venue-empty-state[b-sr1no357qd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: min(620px, 72vh);
    padding: 2rem;
    text-align: center;
}

.venue-loading__icon[b-sr1no357qd],
.venue-empty-state__icon[b-sr1no357qd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4.2rem;
    height: 4.2rem;
    margin-bottom: 1rem;
    border-radius: 1.35rem;
    color: #fff;
    font-size: 1.55rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 18px 42px rgba(124, 58, 237, .22);
}

.venue-loading__spinner[b-sr1no357qd] {
    width: 1.35rem;
    height: 1.35rem;
    margin-bottom: .8rem;
    border: 2px solid rgba(124, 58, 237, .13);
    border-top-color: #8b43d2;
    border-radius: 999px;
    animation: venue-spin-b-sr1no357qd .75s linear infinite;
}

.venue-loading strong[b-sr1no357qd],
.venue-empty-state h1[b-sr1no357qd] {
    color: #30223d;
}

.venue-loading strong[b-sr1no357qd] {
    font-size: 1rem;
}

.venue-loading > span:last-child[b-sr1no357qd] {
    margin-top: .18rem;
    color: #8b7f91;
    font-size: .78rem;
}

.venue-empty-state[b-sr1no357qd] {
    max-width: 620px;
    margin: 0 auto;
}

.venue-empty-state .venue-kicker[b-sr1no357qd] {
    color: #9e467d;
    border-color: rgba(255, 61, 141, .1);
    background: rgba(255, 61, 141, .05);
}

.venue-empty-state h1[b-sr1no357qd] {
    margin: .1rem 0 .55rem;
    font-size: clamp(2rem, 6vw, 3.6rem);
    font-weight: 860;
    letter-spacing: -.045em;
}

.venue-empty-state p[b-sr1no357qd] {
    max-width: 32rem;
    margin: 0 0 1.2rem;
    color: #7f7286;
    line-height: 1.65;
}

.venue-button:focus-visible[b-sr1no357qd],
.venue-contact-item:focus-visible[b-sr1no357qd] {
    outline: 3px solid rgba(124, 58, 237, .22);
    outline-offset: 3px;
}

@keyframes venue-spin-b-sr1no357qd {
    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 980px) {
    .venue-page[b-sr1no357qd] {
        width: min(100% - 1.4rem, 860px);
        padding-top: 1.1rem;
    }

    .venue-hero[b-sr1no357qd] {
        grid-template-columns: 1fr;
        gap: 1.4rem;
        padding: 1.6rem;
    }

    .venue-hero__visual[b-sr1no357qd] {
        min-height: 320px;
        transform: none;
    }

    .venue-layout[b-sr1no357qd] {
        grid-template-columns: 1fr;
    }

    .venue-sidebar[b-sr1no357qd] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .venue-trust-note[b-sr1no357qd] {
        grid-column: 1 / -1;
    }
}

@media (max-width: 720px) {
    .venue-page[b-sr1no357qd] {
        width: min(100% - 1rem, 640px);
        padding: .8rem 0 3rem;
    }

    .venue-hero[b-sr1no357qd] {
        min-height: auto;
        margin-bottom: 1rem;
        padding: 1.2rem;
        border-radius: 1.35rem;
    }

    .venue-hero__eyebrow[b-sr1no357qd] {
        margin-bottom: .7rem;
    }

    .venue-hero h1[b-sr1no357qd] {
        font-size: clamp(2rem, 11vw, 3rem);
        line-height: 1;
    }

    .venue-hero__summary[b-sr1no357qd] {
        font-size: .88rem;
        line-height: 1.55;
    }

    .venue-hero__actions[b-sr1no357qd] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .venue-button[b-sr1no357qd] {
        width: 100%;
    }

    .venue-hero__visual[b-sr1no357qd] {
        min-height: 230px;
        border-radius: 1rem;
    }

    .venue-hero__visual > img[b-sr1no357qd] {
        min-height: 230px;
    }

    .venue-hero__placeholder[b-sr1no357qd] {
        padding: 1.3rem;
    }

    .venue-sidebar[b-sr1no357qd] {
        grid-template-columns: 1fr;
    }

    .venue-trust-note[b-sr1no357qd] {
        grid-column: auto;
    }

    .venue-panel[b-sr1no357qd],
    .venue-section[b-sr1no357qd] {
        border-radius: 1.1rem;
    }

    .venue-section[b-sr1no357qd] {
        padding: 1rem;
    }

    .venue-section__heading[b-sr1no357qd] {
        align-items: flex-end;
    }

    .venue-gallery[b-sr1no357qd] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 150px;
        gap: .5rem;
    }

    .venue-media-card--featured[b-sr1no357qd] {
        grid-column: 1 / -1;
        grid-row: span 2;
    }

    .venue-events-section[b-sr1no357qd] {
        padding: .9rem;
    }

    .venue-events-heading[b-sr1no357qd] {
        align-items: flex-start;
    }

    .venue-event-grid[b-sr1no357qd] {
        grid-template-columns: 1fr;
        gap: .7rem;
    }
}

@media (max-width: 480px) {
    .venue-events-heading[b-sr1no357qd] {
        gap: .6rem;
    }

    .venue-events-heading__main[b-sr1no357qd] {
        grid-template-columns: 1fr;
        gap: .45rem;
    }

    .venue-events-heading__icon[b-sr1no357qd] {
        width: 2.3rem;
        height: 2.3rem;
        flex-basis: 2.3rem;
    }

    .venue-events-count[b-sr1no357qd] {
        align-self: flex-start;
    }

    .venue-events-heading__support[b-sr1no357qd] {
        display: none;
    }

    .venue-event-grid[b-sr1no357qd]  .card-img-top {
        aspect-ratio: 16 / 8.5;
    }

    .venue-managed-trust[b-sr1no357qd],
    .venue-managed-badge[b-sr1no357qd] {
        max-width: 100%;
    }

    .venue-managed-badge[b-sr1no357qd] {
        font-size: .73rem;
    }

    .venue-managed-badge__label[b-sr1no357qd] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .venue-managed-popover[b-sr1no357qd] {
        left: 0;
        width: min(300px, calc(100vw - 2.2rem));
    }

    .venue-hero__badges[b-sr1no357qd] {
        gap: .4rem;
    }

    .venue-badge[b-sr1no357qd] {
        font-size: .67rem;
    }

    .venue-gallery[b-sr1no357qd] {
        grid-auto-rows: 132px;
    }

    .venue-media-card--featured[b-sr1no357qd] {
        grid-row: span 2;
    }

    .venue-section__count[b-sr1no357qd] {
        display: none;
    }

    .venue-hours__row[b-sr1no357qd] {
        gap: .65rem;
    }

    .venue-hours__row > strong[b-sr1no357qd] {
        max-width: 62%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .venue-hero__summary[b-sr1no357qd]  a,
    .venue-managed-badge[b-sr1no357qd],
    .venue-managed-badge__info[b-sr1no357qd],
    .venue-managed-popover[b-sr1no357qd],
    .venue-button[b-sr1no357qd],
    .venue-contact-item[b-sr1no357qd],
    .venue-media-card img[b-sr1no357qd],
    .venue-event-grid[b-sr1no357qd]  .card,
    .venue-event-grid[b-sr1no357qd]  .btn {
        transition: none;
    }

    .venue-managed-popover[b-sr1no357qd] {
        animation: none;
    }

    .venue-loading__spinner[b-sr1no357qd] {
        animation-duration: 1.5s;
    }
}
/* /Components/Pages/Places/VenueRegion.razor.rz.scp.css */
.places-region-page[b-uu6o8lp3zp] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.35rem 0 4rem;
    color: #281d34;
}

/* =========================
   Hero
   ========================= */

.places-region-hero[b-uu6o8lp3zp] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, .42fr);
    align-items: center;
    gap: 2rem;
    min-height: 285px;
    margin-top: 1rem;
    padding: 2rem 2.15rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.7rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .42), transparent 34%),
        radial-gradient(circle at 95% 5%, rgba(124, 58, 237, .50), transparent 38%),
        linear-gradient(135deg, #0b1236 0%, #17104d 52%, #360936 100%);
    box-shadow:
        0 24px 62px rgba(25, 13, 67, .20),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.places-region-hero[b-uu6o8lp3zp]::before {
    content: "";
    position: absolute;
    right: 16%;
    bottom: -11rem;
    width: 22rem;
    height: 22rem;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
}

.places-region-hero__content[b-uu6o8lp3zp] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.places-region-hero__eyebrow[b-uu6o8lp3zp] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .9rem;
    padding: .42rem .7rem;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    background: rgba(255, 255, 255, .085);
    font-size: .7rem;
    font-weight: 820;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.places-region-hero__eyebrow i[b-uu6o8lp3zp] {
    color: #ff8fc1;
}

.places-region-hero h1[b-uu6o8lp3zp] {
    max-width: 48rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.2rem, 4.6vw, 3.9rem);
    font-weight: 890;
    letter-spacing: -.052em;
    line-height: 1;
}

.places-region-hero h1 span[b-uu6o8lp3zp] {
    color: #ffafd2;
}

.places-region-hero p[b-uu6o8lp3zp] {
    max-width: 45rem;
    margin: .9rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .95rem;
    line-height: 1.6;
}

.places-region-hero__meta[b-uu6o8lp3zp] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1.15rem;
}

.places-region-hero__meta > span[b-uu6o8lp3zp] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    min-height: 2rem;
    padding: .42rem .65rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .72rem;
    color: rgba(255, 255, 255, .76);
    background: rgba(255, 255, 255, .07);
    font-size: .7rem;
    font-weight: 680;
}

.places-region-hero__meta i[b-uu6o8lp3zp] {
    color: #ff84ba;
}

.places-region-hero__meta strong[b-uu6o8lp3zp] {
    color: #fff;
}

.places-region-hero__visual[b-uu6o8lp3zp] {
    position: relative;
    z-index: 2;
    min-height: 190px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.places-region-hero__visual-icon[b-uu6o8lp3zp] {
    width: 9.5rem;
    height: 9.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 2.3rem;
    color: rgba(255, 255, 255, .22);
    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .17), transparent 35%),
        rgba(255, 255, 255, .055);
    font-size: 4.1rem;
    transform: rotate(4deg);
}

.places-region-hero__pin[b-uu6o8lp3zp] {
    position: absolute;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 3px solid rgba(255, 255, 255, .92);
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 24px rgba(124, 58, 237, .34);
}

.places-region-hero__pin--one[b-uu6o8lp3zp] {
    left: 17%;
    top: 20%;
}

.places-region-hero__pin--two[b-uu6o8lp3zp] {
    right: 15%;
    top: 33%;
    transform: scale(.82);
}

.places-region-hero__pin--three[b-uu6o8lp3zp] {
    left: 38%;
    bottom: 8%;
    transform: scale(.72);
}

/* =========================
   Shared heading
   ========================= */

.places-section-eyebrow[b-uu6o8lp3zp] {
    display: block;
    margin-bottom: .2rem;
    color: #a7457e;
    font-size: .68rem;
    font-weight: 840;
    letter-spacing: .07em;
    text-transform: uppercase;
}

/* =========================
   Editorial content
   ========================= */

.places-editorial[b-uu6o8lp3zp] {
    margin-top: 1.5rem;
    padding: 1.35rem 1.45rem 1.45rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 33%),
        linear-gradient(180deg, #ffffff 0%, #fffbfd 100%);
    box-shadow:
        0 16px 40px rgba(23, 14, 61, .065),
        inset 0 1px 0 rgba(255, 255, 255, .92);
}

.places-editorial__header[b-uu6o8lp3zp] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .8rem;
    margin-bottom: 1rem;
    padding-bottom: .9rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
}

.places-editorial__icon[b-uu6o8lp3zp] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .95rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
}

.places-editorial__header h2[b-uu6o8lp3zp] {
    margin: 0;
    color: #2c2037;
    font-size: 1.15rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.places-editorial-content[b-uu6o8lp3zp] {
    color: #584c61;
    font-size: .88rem;
    line-height: 1.72;
}

/*
   EditorialBodyHtml is rendered via MarkupString, so its children don't receive
   this component's CSS-isolation attribute. ::deep applies the page typography
   to the generated HTML while keeping the rules scoped to this wrapper.
*/
.places-editorial-content[b-uu6o8lp3zp]  p {
    margin: 0 0 .9rem;
}

.places-editorial-content[b-uu6o8lp3zp]  p:last-child {
    margin-bottom: 0;
}

.places-editorial-content[b-uu6o8lp3zp]  h2,
.places-editorial-content[b-uu6o8lp3zp]  h3,
.places-editorial-content[b-uu6o8lp3zp]  h4 {
    margin: 1.35rem 0 .55rem;
    color: #2f223a;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.places-editorial-content[b-uu6o8lp3zp]  h2 {
    font-size: 1.25rem;
}

.places-editorial-content[b-uu6o8lp3zp]  h3 {
    font-size: 1.08rem;
}

.places-editorial-content[b-uu6o8lp3zp]  h4 {
    font-size: .98rem;
}

.places-editorial-content[b-uu6o8lp3zp]  strong,
.places-editorial-content[b-uu6o8lp3zp]  b {
    color: #382841;
    font-weight: 850;
}

.places-editorial-content[b-uu6o8lp3zp]  em,
.places-editorial-content[b-uu6o8lp3zp]  i {
    color: #695770;
}

.places-editorial-content[b-uu6o8lp3zp]  a {
    color: #b72d72;
    font-weight: 780;
    text-decoration: underline;
    text-decoration-color: rgba(183, 45, 114, .32);
    text-underline-offset: .16em;
    transition:
        color .16s ease,
        text-decoration-color .16s ease;
}

.places-editorial-content[b-uu6o8lp3zp]  a:hover {
    color: #7c3aed;
    text-decoration-color: rgba(124, 58, 237, .48);
}

.places-editorial-content[b-uu6o8lp3zp]  a:focus-visible {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
    border-radius: .2rem;
}

.places-editorial-content[b-uu6o8lp3zp]  ul,
.places-editorial-content[b-uu6o8lp3zp]  ol {
    margin: .75rem 0 1rem;
    padding-left: 1.35rem;
}

.places-editorial-content[b-uu6o8lp3zp]  li {
    margin: .38rem 0;
    padding-left: .15rem;
}

.places-editorial-content[b-uu6o8lp3zp]  li::marker {
    color: #c33e89;
    font-weight: 800;
}

.places-editorial-content[b-uu6o8lp3zp]  blockquote {
    margin: 1rem 0;
    padding: .85rem 1rem;
    border-left: 4px solid #d34891;
    border-radius: 0 .8rem .8rem 0;
    color: #66566f;
    background: linear-gradient(135deg, rgba(255, 61, 141, .055), rgba(124, 58, 237, .05));
}

.places-editorial-content[b-uu6o8lp3zp]  hr {
    margin: 1.3rem 0;
    border: 0;
    border-top: 1px solid rgba(39, 24, 69, .09);
}

/* =========================
   City directory
   ========================= */

.places-city-directory[b-uu6o8lp3zp],
.places-city-venues[b-uu6o8lp3zp] {
    padding-top: 2rem;
}

.places-city-directory__header[b-uu6o8lp3zp] {
    margin-bottom: 1rem;
}

.places-city-directory__header h2[b-uu6o8lp3zp] {
    margin: 0;
    color: #2c2037;
    font-size: clamp(1.55rem, 3vw, 2rem);
    font-weight: 860;
    letter-spacing: -.035em;
}

.places-city-directory__header p[b-uu6o8lp3zp] {
    max-width: 45rem;
    margin: .35rem 0 0;
    color: #827488;
    font-size: .82rem;
    line-height: 1.52;
}

.places-city-grid[b-uu6o8lp3zp] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .8rem;
}

.places-city-card[b-uu6o8lp3zp] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .78rem .82rem;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: 1rem;
    color: inherit;
    text-decoration: none;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 42%),
        linear-gradient(180deg, #fff, #fffafd);
    box-shadow:
        0 10px 26px rgba(23, 14, 61, .055),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.places-city-card:hover[b-uu6o8lp3zp] {
    color: inherit;
    text-decoration: none;
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 16px 34px rgba(23, 14, 61, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transform: translateY(-2px);
}

.places-city-card:focus-visible[b-uu6o8lp3zp] {
    outline: 3px solid rgba(124, 58, 237, .20);
    outline-offset: 2px;
}

.places-city-card__icon[b-uu6o8lp3zp] {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .78rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .14);
    font-size: .8rem;
}

.places-city-card__content[b-uu6o8lp3zp] {
    min-width: 0;
}

.places-city-card__content strong[b-uu6o8lp3zp] {
    display: block;
    overflow: hidden;
    color: #34263e;
    font-size: .82rem;
    font-weight: 850;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.places-city-card__content small[b-uu6o8lp3zp] {
    display: block;
    margin-top: .08rem;
    color: #918397;
    font-size: .64rem;
    font-weight: 690;
}

.places-city-card__arrow[b-uu6o8lp3zp] {
    width: 1.85rem;
    height: 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .65rem;
    color: #9a4a85;
    background: rgba(255, 255, 255, .82);
    transition:
        color .18s ease,
        background .18s ease,
        transform .18s ease;
}

.places-city-card:hover .places-city-card__arrow[b-uu6o8lp3zp] {
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    transform: translateX(2px);
}

/* =========================
   Empty state
   ========================= */

.places-region-empty[b-uu6o8lp3zp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 270px;
    padding: 2rem 1.2rem;
    border: 1px dashed rgba(124, 58, 237, .17);
    border-radius: 1.25rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0, rgba(255, 61, 141, .065), transparent 30%),
        #fff;
}

.places-region-empty--page[b-uu6o8lp3zp] {
    margin-top: 1rem;
}

.places-region-empty__icon[b-uu6o8lp3zp] {
    width: 3.7rem;
    height: 3.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.1rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 30px rgba(124, 58, 237, .18);
    font-size: 1.3rem;
}

.places-region-empty h1[b-uu6o8lp3zp],
.places-region-empty h2[b-uu6o8lp3zp] {
    margin: 0;
    color: #2c2037;
    font-weight: 850;
    letter-spacing: -.03em;
}

.places-region-empty h1[b-uu6o8lp3zp] {
    font-size: 1.7rem;
}

.places-region-empty h2[b-uu6o8lp3zp] {
    font-size: 1.3rem;
}

.places-region-empty p[b-uu6o8lp3zp] {
    margin: .45rem 0 0;
    color: #817486;
    font-size: .82rem;
}

.places-region-empty a[b-uu6o8lp3zp] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .9rem;
    padding: .5rem .75rem;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: .72rem;
    font-weight: 820;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 980px) {
    .places-region-page[b-uu6o8lp3zp] {
        width: min(100% - 1.4rem, 860px);
    }

    .places-region-hero[b-uu6o8lp3zp] {
        grid-template-columns: minmax(0, 1fr) 210px;
        padding: 1.65rem;
    }

    .places-city-grid[b-uu6o8lp3zp] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .places-region-page[b-uu6o8lp3zp] {
        width: min(100% - 1rem, 600px);
        padding-top: .8rem;
    }

    .places-region-hero[b-uu6o8lp3zp] {
        grid-template-columns: 1fr;
        min-height: 0;
        gap: 1rem;
        padding: 1.25rem;
        border-radius: 1.35rem;
    }

    .places-region-hero__visual[b-uu6o8lp3zp] {
        display: none;
    }

    .places-region-hero h1[b-uu6o8lp3zp] {
        font-size: clamp(2rem, 10vw, 2.8rem);
    }

    .places-region-hero p[b-uu6o8lp3zp] {
        font-size: .86rem;
    }

    .places-region-hero__meta[b-uu6o8lp3zp] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .places-region-hero__meta > span[b-uu6o8lp3zp] {
        width: fit-content;
    }

    .places-editorial[b-uu6o8lp3zp] {
        padding: 1rem;
        border-radius: 1.15rem;
    }

    .places-city-directory[b-uu6o8lp3zp],
    .places-city-venues[b-uu6o8lp3zp] {
        padding-top: 1.55rem;
    }

    .places-city-grid[b-uu6o8lp3zp] {
        grid-template-columns: 1fr;
        gap: .65rem;
    }
}

@media (max-width: 430px) {
    .places-editorial__header[b-uu6o8lp3zp] {
        grid-template-columns: 1fr;
    }

    .places-editorial__icon[b-uu6o8lp3zp] {
        width: 2.55rem;
        height: 2.55rem;
    }

    .places-city-card[b-uu6o8lp3zp] {
        padding: .72rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .places-city-card[b-uu6o8lp3zp],
    .places-city-card__arrow[b-uu6o8lp3zp],
    .places-editorial-content[b-uu6o8lp3zp]  a {
        transition: none;
    }
}
/* /Components/Pages/Places/VenueSearch.razor.rz.scp.css */
.places-page[b-nq0hvc03wz] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.55rem 0 4rem;
    color: #281d34;
}

.places-hero[b-nq0hvc03wz] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.16fr) minmax(320px, .84fr);
    align-items: center;
    gap: 2.2rem;
    overflow: hidden;
    min-height: 390px;
    padding: 2.3rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.85rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 2%, rgba(255, 61, 141, .46), transparent 34%),
        radial-gradient(circle at 96% 6%, rgba(124, 58, 237, .56), transparent 37%),
        linear-gradient(135deg, #0b1236 0%, #17104d 50%, #360936 100%);
    box-shadow:
        0 25px 68px rgba(25, 13, 67, .22),
        inset 0 1px 0 rgba(255, 255, 255, .12);
}

.places-hero__orb[b-nq0hvc03wz] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .065);
    border-radius: 999px;
    pointer-events: none;
}

.places-hero__orb--one[b-nq0hvc03wz] {
    width: 25rem;
    height: 25rem;
    right: 12%;
    top: -19rem;
}

.places-hero__orb--two[b-nq0hvc03wz] {
    width: 18rem;
    height: 18rem;
    left: -9rem;
    bottom: -12rem;
}

.places-hero__content[b-nq0hvc03wz],
.places-hero__visual[b-nq0hvc03wz] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.places-hero__eyebrow[b-nq0hvc03wz] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: 1rem;
    padding: .45rem .72rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    font-size: .72rem;
    font-weight: 820;
    letter-spacing: .055em;
    text-transform: uppercase;
    background: rgba(255, 255, 255, .085);
    backdrop-filter: blur(12px);
}

.places-hero h1[b-nq0hvc03wz] {
    max-width: 46rem;
    margin: 0;
    color: #fff;
    font-size: clamp(2.55rem, 5.3vw, 4.6rem);
    font-weight: 890;
    letter-spacing: -.057em;
    line-height: .96;
}

.places-hero h1 span[b-nq0hvc03wz] {
    display: block;
    color: #ffaad0;
}

.places-hero__lead[b-nq0hvc03wz] {
    max-width: 42rem;
    margin: 1.1rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: 1rem;
    line-height: 1.65;
}

.places-hero__meta[b-nq0hvc03wz] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: 1.35rem;
}

.places-hero__meta > span[b-nq0hvc03wz] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 2rem;
    padding: .42rem .65rem;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: .72rem;
    color: rgba(255, 255, 255, .74);
    font-size: .72rem;
    font-weight: 650;
    background: rgba(255, 255, 255, .07);
}

.places-hero__meta i[b-nq0hvc03wz] {
    color: #ff79b1;
}

.places-hero__meta strong[b-nq0hvc03wz] {
    color: #fff;
}

.places-hero__visual[b-nq0hvc03wz] {
    display: flex;
    justify-content: center;
    perspective: 900px;
}

.places-map-card[b-nq0hvc03wz] {
    width: min(100%, 390px);
    padding: .85rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.4rem;
    background: rgba(255, 255, 255, .95);
    box-shadow: 0 25px 55px rgba(4, 2, 25, .3);
    transform: rotate(2deg) rotateY(-3deg);
}

.places-map-card__label[b-nq0hvc03wz] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin: .15rem .2rem .75rem;
    color: #7f3d9f;
    font-size: .7rem;
    font-weight: 820;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.places-map-card__surface[b-nq0hvc03wz] {
    position: relative;
    overflow: hidden;
    min-height: 220px;
    border-radius: 1rem;
    background:
        linear-gradient(90deg, rgba(124, 58, 237, .055) 1px, transparent 1px),
        linear-gradient(rgba(124, 58, 237, .055) 1px, transparent 1px),
        radial-gradient(circle at 25% 30%, rgba(255, 61, 141, .13), transparent 24%),
        radial-gradient(circle at 78% 70%, rgba(124, 58, 237, .14), transparent 28%),
        #f7f4fa;
    background-size: 34px 34px, 34px 34px, auto, auto, auto;
}

.places-map-card__surface[b-nq0hvc03wz]::before,
.places-map-card__surface[b-nq0hvc03wz]::after {
    content: "";
    position: absolute;
    width: 10rem;
    height: 5rem;
    border: 2px solid rgba(124, 58, 237, .1);
    border-radius: 50%;
    transform: rotate(-18deg);
}

.places-map-card__surface[b-nq0hvc03wz]::before {
    left: -2rem;
    top: 2.5rem;
}

.places-map-card__surface[b-nq0hvc03wz]::after {
    right: -2rem;
    bottom: 1rem;
}

.places-map-pin[b-nq0hvc03wz] {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.05rem;
    height: 2.05rem;
    border: 3px solid #fff;
    border-radius: 999px;
    color: #fff;
    font-size: .8rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .24);
}

.places-map-pin--one[b-nq0hvc03wz] {
    left: 17%;
    top: 24%;
}

.places-map-pin--two[b-nq0hvc03wz] {
    right: 18%;
    top: 18%;
}

.places-map-pin--three[b-nq0hvc03wz] {
    left: 46%;
    bottom: 17%;
}

.places-map-pin--four[b-nq0hvc03wz] {
    right: 10%;
    bottom: 28%;
    transform: scale(.78);
}

.places-map-route[b-nq0hvc03wz] {
    position: absolute;
    z-index: 1;
    height: 2px;
    border-top: 2px dashed rgba(124, 58, 237, .22);
    transform-origin: left center;
}

.places-map-route--one[b-nq0hvc03wz] {
    width: 48%;
    left: 24%;
    top: 34%;
    transform: rotate(-7deg);
}

.places-map-route--two[b-nq0hvc03wz] {
    width: 38%;
    left: 46%;
    top: 59%;
    transform: rotate(-23deg);
}

.places-map-card__footer[b-nq0hvc03wz] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .8rem .25rem .2rem;
    color: #4a3a56;
    font-size: .73rem;
    font-weight: 750;
}

.places-map-card__footer span[b-nq0hvc03wz] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.places-map-card__footer span:first-child i[b-nq0hvc03wz] {
    color: #c6459c;
}

.places-map-card__footer span:last-child[b-nq0hvc03wz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.9rem;
    height: 1.9rem;
    border-radius: .65rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.places-directory[b-nq0hvc03wz] {
    padding-top: 2.2rem;
}

.places-directory__header[b-nq0hvc03wz] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1.5rem;
    margin-bottom: 1.2rem;
}

.places-section-eyebrow[b-nq0hvc03wz] {
    display: block;
    margin-bottom: .22rem;
    color: #a7457e;
    font-size: .7rem;
    font-weight: 840;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.places-directory__header h2[b-nq0hvc03wz],
.places-bottom-note h2[b-nq0hvc03wz],
.places-empty h2[b-nq0hvc03wz] {
    margin: 0;
    color: #2c2037;
    font-weight: 850;
    letter-spacing: -.035em;
}

.places-directory__header h2[b-nq0hvc03wz] {
    font-size: clamp(1.65rem, 3vw, 2.15rem);
}

.places-directory__header p[b-nq0hvc03wz] {
    max-width: 42rem;
    margin: .35rem 0 0;
    color: #827488;
    font-size: .88rem;
    line-height: 1.55;
}

.places-directory__usa-action[b-nq0hvc03wz] {
    flex: 0 0 auto;
    min-height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .48rem;
    padding: .62rem .88rem;
    border: 1px solid rgba(124, 58, 237, .14);
    border-radius: 999px;
    color: #713f8f;
    text-decoration: none;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 61, 141, .08), transparent 38%),
        linear-gradient(135deg, #fff 0%, #fff8fc 52%, #f8f3ff 100%);
    box-shadow:
        0 9px 22px rgba(23, 14, 61, .065),
        inset 0 1px 0 rgba(255, 255, 255, .95);
    font-size: .76rem;
    font-weight: 830;
    white-space: nowrap;
    transition:
        transform .18s ease,
        color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.places-directory__usa-action i[b-nq0hvc03wz] {
    color: #d1438c;
    font-size: .72rem;
    transition: transform .18s ease;
}

.places-directory__usa-action:hover[b-nq0hvc03wz] {
    color: #5f2e7d;
    text-decoration: none;
    border-color: rgba(255, 61, 141, .22);
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 61, 141, .11), transparent 40%),
        linear-gradient(135deg, #fff 0%, #fff5fa 52%, #f5efff 100%);
    box-shadow:
        0 13px 28px rgba(23, 14, 61, .09),
        inset 0 1px 0 rgba(255, 255, 255, .95);
    transform: translateY(-1px);
}

.places-directory__usa-action:hover i[b-nq0hvc03wz] {
    transform: translateX(3px);
}

.places-directory__usa-action:focus-visible[b-nq0hvc03wz] {
    outline: 3px solid rgba(124, 58, 237, .20);
    outline-offset: 3px;
}

.places-directory__count[b-nq0hvc03wz] {
    flex: 0 0 auto;
    padding: .45rem .7rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: 999px;
    color: #7d3c9c;
    font-size: .72rem;
    font-weight: 760;
    background: linear-gradient(135deg, rgba(255, 61, 141, .055), rgba(124, 58, 237, .06));
}

.places-grid[b-nq0hvc03wz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.place-card[b-nq0hvc03wz] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-width: 0;
    border: 1px solid rgba(37, 24, 62, .085);
    border-radius: 1.25rem;
    color: inherit;
    text-decoration: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(255, 251, 253, .97));
    box-shadow: 0 14px 34px rgba(23, 14, 61, .075);
    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease;
}

.place-card:hover[b-nq0hvc03wz] {
    color: inherit;
    border-color: rgba(124, 58, 237, .16);
    box-shadow: 0 21px 46px rgba(23, 14, 61, .12);
    transform: translateY(-4px);
}

.place-card__media[b-nq0hvc03wz] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #f3eef7;
}

.place-card__media[b-nq0hvc03wz]::after {
    content: "";
    position: absolute;
    inset: 40% 0 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(15, 8, 35, .28));
}

.place-card__media img[b-nq0hvc03wz] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .28s ease;
}

.place-card:hover .place-card__media img[b-nq0hvc03wz] {
    transform: scale(1.035);
}

.place-card__placeholder[b-nq0hvc03wz] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    background:
        radial-gradient(circle at 28% 24%, rgba(255, 61, 141, .34), transparent 29%),
        radial-gradient(circle at 80% 74%, rgba(124, 58, 237, .3), transparent 28%),
        linear-gradient(135deg, #15134b, #3b143f);
}

.place-card__placeholder-mark[b-nq0hvc03wz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    margin-bottom: .55rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .85rem;
    background: rgba(255, 255, 255, .1);
}

.place-card__placeholder strong[b-nq0hvc03wz] {
    font-size: 1.45rem;
    font-weight: 900;
    letter-spacing: -.04em;
}

.place-card__placeholder > span:last-child[b-nq0hvc03wz] {
    margin-top: .05rem;
    color: rgba(255, 255, 255, .65);
    font-size: .68rem;
}

.place-card__type[b-nq0hvc03wz] {
    position: absolute;
    z-index: 3;
    left: .7rem;
    bottom: .65rem;
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    max-width: calc(100% - 3.8rem);
    padding: .36rem .55rem;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 999px;
    color: #fff;
    font-size: .65rem;
    font-weight: 760;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: rgba(18, 12, 37, .62);
    backdrop-filter: blur(10px);
}

.place-card__open[b-nq0hvc03wz] {
    position: absolute;
    z-index: 3;
    right: .65rem;
    bottom: .65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: .68rem;
    color: #fff;
    background: rgba(18, 12, 37, .6);
    backdrop-filter: blur(10px);
    transition:
        transform .18s ease,
        background .18s ease;
}

.place-card:hover .place-card__open[b-nq0hvc03wz] {
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    transform: translate(2px, -2px);
}

.place-card__body[b-nq0hvc03wz] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    padding: .95rem 1rem 1rem;
}

.place-card h3[b-nq0hvc03wz] {
    margin: 0;
    overflow: hidden;
    color: #30223c;
    font-size: 1.02rem;
    font-weight: 830;
    letter-spacing: -.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.place-card__location[b-nq0hvc03wz] {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    min-height: 2.3rem;
    margin: .38rem 0 0;
    color: #877a8e;
    font-size: .74rem;
    line-height: 1.4;
}

.place-card__location i[b-nq0hvc03wz] {
    flex: 0 0 auto;
    margin-top: .08rem;
    color: #d14d91;
}

.place-card__cta[b-nq0hvc03wz] {
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    width: fit-content;
    margin-top: .75rem;
    color: #7d3aa1;
    font-size: .72rem;
    font-weight: 780;
}

.place-card__cta i[b-nq0hvc03wz] {
    font-size: .66rem;
    transition: transform .18s ease;
}

.place-card:hover .place-card__cta i[b-nq0hvc03wz] {
    transform: translateX(3px);
}

.places-bottom-note[b-nq0hvc03wz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 1rem;
    margin-top: 2.2rem;
    padding: 1.25rem 1.35rem;
    border: 1px solid rgba(124, 58, 237, .08);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at 0 0, rgba(255, 61, 141, .07), transparent 27%),
        linear-gradient(135deg, rgba(255, 255, 255, .98), rgba(248, 244, 252, .98));
    box-shadow: 0 14px 36px rgba(23, 14, 61, .055);
}

.places-bottom-note__icon[b-nq0hvc03wz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.3rem;
    height: 3.3rem;
    border-radius: 1rem;
    color: #fff;
    font-size: 1.15rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .17);
}

.places-bottom-note h2[b-nq0hvc03wz] {
    font-size: 1.05rem;
}

.places-bottom-note p[b-nq0hvc03wz] {
    margin: .28rem 0 0;
    color: #84768b;
    font-size: .78rem;
    line-height: 1.5;
}


.places-country-link[b-nq0hvc03wz] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 1.25rem;
    color: inherit;
    text-decoration: none;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .08), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .07), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, .99), rgba(250, 246, 253, .99));
    box-shadow:
        0 14px 36px rgba(23, 14, 61, .06),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.places-country-link[b-nq0hvc03wz]::after {
    content: "US";
    position: absolute;
    right: 5.8rem;
    top: 50%;
    color: rgba(124, 58, 237, .045);
    font-size: 4.6rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.08em;
    pointer-events: none;
    transform: translateY(-50%) rotate(-4deg);
}

.places-country-link:hover[b-nq0hvc03wz] {
    color: inherit;
    text-decoration: none;
    border-color: rgba(255, 61, 141, .18);
    box-shadow:
        0 20px 46px rgba(23, 14, 61, .10),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transform: translateY(-2px);
}

.places-country-link:focus-visible[b-nq0hvc03wz] {
    outline: 3px solid rgba(124, 58, 237, .22);
    outline-offset: 3px;
}

.places-country-link__icon[b-nq0hvc03wz] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.35rem;
    height: 3.35rem;
    flex: 0 0 3.35rem;
    border-radius: 1rem;
    color: #fff;
    font-size: 1.15rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.places-country-link__content[b-nq0hvc03wz] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.places-country-link__content > .places-section-eyebrow[b-nq0hvc03wz] {
    margin-bottom: .14rem;
}

.places-country-link__content strong[b-nq0hvc03wz] {
    display: block;
    color: #2c2037;
    font-size: 1.02rem;
    font-weight: 850;
    letter-spacing: -.02em;
}

.places-country-link__content small[b-nq0hvc03wz] {
    display: block;
    max-width: 44rem;
    margin-top: .25rem;
    color: #84768b;
    font-size: .75rem;
    font-weight: 560;
    line-height: 1.45;
}

.places-country-link__action[b-nq0hvc03wz] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    min-height: 2.45rem;
    padding: .52rem .78rem;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 999px;
    color: #743b94;
    background: rgba(255, 255, 255, .88);
    box-shadow: 0 8px 20px rgba(23, 14, 61, .055);
    font-size: .7rem;
    font-weight: 820;
    white-space: nowrap;
}

.places-country-link__action i[b-nq0hvc03wz] {
    color: #d1438c;
    transition: transform .18s ease;
}

.places-country-link:hover .places-country-link__action i[b-nq0hvc03wz] {
    transform: translateX(3px);
}

.places-empty[b-nq0hvc03wz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 360px;
    padding: 2rem;
    border: 1px dashed rgba(124, 58, 237, .17);
    border-radius: 1.35rem;
    text-align: center;
    background:
        radial-gradient(circle at 50% 0, rgba(255, 61, 141, .065), transparent 28%),
        #fff;
}

.places-empty__icon[b-nq0hvc03wz] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: .9rem;
    border-radius: 1.2rem;
    color: #fff;
    font-size: 1.45rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 32px rgba(124, 58, 237, .2);
}

.places-empty h2[b-nq0hvc03wz] {
    font-size: 1.65rem;
}

.places-empty p[b-nq0hvc03wz] {
    max-width: 32rem;
    margin: .5rem 0 0;
    color: #817486;
    line-height: 1.55;
}

.places-loading__cards[b-nq0hvc03wz] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.places-loading-card[b-nq0hvc03wz] {
    overflow: hidden;
    padding: 0 1rem 1rem;
    border: 1px solid rgba(37, 24, 62, .07);
    border-radius: 1.25rem;
    background: #fff;
}

.places-loading-card__image[b-nq0hvc03wz] {
    display: block;
    aspect-ratio: 16 / 10;
    margin: 0 -1rem .95rem;
    background:
        linear-gradient(90deg, #f0ecf3 25%, #f7f4f9 37%, #f0ecf3 63%);
    background-size: 400% 100%;
    animation: places-shimmer-b-nq0hvc03wz 1.35s ease infinite;
}

.places-loading-card__line[b-nq0hvc03wz] {
    display: block;
    height: .65rem;
    margin-top: .52rem;
    border-radius: 999px;
    background:
        linear-gradient(90deg, #f0ecf3 25%, #f7f4f9 37%, #f0ecf3 63%);
    background-size: 400% 100%;
    animation: places-shimmer-b-nq0hvc03wz 1.35s ease infinite;
}

.places-loading-card__line--short[b-nq0hvc03wz] {
    width: 56%;
    height: .78rem;
}

.places-loading-card__line--medium[b-nq0hvc03wz] {
    width: 74%;
}

.place-card:focus-visible[b-nq0hvc03wz] {
    outline: 3px solid rgba(124, 58, 237, .24);
    outline-offset: 3px;
}

@keyframes places-shimmer-b-nq0hvc03wz {
    0% {
        background-position: 100% 0;
    }

    100% {
        background-position: 0 0;
    }
}

@media (max-width: 980px) {
    .places-page[b-nq0hvc03wz] {
        width: min(100% - 1.4rem, 860px);
        padding-top: 1.1rem;
    }

    .places-hero[b-nq0hvc03wz] {
        grid-template-columns: 1fr;
        min-height: auto;
        padding: 1.7rem;
    }

    .places-hero__content[b-nq0hvc03wz] {
        max-width: 680px;
    }

    .places-hero__visual[b-nq0hvc03wz] {
        justify-content: flex-start;
    }

    .places-map-card[b-nq0hvc03wz] {
        width: min(100%, 500px);
        transform: none;
    }

    .places-grid[b-nq0hvc03wz],
    .places-loading__cards[b-nq0hvc03wz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .places-page[b-nq0hvc03wz] {
        width: min(100% - 1rem, 600px);
        padding: .8rem 0 3rem;
    }

    .places-hero[b-nq0hvc03wz] {
        gap: 1.35rem;
        padding: 1.2rem;
        border-radius: 1.35rem;
    }

    .places-hero h1[b-nq0hvc03wz] {
        font-size: clamp(2.35rem, 12vw, 3.4rem);
    }

    .places-hero__lead[b-nq0hvc03wz] {
        font-size: .88rem;
        line-height: 1.55;
    }

    .places-hero__meta[b-nq0hvc03wz] {
        display: grid;
        grid-template-columns: 1fr;
        gap: .45rem;
    }

    .places-hero__meta > span[b-nq0hvc03wz] {
        width: fit-content;
    }

    .places-map-card[b-nq0hvc03wz] {
        padding: .7rem;
        border-radius: 1.1rem;
    }

    .places-map-card__surface[b-nq0hvc03wz] {
        min-height: 170px;
    }

    .places-directory[b-nq0hvc03wz] {
        padding-top: 1.7rem;
    }

    .places-directory__header[b-nq0hvc03wz] {
        align-items: flex-start;
        flex-direction: column;
        gap: .85rem;
    }

    .places-directory__usa-action[b-nq0hvc03wz] {
        min-height: 2.6rem;
        padding: .58rem .78rem;
        font-size: .72rem;
    }

    .places-directory__count[b-nq0hvc03wz] {
        display: none;
    }

    .places-grid[b-nq0hvc03wz],
    .places-loading__cards[b-nq0hvc03wz] {
        grid-template-columns: 1fr;
        gap: .8rem;
    }

    .place-card[b-nq0hvc03wz] {
        display: grid;
        grid-template-columns: 130px minmax(0, 1fr);
        border-radius: 1rem;
    }

    .place-card__media[b-nq0hvc03wz] {
        height: 100%;
        min-height: 145px;
        aspect-ratio: auto;
    }

    .place-card__body[b-nq0hvc03wz] {
        justify-content: center;
        padding: .8rem;
    }

    .place-card__type[b-nq0hvc03wz] {
        top: .5rem;
        right: .5rem;
        bottom: auto;
        left: .5rem;
        justify-content: center;
        max-width: none;
        padding: .3rem .4rem;
        font-size: .57rem;
    }

    .place-card__open[b-nq0hvc03wz] {
        right: .5rem;
        bottom: .5rem;
        width: 1.8rem;
        height: 1.8rem;
    }

    .place-card__location[b-nq0hvc03wz] {
        min-height: 0;
        margin-top: .35rem;
        font-size: .69rem;
    }

    .place-card__cta[b-nq0hvc03wz] {
        margin-top: .6rem;
    }

    .places-loading-card[b-nq0hvc03wz] {
        display: grid;
        grid-template-columns: 130px minmax(0, 1fr);
        gap: .8rem;
        align-items: center;
        min-height: 145px;
        padding: .8rem;
    }

    .places-loading-card__image[b-nq0hvc03wz] {
        grid-row: 1 / span 3;
        width: 130px;
        height: 129px;
        margin: 0;
        aspect-ratio: auto;
        border-radius: .8rem;
    }

    .places-loading-card__line[b-nq0hvc03wz] {
        margin: 0;
    }

    .places-bottom-note[b-nq0hvc03wz] {
        align-items: flex-start;
        margin-top: 1.6rem;
        padding: 1rem;
    }
}

@media (max-width: 430px) {
    .places-directory__usa-action[b-nq0hvc03wz] {
        width: 100%;
    }

    .place-card[b-nq0hvc03wz] {
        grid-template-columns: 112px minmax(0, 1fr);
    }

    .place-card__media[b-nq0hvc03wz] {
        min-height: 132px;
    }

    .place-card h3[b-nq0hvc03wz] {
        font-size: .91rem;
    }

    .place-card__cta[b-nq0hvc03wz] {
        font-size: .67rem;
    }

    .places-loading-card[b-nq0hvc03wz] {
        grid-template-columns: 112px minmax(0, 1fr);
        min-height: 132px;
    }

    .places-loading-card__image[b-nq0hvc03wz] {
        width: 112px;
        height: 114px;
    }

    .places-bottom-note[b-nq0hvc03wz] {
        grid-template-columns: 1fr;
    }

    .places-bottom-note__icon[b-nq0hvc03wz] {
        width: 2.85rem;
        height: 2.85rem;
    }
}


@media (max-width: 680px) {
    .places-country-link[b-nq0hvc03wz] {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 1rem;
    }

    .places-country-link[b-nq0hvc03wz]::after {
        right: -.5rem;
        top: .35rem;
        transform: rotate(-4deg);
    }

    .places-country-link__action[b-nq0hvc03wz] {
        grid-column: 2;
        width: fit-content;
        justify-self: start;
        margin-top: .2rem;
    }
}

@media (max-width: 430px) {
    .places-country-link[b-nq0hvc03wz] {
        grid-template-columns: 1fr;
    }

    .places-country-link__icon[b-nq0hvc03wz] {
        width: 2.9rem;
        height: 2.9rem;
        flex-basis: 2.9rem;
    }

    .places-country-link__action[b-nq0hvc03wz] {
        grid-column: auto;
        width: 100%;
        justify-self: stretch;
    }

    .places-country-link[b-nq0hvc03wz]::after {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .place-card[b-nq0hvc03wz],
    .place-card__media img[b-nq0hvc03wz],
    .place-card__open[b-nq0hvc03wz],
    .place-card__cta i[b-nq0hvc03wz],
    .places-directory__usa-action[b-nq0hvc03wz],
    .places-directory__usa-action i[b-nq0hvc03wz] {
        transition: none;
    }

    .places-loading-card__image[b-nq0hvc03wz],
    .places-loading-card__line[b-nq0hvc03wz] {
        animation: none;
    }
}


@media (prefers-reduced-motion: reduce) {
    .places-country-link[b-nq0hvc03wz],
    .places-country-link__action i[b-nq0hvc03wz] {
        transition: none;
    }
}
/* /Components/Pages/Policies/CommunityCharter.razor.rz.scp.css */
.policy-page[b-ttsyep1kir] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 1.75rem 1rem 3rem;
    color: #302438;
}

/* =========================
   Hero
   ========================= */

.policy-hero[b-ttsyep1kir] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
    padding: 1.75rem 2rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.6rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .4), transparent 35%),
        radial-gradient(circle at 92% 12%, rgba(124, 58, 237, .46), transparent 36%),
        linear-gradient(135deg, #18102f 0%, #331042 50%, #111b42 100%);
    box-shadow:
        0 24px 65px rgba(23, 16, 80, .23),
        inset 0 1px 0 rgba(255, 255, 255, .14);
}

.policy-hero[b-ttsyep1kir]::after {
    content: "";
    position: absolute;
    right: -5.5rem;
    bottom: -7rem;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    pointer-events: none;
}

.policy-hero__content[b-ttsyep1kir] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.policy-hero__badge[b-ttsyep1kir] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .8rem;
    padding: .38rem .72rem;
    color: rgba(255, 255, 255, .9);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .11);
    font-size: .74rem;
    font-weight: 820;
    letter-spacing: .02em;
}

.policy-hero__badge-mark[b-ttsyep1kir] {
    color: #ff91c2;
}

.policy-hero h1[b-ttsyep1kir] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 3.35rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.055em;
}

.policy-hero__lead[b-ttsyep1kir] {
    max-width: 44rem;
    margin: .8rem 0 0;
    color: rgba(255, 255, 255, .76);
    font-size: 1rem;
    line-height: 1.55;
}

.policy-hero__meta[b-ttsyep1kir] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1rem;
}

.policy-hero__meta span[b-ttsyep1kir] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.05rem;
    padding: .4rem .66rem;
    color: rgba(255, 255, 255, .83);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    font-size: .75rem;
    font-weight: 750;
}

.policy-hero__meta i[b-ttsyep1kir] {
    color: #ff91c2;
}

.policy-hero__icon[b-ttsyep1kir] {
    position: relative;
    z-index: 1;
    width: 6.6rem;
    height: 6.6rem;
    flex: 0 0 6.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 1.7rem;
    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .3), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 20px 46px rgba(255, 61, 141, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: 2.35rem;
}

/* =========================
   Main principle
   ========================= */

.community-principle[b-ttsyep1kir] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .85rem;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(255, 61, 141, .16);
    border-radius: 1.1rem;
    background:
        radial-gradient(circle at 96% 10%, rgba(124, 58, 237, .06), transparent 30%),
        linear-gradient(135deg, #fff7fb, #ffffff);
    box-shadow: 0 12px 30px rgba(21, 16, 54, .065);
}

.community-principle__icon[b-ttsyep1kir] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 1rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 11px 24px rgba(255, 61, 141, .2);
}

.community-principle__eyebrow[b-ttsyep1kir] {
    display: block;
    margin-bottom: .1rem;
    color: #a34d80;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.community-principle h2[b-ttsyep1kir] {
    margin: 0;
    color: #44213b;
    font-size: 1.08rem;
    font-weight: 860;
    letter-spacing: -.025em;
}

.community-principle p[b-ttsyep1kir] {
    margin: .45rem 0 0;
    color: #6c5869;
    font-size: .86rem;
    font-weight: 680;
    line-height: 1.5;
}

/* =========================
   Layout and contents
   ========================= */

.policy-layout[b-ttsyep1kir] {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    margin-top: 1rem;
}

.policy-toc[b-ttsyep1kir] {
    position: sticky;
    top: 5rem;
    padding: 1rem;
    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.15rem;
    background: #ffffff;
    box-shadow:
        0 16px 38px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-toc__header[b-ttsyep1kir] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .75rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid rgba(39, 24, 69, .09);
}

.policy-toc__icon[b-ttsyep1kir] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .7rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.policy-toc h2[b-ttsyep1kir] {
    margin: 0;
    color: #251a2d;
    font-size: .9rem;
    font-weight: 850;
}

.policy-toc__nav[b-ttsyep1kir] {
    display: grid;
    gap: .2rem;
}

.policy-toc__nav a[b-ttsyep1kir] {
    display: block;
    padding: .42rem .5rem;
    color: #74687e;
    text-decoration: none;
    border-radius: .7rem;
    font-size: .75rem;
    font-weight: 680;
    line-height: 1.3;
    transition:
        color .16s ease,
        background-color .16s ease;
}

.policy-toc__nav a:hover[b-ttsyep1kir] {
    color: #c12d78;
    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .08),
            rgba(124, 58, 237, .06)
        );
}

.policy-toc__nav a:focus-visible[b-ttsyep1kir] {
    outline: 3px solid rgba(255, 61, 141, .15);
    outline-offset: 1px;
}

/* =========================
   Sections
   ========================= */

.policy-content[b-ttsyep1kir] {
    min-width: 0;
    display: grid;
    gap: .85rem;
}

.policy-section[b-ttsyep1kir] {
    scroll-margin-top: 5.2rem;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .85rem;
    padding: 1.15rem;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #ffffff 0%, #fdfafd 100%);
    box-shadow:
        0 14px 34px rgba(21, 16, 54, .065),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-section--community[b-ttsyep1kir] {
    border-color: rgba(255, 61, 141, .16);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .07), transparent 34%),
        linear-gradient(180deg, #fff9fc 0%, #ffffff 100%);
}

.policy-section--warning[b-ttsyep1kir] {
    border-color: rgba(239, 68, 68, .17);
    background:
        radial-gradient(circle at 100% 0%, rgba(239, 68, 68, .07), transparent 34%),
        linear-gradient(180deg, #fff9f7 0%, #ffffff 100%);
}

.policy-section--consent[b-ttsyep1kir] {
    border-color: rgba(33, 184, 107, .17);
    background:
        radial-gradient(circle at 100% 0%, rgba(33, 184, 107, .07), transparent 34%),
        linear-gradient(180deg, #f8fff9 0%, #ffffff 100%);
}

.policy-section--ai[b-ttsyep1kir] {
    border-color: rgba(139, 92, 246, .18);
    background:
        radial-gradient(circle at 100% 0%, rgba(139, 92, 246, .08), transparent 34%),
        linear-gradient(180deg, #fbf9ff 0%, #ffffff 100%);
}

.policy-section--privacy[b-ttsyep1kir] {
    border-color: rgba(59, 130, 246, .16);
    background:
        radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .07), transparent 34%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.policy-section--promotion[b-ttsyep1kir] {
    border-color: rgba(255, 122, 26, .17);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 122, 26, .07), transparent 34%),
        linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
}

.policy-section--premium[b-ttsyep1kir] {
    border-color: rgba(196, 142, 24, .2);
    background:
        radial-gradient(circle at 100% 0%, rgba(244, 189, 56, .1), transparent 34%),
        linear-gradient(180deg, #fffdf5 0%, #ffffff 100%);
}

.policy-section--qr[b-ttsyep1kir] {
    border-color: rgba(239, 68, 68, .2);
    background:
        radial-gradient(circle at 100% 0%, rgba(239, 68, 68, .09), transparent 34%),
        linear-gradient(180deg, #fff7f7 0%, #ffffff 100%);
}

.policy-section--reporting[b-ttsyep1kir] {
    border-color: rgba(124, 58, 237, .17);
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .07), transparent 34%),
        linear-gradient(180deg, #fbf9ff 0%, #ffffff 100%);
}

.policy-section__number[b-ttsyep1kir] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .82rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
    font-size: .8rem;
    font-weight: 850;
}

.policy-section--warning .policy-section__number[b-ttsyep1kir],
.policy-section--qr .policy-section__number[b-ttsyep1kir] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff7a1a, #ef4444);
    box-shadow: 0 10px 22px rgba(239, 68, 68, .17);
}

.policy-section--consent .policy-section__number[b-ttsyep1kir] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #21b86b, #10b981);
    box-shadow: 0 10px 22px rgba(16, 185, 129, .17);
}

.policy-section--ai .policy-section__number[b-ttsyep1kir] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #8b5cf6, #d946ef);
}

.policy-section--privacy .policy-section__number[b-ttsyep1kir] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #3b82f6, #7c3aed);
}

.policy-section--promotion .policy-section__number[b-ttsyep1kir] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff7a1a, #d946ef);
}

.policy-section--premium .policy-section__number[b-ttsyep1kir] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .32), transparent 34%),
        linear-gradient(135deg, #f0b429, #b7791f);
    box-shadow: 0 10px 22px rgba(183, 121, 31, .17);
}

.policy-section--reporting .policy-section__number[b-ttsyep1kir] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #7c3aed, #ff3d8d);
}

.policy-section__body[b-ttsyep1kir] {
    min-width: 0;
}

.policy-section h2[b-ttsyep1kir] {
    margin: .15rem 0 .7rem;
    color: #24192c;
    font-size: 1.08rem;
    font-weight: 860;
    line-height: 1.25;
    letter-spacing: -.022em;
}

.policy-section h3[b-ttsyep1kir] {
    margin: 1rem 0 .42rem;
    color: #4d3858;
    font-size: .88rem;
    font-weight: 840;
    line-height: 1.3;
}

.policy-section h2 + h3[b-ttsyep1kir] {
    margin-top: .45rem;
}

.policy-section p[b-ttsyep1kir] {
    margin: 0 0 .68rem;
    color: #62566d;
    font-size: .86rem;
    line-height: 1.62;
}

.policy-section p:last-child[b-ttsyep1kir] {
    margin-bottom: 0;
}

.policy-section ul[b-ttsyep1kir] {
    display: grid;
    gap: .4rem;
    margin: .2rem 0 .8rem;
    padding: 0;
    list-style: none;
}

.policy-section li[b-ttsyep1kir] {
    position: relative;
    padding-left: 1.25rem;
    color: #5b4e65;
    font-size: .84rem;
    line-height: 1.5;
}

.policy-section li[b-ttsyep1kir]::before {
    content: "✓";
    position: absolute;
    top: .02rem;
    left: 0;
    color: #a44adb;
    font-size: .82rem;
    font-weight: 900;
}

.policy-section--warning li[b-ttsyep1kir]::before,
.policy-section--qr li[b-ttsyep1kir]::before {
    content: "!";
    color: #e55b18;
}

.policy-section--consent li[b-ttsyep1kir]::before {
    color: #18a866;
}

.policy-section--ai li[b-ttsyep1kir]::before {
    color: #8b5cf6;
}

.policy-section--privacy li[b-ttsyep1kir]::before {
    color: #3b82f6;
}

.policy-section--promotion li[b-ttsyep1kir]::before {
    color: #e46a1c;
}

.policy-section--premium li[b-ttsyep1kir]::before {
    color: #b7791f;
}

/* =========================
   Special blocks
   ========================= */

.content-labels[b-ttsyep1kir] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin: .7rem 0 .9rem;
}

.content-label[b-ttsyep1kir] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .72rem;
    border-radius: 999px;
    font-size: .76rem;
    font-weight: 820;
}

.content-label--real[b-ttsyep1kir] {
    color: #225fa6;
    border: 1px solid rgba(59, 130, 246, .18);
    background: rgba(59, 130, 246, .08);
}

.content-label--ai[b-ttsyep1kir] {
    color: #7240b3;
    border: 1px solid rgba(139, 92, 246, .2);
    background: rgba(139, 92, 246, .09);
}

.charter-callout[b-ttsyep1kir] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    margin: .75rem 0 .85rem;
    padding: .8rem .9rem;
    border-radius: .9rem;
}

.charter-callout > i[b-ttsyep1kir] {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .75rem;
}

.charter-callout div[b-ttsyep1kir] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.charter-callout strong[b-ttsyep1kir] {
    font-size: .8rem;
    font-weight: 850;
}

.charter-callout span[b-ttsyep1kir] {
    font-size: .74rem;
    line-height: 1.42;
}

.charter-callout--consent[b-ttsyep1kir] {
    color: #315f4b;
    border: 1px solid rgba(33, 184, 107, .16);
    background:
        linear-gradient(
            135deg,
            rgba(33, 184, 107, .07),
            rgba(59, 130, 246, .04)
        );
}

.charter-callout--consent > i[b-ttsyep1kir] {
    background: linear-gradient(135deg, #21b86b, #10b981);
}

.charter-callout--consent strong[b-ttsyep1kir] {
    color: #235640;
}

.charter-callout--consent span[b-ttsyep1kir] {
    color: #567064;
}

.charter-callout--qr[b-ttsyep1kir] {
    color: #793b33;
    border: 1px solid rgba(239, 68, 68, .17);
    background:
        linear-gradient(
            135deg,
            rgba(239, 68, 68, .07),
            rgba(255, 122, 26, .05)
        );
}

.charter-callout--qr > i[b-ttsyep1kir] {
    background: linear-gradient(135deg, #ff7a1a, #ef4444);
}

.charter-callout--qr strong[b-ttsyep1kir] {
    color: #702f27;
}

.charter-callout--qr span[b-ttsyep1kir] {
    color: #7d5a55;
}

.charter-email[b-ttsyep1kir] {
    width: fit-content;
    max-width: 100%;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    margin: .1rem 0 .3rem;
    padding: .68rem .82rem;
    color: #7040a6;
    text-decoration: none;
    border: 1px solid rgba(124, 58, 237, .2);
    border-radius: .85rem;
    background:
        linear-gradient(
            135deg,
            rgba(124, 58, 237, .09),
            rgba(255, 61, 141, .05)
        ),
        #ffffff;
    font-size: .84rem;
    font-weight: 830;
    transition:
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.charter-email:hover[b-ttsyep1kir] {
    color: #563085;
    border-color: rgba(124, 58, 237, .32);
    box-shadow:
        0 10px 24px rgba(124, 58, 237, .12),
        0 0 0 3px rgba(124, 58, 237, .08);
    transform: translateY(-1px);
}

.charter-email:focus-visible[b-ttsyep1kir] {
    outline: 3px solid rgba(124, 58, 237, .16);
    outline-offset: 2px;
}

.community-checklist[b-ttsyep1kir] {
    margin-top: .8rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(255, 61, 141, .15);
    border-radius: .95rem;
    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .05),
            rgba(124, 58, 237, .04)
        ),
        rgba(255, 255, 255, .75);
}

.community-checklist p[b-ttsyep1kir] {
    margin-bottom: .55rem;
    color: #674054;
    font-weight: 800;
}

.community-checklist ul[b-ttsyep1kir] {
    margin-bottom: .7rem;
}

.community-checklist strong[b-ttsyep1kir] {
    display: block;
    color: #a02f70;
    font-size: .86rem;
}

/* =========================
   End block
   ========================= */

.policy-end[b-ttsyep1kir] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    color: #ffffff;
    border-radius: 1rem;
    background: linear-gradient(135deg, #25142e, #25103f);
    box-shadow: 0 16px 38px rgba(21, 16, 54, .16);
}

.policy-end__mark[b-ttsyep1kir] {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.policy-end div[b-ttsyep1kir] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .08rem;
}

.policy-end strong[b-ttsyep1kir] {
    font-size: .82rem;
    font-weight: 850;
}

.policy-end span:not(.policy-end__mark)[b-ttsyep1kir] {
    color: rgba(255, 255, 255, .58);
    font-size: .7rem;
}

.policy-end a[b-ttsyep1kir] {
    color: rgba(255, 255, 255, .84);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 800;
    white-space: nowrap;
}

.policy-end a:hover[b-ttsyep1kir] {
    color: #ff91c2;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 900px) {
    .policy-layout[b-ttsyep1kir] {
        grid-template-columns: 1fr;
    }

    .policy-toc[b-ttsyep1kir] {
        position: static;
    }

    .policy-toc__nav[b-ttsyep1kir] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .25rem .5rem;
    }
}

@media (max-width: 640.98px) {
    .policy-page[b-ttsyep1kir] {
        width: 100%;
        padding: 1rem .65rem 2rem;
    }

    .policy-hero[b-ttsyep1kir] {
        grid-template-columns: 1fr;
        padding: 1.3rem;
        border-radius: 1.3rem;
    }

    .policy-hero__icon[b-ttsyep1kir] {
        display: none;
    }

    .policy-hero h1[b-ttsyep1kir] {
        font-size: 2.2rem;
    }

    .policy-hero__lead[b-ttsyep1kir] {
        font-size: .92rem;
    }

    .community-principle[b-ttsyep1kir] {
        padding: .9rem;
    }

    .policy-toc[b-ttsyep1kir] {
        padding: .9rem;
    }

    .policy-toc__nav[b-ttsyep1kir] {
        grid-template-columns: 1fr;
    }

    .policy-section[b-ttsyep1kir] {
        gap: .7rem;
        padding: 1rem;
        border-radius: 1rem;
    }

    .policy-section__number[b-ttsyep1kir] {
        width: 2.1rem;
        height: 2.1rem;
        flex-basis: 2.1rem;
        border-radius: .72rem;
    }

    .policy-section h2[b-ttsyep1kir] {
        font-size: 1rem;
    }

    .policy-section h3[b-ttsyep1kir] {
        font-size: .84rem;
    }

    .policy-section p[b-ttsyep1kir],
    .policy-section li[b-ttsyep1kir] {
        font-size: .82rem;
    }

    .policy-end[b-ttsyep1kir] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .policy-end a[b-ttsyep1kir] {
        grid-column: 1 / -1;
        justify-self: stretch;
        padding-top: .55rem;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, .1);
    }
}

@media (max-width: 390px) {
    .policy-hero[b-ttsyep1kir] {
        padding: 1.1rem;
    }

    .policy-hero h1[b-ttsyep1kir] {
        font-size: 1.95rem;
    }

    .policy-hero__meta[b-ttsyep1kir] {
        flex-direction: column;
        align-items: stretch;
    }

    .policy-hero__meta span[b-ttsyep1kir] {
        justify-content: center;
    }

    .community-principle[b-ttsyep1kir],
    .policy-section[b-ttsyep1kir],
    .charter-callout[b-ttsyep1kir] {
        grid-template-columns: 1fr;
    }

    .policy-section__number[b-ttsyep1kir] {
        width: 2rem;
        height: 2rem;
    }

    .charter-email[b-ttsyep1kir] {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .policy-toc__nav a[b-ttsyep1kir],
    .charter-email[b-ttsyep1kir] {
        transition: none;
    }
}
/* /Components/Pages/Policies/Consent.razor.rz.scp.css */
.policy-page[b-xiwoe8vqcz] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 1.75rem 1rem 3rem;
    color: #302438;
}

/* =========================
   Hero
   ========================= */

.policy-hero[b-xiwoe8vqcz] {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;

    padding: 1.75rem 2rem;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.6rem;

    background:
        radial-gradient(circle at 12% 0%, rgba(33, 184, 107, .34), transparent 35%),
        radial-gradient(circle at 92% 12%, rgba(124, 58, 237, .44), transparent 36%),
        linear-gradient(135deg, #091d27 0%, #122d3a 48%, #241043 100%);

    box-shadow:
        0 24px 65px rgba(23, 16, 80, .23),
        inset 0 1px 0 rgba(255, 255, 255, .14);
}

.policy-hero[b-xiwoe8vqcz]::after {
    content: "";

    position: absolute;
    right: -5.5rem;
    bottom: -7rem;

    width: 15rem;
    height: 15rem;

    border-radius: 50%;

    background: rgba(255, 255, 255, .07);

    pointer-events: none;
}

.policy-hero__content[b-xiwoe8vqcz] {
    position: relative;
    z-index: 1;

    min-width: 0;
}

.policy-hero__badge[b-xiwoe8vqcz] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;

    margin-bottom: .8rem;
    padding: .38rem .72rem;

    color: rgba(255, 255, 255, .9);

    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;

    background: rgba(255, 255, 255, .11);

    font-size: .74rem;
    font-weight: 820;
    letter-spacing: .02em;
}

.policy-hero__badge-mark[b-xiwoe8vqcz] {
    color: #6ee7b7;
}

.policy-hero h1[b-xiwoe8vqcz] {
    margin: 0;

    color: #ffffff;

    font-size: clamp(2rem, 5vw, 3.35rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.055em;
}

.policy-hero__lead[b-xiwoe8vqcz] {
    max-width: 42rem;

    margin: .8rem 0 0;

    color: rgba(255, 255, 255, .76);

    font-size: 1rem;
    line-height: 1.55;
}

.policy-hero__meta[b-xiwoe8vqcz] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;

    margin-top: 1rem;
}

.policy-hero__meta span[b-xiwoe8vqcz] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;

    min-height: 2.05rem;
    padding: .4rem .66rem;

    color: rgba(255, 255, 255, .83);

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;

    background: rgba(255, 255, 255, .08);

    font-size: .75rem;
    font-weight: 750;
}

.policy-hero__meta i[b-xiwoe8vqcz] {
    color: #6ee7b7;
}

.policy-hero__icon[b-xiwoe8vqcz] {
    position: relative;
    z-index: 1;

    width: 6.6rem;
    height: 6.6rem;
    flex: 0 0 6.6rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 1.7rem;

    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #21b86b, #7c3aed);

    box-shadow:
        0 20px 46px rgba(33, 184, 107, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22);

    font-size: 2.35rem;
}

/* =========================
   Main consent principle
   ========================= */

.consent-principle[b-xiwoe8vqcz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .85rem;

    margin-top: 1rem;
    padding: 1rem 1.1rem;

    color: #234c3a;

    border: 1px solid rgba(33, 184, 107, .18);
    border-radius: 1.1rem;

    background:
        radial-gradient(circle at 96% 10%, rgba(124, 58, 237, .06), transparent 30%),
        linear-gradient(135deg, #f3fff7, #ffffff);

    box-shadow: 0 12px 30px rgba(21, 16, 54, .065);
}

.consent-principle__icon[b-xiwoe8vqcz] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: 1rem;

    background: linear-gradient(135deg, #21b86b, #10b981);

    box-shadow: 0 11px 24px rgba(16, 185, 129, .20);
}

.consent-principle__eyebrow[b-xiwoe8vqcz] {
    display: block;

    margin-bottom: .1rem;

    color: #408266;

    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.consent-principle h2[b-xiwoe8vqcz] {
    margin: 0;

    color: #173e2d;

    font-size: 1.08rem;
    font-weight: 860;
    letter-spacing: -.025em;
}

.consent-principle p[b-xiwoe8vqcz] {
    margin: .45rem 0 0;

    color: #4b6659;

    font-size: .86rem;
    font-weight: 720;
    line-height: 1.5;
}

/* =========================
   Layout and contents
   ========================= */

.policy-layout[b-xiwoe8vqcz] {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    align-items: start;
    gap: 1rem;

    margin-top: 1rem;
}

.policy-toc[b-xiwoe8vqcz] {
    position: sticky;
    top: 5rem;

    padding: 1rem;

    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.15rem;

    background: #ffffff;

    box-shadow:
        0 16px 38px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-toc__header[b-xiwoe8vqcz] {
    display: flex;
    align-items: center;
    gap: .6rem;

    margin-bottom: .75rem;
    padding-bottom: .7rem;

    border-bottom: 1px solid rgba(39, 24, 69, .09);
}

.policy-toc__icon[b-xiwoe8vqcz] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .7rem;

    background: linear-gradient(135deg, #21b86b, #7c3aed);
}

.policy-toc h2[b-xiwoe8vqcz] {
    margin: 0;

    color: #251a2d;

    font-size: .9rem;
    font-weight: 850;
}

.policy-toc__nav[b-xiwoe8vqcz] {
    display: grid;
    gap: .2rem;
}

.policy-toc__nav a[b-xiwoe8vqcz] {
    display: block;

    padding: .42rem .5rem;

    color: #74687e;
    text-decoration: none;

    border-radius: .7rem;

    font-size: .75rem;
    font-weight: 680;
    line-height: 1.3;

    transition:
        color .16s ease,
        background-color .16s ease;
}

.policy-toc__nav a:hover[b-xiwoe8vqcz] {
    color: #198f58;

    background: linear-gradient(135deg, rgba(33, 184, 107, .09), rgba(124, 58, 237, .05));
}

.policy-toc__nav a:focus-visible[b-xiwoe8vqcz] {
    outline: 3px solid rgba(33, 184, 107, .15);
    outline-offset: 1px;
}

/* =========================
   Sections
   ========================= */

.policy-content[b-xiwoe8vqcz] {
    min-width: 0;

    display: grid;
    gap: .85rem;
}

.policy-section[b-xiwoe8vqcz] {
    scroll-margin-top: 5.2rem;

    min-width: 0;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .85rem;

    padding: 1.15rem;

    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.15rem;

    background: linear-gradient(180deg, #ffffff 0%, #fdfafd 100%);

    box-shadow:
        0 14px 34px rgba(21, 16, 54, .065),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-section--consent[b-xiwoe8vqcz] {
    border-color: rgba(33, 184, 107, .17);

    background:
        radial-gradient(circle at 100% 0%, rgba(33, 184, 107, .08), transparent 34%),
        linear-gradient(180deg, #f8fff9 0%, #ffffff 100%);
}

.policy-section--warning[b-xiwoe8vqcz] {
    border-color: rgba(255, 122, 26, .18);

    background:
        radial-gradient(circle at 100% 0%, rgba(255, 122, 26, .08), transparent 34%),
        linear-gradient(180deg, #fffaf5 0%, #ffffff 100%);
}

.policy-section--meeting[b-xiwoe8vqcz] {
    border-color: rgba(59, 130, 246, .16);

    background:
        radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .07), transparent 34%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.policy-section__number[b-xiwoe8vqcz] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .82rem;

    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);

    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);

    font-size: .8rem;
    font-weight: 850;
}

.policy-section--consent .policy-section__number[b-xiwoe8vqcz] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #21b86b, #10b981);

    box-shadow: 0 10px 22px rgba(16, 185, 129, .18);
}

.policy-section--warning .policy-section__number[b-xiwoe8vqcz] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff7a1a, #ef4444);

    box-shadow: 0 10px 22px rgba(239, 68, 68, .17);
}

.policy-section--meeting .policy-section__number[b-xiwoe8vqcz] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #3b82f6, #7c3aed);

    box-shadow: 0 10px 22px rgba(59, 130, 246, .17);
}

.policy-section__body[b-xiwoe8vqcz] {
    min-width: 0;
}

.policy-section h2[b-xiwoe8vqcz] {
    margin: .15rem 0 .7rem;

    color: #24192c;

    font-size: 1.08rem;
    font-weight: 860;
    line-height: 1.25;
    letter-spacing: -.022em;
}

.policy-section p[b-xiwoe8vqcz] {
    margin: 0 0 .68rem;

    color: #62566d;

    font-size: .86rem;
    line-height: 1.62;
}

.policy-section p:last-child[b-xiwoe8vqcz] {
    margin-bottom: 0;
}

.policy-section ul[b-xiwoe8vqcz] {
    display: grid;
    gap: .4rem;

    margin: .2rem 0 .8rem;
    padding: 0;

    list-style: none;
}

.policy-section li[b-xiwoe8vqcz] {
    position: relative;

    padding-left: 1.25rem;

    color: #5b4e65;

    font-size: .84rem;
    line-height: 1.5;
}

.policy-section li[b-xiwoe8vqcz]::before {
    content: "✓";

    position: absolute;
    top: .02rem;
    left: 0;

    color: #a44adb;

    font-size: .82rem;
    font-weight: 900;
}

.policy-section--consent li[b-xiwoe8vqcz]::before {
    color: #18a866;
}

.policy-section--warning li[b-xiwoe8vqcz]::before {
    content: "!";
    color: #e55b18;
}

.policy-section--meeting li[b-xiwoe8vqcz]::before {
    color: #3b82f6;
}

/* =========================
   Final checklist
   ========================= */

.consent-checklist[b-xiwoe8vqcz] {
    margin-top: .8rem;
    padding: .9rem 1rem;

    border: 1px solid rgba(33, 184, 107, .16);
    border-radius: .95rem;

    background: rgba(255, 255, 255, .74);
}

.consent-checklist p[b-xiwoe8vqcz] {
    margin-bottom: .55rem;

    color: #315c49;

    font-weight: 800;
}

.consent-checklist ul[b-xiwoe8vqcz] {
    margin-bottom: .7rem;
}

.consent-checklist strong[b-xiwoe8vqcz] {
    display: block;

    color: #167849;

    font-size: .86rem;
}

/* =========================
   End block
   ========================= */

.policy-end[b-xiwoe8vqcz] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;

    padding: .9rem 1rem;

    color: #ffffff;

    border-radius: 1rem;

    background: linear-gradient(135deg, #102e27, #24103d);

    box-shadow: 0 16px 38px rgba(21, 16, 54, .16);
}

.policy-end__mark[b-xiwoe8vqcz] {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: .75rem;

    background: linear-gradient(135deg, #21b86b, #7c3aed);
}

.policy-end div[b-xiwoe8vqcz] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: .08rem;
}

.policy-end strong[b-xiwoe8vqcz] {
    font-size: .82rem;
    font-weight: 850;
}

.policy-end span:not(.policy-end__mark)[b-xiwoe8vqcz] {
    color: rgba(255, 255, 255, .58);

    font-size: .7rem;
}

.policy-end a[b-xiwoe8vqcz] {
    color: rgba(255, 255, 255, .84);
    text-decoration: none;

    font-size: .74rem;
    font-weight: 800;
    white-space: nowrap;
}

.policy-end a:hover[b-xiwoe8vqcz] {
    color: #6ee7b7;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 900px) {
    .policy-layout[b-xiwoe8vqcz] {
        grid-template-columns: 1fr;
    }

    .policy-toc[b-xiwoe8vqcz] {
        position: static;
    }

    .policy-toc__nav[b-xiwoe8vqcz] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .25rem .5rem;
    }
}

@media (max-width: 640.98px) {
    .policy-page[b-xiwoe8vqcz] {
        width: 100%;
        padding: 1rem .65rem 2rem;
    }

    .policy-hero[b-xiwoe8vqcz] {
        grid-template-columns: 1fr;

        padding: 1.3rem;

        border-radius: 1.3rem;
    }

    .policy-hero__icon[b-xiwoe8vqcz] {
        display: none;
    }

    .policy-hero h1[b-xiwoe8vqcz] {
        font-size: 2.35rem;
    }

    .policy-hero__lead[b-xiwoe8vqcz] {
        font-size: .92rem;
    }

    .consent-principle[b-xiwoe8vqcz] {
        padding: .9rem;
    }

    .policy-toc[b-xiwoe8vqcz] {
        padding: .9rem;
    }

    .policy-toc__nav[b-xiwoe8vqcz] {
        grid-template-columns: 1fr;
    }

    .policy-section[b-xiwoe8vqcz] {
        gap: .7rem;

        padding: 1rem;

        border-radius: 1rem;
    }

    .policy-section__number[b-xiwoe8vqcz] {
        width: 2.1rem;
        height: 2.1rem;
        flex-basis: 2.1rem;

        border-radius: .72rem;
    }

    .policy-section h2[b-xiwoe8vqcz] {
        font-size: 1rem;
    }

    .policy-section p[b-xiwoe8vqcz],
    .policy-section li[b-xiwoe8vqcz] {
        font-size: .82rem;
    }

    .policy-end[b-xiwoe8vqcz] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .policy-end a[b-xiwoe8vqcz] {
        grid-column: 1 / -1;

        justify-self: stretch;

        padding-top: .55rem;

        text-align: center;

        border-top: 1px solid rgba(255, 255, 255, .10);
    }
}

@media (max-width: 390px) {
    .policy-hero[b-xiwoe8vqcz] {
        padding: 1.1rem;
    }

    .policy-hero h1[b-xiwoe8vqcz] {
        font-size: 2rem;
    }

    .policy-hero__meta[b-xiwoe8vqcz] {
        flex-direction: column;
        align-items: stretch;
    }

    .policy-hero__meta span[b-xiwoe8vqcz] {
        justify-content: center;
    }

    .consent-principle[b-xiwoe8vqcz] {
        grid-template-columns: 1fr;
    }

    .policy-section[b-xiwoe8vqcz] {
        grid-template-columns: 1fr;
    }

    .policy-section__number[b-xiwoe8vqcz] {
        width: 2rem;
        height: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .policy-toc__nav a[b-xiwoe8vqcz] {
        transition: none;
    }
}
/* /Components/Pages/Policies/ModerationPolicy.razor.rz.scp.css */
.policy-page[b-ie2vpzk8vc] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 1.75rem 1rem 3rem;
    color: #302438;
}

/* =========================
   Hero
   ========================= */

.policy-hero[b-ie2vpzk8vc] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
    padding: 1.75rem 2rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.6rem;
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 122, 26, .4), transparent 35%),
        radial-gradient(circle at 92% 12%, rgba(124, 58, 237, .48), transparent 36%),
        linear-gradient(135deg, #21102f 0%, #321044 50%, #111a3a 100%);
    box-shadow:
        0 24px 65px rgba(23, 16, 80, .23),
        inset 0 1px 0 rgba(255, 255, 255, .14);
}

.policy-hero[b-ie2vpzk8vc]::after {
    content: "";
    position: absolute;
    right: -5.5rem;
    bottom: -7rem;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    pointer-events: none;
}

.policy-hero__content[b-ie2vpzk8vc] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.policy-hero__badge[b-ie2vpzk8vc] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .8rem;
    padding: .38rem .72rem;
    color: rgba(255, 255, 255, .9);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .11);
    font-size: .74rem;
    font-weight: 820;
    letter-spacing: .02em;
}

.policy-hero__badge-mark[b-ie2vpzk8vc] {
    color: #ffab72;
}

.policy-hero h1[b-ie2vpzk8vc] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 3.35rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.055em;
}

.policy-hero__lead[b-ie2vpzk8vc] {
    max-width: 44rem;
    margin: .8rem 0 0;
    color: rgba(255, 255, 255, .76);
    font-size: 1rem;
    line-height: 1.55;
}

.policy-hero__meta[b-ie2vpzk8vc] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1rem;
}

.policy-hero__meta span[b-ie2vpzk8vc] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.05rem;
    padding: .4rem .66rem;
    color: rgba(255, 255, 255, .83);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    font-size: .75rem;
    font-weight: 750;
}

.policy-hero__meta i[b-ie2vpzk8vc] {
    color: #ffab72;
}

.policy-hero__icon[b-ie2vpzk8vc] {
    position: relative;
    z-index: 1;
    width: 6.6rem;
    height: 6.6rem;
    flex: 0 0 6.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 1.7rem;
    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .3), transparent 34%),
        linear-gradient(135deg, #ff7a1a, #7c3aed);
    box-shadow:
        0 20px 46px rgba(255, 122, 26, .2),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: 2.35rem;
}

/* =========================
   Main principle
   ========================= */

.moderation-principle[b-ie2vpzk8vc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .85rem;
    margin-top: 1rem;
    padding: 1rem 1.1rem;
    border: 1px solid rgba(124, 58, 237, .17);
    border-radius: 1.1rem;
    background:
        radial-gradient(circle at 96% 10%, rgba(255, 122, 26, .06), transparent 30%),
        linear-gradient(135deg, #faf7ff, #ffffff);
    box-shadow: 0 12px 30px rgba(21, 16, 54, .065);
}

.moderation-principle__icon[b-ie2vpzk8vc] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 1rem;
    background: linear-gradient(135deg, #ff7a1a, #7c3aed);
    box-shadow: 0 11px 24px rgba(124, 58, 237, .2);
}

.moderation-principle__eyebrow[b-ie2vpzk8vc] {
    display: block;
    margin-bottom: .1rem;
    color: #8b5073;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.moderation-principle h2[b-ie2vpzk8vc] {
    margin: 0;
    color: #412341;
    font-size: 1.08rem;
    font-weight: 860;
    letter-spacing: -.025em;
}

.moderation-principle p[b-ie2vpzk8vc] {
    margin: .45rem 0 0;
    color: #68576f;
    font-size: .86rem;
    font-weight: 680;
    line-height: 1.5;
}

/* =========================
   Layout and contents
   ========================= */

.policy-layout[b-ie2vpzk8vc] {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    margin-top: 1rem;
}

.policy-toc[b-ie2vpzk8vc] {
    position: sticky;
    top: 5rem;
    padding: 1rem;
    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.15rem;
    background: #ffffff;
    box-shadow:
        0 16px 38px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-toc__header[b-ie2vpzk8vc] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .75rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid rgba(39, 24, 69, .09);
}

.policy-toc__icon[b-ie2vpzk8vc] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .7rem;
    background: linear-gradient(135deg, #ff7a1a, #7c3aed);
}

.policy-toc h2[b-ie2vpzk8vc] {
    margin: 0;
    color: #251a2d;
    font-size: .9rem;
    font-weight: 850;
}

.policy-toc__nav[b-ie2vpzk8vc] {
    display: grid;
    gap: .2rem;
}

.policy-toc__nav a[b-ie2vpzk8vc] {
    display: block;
    padding: .42rem .5rem;
    color: #74687e;
    text-decoration: none;
    border-radius: .7rem;
    font-size: .75rem;
    font-weight: 680;
    line-height: 1.3;
    transition:
        color .16s ease,
        background-color .16s ease;
}

.policy-toc__nav a:hover[b-ie2vpzk8vc] {
    color: #a64472;
    background:
        linear-gradient(
            135deg,
            rgba(255, 122, 26, .08),
            rgba(124, 58, 237, .06)
        );
}

.policy-toc__nav a:focus-visible[b-ie2vpzk8vc] {
    outline: 3px solid rgba(255, 122, 26, .15);
    outline-offset: 1px;
}

/* =========================
   Sections
   ========================= */

.policy-content[b-ie2vpzk8vc] {
    min-width: 0;
    display: grid;
    gap: .85rem;
}

.policy-section[b-ie2vpzk8vc] {
    scroll-margin-top: 5.2rem;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .85rem;
    padding: 1.15rem;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #ffffff 0%, #fdfafd 100%);
    box-shadow:
        0 14px 34px rgba(21, 16, 54, .065),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-section--core[b-ie2vpzk8vc],
.policy-section--appeal[b-ie2vpzk8vc] {
    border-color: rgba(124, 58, 237, .17);
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .07), transparent 34%),
        linear-gradient(180deg, #fbf9ff 0%, #ffffff 100%);
}

.policy-section--automated[b-ie2vpzk8vc],
.policy-section--ai[b-ie2vpzk8vc] {
    border-color: rgba(139, 92, 246, .18);
    background:
        radial-gradient(circle at 100% 0%, rgba(139, 92, 246, .08), transparent 34%),
        linear-gradient(180deg, #fbf9ff 0%, #ffffff 100%);
}

.policy-section--human[b-ie2vpzk8vc] {
    border-color: rgba(59, 130, 246, .16);
    background:
        radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .07), transparent 34%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.policy-section--temporary[b-ie2vpzk8vc],
.policy-section--links[b-ie2vpzk8vc] {
    border-color: rgba(255, 122, 26, .17);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 122, 26, .07), transparent 34%),
        linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
}

.policy-section--actions[b-ie2vpzk8vc] {
    border-color: rgba(124, 58, 237, .16);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .06), transparent 34%),
        linear-gradient(180deg, #fdf9ff 0%, #ffffff 100%);
}

.policy-section--severe[b-ie2vpzk8vc],
.policy-section--warning[b-ie2vpzk8vc] {
    border-color: rgba(239, 68, 68, .19);
    background:
        radial-gradient(circle at 100% 0%, rgba(239, 68, 68, .08), transparent 34%),
        linear-gradient(180deg, #fff8f7 0%, #ffffff 100%);
}

.policy-section--security[b-ie2vpzk8vc],
.policy-section--retention[b-ie2vpzk8vc] {
    border-color: rgba(59, 130, 246, .16);
    background:
        radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .07), transparent 34%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.policy-section--consent[b-ie2vpzk8vc] {
    border-color: rgba(33, 184, 107, .17);
    background:
        radial-gradient(circle at 100% 0%, rgba(33, 184, 107, .07), transparent 34%),
        linear-gradient(180deg, #f8fff9 0%, #ffffff 100%);
}

.policy-section--authority[b-ie2vpzk8vc] {
    border-color: rgba(100, 116, 139, .17);
    background:
        radial-gradient(circle at 100% 0%, rgba(100, 116, 139, .07), transparent 34%),
        linear-gradient(180deg, #fafbfc 0%, #ffffff 100%);
}

.policy-section--contact[b-ie2vpzk8vc] {
    border-color: rgba(33, 184, 107, .17);
    background:
        radial-gradient(circle at 100% 0%, rgba(33, 184, 107, .07), transparent 34%),
        linear-gradient(180deg, #f7fff9 0%, #ffffff 100%);
}

.policy-section__number[b-ie2vpzk8vc] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .82rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff7a1a, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
    font-size: .8rem;
    font-weight: 850;
}

.policy-section--human .policy-section__number[b-ie2vpzk8vc],
.policy-section--security .policy-section__number[b-ie2vpzk8vc],
.policy-section--retention .policy-section__number[b-ie2vpzk8vc] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #3b82f6, #7c3aed);
}

.policy-section--consent .policy-section__number[b-ie2vpzk8vc],
.policy-section--contact .policy-section__number[b-ie2vpzk8vc] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #21b86b, #10b981);
    box-shadow: 0 10px 22px rgba(16, 185, 129, .17);
}

.policy-section--severe .policy-section__number[b-ie2vpzk8vc],
.policy-section--warning .policy-section__number[b-ie2vpzk8vc] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff7a1a, #ef4444);
    box-shadow: 0 10px 22px rgba(239, 68, 68, .17);
}

.policy-section--ai .policy-section__number[b-ie2vpzk8vc],
.policy-section--automated .policy-section__number[b-ie2vpzk8vc],
.policy-section--appeal .policy-section__number[b-ie2vpzk8vc] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #8b5cf6, #d946ef);
}

.policy-section--authority .policy-section__number[b-ie2vpzk8vc] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #64748b, #334155);
}

.policy-section__body[b-ie2vpzk8vc] {
    min-width: 0;
}

.policy-section h2[b-ie2vpzk8vc] {
    margin: .15rem 0 .7rem;
    color: #24192c;
    font-size: 1.08rem;
    font-weight: 860;
    line-height: 1.25;
    letter-spacing: -.022em;
}

.policy-section h3[b-ie2vpzk8vc] {
    margin: 1rem 0 .42rem;
    color: #4d3858;
    font-size: .88rem;
    font-weight: 840;
    line-height: 1.3;
}

.policy-section p[b-ie2vpzk8vc] {
    margin: 0 0 .68rem;
    color: #62566d;
    font-size: .86rem;
    line-height: 1.62;
}

.policy-section p:last-child[b-ie2vpzk8vc] {
    margin-bottom: 0;
}

.policy-section ul[b-ie2vpzk8vc] {
    display: grid;
    gap: .4rem;
    margin: .2rem 0 .8rem;
    padding: 0;
    list-style: none;
}

.policy-section li[b-ie2vpzk8vc] {
    position: relative;
    padding-left: 1.25rem;
    color: #5b4e65;
    font-size: .84rem;
    line-height: 1.5;
}

.policy-section li[b-ie2vpzk8vc]::before {
    content: "✓";
    position: absolute;
    top: .02rem;
    left: 0;
    color: #a44adb;
    font-size: .82rem;
    font-weight: 900;
}

.policy-section--severe li[b-ie2vpzk8vc]::before,
.policy-section--warning li[b-ie2vpzk8vc]::before {
    content: "!";
    color: #e55b18;
}

.policy-section--consent li[b-ie2vpzk8vc]::before,
.policy-section--contact li[b-ie2vpzk8vc]::before {
    color: #18a866;
}

.policy-section--human li[b-ie2vpzk8vc]::before,
.policy-section--security li[b-ie2vpzk8vc]::before,
.policy-section--retention li[b-ie2vpzk8vc]::before {
    color: #3b82f6;
}

/* =========================
   Callouts
   ========================= */

.moderation-callout[b-ie2vpzk8vc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    margin: .75rem 0 .85rem;
    padding: .8rem .9rem;
    border-radius: .9rem;
}

.moderation-callout > i[b-ie2vpzk8vc] {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .75rem;
}

.moderation-callout div[b-ie2vpzk8vc] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.moderation-callout strong[b-ie2vpzk8vc] {
    font-size: .8rem;
    font-weight: 850;
}

.moderation-callout span[b-ie2vpzk8vc] {
    font-size: .74rem;
    line-height: 1.42;
}

.moderation-callout--human[b-ie2vpzk8vc] {
    color: #315172;
    border: 1px solid rgba(59, 130, 246, .16);
    background:
        linear-gradient(
            135deg,
            rgba(59, 130, 246, .07),
            rgba(124, 58, 237, .04)
        );
}

.moderation-callout--human > i[b-ie2vpzk8vc] {
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.moderation-callout--human strong[b-ie2vpzk8vc] {
    color: #274d78;
}

.moderation-callout--human span[b-ie2vpzk8vc] {
    color: #5a6f87;
}

.moderation-callout--danger[b-ie2vpzk8vc],
.moderation-callout--qr[b-ie2vpzk8vc] {
    color: #793b33;
    border: 1px solid rgba(239, 68, 68, .17);
    background:
        linear-gradient(
            135deg,
            rgba(239, 68, 68, .07),
            rgba(255, 122, 26, .05)
        );
}

.moderation-callout--danger > i[b-ie2vpzk8vc],
.moderation-callout--qr > i[b-ie2vpzk8vc] {
    background: linear-gradient(135deg, #ff7a1a, #ef4444);
}

.moderation-callout--danger strong[b-ie2vpzk8vc],
.moderation-callout--qr strong[b-ie2vpzk8vc] {
    color: #702f27;
}

.moderation-callout--danger span[b-ie2vpzk8vc],
.moderation-callout--qr span[b-ie2vpzk8vc] {
    color: #7d5a55;
}

/* =========================
   Action cards
   ========================= */

.action-grid[b-ie2vpzk8vc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;
    margin: .75rem 0 1rem;
}

.action-card[b-ie2vpzk8vc] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .6rem;
    padding: .72rem;
    border: 1px solid rgba(124, 58, 237, .11);
    border-radius: .9rem;
    background: rgba(255, 255, 255, .76);
}

.action-card > i[b-ie2vpzk8vc] {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .75rem;
    background: linear-gradient(135deg, #ff7a1a, #7c3aed);
}

.action-card div[b-ie2vpzk8vc] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.action-card strong[b-ie2vpzk8vc] {
    color: #35294b;
    font-size: .77rem;
    font-weight: 840;
    line-height: 1.25;
}

.action-card span[b-ie2vpzk8vc] {
    color: #74697d;
    font-size: .7rem;
    line-height: 1.35;
}

/* =========================
   Contact cards
   ========================= */

.contact-grid[b-ie2vpzk8vc] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-top: .35rem;
}

.contact-card[b-ie2vpzk8vc] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    padding: .75rem;
    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: .9rem;
    background: rgba(255, 255, 255, .78);
}

.contact-card__icon[b-ie2vpzk8vc] {
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .8rem;
}

.contact-card__icon--abuse[b-ie2vpzk8vc] {
    background: linear-gradient(135deg, #ff7a1a, #7c3aed);
}

.contact-card__icon--privacy[b-ie2vpzk8vc] {
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.contact-card div[b-ie2vpzk8vc] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.contact-card strong[b-ie2vpzk8vc] {
    color: #3b2c43;
    font-size: .75rem;
    font-weight: 840;
    line-height: 1.3;
}

.contact-card a[b-ie2vpzk8vc] {
    overflow-wrap: anywhere;
    color: #7f4284;
    text-decoration: none;
    font-size: .74rem;
    font-weight: 760;
}

.contact-card a:hover[b-ie2vpzk8vc] {
    text-decoration: underline;
}

/* =========================
   End block
   ========================= */

.policy-end[b-ie2vpzk8vc] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    color: #ffffff;
    border-radius: 1rem;
    background: linear-gradient(135deg, #2b1427, #25103f);
    box-shadow: 0 16px 38px rgba(21, 16, 54, .16);
}

.policy-end__mark[b-ie2vpzk8vc] {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    background: linear-gradient(135deg, #ff7a1a, #7c3aed);
}

.policy-end div[b-ie2vpzk8vc] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .08rem;
}

.policy-end strong[b-ie2vpzk8vc] {
    font-size: .82rem;
    font-weight: 850;
}

.policy-end span:not(.policy-end__mark)[b-ie2vpzk8vc] {
    color: rgba(255, 255, 255, .58);
    font-size: .7rem;
}

.policy-end a[b-ie2vpzk8vc] {
    color: rgba(255, 255, 255, .84);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 800;
    white-space: nowrap;
}

.policy-end a:hover[b-ie2vpzk8vc] {
    color: #ffab72;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 900px) {
    .policy-layout[b-ie2vpzk8vc] {
        grid-template-columns: 1fr;
    }

    .policy-toc[b-ie2vpzk8vc] {
        position: static;
    }

    .policy-toc__nav[b-ie2vpzk8vc] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .25rem .5rem;
    }
}

@media (max-width: 640.98px) {
    .policy-page[b-ie2vpzk8vc] {
        width: 100%;
        padding: 1rem .65rem 2rem;
    }

    .policy-hero[b-ie2vpzk8vc] {
        grid-template-columns: 1fr;
        padding: 1.3rem;
        border-radius: 1.3rem;
    }

    .policy-hero__icon[b-ie2vpzk8vc] {
        display: none;
    }

    .policy-hero h1[b-ie2vpzk8vc] {
        font-size: 2.2rem;
    }

    .policy-hero__lead[b-ie2vpzk8vc] {
        font-size: .92rem;
    }

    .moderation-principle[b-ie2vpzk8vc] {
        padding: .9rem;
    }

    .policy-toc[b-ie2vpzk8vc] {
        padding: .9rem;
    }

    .policy-toc__nav[b-ie2vpzk8vc] {
        grid-template-columns: 1fr;
    }

    .policy-section[b-ie2vpzk8vc] {
        gap: .7rem;
        padding: 1rem;
        border-radius: 1rem;
    }

    .policy-section__number[b-ie2vpzk8vc] {
        width: 2.1rem;
        height: 2.1rem;
        flex-basis: 2.1rem;
        border-radius: .72rem;
    }

    .policy-section h2[b-ie2vpzk8vc] {
        font-size: 1rem;
    }

    .policy-section h3[b-ie2vpzk8vc] {
        font-size: .84rem;
    }

    .policy-section p[b-ie2vpzk8vc],
    .policy-section li[b-ie2vpzk8vc] {
        font-size: .82rem;
    }

    .action-grid[b-ie2vpzk8vc],
    .contact-grid[b-ie2vpzk8vc] {
        grid-template-columns: 1fr;
    }

    .policy-end[b-ie2vpzk8vc] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .policy-end a[b-ie2vpzk8vc] {
        grid-column: 1 / -1;
        justify-self: stretch;
        padding-top: .55rem;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, .1);
    }
}

@media (max-width: 390px) {
    .policy-hero[b-ie2vpzk8vc] {
        padding: 1.1rem;
    }

    .policy-hero h1[b-ie2vpzk8vc] {
        font-size: 1.95rem;
    }

    .policy-hero__meta[b-ie2vpzk8vc] {
        flex-direction: column;
        align-items: stretch;
    }

    .policy-hero__meta span[b-ie2vpzk8vc] {
        justify-content: center;
    }

    .moderation-principle[b-ie2vpzk8vc],
    .policy-section[b-ie2vpzk8vc],
    .moderation-callout[b-ie2vpzk8vc] {
        grid-template-columns: 1fr;
    }

    .policy-section__number[b-ie2vpzk8vc] {
        width: 2rem;
        height: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .policy-toc__nav a[b-ie2vpzk8vc] {
        transition: none;
    }
}
/* /Components/Pages/Policies/Privacy.razor.rz.scp.css */
.policy-page[b-lsj8n3hmmv] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 1.75rem 1rem 3rem;
    color: #302438;
}

/* =========================
   Hero
   ========================= */

.policy-hero[b-lsj8n3hmmv] {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;

    padding: 1.75rem 2rem;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.6rem;

    background:
        radial-gradient(circle at 12% 0%, rgba(59, 130, 246, .42), transparent 35%),
        radial-gradient(circle at 92% 12%, rgba(124, 58, 237, .45), transparent 36%),
        linear-gradient(135deg, #081a35 0%, #111c52 52%, #2d0b49 100%);

    box-shadow:
        0 24px 65px rgba(23, 16, 80, .23),
        inset 0 1px 0 rgba(255, 255, 255, .14);
}

.policy-hero[b-lsj8n3hmmv]::after {
    content: "";

    position: absolute;
    right: -5.5rem;
    bottom: -7rem;

    width: 15rem;
    height: 15rem;

    border-radius: 50%;

    background: rgba(255, 255, 255, .07);

    pointer-events: none;
}

.policy-hero__content[b-lsj8n3hmmv] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.policy-hero__badge[b-lsj8n3hmmv] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;

    margin-bottom: .8rem;
    padding: .38rem .72rem;

    color: rgba(255, 255, 255, .9);

    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;

    background: rgba(255, 255, 255, .11);

    font-size: .74rem;
    font-weight: 820;
    letter-spacing: .02em;
}

.policy-hero__badge-mark[b-lsj8n3hmmv] {
    color: #8ec5ff;
}

.policy-hero h1[b-lsj8n3hmmv] {
    margin: 0;
    color: #ffffff;

    font-size: clamp(2rem, 5vw, 3.35rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.055em;
}

.policy-hero__lead[b-lsj8n3hmmv] {
    max-width: 42rem;
    margin: .8rem 0 0;

    color: rgba(255, 255, 255, .76);

    font-size: 1rem;
    line-height: 1.55;
}

.policy-hero__meta[b-lsj8n3hmmv] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;

    margin-top: 1rem;
}

.policy-hero__meta span[b-lsj8n3hmmv] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;

    min-height: 2.05rem;
    padding: .4rem .66rem;

    color: rgba(255, 255, 255, .83);

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;

    background: rgba(255, 255, 255, .08);

    font-size: .75rem;
    font-weight: 750;
}

.policy-hero__meta i[b-lsj8n3hmmv] {
    color: #8ec5ff;
}

.policy-hero__icon[b-lsj8n3hmmv] {
    position: relative;
    z-index: 1;

    width: 6.6rem;
    height: 6.6rem;
    flex: 0 0 6.6rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 1.7rem;

    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .3), transparent 34%),
        linear-gradient(135deg, #3b82f6, #7c3aed);

    box-shadow:
        0 20px 46px rgba(59, 130, 246, .24),
        inset 0 1px 0 rgba(255, 255, 255, .22);

    font-size: 2.35rem;
}

/* =========================
   Privacy principle
   ========================= */

.privacy-principle[b-lsj8n3hmmv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .85rem;

    margin-top: 1rem;
    padding: 1rem 1.1rem;

    color: #284968;

    border: 1px solid rgba(59, 130, 246, .18);
    border-radius: 1.1rem;

    background:
        radial-gradient(circle at 96% 10%, rgba(124, 58, 237, .06), transparent 30%),
        linear-gradient(135deg, #f4f9ff, #ffffff);

    box-shadow: 0 12px 30px rgba(21, 16, 54, .065);
}

.privacy-principle__icon[b-lsj8n3hmmv] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: 1rem;

    background: linear-gradient(135deg, #3b82f6, #7c3aed);

    box-shadow: 0 11px 24px rgba(59, 130, 246, .2);
}

.privacy-principle__eyebrow[b-lsj8n3hmmv] {
    display: block;
    margin-bottom: .1rem;

    color: #4c78a6;

    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.privacy-principle h2[b-lsj8n3hmmv] {
    margin: 0;
    color: #183a5d;

    font-size: 1.08rem;
    font-weight: 860;
    letter-spacing: -.025em;
}

.privacy-principle p[b-lsj8n3hmmv] {
    margin: .45rem 0 0;
    color: #536b82;

    font-size: .86rem;
    font-weight: 680;
    line-height: 1.5;
}

/* =========================
   Layout and contents
   ========================= */

.policy-layout[b-lsj8n3hmmv] {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    align-items: start;
    gap: 1rem;

    margin-top: 1rem;
}

.policy-toc[b-lsj8n3hmmv] {
    position: sticky;
    top: 5rem;

    padding: 1rem;

    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.15rem;

    background: #ffffff;

    box-shadow:
        0 16px 38px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-toc__header[b-lsj8n3hmmv] {
    display: flex;
    align-items: center;
    gap: .6rem;

    margin-bottom: .75rem;
    padding-bottom: .7rem;

    border-bottom: 1px solid rgba(39, 24, 69, .09);
}

.policy-toc__icon[b-lsj8n3hmmv] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .7rem;

    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.policy-toc h2[b-lsj8n3hmmv] {
    margin: 0;
    color: #251a2d;

    font-size: .9rem;
    font-weight: 850;
}

.policy-toc__nav[b-lsj8n3hmmv] {
    display: grid;
    gap: .2rem;
}

.policy-toc__nav a[b-lsj8n3hmmv] {
    display: block;
    padding: .42rem .5rem;

    color: #74687e;
    text-decoration: none;

    border-radius: .7rem;

    font-size: .75rem;
    font-weight: 680;
    line-height: 1.3;

    transition:
        color .16s ease,
        background-color .16s ease;
}

.policy-toc__nav a:hover[b-lsj8n3hmmv] {
    color: #2563b5;
    background: linear-gradient(135deg, rgba(59, 130, 246, .09), rgba(124, 58, 237, .06));
}

.policy-toc__nav a:focus-visible[b-lsj8n3hmmv] {
    outline: 3px solid rgba(59, 130, 246, .16);
    outline-offset: 1px;
}

/* =========================
   Sections
   ========================= */

.policy-content[b-lsj8n3hmmv] {
    min-width: 0;

    display: grid;
    gap: .85rem;
}

.policy-section[b-lsj8n3hmmv] {
    scroll-margin-top: 5.2rem;

    min-width: 0;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .85rem;

    padding: 1.15rem;

    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.15rem;

    background: linear-gradient(180deg, #ffffff 0%, #fbfaff 100%);

    box-shadow:
        0 14px 34px rgba(21, 16, 54, .065),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-section--sensitive[b-lsj8n3hmmv] {
    border-color: rgba(255, 61, 141, .16);

    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .08), transparent 34%),
        linear-gradient(180deg, #fff9fc 0%, #ffffff 100%);
}

.policy-section--retention[b-lsj8n3hmmv] {
    border-color: rgba(124, 58, 237, .16);

    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .07), transparent 34%),
        linear-gradient(180deg, #fbf9ff 0%, #ffffff 100%);
}

.policy-section--security[b-lsj8n3hmmv] {
    border-color: rgba(33, 184, 107, .16);

    background:
        radial-gradient(circle at 100% 0%, rgba(33, 184, 107, .07), transparent 34%),
        linear-gradient(180deg, #f7fff9 0%, #ffffff 100%);
}

.policy-section--warning[b-lsj8n3hmmv] {
    border-color: rgba(255, 122, 26, .18);

    background:
        radial-gradient(circle at 100% 0%, rgba(255, 122, 26, .08), transparent 34%),
        linear-gradient(180deg, #fffaf5 0%, #ffffff 100%);
}

.policy-section--contact[b-lsj8n3hmmv] {
    border-color: rgba(59, 130, 246, .18);

    background:
        radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .08), transparent 34%),
        linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
}

.policy-section__number[b-lsj8n3hmmv] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .82rem;

    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #3b82f6, #7c3aed);

    box-shadow: 0 10px 22px rgba(59, 130, 246, .18);

    font-size: .8rem;
    font-weight: 850;
}

.policy-section--sensitive .policy-section__number[b-lsj8n3hmmv] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.policy-section--security .policy-section__number[b-lsj8n3hmmv] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #21b86b, #10b981);

    box-shadow: 0 10px 22px rgba(16, 185, 129, .18);
}

.policy-section--warning .policy-section__number[b-lsj8n3hmmv] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff7a1a, #ef4444);

    box-shadow: 0 10px 22px rgba(239, 68, 68, .17);
}

.policy-section__body[b-lsj8n3hmmv] {
    min-width: 0;
}

.policy-section h2[b-lsj8n3hmmv] {
    margin: .15rem 0 .7rem;

    color: #24192c;

    font-size: 1.08rem;
    font-weight: 860;
    line-height: 1.25;
    letter-spacing: -.022em;
}

.policy-section h3[b-lsj8n3hmmv] {
    margin: 1rem 0 .42rem;

    color: #38455d;

    font-size: .88rem;
    font-weight: 840;
    line-height: 1.3;
}

.policy-section h2 + h3[b-lsj8n3hmmv] {
    margin-top: .45rem;
}

.policy-section p[b-lsj8n3hmmv] {
    margin: 0 0 .68rem;

    color: #62566d;

    font-size: .86rem;
    line-height: 1.62;
}

.policy-section p:last-child[b-lsj8n3hmmv] {
    margin-bottom: 0;
}

.policy-section ul[b-lsj8n3hmmv] {
    display: grid;
    gap: .4rem;

    margin: .2rem 0 .8rem;
    padding: 0;

    list-style: none;
}

.policy-section li[b-lsj8n3hmmv] {
    position: relative;
    padding-left: 1.25rem;

    color: #5b4e65;

    font-size: .84rem;
    line-height: 1.5;
}

.policy-section li[b-lsj8n3hmmv]::before {
    content: "✓";

    position: absolute;
    top: .02rem;
    left: 0;

    color: #3b82f6;

    font-size: .82rem;
    font-weight: 900;
}

.policy-section--sensitive li[b-lsj8n3hmmv]::before {
    color: #d92d82;
}

.policy-section--security li[b-lsj8n3hmmv]::before {
    color: #18a866;
}

.policy-section--warning li[b-lsj8n3hmmv]::before {
    content: "!";
    color: #e55b18;
}

/* =========================
   Email and assurances
   ========================= */

.privacy-email[b-lsj8n3hmmv] {
    width: fit-content;
    max-width: 100%;

    display: inline-flex;
    align-items: center;
    gap: .55rem;

    margin-top: .15rem;
    padding: .62rem .78rem;

    color: #245fa9;
    text-decoration: none;

    border: 1px solid rgba(59, 130, 246, .18);
    border-radius: .85rem;

    background:
        linear-gradient(135deg, rgba(59, 130, 246, .08), rgba(124, 58, 237, .06)),
        #ffffff;

    font-size: .82rem;
    font-weight: 820;

    transition:
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.privacy-email:hover[b-lsj8n3hmmv] {
    color: #174a8b;
    border-color: rgba(59, 130, 246, .3);

    box-shadow:
        0 10px 24px rgba(59, 130, 246, .12),
        0 0 0 3px rgba(59, 130, 246, .08);

    transform: translateY(-1px);
}

.privacy-email:focus-visible[b-lsj8n3hmmv] {
    outline: 3px solid rgba(59, 130, 246, .16);
    outline-offset: 2px;
}

.privacy-email--large[b-lsj8n3hmmv] {
    padding: .8rem 1rem;
    font-size: .9rem;
}

.privacy-assurance[b-lsj8n3hmmv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .65rem;

    margin-top: .85rem;
    padding: .8rem .9rem;

    color: #315f4b;

    border: 1px solid rgba(33, 184, 107, .16);
    border-radius: .9rem;

    background: linear-gradient(135deg, rgba(33, 184, 107, .07), rgba(59, 130, 246, .04));
}

.privacy-assurance > i[b-lsj8n3hmmv] {
    width: 2.25rem;
    height: 2.25rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .75rem;

    background: linear-gradient(135deg, #21b86b, #10b981);
}

.privacy-assurance div[b-lsj8n3hmmv] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.privacy-assurance strong[b-lsj8n3hmmv] {
    color: #235640;

    font-size: .8rem;
    font-weight: 850;
}

.privacy-assurance span[b-lsj8n3hmmv] {
    color: #567064;

    font-size: .74rem;
    line-height: 1.4;
}

.privacy-assurance--analytics[b-lsj8n3hmmv] {
    color: #315172;
    border-color: rgba(59, 130, 246, .16);

    background: linear-gradient(135deg, rgba(59, 130, 246, .07), rgba(124, 58, 237, .05));
}

.privacy-assurance--analytics > i[b-lsj8n3hmmv] {
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.privacy-assurance--analytics strong[b-lsj8n3hmmv] {
    color: #274d78;
}

.privacy-assurance--analytics span[b-lsj8n3hmmv] {
    color: #5a6f87;
}

/* =========================
   Retention cards
   ========================= */

.retention-grid[b-lsj8n3hmmv] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem;

    margin: .75rem 0 1rem;
}

.retention-card[b-lsj8n3hmmv] {
    min-width: 0;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .6rem;

    padding: .72rem;

    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: .9rem;

    background: rgba(255, 255, 255, .76);
}

.retention-card__icon[b-lsj8n3hmmv] {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .75rem;

    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.retention-card div[b-lsj8n3hmmv] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: .1rem;
}

.retention-card strong[b-lsj8n3hmmv] {
    color: #35294b;

    font-size: .77rem;
    font-weight: 840;
    line-height: 1.25;
}

.retention-card span:not(.retention-card__icon)[b-lsj8n3hmmv] {
    color: #74697d;

    font-size: .7rem;
    line-height: 1.35;
}

/* =========================
   End block
   ========================= */

.policy-end[b-lsj8n3hmmv] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;

    padding: .9rem 1rem;

    color: #ffffff;

    border-radius: 1rem;

    background: linear-gradient(135deg, #101c3d, #291042);

    box-shadow: 0 16px 38px rgba(21, 16, 54, .16);
}

.policy-end__mark[b-lsj8n3hmmv] {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: .75rem;

    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.policy-end div[b-lsj8n3hmmv] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: .08rem;
}

.policy-end strong[b-lsj8n3hmmv] {
    font-size: .82rem;
    font-weight: 850;
}

.policy-end span:not(.policy-end__mark)[b-lsj8n3hmmv] {
    color: rgba(255, 255, 255, .58);
    font-size: .7rem;
}

.policy-end a[b-lsj8n3hmmv] {
    color: rgba(255, 255, 255, .84);
    text-decoration: none;

    font-size: .74rem;
    font-weight: 800;
    white-space: nowrap;
}

.policy-end a:hover[b-lsj8n3hmmv] {
    color: #8ec5ff;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 900px) {
    .policy-layout[b-lsj8n3hmmv] {
        grid-template-columns: 1fr;
    }

    .policy-toc[b-lsj8n3hmmv] {
        position: static;
    }

    .policy-toc__nav[b-lsj8n3hmmv] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .25rem .5rem;
    }
}

@media (max-width: 640.98px) {
    .policy-page[b-lsj8n3hmmv] {
        width: 100%;
        padding: 1rem .65rem 2rem;
    }

    .policy-hero[b-lsj8n3hmmv] {
        grid-template-columns: 1fr;
        padding: 1.3rem;
        border-radius: 1.3rem;
    }

    .policy-hero__icon[b-lsj8n3hmmv] {
        display: none;
    }

    .policy-hero h1[b-lsj8n3hmmv] {
        font-size: 2.35rem;
    }

    .policy-hero__lead[b-lsj8n3hmmv] {
        font-size: .92rem;
    }

    .privacy-principle[b-lsj8n3hmmv] {
        padding: .9rem;
    }

    .policy-toc[b-lsj8n3hmmv] {
        padding: .9rem;
    }

    .policy-toc__nav[b-lsj8n3hmmv] {
        grid-template-columns: 1fr;
    }

    .policy-section[b-lsj8n3hmmv] {
        gap: .7rem;
        padding: 1rem;
        border-radius: 1rem;
    }

    .policy-section__number[b-lsj8n3hmmv] {
        width: 2.1rem;
        height: 2.1rem;
        flex-basis: 2.1rem;
        border-radius: .72rem;
    }

    .policy-section h2[b-lsj8n3hmmv] {
        font-size: 1rem;
    }

    .policy-section h3[b-lsj8n3hmmv] {
        font-size: .84rem;
    }

    .policy-section p[b-lsj8n3hmmv],
    .policy-section li[b-lsj8n3hmmv] {
        font-size: .82rem;
    }

    .retention-grid[b-lsj8n3hmmv] {
        grid-template-columns: 1fr;
    }

    .policy-end[b-lsj8n3hmmv] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .policy-end a[b-lsj8n3hmmv] {
        grid-column: 1 / -1;
        justify-self: stretch;

        padding-top: .55rem;

        text-align: center;

        border-top: 1px solid rgba(255, 255, 255, .1);
    }
}

@media (max-width: 390px) {
    .policy-hero[b-lsj8n3hmmv] {
        padding: 1.1rem;
    }

    .policy-hero h1[b-lsj8n3hmmv] {
        font-size: 2rem;
    }

    .policy-hero__meta[b-lsj8n3hmmv] {
        flex-direction: column;
        align-items: stretch;
    }

    .policy-hero__meta span[b-lsj8n3hmmv] {
        justify-content: center;
    }

    .privacy-principle[b-lsj8n3hmmv] {
        grid-template-columns: 1fr;
    }

    .policy-section[b-lsj8n3hmmv] {
        grid-template-columns: 1fr;
    }

    .policy-section__number[b-lsj8n3hmmv] {
        width: 2rem;
        height: 2rem;
    }

    .privacy-email[b-lsj8n3hmmv] {
        width: 100%;
        justify-content: center;
    }

    .privacy-assurance[b-lsj8n3hmmv] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .policy-toc__nav a[b-lsj8n3hmmv],
    .privacy-email[b-lsj8n3hmmv] {
        transition: none;
    }
}
/* /Components/Pages/Policies/Reporting.razor.rz.scp.css */
.policy-page[b-w9w8664d9h] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 1.75rem 1rem 3rem;
    color: #302438;
}

/* =========================
   Hero
   ========================= */

.policy-hero[b-w9w8664d9h] {
    position: relative;
    overflow: hidden;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;

    padding: 1.75rem 2rem;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.6rem;

    background:
        radial-gradient(circle at 12% 0%, rgba(255, 122, 26, .38), transparent 35%),
        radial-gradient(circle at 92% 12%, rgba(124, 58, 237, .46), transparent 36%),
        linear-gradient(135deg, #281123 0%, #281444 50%, #12193a 100%);

    box-shadow:
        0 24px 65px rgba(23, 16, 80, .23),
        inset 0 1px 0 rgba(255, 255, 255, .14);
}

.policy-hero[b-w9w8664d9h]::after {
    content: "";

    position: absolute;
    right: -5.5rem;
    bottom: -7rem;

    width: 15rem;
    height: 15rem;

    border-radius: 50%;

    background: rgba(255, 255, 255, .07);

    pointer-events: none;
}

.policy-hero__content[b-w9w8664d9h] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.policy-hero__badge[b-w9w8664d9h] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;

    margin-bottom: .8rem;
    padding: .38rem .72rem;

    color: rgba(255, 255, 255, .9);

    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;

    background: rgba(255, 255, 255, .11);

    font-size: .74rem;
    font-weight: 820;
    letter-spacing: .02em;
}

.policy-hero__badge-mark[b-w9w8664d9h] {
    color: #ff9f6e;
}

.policy-hero h1[b-w9w8664d9h] {
    margin: 0;
    color: #ffffff;

    font-size: clamp(2rem, 5vw, 3.35rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.055em;
}

.policy-hero__lead[b-w9w8664d9h] {
    max-width: 44rem;
    margin: .8rem 0 0;

    color: rgba(255, 255, 255, .76);

    font-size: 1rem;
    line-height: 1.55;
}

.policy-hero__meta[b-w9w8664d9h] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;

    margin-top: 1rem;
}

.policy-hero__meta span[b-w9w8664d9h] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;

    min-height: 2.05rem;
    padding: .4rem .66rem;

    color: rgba(255, 255, 255, .83);

    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;

    background: rgba(255, 255, 255, .08);

    font-size: .75rem;
    font-weight: 750;
}

.policy-hero__meta i[b-w9w8664d9h] {
    color: #ff9f6e;
}

.policy-hero__icon[b-w9w8664d9h] {
    position: relative;
    z-index: 1;

    width: 6.6rem;
    height: 6.6rem;
    flex: 0 0 6.6rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 1.7rem;

    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .3), transparent 34%),
        linear-gradient(135deg, #ff7a1a, #7c3aed);

    box-shadow:
        0 20px 46px rgba(255, 122, 26, .2),
        inset 0 1px 0 rgba(255, 255, 255, .22);

    font-size: 2.35rem;
}

/* =========================
   Main reporting notice
   ========================= */

.reporting-principle[b-w9w8664d9h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .85rem;

    margin-top: 1rem;
    padding: 1rem 1.1rem;

    border: 1px solid rgba(124, 58, 237, .17);
    border-radius: 1.1rem;

    background:
        radial-gradient(circle at 96% 10%, rgba(255, 122, 26, .06), transparent 30%),
        linear-gradient(135deg, #faf7ff, #ffffff);

    box-shadow: 0 12px 30px rgba(21, 16, 54, .065);
}

.reporting-principle__icon[b-w9w8664d9h] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: 1rem;

    background: linear-gradient(135deg, #ff7a1a, #7c3aed);

    box-shadow: 0 11px 24px rgba(124, 58, 237, .2);
}

.reporting-principle__eyebrow[b-w9w8664d9h] {
    display: block;
    margin-bottom: .1rem;

    color: #8f557a;

    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.reporting-principle h2[b-w9w8664d9h] {
    margin: 0;

    color: #412341;

    font-size: 1.08rem;
    font-weight: 860;
    letter-spacing: -.025em;
}

.reporting-principle p[b-w9w8664d9h] {
    margin: .45rem 0 0;

    color: #68576f;

    font-size: .86rem;
    font-weight: 680;
    line-height: 1.5;
}

.reporting-principle a[b-w9w8664d9h] {
    color: #a4367b;
    font-weight: 820;
    text-decoration: none;
}

.reporting-principle a:hover[b-w9w8664d9h] {
    text-decoration: underline;
}

/* =========================
   Emergency
   ========================= */

.emergency-notice[b-w9w8664d9h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: .75rem;

    margin-top: 1rem;
    padding: .9rem 1rem;

    color: #70401f;

    border: 1px solid rgba(239, 68, 68, .18);
    border-radius: 1rem;

    background:
        radial-gradient(circle at 100% 0%, rgba(239, 68, 68, .07), transparent 36%),
        linear-gradient(135deg, #fff8f3, #ffffff);

    box-shadow: 0 10px 28px rgba(21, 16, 54, .055);
}

.emergency-notice__icon[b-w9w8664d9h] {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .75rem;

    background: linear-gradient(135deg, #ff7a1a, #ef4444);

    box-shadow: 0 9px 20px rgba(239, 68, 68, .18);
}

.emergency-notice h2[b-w9w8664d9h] {
    margin: 0 0 .25rem;

    color: #6a321d;

    font-size: .9rem;
    font-weight: 850;
}

.emergency-notice p[b-w9w8664d9h] {
    margin: 0;

    color: #7a5847;

    font-size: .8rem;
    line-height: 1.5;
}

/* =========================
   Layout and contents
   ========================= */

.policy-layout[b-w9w8664d9h] {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    align-items: start;
    gap: 1rem;

    margin-top: 1rem;
}

.policy-toc[b-w9w8664d9h] {
    position: sticky;
    top: 5rem;

    padding: 1rem;

    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.15rem;

    background: #ffffff;

    box-shadow:
        0 16px 38px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-toc__header[b-w9w8664d9h] {
    display: flex;
    align-items: center;
    gap: .6rem;

    margin-bottom: .75rem;
    padding-bottom: .7rem;

    border-bottom: 1px solid rgba(39, 24, 69, .09);
}

.policy-toc__icon[b-w9w8664d9h] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .7rem;

    background: linear-gradient(135deg, #ff7a1a, #7c3aed);
}

.policy-toc h2[b-w9w8664d9h] {
    margin: 0;

    color: #251a2d;

    font-size: .9rem;
    font-weight: 850;
}

.policy-toc__nav[b-w9w8664d9h] {
    display: grid;
    gap: .2rem;
}

.policy-toc__nav a[b-w9w8664d9h] {
    display: block;

    padding: .42rem .5rem;

    color: #74687e;
    text-decoration: none;

    border-radius: .7rem;

    font-size: .75rem;
    font-weight: 680;
    line-height: 1.3;

    transition:
        color .16s ease,
        background-color .16s ease;
}

.policy-toc__nav a:hover[b-w9w8664d9h] {
    color: #a64472;
    background: linear-gradient(135deg, rgba(255, 122, 26, .08), rgba(124, 58, 237, .06));
}

.policy-toc__nav a:focus-visible[b-w9w8664d9h] {
    outline: 3px solid rgba(255, 122, 26, .15);
    outline-offset: 1px;
}

/* =========================
   Sections
   ========================= */

.policy-content[b-w9w8664d9h] {
    min-width: 0;

    display: grid;
    gap: .85rem;
}

.policy-section[b-w9w8664d9h] {
    scroll-margin-top: 5.2rem;

    min-width: 0;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .85rem;

    padding: 1.15rem;

    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.15rem;

    background: linear-gradient(180deg, #ffffff 0%, #fdfafd 100%);

    box-shadow:
        0 14px 34px rgba(21, 16, 54, .065),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-section--warning[b-w9w8664d9h] {
    border-color: rgba(239, 68, 68, .17);

    background:
        radial-gradient(circle at 100% 0%, rgba(239, 68, 68, .07), transparent 34%),
        linear-gradient(180deg, #fff9f7 0%, #ffffff 100%);
}

.policy-section--report[b-w9w8664d9h] {
    border-color: rgba(255, 122, 26, .17);

    background:
        radial-gradient(circle at 100% 0%, rgba(255, 122, 26, .07), transparent 34%),
        linear-gradient(180deg, #fffaf6 0%, #ffffff 100%);
}

.policy-section--priority[b-w9w8664d9h] {
    border-color: rgba(239, 68, 68, .18);

    background:
        radial-gradient(circle at 100% 0%, rgba(255, 122, 26, .08), transparent 34%),
        linear-gradient(180deg, #fff8f3 0%, #ffffff 100%);
}

.policy-section--privacy[b-w9w8664d9h] {
    border-color: rgba(59, 130, 246, .16);

    background:
        radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .07), transparent 34%),
        linear-gradient(180deg, #f8fbff 0%, #ffffff 100%);
}

.policy-section--appeal[b-w9w8664d9h] {
    border-color: rgba(124, 58, 237, .17);

    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .07), transparent 34%),
        linear-gradient(180deg, #fbf9ff 0%, #ffffff 100%);
}

.policy-section--contact[b-w9w8664d9h] {
    border-color: rgba(33, 184, 107, .17);

    background:
        radial-gradient(circle at 100% 0%, rgba(33, 184, 107, .07), transparent 34%),
        linear-gradient(180deg, #f7fff9 0%, #ffffff 100%);
}

.policy-section__number[b-w9w8664d9h] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .82rem;

    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff7a1a, #7c3aed);

    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);

    font-size: .8rem;
    font-weight: 850;
}

.policy-section--warning .policy-section__number[b-w9w8664d9h],
.policy-section--priority .policy-section__number[b-w9w8664d9h] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff7a1a, #ef4444);

    box-shadow: 0 10px 22px rgba(239, 68, 68, .17);
}

.policy-section--privacy .policy-section__number[b-w9w8664d9h] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #3b82f6, #7c3aed);

    box-shadow: 0 10px 22px rgba(59, 130, 246, .17);
}

.policy-section--appeal .policy-section__number[b-w9w8664d9h] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #8b5cf6, #d946ef);

    box-shadow: 0 10px 22px rgba(124, 58, 237, .17);
}

.policy-section--contact .policy-section__number[b-w9w8664d9h] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #21b86b, #10b981);

    box-shadow: 0 10px 22px rgba(16, 185, 129, .17);
}

.policy-section__body[b-w9w8664d9h] {
    min-width: 0;
}

.policy-section h2[b-w9w8664d9h] {
    margin: .15rem 0 .7rem;

    color: #24192c;

    font-size: 1.08rem;
    font-weight: 860;
    line-height: 1.25;
    letter-spacing: -.022em;
}

.policy-section h3[b-w9w8664d9h] {
    margin: 1rem 0 .42rem;

    color: #4d3858;

    font-size: .88rem;
    font-weight: 840;
    line-height: 1.3;
}

.policy-section h2 + h3[b-w9w8664d9h] {
    margin-top: .45rem;
}

.policy-section p[b-w9w8664d9h] {
    margin: 0 0 .68rem;

    color: #62566d;

    font-size: .86rem;
    line-height: 1.62;
}

.policy-section p:last-child[b-w9w8664d9h] {
    margin-bottom: 0;
}

.policy-section ul[b-w9w8664d9h] {
    display: grid;
    gap: .4rem;

    margin: .2rem 0 .8rem;
    padding: 0;

    list-style: none;
}

.policy-section li[b-w9w8664d9h] {
    position: relative;

    padding-left: 1.25rem;

    color: #5b4e65;

    font-size: .84rem;
    line-height: 1.5;
}

.policy-section ul > li[b-w9w8664d9h]::before {
    content: "✓";

    position: absolute;
    top: .02rem;
    left: 0;

    color: #a44adb;

    font-size: .82rem;
    font-weight: 900;
}

.policy-section--warning ul > li[b-w9w8664d9h]::before,
.policy-section--priority ul > li[b-w9w8664d9h]::before {
    content: "!";
    color: #e55b18;
}

.policy-section--privacy ul > li[b-w9w8664d9h]::before {
    color: #3b82f6;
}

.policy-section--appeal ul > li[b-w9w8664d9h]::before {
    color: #8b5cf6;
}

.policy-section__note[b-w9w8664d9h] {
    margin-top: .75rem !important;
    padding: .65rem .75rem;

    color: #7a5847 !important;

    border: 1px solid rgba(255, 122, 26, .14);
    border-radius: .8rem;

    background: rgba(255, 122, 26, .055);

    font-size: .78rem !important;
    font-weight: 700;
}

/* =========================
   Report and appeal email
   ========================= */

.reporting-email[b-w9w8664d9h] {
    width: fit-content;
    max-width: 100%;

    display: inline-flex;
    align-items: center;
    gap: .55rem;

    margin: .1rem 0 .15rem;
    padding: .68rem .82rem;

    color: #9a4b20;
    text-decoration: none;

    border: 1px solid rgba(255, 122, 26, .2);
    border-radius: .85rem;

    background:
        linear-gradient(135deg, rgba(255, 122, 26, .09), rgba(124, 58, 237, .05)),
        #ffffff;

    font-size: .84rem;
    font-weight: 830;

    transition:
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.reporting-email:hover[b-w9w8664d9h] {
    color: #7c3312;
    border-color: rgba(255, 122, 26, .34);

    box-shadow:
        0 10px 24px rgba(255, 122, 26, .12),
        0 0 0 3px rgba(255, 122, 26, .08);

    transform: translateY(-1px);
}

.reporting-email:focus-visible[b-w9w8664d9h] {
    outline: 3px solid rgba(255, 122, 26, .16);
    outline-offset: 2px;
}

.reporting-email--appeal[b-w9w8664d9h] {
    color: #6940ae;
    border-color: rgba(124, 58, 237, .2);

    background:
        linear-gradient(135deg, rgba(124, 58, 237, .09), rgba(217, 70, 239, .05)),
        #ffffff;
}

.reporting-email--appeal:hover[b-w9w8664d9h] {
    color: #51318b;
    border-color: rgba(124, 58, 237, .32);

    box-shadow:
        0 10px 24px rgba(124, 58, 237, .12),
        0 0 0 3px rgba(124, 58, 237, .08);
}

/* =========================
   Process list
   ========================= */

.process-list[b-w9w8664d9h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;

    margin: .3rem 0 .9rem;
    padding: 0;

    list-style: none;
}

.process-list li[b-w9w8664d9h] {
    min-width: 0;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .5rem;

    padding: .62rem .68rem;

    border: 1px solid rgba(124, 58, 237, .1);
    border-radius: .82rem;

    background: rgba(255, 255, 255, .72);
}

.process-list li[b-w9w8664d9h]::before {
    content: none !important;
}

.process-list__number[b-w9w8664d9h] {
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 1.65rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .55rem;

    background: linear-gradient(135deg, #ff7a1a, #7c3aed);

    font-size: .68rem;
    font-weight: 850;
}

.process-list li > span:last-child[b-w9w8664d9h] {
    color: #5e5267;

    font-size: .76rem;
    font-weight: 700;
    line-height: 1.35;
}

/* =========================
   Contact cards
   ========================= */

.contact-grid[b-w9w8664d9h] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;

    margin-top: .35rem;
}

.contact-card[b-w9w8664d9h] {
    min-width: 0;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .65rem;

    padding: .75rem;

    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: .9rem;

    background: rgba(255, 255, 255, .78);
}

.contact-card__icon[b-w9w8664d9h] {
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border-radius: .8rem;
}

.contact-card__icon--abuse[b-w9w8664d9h] {
    background: linear-gradient(135deg, #ff7a1a, #ef4444);
}

.contact-card__icon--privacy[b-w9w8664d9h] {
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.contact-card div[b-w9w8664d9h] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: .15rem;
}

.contact-card strong[b-w9w8664d9h] {
    color: #3b2c43;

    font-size: .75rem;
    font-weight: 840;
    line-height: 1.3;
}

.contact-card a[b-w9w8664d9h] {
    overflow-wrap: anywhere;

    color: #7f4284;
    text-decoration: none;

    font-size: .74rem;
    font-weight: 760;
}

.contact-card a:hover[b-w9w8664d9h] {
    text-decoration: underline;
}

/* =========================
   End block
   ========================= */

.policy-end[b-w9w8664d9h] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;

    padding: .9rem 1rem;

    color: #ffffff;

    border-radius: 1rem;

    background: linear-gradient(135deg, #2b1427, #25103f);

    box-shadow: 0 16px 38px rgba(21, 16, 54, .16);
}

.policy-end__mark[b-w9w8664d9h] {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: .75rem;

    background: linear-gradient(135deg, #ff7a1a, #7c3aed);
}

.policy-end div[b-w9w8664d9h] {
    min-width: 0;

    display: flex;
    flex-direction: column;
    gap: .08rem;
}

.policy-end strong[b-w9w8664d9h] {
    font-size: .82rem;
    font-weight: 850;
}

.policy-end span:not(.policy-end__mark)[b-w9w8664d9h] {
    color: rgba(255, 255, 255, .58);
    font-size: .7rem;
}

.policy-end a[b-w9w8664d9h] {
    color: rgba(255, 255, 255, .84);
    text-decoration: none;

    font-size: .74rem;
    font-weight: 800;
    white-space: nowrap;
}

.policy-end a:hover[b-w9w8664d9h] {
    color: #ff9f6e;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 900px) {
    .policy-layout[b-w9w8664d9h] {
        grid-template-columns: 1fr;
    }

    .policy-toc[b-w9w8664d9h] {
        position: static;
    }

    .policy-toc__nav[b-w9w8664d9h] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .25rem .5rem;
    }
}

@media (max-width: 640.98px) {
    .policy-page[b-w9w8664d9h] {
        width: 100%;
        padding: 1rem .65rem 2rem;
    }

    .policy-hero[b-w9w8664d9h] {
        grid-template-columns: 1fr;
        padding: 1.3rem;
        border-radius: 1.3rem;
    }

    .policy-hero__icon[b-w9w8664d9h] {
        display: none;
    }

    .policy-hero h1[b-w9w8664d9h] {
        font-size: 2.2rem;
    }

    .policy-hero__lead[b-w9w8664d9h] {
        font-size: .92rem;
    }

    .reporting-principle[b-w9w8664d9h],
    .emergency-notice[b-w9w8664d9h] {
        padding: .9rem;
    }

    .policy-toc[b-w9w8664d9h] {
        padding: .9rem;
    }

    .policy-toc__nav[b-w9w8664d9h] {
        grid-template-columns: 1fr;
    }

    .policy-section[b-w9w8664d9h] {
        gap: .7rem;
        padding: 1rem;
        border-radius: 1rem;
    }

    .policy-section__number[b-w9w8664d9h] {
        width: 2.1rem;
        height: 2.1rem;
        flex-basis: 2.1rem;
        border-radius: .72rem;
    }

    .policy-section h2[b-w9w8664d9h] {
        font-size: 1rem;
    }

    .policy-section h3[b-w9w8664d9h] {
        font-size: .84rem;
    }

    .policy-section p[b-w9w8664d9h],
    .policy-section li[b-w9w8664d9h] {
        font-size: .82rem;
    }

    .process-list[b-w9w8664d9h],
    .contact-grid[b-w9w8664d9h] {
        grid-template-columns: 1fr;
    }

    .policy-end[b-w9w8664d9h] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .policy-end a[b-w9w8664d9h] {
        grid-column: 1 / -1;
        justify-self: stretch;

        padding-top: .55rem;

        text-align: center;

        border-top: 1px solid rgba(255, 255, 255, .1);
    }
}

@media (max-width: 390px) {
    .policy-hero[b-w9w8664d9h] {
        padding: 1.1rem;
    }

    .policy-hero h1[b-w9w8664d9h] {
        font-size: 1.95rem;
    }

    .policy-hero__meta[b-w9w8664d9h] {
        flex-direction: column;
        align-items: stretch;
    }

    .policy-hero__meta span[b-w9w8664d9h] {
        justify-content: center;
    }

    .reporting-principle[b-w9w8664d9h],
    .emergency-notice[b-w9w8664d9h],
    .policy-section[b-w9w8664d9h] {
        grid-template-columns: 1fr;
    }

    .policy-section__number[b-w9w8664d9h] {
        width: 2rem;
        height: 2rem;
    }

    .reporting-email[b-w9w8664d9h] {
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .policy-toc__nav a[b-w9w8664d9h],
    .reporting-email[b-w9w8664d9h] {
        transition: none;
    }
}
/* /Components/Pages/Policies/Terms.razor.rz.scp.css */
.policy-page[b-b640cqkuca] {
    width: min(100%, 1120px);
    margin: 0 auto;
    padding: 1.75rem 1rem 3rem;
    color: #302438;
}

.policy-hero[b-b640cqkuca] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.5rem;
    padding: 1.75rem 2rem;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.6rem;
    background:
        radial-gradient(circle at 12% 0%, rgba(255, 61, 141, .42), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(124, 58, 237, .44), transparent 36%),
        linear-gradient(135deg, #0b1232 0%, #171050 54%, #380735 100%);
    box-shadow:
        0 24px 65px rgba(23, 16, 80, .23),
        inset 0 1px 0 rgba(255, 255, 255, .14);
}

.policy-hero[b-b640cqkuca]::after {
    content: "";
    position: absolute;
    right: -5.5rem;
    bottom: -7rem;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, .07);
    pointer-events: none;
}

.policy-hero__content[b-b640cqkuca] {
    position: relative;
    z-index: 1;
    min-width: 0;
}

.policy-hero__badge[b-b640cqkuca] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .8rem;
    padding: .38rem .72rem;
    color: rgba(255, 255, 255, .9);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    background: rgba(255, 255, 255, .11);
    font-size: .74rem;
    font-weight: 820;
    letter-spacing: .02em;
}

.policy-hero__badge-mark[b-b640cqkuca] {
    color: #ff8fc2;
}

.policy-hero h1[b-b640cqkuca] {
    margin: 0;
    color: #ffffff;
    font-size: clamp(2rem, 5vw, 3.35rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.055em;
}

.policy-hero__lead[b-b640cqkuca] {
    max-width: 42rem;
    margin: .8rem 0 0;
    color: rgba(255, 255, 255, .76);
    font-size: 1rem;
    line-height: 1.55;
}

.policy-hero__meta[b-b640cqkuca] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1rem;
}

.policy-hero__meta span[b-b640cqkuca] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.05rem;
    padding: .4rem .66rem;
    color: rgba(255, 255, 255, .83);
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    font-size: .75rem;
    font-weight: 750;
}

.policy-hero__meta i[b-b640cqkuca] {
    color: #ff83bc;
}

.policy-hero__icon[b-b640cqkuca] {
    position: relative;
    z-index: 1;
    width: 6.6rem;
    height: 6.6rem;
    flex: 0 0 6.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 1.7rem;
    background:
        radial-gradient(circle at 25% 10%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, rgba(255, 61, 141, .94), rgba(124, 58, 237, .94));
    box-shadow:
        0 20px 46px rgba(124, 58, 237, .30),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: 2.35rem;
}

.policy-notice[b-b640cqkuca] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: .75rem;
    margin-top: 1rem;
    padding: .9rem 1rem;
    color: #5b3e70;
    border: 1px solid rgba(124, 58, 237, .15);
    border-radius: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .06), rgba(124, 58, 237, .06)),
        #ffffff;
    box-shadow: 0 10px 28px rgba(21, 16, 54, .06);
}

.policy-notice__icon[b-b640cqkuca] {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .75rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .18);
}

.policy-notice p[b-b640cqkuca] {
    margin: 0;
    font-size: .86rem;
    font-weight: 680;
    line-height: 1.5;
}

.policy-layout[b-b640cqkuca] {
    display: grid;
    grid-template-columns: 15rem minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    margin-top: 1rem;
}

.policy-toc[b-b640cqkuca] {
    position: sticky;
    top: 5rem;
    padding: 1rem;
    border: 1px solid rgba(38, 24, 69, .09);
    border-radius: 1.15rem;
    background: #ffffff;
    box-shadow:
        0 16px 38px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-toc__header[b-b640cqkuca] {
    display: flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .75rem;
    padding-bottom: .7rem;
    border-bottom: 1px solid rgba(39, 24, 69, .09);
}

.policy-toc__icon[b-b640cqkuca] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .7rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.policy-toc h2[b-b640cqkuca] {
    margin: 0;
    color: #251a2d;
    font-size: .9rem;
    font-weight: 850;
}

.policy-toc__nav[b-b640cqkuca] {
    display: grid;
    gap: .2rem;
}

.policy-toc__nav a[b-b640cqkuca] {
    display: block;
    padding: .42rem .5rem;
    color: #74687e;
    text-decoration: none;
    border-radius: .7rem;
    font-size: .75rem;
    font-weight: 680;
    line-height: 1.3;
    transition:
        color .16s ease,
        background-color .16s ease;
}

.policy-toc__nav a:hover[b-b640cqkuca] {
    color: #d92d82;
    background: linear-gradient(135deg, rgba(255, 61, 141, .08), rgba(124, 58, 237, .06));
}

.policy-toc__nav a:focus-visible[b-b640cqkuca] {
    outline: 3px solid rgba(255, 61, 141, .15);
    outline-offset: 1px;
}

.policy-content[b-b640cqkuca] {
    min-width: 0;
    display: grid;
    gap: .85rem;
}

.policy-section[b-b640cqkuca] {
    scroll-margin-top: 5.2rem;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .85rem;
    padding: 1.15rem;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.15rem;
    background: linear-gradient(180deg, #ffffff 0%, #fdfafd 100%);
    box-shadow:
        0 14px 34px rgba(21, 16, 54, .065),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.policy-section--important[b-b640cqkuca] {
    border-color: rgba(255, 61, 141, .16);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .08), transparent 32%),
        linear-gradient(180deg, #fffafd 0%, #ffffff 100%);
}

.policy-section--consent[b-b640cqkuca] {
    border-color: rgba(33, 184, 107, .17);
    background:
        radial-gradient(circle at 100% 0%, rgba(33, 184, 107, .08), transparent 34%),
        linear-gradient(180deg, #f8fff9 0%, #ffffff 100%);
}

.policy-section__number[b-b640cqkuca] {
    width: 2.35rem;
    height: 2.35rem;
    flex: 0 0 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .82rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
    font-size: .8rem;
    font-weight: 850;
}

.policy-section--consent .policy-section__number[b-b640cqkuca] {
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #21b86b, #10b981);
    box-shadow: 0 10px 22px rgba(16, 185, 129, .18);
}

.policy-section__body[b-b640cqkuca] {
    min-width: 0;
}

.policy-section h2[b-b640cqkuca] {
    margin: .15rem 0 .7rem;
    color: #24192c;
    font-size: 1.08rem;
    font-weight: 860;
    line-height: 1.25;
    letter-spacing: -.022em;
}

.policy-section p[b-b640cqkuca] {
    margin: 0 0 .68rem;
    color: #62566d;
    font-size: .86rem;
    line-height: 1.62;
}

.policy-section p:last-child[b-b640cqkuca] {
    margin-bottom: 0;
}

.policy-section ul[b-b640cqkuca] {
    display: grid;
    gap: .4rem;
    margin: .2rem 0 .8rem;
    padding: 0;
    list-style: none;
}

.policy-section li[b-b640cqkuca] {
    position: relative;
    padding-left: 1.25rem;
    color: #5b4e65;
    font-size: .84rem;
    line-height: 1.5;
}

.policy-section li[b-b640cqkuca]::before {
    content: "✓";
    position: absolute;
    top: .02rem;
    left: 0;
    color: #a44adb;
    font-size: .82rem;
    font-weight: 900;
}

.policy-section--consent li[b-b640cqkuca]::before {
    color: #18a866;
}

.policy-end[b-b640cqkuca] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
    color: #ffffff;
    border-radius: 1rem;
    background: linear-gradient(135deg, #151136, #2e0a3f);
    box-shadow: 0 16px 38px rgba(21, 16, 54, .16);
}

.policy-end__mark[b-b640cqkuca] {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.policy-end div[b-b640cqkuca] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .08rem;
}

.policy-end strong[b-b640cqkuca] {
    font-size: .82rem;
    font-weight: 850;
}

.policy-end span:not(.policy-end__mark)[b-b640cqkuca] {
    color: rgba(255, 255, 255, .58);
    font-size: .7rem;
}

.policy-end a[b-b640cqkuca] {
    color: rgba(255, 255, 255, .84);
    text-decoration: none;
    font-size: .74rem;
    font-weight: 800;
    white-space: nowrap;
}

.policy-end a:hover[b-b640cqkuca] {
    color: #ff8fc2;
}

@media (max-width: 900px) {
    .policy-layout[b-b640cqkuca] {
        grid-template-columns: 1fr;
    }

    .policy-toc[b-b640cqkuca] {
        position: static;
    }

    .policy-toc__nav[b-b640cqkuca] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .25rem .5rem;
    }
}

@media (max-width: 640.98px) {
    .policy-page[b-b640cqkuca] {
        width: 100%;
        padding: 1rem .65rem 2rem;
    }

    .policy-hero[b-b640cqkuca] {
        grid-template-columns: 1fr;
        padding: 1.3rem;
        border-radius: 1.3rem;
    }

    .policy-hero__icon[b-b640cqkuca] {
        display: none;
    }

    .policy-hero h1[b-b640cqkuca] {
        font-size: 2.4rem;
    }

    .policy-hero__lead[b-b640cqkuca] {
        font-size: .92rem;
    }

    .policy-notice[b-b640cqkuca] {
        padding: .8rem;
    }

    .policy-toc[b-b640cqkuca] {
        padding: .9rem;
    }

    .policy-toc__nav[b-b640cqkuca] {
        grid-template-columns: 1fr;
    }

    .policy-section[b-b640cqkuca] {
        gap: .7rem;
        padding: 1rem;
        border-radius: 1rem;
    }

    .policy-section__number[b-b640cqkuca] {
        width: 2.1rem;
        height: 2.1rem;
        flex-basis: 2.1rem;
        border-radius: .72rem;
    }

    .policy-section h2[b-b640cqkuca] {
        font-size: 1rem;
    }

    .policy-section p[b-b640cqkuca],
    .policy-section li[b-b640cqkuca] {
        font-size: .82rem;
    }

    .policy-end[b-b640cqkuca] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .policy-end a[b-b640cqkuca] {
        grid-column: 1 / -1;
        justify-self: stretch;
        padding-top: .55rem;
        text-align: center;
        border-top: 1px solid rgba(255, 255, 255, .10);
    }
}

@media (max-width: 390px) {
    .policy-hero[b-b640cqkuca] {
        padding: 1.1rem;
    }

    .policy-hero h1[b-b640cqkuca] {
        font-size: 2.1rem;
    }

    .policy-hero__meta[b-b640cqkuca] {
        flex-direction: column;
        align-items: stretch;
    }

    .policy-hero__meta span[b-b640cqkuca] {
        justify-content: center;
    }

    .policy-section[b-b640cqkuca] {
        grid-template-columns: 1fr;
    }

    .policy-section__number[b-b640cqkuca] {
        width: 2rem;
        height: 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .policy-toc__nav a[b-b640cqkuca] {
        transition: none;
    }
}
/* /Components/Pages/Pro/AcceptInvitation.razor.rz.scp.css */
:host[b-to6lse94dj] {
    display: block;
    width: 100%;
}

.accept-page[b-to6lse94dj] {
    position: relative;
    width: 100%;
}

/* =========================
   Header
   ========================= */

.accept-header[b-to6lse94dj] {
    margin-bottom: 1.15rem;
}

.accept-badge[b-to6lse94dj] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .72rem;
    padding: .38rem .68rem;
    border: 1px solid rgba(255, 61, 141, .18);
    border-radius: 999px;
    color: #8b2b60;
    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .12),
            rgba(124, 58, 237, .10)
        );
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .02em;
}

.accept-badge i[b-to6lse94dj] {
    color: #d92d82;
}

.accept-header h1[b-to6lse94dj],
.accept-state h1[b-to6lse94dj] {
    margin: 0;
    color: #1d1528;
    font-size: clamp(1.85rem, 5vw, 2.35rem);
    font-weight: 850;
    line-height: 1.05;
    letter-spacing: -.045em;
}

.accept-header p[b-to6lse94dj],
.accept-state p[b-to6lse94dj] {
    margin: .55rem 0 0;
    color: #74687e;
    font-size: .9rem;
    line-height: 1.5;
}

.accept-header p strong[b-to6lse94dj] {
    color: #43344d;
    font-weight: 850;
}

/* =========================
   Benefits
   ========================= */

.accept-benefits[b-to6lse94dj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: .9rem;
}

.accept-benefit[b-to6lse94dj] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .5rem;
    padding: .62rem;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: .82rem;
    color: #57475f;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 45%),
        #ffffff;
    box-shadow: 0 6px 16px rgba(21, 16, 54, .035);
    line-height: 1.2;
}

.accept-benefit__copy[b-to6lse94dj] {
    min-width: 0;
    display: block;
}

.accept-benefit__copy strong[b-to6lse94dj],
.accept-benefit__copy small[b-to6lse94dj] {
    display: block;
}

.accept-benefit__copy strong[b-to6lse94dj] {
    color: #43354c;
    font-size: .66rem;
    font-weight: 850;
}

.accept-benefit__copy small[b-to6lse94dj] {
    margin-top: .12rem;
    color: #8a7e90;
    font-size: .56rem;
    font-weight: 650;
    line-height: 1.25;
}

.accept-benefit__icon[b-to6lse94dj] {
    width: 1.75rem;
    height: 1.75rem;
    flex: 0 0 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .6rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 6px 14px rgba(124, 58, 237, .14);
    font-size: .62rem;
}

/* =========================
   Free listing reassurance
   ========================= */

.accept-free-note[b-to6lse94dj] {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    margin-bottom: .9rem;
    padding: .72rem .78rem;
    border: 1px solid rgba(255, 61, 141, .14);
    border-radius: .9rem;
    color: #75405f;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 40%),
        linear-gradient(135deg, #fff5fa, #fffafd);
    font-size: .65rem;
    line-height: 1.42;
}

.accept-free-note i[b-to6lse94dj] {
    flex: 0 0 auto;
    margin-top: .05rem;
    color: #d92d82;
}

.accept-free-note strong[b-to6lse94dj] {
    font-weight: 800;
}

/* =========================
   Account note
   ========================= */

.accept-account-note[b-to6lse94dj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    margin-bottom: 1rem;
    padding: .72rem .78rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .9rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 38%),
        linear-gradient(135deg, #fbf8ff, #fffafd);
}

.accept-account-note__icon[b-to6lse94dj] {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .72rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .15);
    font-size: .74rem;
}

.accept-account-note__eyebrow[b-to6lse94dj] {
    display: block;
    color: #6b4d79;
    font-size: .58rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.accept-account-note p[b-to6lse94dj] {
    margin: .18rem 0 0;
    color: #837788;
    font-size: .61rem;
    line-height: 1.42;
}

/* =========================
   Error alert
   ========================= */

.accept-alert[b-to6lse94dj] {
    display: flex;
    gap: .7rem;
    margin-bottom: 1rem;
    padding: .85rem;
    border: 1px solid rgba(255, 61, 141, .22);
    border-radius: .95rem;
    color: #7f1d42;
    background: #fff5f8;
    font-size: .76rem;
}

.accept-alert__icon[b-to6lse94dj] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .7rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #ef4444);
}

.accept-alert strong[b-to6lse94dj] {
    display: block;
    margin-bottom: .12rem;
    font-weight: 850;
}

.accept-alert p[b-to6lse94dj] {
    margin: 0;
    line-height: 1.4;
}

.accept-alert p + p[b-to6lse94dj] {
    margin-top: .35rem;
}

/* =========================
   Form
   ========================= */

.accept-form[b-to6lse94dj] {
    display: block;
}

.accept-form-block[b-to6lse94dj] {
    margin-bottom: 1rem;
}

.accept-label-row[b-to6lse94dj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .7rem;
    margin-bottom: .42rem;
}

.accept-label-row label[b-to6lse94dj],
.accept-label[b-to6lse94dj] {
    color: #20172b;
    font-size: .84rem;
    font-weight: 750;
}

.accept-label-row span[b-to6lse94dj] {
    color: #92869a;
    font-size: .67rem;
    font-weight: 650;
}

.accept-label[b-to6lse94dj] {
    display: block;
    margin-bottom: .42rem;
}

.accept-input-shell[b-to6lse94dj] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.9rem;
    border: 1px solid rgba(39, 24, 69, .14);
    border-radius: .95rem;
    background: #fff;
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.accept-input-shell:focus-within[b-to6lse94dj] {
    border-color: rgba(255, 61, 141, .42);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.accept-input-shell > i[b-to6lse94dj] {
    flex: 0 0 auto;
    width: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a855f7;
    font-size: 1rem;
}

/* InputText renders through a child component, so ::deep ensures the isolated
   stylesheet reaches the generated input element. */
.accept-input-shell[b-to6lse94dj]  .accept-form-control {
    min-width: 0;
    min-height: 2.78rem;
    flex: 1 1 auto;
    padding: .58rem .35rem .58rem 0;
    color: #20172b;
    border: 0 !important;
    border-radius: 0;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
    font-size: .92rem;
}

.accept-input-shell[b-to6lse94dj]  .accept-form-control:focus {
    border: 0 !important;
    outline: 0;
    background: transparent !important;
    box-shadow: none !important;
}

.accept-input-shell[b-to6lse94dj]  .accept-form-control::placeholder {
    color: #a69aad;
}

.accept-input-action[b-to6lse94dj] {
    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .12rem;
    padding: 0;
    border: 0;
    border-radius: .82rem;
    color: #6d6077;
    background: transparent;
    cursor: pointer;
    transition:
        color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.accept-input-action:hover[b-to6lse94dj] {
    color: #ff3d8d;
    background: rgba(255, 61, 141, .08);
    transform: translateY(-1px);
}

.accept-field-error[b-to6lse94dj] {
    display: block;
    margin-top: .32rem;
    color: #d92d62;
    font-size: .7rem;
    font-weight: 680;
    line-height: 1.35;
}

.accept-submit[b-to6lse94dj] {
    width: 100%;
    min-height: 2.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: 0;
    border-radius: 1rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: .94rem;
    font-weight: 850;
    letter-spacing: -.01em;
    cursor: pointer;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.accept-submit:hover:not(:disabled)[b-to6lse94dj] {
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.accept-submit:disabled[b-to6lse94dj] {
    opacity: .68;
    cursor: wait;
}

.accept-security[b-to6lse94dj] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: .35rem;
    margin-top: .65rem;
    color: #908397;
    font-size: .64rem;
    line-height: 1.4;
    text-align: center;
}

.accept-security i[b-to6lse94dj] {
    flex: 0 0 auto;
    margin-top: .03rem;
    color: #64a17d;
}

/* =========================
   Footer / help
   ========================= */

.accept-help[b-to6lse94dj] {
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid rgba(39, 24, 69, .10);
    color: #8d8193;
    font-size: .7rem;
    line-height: 1.45;
    text-align: center;
}

.accept-help a[b-to6lse94dj] {
    color: #d92d82;
    font-weight: 800;
    text-decoration: none;
}

.accept-help a:hover[b-to6lse94dj] {
    text-decoration: underline;
}

/* =========================
   Invalid invitation state
   ========================= */

.accept-state[b-to6lse94dj] {
    min-height: 22rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.accept-state__icon[b-to6lse94dj] {
    width: 3.1rem;
    height: 3.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .9rem;
    border-radius: 1rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #ff547d, #b72d72);
    box-shadow: 0 12px 26px rgba(183,45,114,.18);
    font-size: 1.08rem;
}

.accept-secondary-action[b-to6lse94dj] {
    min-height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    margin-top: 1rem;
    padding: .55rem .82rem;
    border: 1px solid rgba(39, 24, 69, .14);
    border-radius: .9rem;
    color: #5f4d69;
    background: #fff;
    box-shadow: 0 8px 22px rgba(21, 16, 54, .05);
    font-size: .76rem;
    font-weight: 800;
    text-decoration: none;
    transition:
        transform .16s ease,
        border-color .16s ease,
        color .16s ease;
}

.accept-secondary-action:hover[b-to6lse94dj] {
    color: #d92d82;
    border-color: rgba(255, 61, 141, .22);
    transform: translateY(-1px);
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 520px) {
    .accept-header h1[b-to6lse94dj],
    .accept-state h1[b-to6lse94dj] {
        font-size: 1.8rem;
    }

    .accept-benefits[b-to6lse94dj] {
        grid-template-columns: 1fr;
    }

    .accept-benefit[b-to6lse94dj] {
        min-height: 2.6rem;
    }

    .accept-label-row[b-to6lse94dj] {
        align-items: flex-start;
        flex-direction: column;
        gap: .15rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .accept-input-shell[b-to6lse94dj],
    .accept-input-action[b-to6lse94dj],
    .accept-submit[b-to6lse94dj],
    .accept-secondary-action[b-to6lse94dj] {
        transition: none;
    }
}
/* /Components/Pages/Pro/MyEventEdit.razor.rz.scp.css */

:host[b-92b33fbreo] {
    display: block;
}

.pro-venue-page[b-92b33fbreo],
.pro-event-page[b-92b33fbreo] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.35rem 0 4rem;
    color: #281d34;
}

.pro-eyebrow[b-92b33fbreo],
.pro-section-eyebrow[b-92b33fbreo] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #a7457e;
    font-size: .69rem;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.pro-section-eyebrow[b-92b33fbreo] {
    display: block;
    margin-bottom: .18rem;
}

.pro-primary-action[b-92b33fbreo],
.pro-secondary-action[b-92b33fbreo],
.pro-danger-action[b-92b33fbreo],
.pro-back-link[b-92b33fbreo],
.pro-icon-button[b-92b33fbreo],
.pro-add-hours-button[b-92b33fbreo] {
    font: inherit;
}

.pro-primary-action[b-92b33fbreo] {
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .62rem .9rem;
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background:
        radial-gradient(circle at 22% 0%, rgba(255,255,255,.28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 13px 28px rgba(124,58,237,.22),
        inset 0 1px 0 rgba(255,255,255,.22);
    font-size: .76rem;
    font-weight: 850;
    transition: transform .16s ease, box-shadow .16s ease;
}

.pro-primary-action:hover[b-92b33fbreo] {
    color: #fff;
    transform: translateY(-1px);
    box-shadow:
        0 17px 36px rgba(124,58,237,.27),
        inset 0 1px 0 rgba(255,255,255,.22);
}

.pro-primary-action:disabled[b-92b33fbreo] {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
}

.pro-primary-action--small[b-92b33fbreo] {
    min-height: 2.25rem;
    padding: .46rem .72rem;
    font-size: .7rem;
}

.pro-secondary-action[b-92b33fbreo],
.pro-danger-action[b-92b33fbreo] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    padding: .5rem .72rem;
    border-radius: 999px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    font-size: .7rem;
    font-weight: 820;
}

.pro-secondary-action[b-92b33fbreo] {
    color: #6d4b7a;
    border: 1px solid rgba(124,58,237,.14);
    box-shadow: 0 8px 18px rgba(21,16,54,.045);
}

.pro-secondary-action:hover[b-92b33fbreo] {
    color: #b72d72;
    border-color: rgba(255,61,141,.22);
}

.pro-secondary-action--large[b-92b33fbreo] {
    min-height: 2.7rem;
    padding-inline: .95rem;
}

.pro-danger-action[b-92b33fbreo] {
    color: #b3385d;
    border: 1px solid rgba(220,53,69,.18);
}

.pro-danger-action:hover[b-92b33fbreo] {
    color: #8f2447;
    background: rgba(220,53,69,.045);
}

.pro-panel[b-92b33fbreo] {
    margin-top: 1.2rem;
    overflow: hidden;
    border: 1px solid rgba(38,24,69,.085);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.035), transparent 36%),
        linear-gradient(180deg,#fff 0%,#fffafd 100%);
    box-shadow:
        0 20px 52px rgba(21,16,54,.09),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.pro-panel__header[b-92b33fbreo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.2rem;
    border-bottom: 1px solid rgba(39,24,69,.075);
}

.pro-panel__header h2[b-92b33fbreo] {
    margin: 0;
    color: #20172b;
    font-size: 1.42rem;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.035em;
}

.pro-panel__header p[b-92b33fbreo] {
    max-width: 45rem;
    margin: .28rem 0 0;
    color: #766a7c;
    font-size: .78rem;
    line-height: 1.48;
}

.pro-panel__icon[b-92b33fbreo] {
    width: 2.9rem;
    height: 2.9rem;
    flex: 0 0 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .98rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.30), transparent 34%),
        linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 12px 27px rgba(124,58,237,.20);
}

.pro-panel__body[b-92b33fbreo] {
    padding: 1.2rem;
}

.pro-form-section + .pro-form-section[b-92b33fbreo] {
    margin-top: 1.3rem;
    padding-top: 1.3rem;
    border-top: 1px solid rgba(39,24,69,.075);
}

.pro-form-section__heading[b-92b33fbreo] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: .7rem;
    margin-bottom: .9rem;
}

.pro-form-section__icon[b-92b33fbreo] {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .78rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 8px 18px rgba(124,58,237,.16);
}

.pro-form-section__heading h3[b-92b33fbreo] {
    margin: 0;
    color: #33253c;
    font-size: .92rem;
    font-weight: 870;
}

.pro-form-section__heading p[b-92b33fbreo] {
    margin: .08rem 0 0;
    color: #8b7e91;
    font-size: .67rem;
}

.pro-panel .form-label[b-92b33fbreo] {
    margin-bottom: .35rem;
    color: #4b3d54;
    font-size: .72rem;
    font-weight: 820;
}

.pro-panel .form-control[b-92b33fbreo],
.pro-panel .form-select[b-92b33fbreo] {
    min-height: 2.7rem;
    border: 1px solid rgba(39,24,69,.12);
    border-radius: .88rem;
    color: #33263b;
    background-color: #fff;
    box-shadow:
        0 7px 18px rgba(21,16,54,.04),
        inset 0 1px 0 rgba(255,255,255,.9);
    font-size: .78rem;
    font-weight: 690;
}

.pro-panel textarea.form-control[b-92b33fbreo] {
    min-height: 0;
    line-height: 1.5;
}

.pro-panel .form-control:focus[b-92b33fbreo],
.pro-panel .form-select:focus[b-92b33fbreo] {
    border-color: rgba(255,61,141,.38);
    box-shadow:
        0 0 0 4px rgba(255,61,141,.08),
        0 10px 24px rgba(21,16,54,.06);
}

.pro-panel .form-text[b-92b33fbreo] {
    margin-top: .3rem;
    color: #938798;
    font-size: .63rem;
    line-height: 1.4;
}

.pro-label-muted[b-92b33fbreo] {
    color: #9b8fa0;
    font-size: .65rem;
    font-weight: 650;
}

.pro-validation-summary[b-92b33fbreo],
.pro-field-error[b-92b33fbreo] {
    margin-bottom: 1rem;
    padding: .75rem .85rem;
    border: 1px solid rgba(220,53,69,.13);
    border-radius: .9rem;
    color: #a32f50;
    background: rgba(220,53,69,.045);
    font-size: .7rem;
}

.pro-save-bar[b-92b33fbreo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.3rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(124,58,237,.10);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.06), transparent 36%),
        linear-gradient(135deg,#fbf8ff,#fffafd);
}

.pro-save-bar strong[b-92b33fbreo],
.pro-save-bar span[b-92b33fbreo] {
    display: block;
}

.pro-save-bar strong[b-92b33fbreo] {
    color: #382a41;
    font-size: .76rem;
    font-weight: 860;
}

.pro-save-bar > div > span[b-92b33fbreo] {
    margin-top: .08rem;
    color: #8b7e91;
    font-size: .65rem;
}

.pro-message[b-92b33fbreo] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .6rem;
    margin-top: 1rem;
    padding: .72rem .8rem;
    border-radius: .95rem;
    font-size: .72rem;
    font-weight: 690;
}

.pro-message--error[b-92b33fbreo] {
    color: #9c2949;
    border: 1px solid rgba(220,53,69,.15);
    background: rgba(220,53,69,.05);
}

.pro-message--success[b-92b33fbreo] {
    color: #216d47;
    border: 1px solid rgba(34,197,94,.15);
    background: rgba(34,197,94,.06);
}

.pro-message--compact[b-92b33fbreo] {
    margin-top: .75rem;
}

.pro-message button[b-92b33fbreo] {
    border: 0;
    color: inherit;
    cursor: pointer;
    background: transparent;
}

.pro-loading[b-92b33fbreo] {
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-top: 1rem;
    border: 1px solid rgba(124,58,237,.09);
    border-radius: 1.3rem;
    background: #fff;
}

.pro-loading__icon[b-92b33fbreo] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
}

.pro-loading strong[b-92b33fbreo],
.pro-loading span[b-92b33fbreo] {
    display: block;
}

.pro-loading strong[b-92b33fbreo] {
    color: #3d3046;
    font-size: .78rem;
}

.pro-loading div > span[b-92b33fbreo] {
    margin-top: .08rem;
    color: #8a7e90;
    font-size: .66rem;
}

.pro-inline-status[b-92b33fbreo] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: .75rem;
    color: #796d7f;
    font-size: .68rem;
    font-weight: 700;
}

.pro-inline-status--large[b-92b33fbreo] {
    min-height: 8rem;
    width: 100%;
    justify-content: center;
}

.pro-upload-zone[b-92b33fbreo] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .9rem;
    cursor: pointer;
    border: 1px dashed rgba(124,58,237,.22);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.045), transparent 38%),
        #fff;
    transition: border-color .16s ease, background .16s ease;
}

.pro-upload-zone:hover[b-92b33fbreo] {
    border-color: rgba(255,61,141,.30);
    background: #fffafd;
}

.pro-upload-zone__icon[b-92b33fbreo] {
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .85rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
}

.pro-upload-zone__copy strong[b-92b33fbreo],
.pro-upload-zone__copy small[b-92b33fbreo] {
    display: block;
}

.pro-upload-zone__copy strong[b-92b33fbreo] {
    color: #3b2c44;
    font-size: .76rem;
}

.pro-upload-zone__copy small[b-92b33fbreo] {
    margin-top: .08rem;
    color: #8b7e91;
    font-size: .64rem;
}

.pro-upload-zone__button[b-92b33fbreo] {
    padding: .5rem .7rem;
    border: 1px solid rgba(124,58,237,.14);
    border-radius: 999px;
    color: #6d4b7a;
    background: #fff;
    font-size: .68rem;
    font-weight: 820;
}

.pro-upload-zone__input[b-92b33fbreo],
.pro-file-action__input[b-92b33fbreo] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.pro-icon-button[b-92b33fbreo] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(124,58,237,.12);
    border-radius: .68rem;
    color: #775984;
    cursor: pointer;
    background: #fff;
}

.pro-icon-button:hover:not(:disabled)[b-92b33fbreo] {
    color: #b72d72;
    border-color: rgba(255,61,141,.22);
}

.pro-icon-button--danger[b-92b33fbreo] {
    color: #bd4262;
    border-color: rgba(220,53,69,.15);
}

.pro-icon-button:disabled[b-92b33fbreo] {
    opacity: .35;
    cursor: not-allowed;
}

.pro-empty-state[b-92b33fbreo] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 2rem;
    border: 1px dashed rgba(124,58,237,.17);
    border-radius: 1.25rem;
    text-align: center;
    background: #fff;
}

.pro-empty-state__icon[b-92b33fbreo] {
    width: 3.7rem;
    height: 3.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.1rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
    font-size: 1.25rem;
}

.pro-empty-state h1[b-92b33fbreo] {
    margin: 0;
    color: #2c2037;
    font-size: 1.4rem;
    font-weight: 870;
}

.pro-empty-state p[b-92b33fbreo] {
    max-width: 30rem;
    margin: .45rem 0 0;
    color: #817486;
    font-size: .75rem;
}

@media (max-width: 700px) {
    .pro-venue-page[b-92b33fbreo],
    .pro-event-page[b-92b33fbreo] {
        width: min(100% - 1rem, 600px);
        padding-top: .8rem;
    }

    .pro-panel[b-92b33fbreo] {
        border-radius: 1.2rem;
    }

    .pro-panel__header[b-92b33fbreo] {
        align-items: flex-start;
        padding: 1rem;
    }

    .pro-panel__body[b-92b33fbreo] {
        padding: 1rem;
    }

    .pro-panel__icon[b-92b33fbreo] {
        width: 2.55rem;
        height: 2.55rem;
        flex-basis: 2.55rem;
    }

    .pro-save-bar[b-92b33fbreo] {
        align-items: stretch;
        flex-direction: column;
    }

    .pro-save-bar .pro-primary-action[b-92b33fbreo] {
        width: 100%;
    }

    .pro-upload-zone[b-92b33fbreo] {
        grid-template-columns: auto minmax(0,1fr);
    }

    .pro-upload-zone__button[b-92b33fbreo] {
        grid-column: 1 / -1;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pro-primary-action[b-92b33fbreo],
    .pro-upload-zone[b-92b33fbreo],
    .pro-icon-button[b-92b33fbreo] {
        transition: none;
    }
}


/* =========================
   Event editor
   ========================= */

.pro-event-header[b-92b33fbreo] {
    margin-bottom: 1rem;
}

.pro-back-link[b-92b33fbreo] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    margin-bottom: .8rem;
    color: #72537d;
    text-decoration: none;
    font-size: .7rem;
    font-weight: 820;
}

.pro-back-link:hover[b-92b33fbreo] {
    color: #b72d72;
}

.pro-event-header__title[b-92b33fbreo] {
    position: relative;
    overflow: hidden;
    padding: 1.45rem 1.55rem;
    border: 1px solid rgba(124,58,237,.10);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.08), transparent 38%),
        radial-gradient(circle at 0% 100%, rgba(255,61,141,.065), transparent 38%),
        linear-gradient(135deg,#fffafd,#faf7ff);
    box-shadow: 0 16px 40px rgba(21,16,54,.07);
}

.pro-event-header__title h1[b-92b33fbreo] {
    margin: .35rem 0 0;
    color: #24192c;
    font-size: clamp(1.9rem,4vw,2.8rem);
    font-weight: 900;
    letter-spacing: -.045em;
    line-height: 1.05;
}

.pro-event-header__title p[b-92b33fbreo] {
    max-width: 46rem;
    margin: .45rem 0 0;
    color: #796d7f;
    font-size: .8rem;
    line-height: 1.48;
}

.pro-summary-field[b-92b33fbreo] {
    min-height: 6rem !important;
}

.pro-next-step[b-92b33fbreo] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: .75rem;
    margin-top: 1rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(124,58,237,.11);
    border-radius: 1rem;
    background: linear-gradient(135deg,#fbf8ff,#fffafd);
}

.pro-next-step__icon[b-92b33fbreo] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
}

.pro-next-step strong[b-92b33fbreo] {
    color: #3b2c44;
    font-size: .76rem;
}

.pro-next-step p[b-92b33fbreo] {
    margin: .1rem 0 0;
    color: #817486;
    font-size: .66rem;
}

.pro-cover-preview[b-92b33fbreo] {
    overflow: hidden;
    border: 1px solid rgba(39,24,69,.08);
    border-radius: 1rem;
    background: #fff;
}

.pro-cover-preview img[b-92b33fbreo] {
    width: 100%;
    max-height: 360px;
    display: block;
    object-fit: cover;
    background: #f3eef7;
}

.pro-cover-preview__actions[b-92b33fbreo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    padding: .75rem .85rem;
}

.pro-cover-preview__actions strong[b-92b33fbreo],
.pro-cover-preview__actions small[b-92b33fbreo] {
    display: block;
}

.pro-cover-preview__actions strong[b-92b33fbreo] {
    color: #3b2c44;
    font-size: .72rem;
}

.pro-cover-preview__actions small[b-92b33fbreo] {
    margin-top: .08rem;
    color: #8b7e91;
    font-size: .62rem;
}

.pro-content-intro[b-92b33fbreo] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin-bottom: .9rem;
    padding: .7rem .8rem;
    border-radius: .85rem;
    color: #725f79;
    background: rgba(124,58,237,.045);
    font-size: .67rem;
    line-height: 1.42;
}

.pro-content-intro i[b-92b33fbreo] {
    color: #b8468d;
}

.pro-block-list[b-92b33fbreo] {
    display: grid;
    gap: .8rem;
}

.pro-content-block[b-92b33fbreo] {
    padding: .9rem;
    border: 1px solid rgba(39,24,69,.085);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 10px 24px rgba(21,16,54,.045);
}

.pro-content-block__header[b-92b33fbreo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    margin-bottom: .7rem;
}

.pro-content-block__type[b-92b33fbreo] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #6b4b77;
    font-size: .67rem;
    font-weight: 840;
}

.pro-content-block__type i[b-92b33fbreo] {
    color: #b8468d;
}

.pro-content-block__tools[b-92b33fbreo] {
    display: flex;
    gap: .35rem;
}

.pro-block-editor[b-92b33fbreo] {
    min-height: 9rem !important;
    font-family: inherit;
}

.pro-content-block__footer[b-92b33fbreo] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    margin-top: .65rem;
}

.pro-markdown-preview[b-92b33fbreo] {
    margin-top: .75rem;
    padding: .85rem;
    border: 1px solid rgba(124,58,237,.09);
    border-radius: .85rem;
    color: #54495d;
    background: #faf8fc;
    font-size: .76rem;
    line-height: 1.55;
}

.pro-markdown-preview__label[b-92b33fbreo] {
    display: block;
    margin-bottom: .5rem;
    color: #a7457e;
    font-size: .6rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.pro-image-block img[b-92b33fbreo] {
    max-width: min(100%,520px);
    max-height: 280px;
    display: block;
    border-radius: .85rem;
    object-fit: cover;
}

.pro-processing-status[b-92b33fbreo] {
    display: inline-flex;
    margin-top: .5rem;
    padding: .25rem .42rem;
    border-radius: 999px;
    color: #fff;
    background: #746c78;
    font-size: .56rem;
    font-weight: 820;
}

.pro-add-blocks[b-92b33fbreo] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid rgba(39,24,69,.07);
}

.pro-file-action[b-92b33fbreo] {
    position: relative;
    cursor: pointer;
}

@media (max-width: 700px) {
    .pro-event-header__title[b-92b33fbreo] {
        padding: 1.1rem;
    }

    .pro-cover-preview__actions[b-92b33fbreo] {
        align-items: stretch;
        flex-direction: column;
    }

    .pro-cover-preview__actions .pro-danger-action[b-92b33fbreo] {
        width: fit-content;
    }

    .pro-content-block__header[b-92b33fbreo] {
        align-items: flex-start;
    }
}

@media (max-width: 430px) {
    .pro-add-blocks[b-92b33fbreo] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pro-add-blocks > *[b-92b33fbreo] {
        width: 100%;
    }

    .pro-content-block__footer[b-92b33fbreo] {
        align-items: stretch;
        flex-direction: column;
    }

    .pro-content-block__footer > *[b-92b33fbreo] {
        width: 100%;
    }
}


/* ============================================================
   Linked venue
   New events are automatically associated with the professional's
   single venue. Existing events keep their stored association.
   ============================================================ */

.pro-linked-venue[b-92b33fbreo] {
    min-height: 5.2rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .75rem .8rem;
    border: 1px solid rgba(34, 197, 94, .14);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 197, 94, .055), transparent 38%),
        linear-gradient(135deg, #fbfffc, #fff);
    box-shadow:
        0 8px 20px rgba(21, 16, 54, .04),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.pro-linked-venue__icon[b-92b33fbreo] {
    width: 2.55rem;
    height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .82rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .16);
}

.pro-linked-venue__content[b-92b33fbreo] {
    min-width: 0;
}

.pro-linked-venue__content strong[b-92b33fbreo],
.pro-linked-venue__content span[b-92b33fbreo] {
    display: block;
}

.pro-linked-venue__content strong[b-92b33fbreo] {
    overflow: hidden;
    color: #382a41;
    font-size: .76rem;
    font-weight: 870;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-linked-venue__content span[b-92b33fbreo] {
    margin-top: .13rem;
    color: #7d7182;
    font-size: .63rem;
    line-height: 1.4;
}

.pro-linked-venue__status[b-92b33fbreo] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .32rem .5rem;
    border-radius: 999px;
    color: #197448;
    background: rgba(34, 197, 94, .085);
    font-size: .58rem;
    font-weight: 840;
    white-space: nowrap;
}

.pro-linked-venue--unlinked[b-92b33fbreo] {
    border-color: rgba(124, 58, 237, .11);
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .05), transparent 38%),
        linear-gradient(135deg, #fbf8ff, #fff);
}

@media (max-width: 560px) {
    .pro-linked-venue[b-92b33fbreo] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .pro-linked-venue__status[b-92b33fbreo] {
        grid-column: 2;
        width: fit-content;
    }
}


/* ============================================================
   Publication workflow
   Draft / Published are publication states exposed as actions,
   not as a raw enum dropdown. Past is derived from EndAt.
   ============================================================ */

.pro-publication-bar[b-92b33fbreo] {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1rem;
    padding-top: .9rem;
    border-top: 1px solid rgba(39, 24, 69, .075);
}

.pro-publication-bar__state[b-92b33fbreo] {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .55rem;
}

.pro-publication-badge[b-92b33fbreo] {
    min-height: 1.8rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .3rem .5rem;
    border-radius: 999px;
    font-size: .59rem;
    font-weight: 880;
    letter-spacing: .025em;
    text-transform: uppercase;
    white-space: nowrap;
}

.pro-publication-badge--draft[b-92b33fbreo] {
    color: #785b21;
    border: 1px solid rgba(234, 179, 8, .15);
    background: rgba(234, 179, 8, .09);
}

.pro-publication-badge--published[b-92b33fbreo] {
    color: #197448;
    border: 1px solid rgba(34, 197, 94, .15);
    background: rgba(34, 197, 94, .085);
}

.pro-publication-badge--past[b-92b33fbreo] {
    color: #675b6d;
    border: 1px solid rgba(92, 77, 101, .12);
    background: rgba(92, 77, 101, .07);
}

.pro-publication-badge--cancelled[b-92b33fbreo],
.pro-publication-badge--canceled[b-92b33fbreo] {
    color: #a13455;
    border: 1px solid rgba(220, 53, 69, .14);
    background: rgba(220, 53, 69, .07);
}

.pro-publication-bar__description[b-92b33fbreo] {
    color: #7b6f80;
    font-size: .66rem;
    line-height: 1.4;
}

.pro-event-more-actions[b-92b33fbreo] {
    position: relative;
}

.pro-event-more-actions > summary[b-92b33fbreo] {
    min-height: 2.45rem;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .52rem .72rem;
    border: 1px solid rgba(124, 58, 237, .14);
    border-radius: 999px;
    color: #6d4b7a;
    cursor: pointer;
    list-style: none;
    background: #fff;
    box-shadow: 0 8px 18px rgba(21, 16, 54, .045);
    font-size: .69rem;
    font-weight: 830;
}

.pro-event-more-actions > summary[b-92b33fbreo]::-webkit-details-marker {
    display: none;
}

.pro-event-more-actions__menu[b-92b33fbreo] {
    position: absolute;
    z-index: 20;
    right: 0;
    top: calc(100% + .4rem);
    min-width: 12rem;
    padding: .35rem;
    border: 1px solid rgba(39, 24, 69, .10);
    border-radius: .85rem;
    background: #fff;
    box-shadow: 0 16px 36px rgba(21, 16, 54, .14);
}

.pro-event-more-actions__menu button[b-92b33fbreo] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .6rem;
    border: 0;
    border-radius: .62rem;
    color: #5e5064;
    cursor: pointer;
    text-align: left;
    background: transparent;
    font-family: inherit;
    font-size: .67rem;
    font-weight: 770;
}

.pro-event-more-actions__menu button:hover:not(:disabled)[b-92b33fbreo] {
    color: #8a3470;
    background: rgba(124, 58, 237, .055);
}

.pro-event-more-actions__menu .pro-event-more-actions__danger[b-92b33fbreo] {
    color: #ad3657;
}

.pro-event-more-actions__menu .pro-event-more-actions__danger:hover:not(:disabled)[b-92b33fbreo] {
    color: #942b4a;
    background: rgba(220, 53, 69, .055);
}

.pro-event-more-actions__menu button:disabled[b-92b33fbreo] {
    opacity: .45;
    cursor: not-allowed;
}

.pro-cancel-confirmation[b-92b33fbreo] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
    margin-top: .8rem;
    padding: .8rem;
    border: 1px solid rgba(220, 53, 69, .14);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(220, 53, 69, .055), transparent 38%),
        #fff;
}

.pro-cancel-confirmation__icon[b-92b33fbreo] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .82rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #dc3545);
    box-shadow: 0 8px 18px rgba(220, 53, 69, .15);
}

.pro-cancel-confirmation strong[b-92b33fbreo] {
    display: block;
    color: #4a303b;
    font-size: .73rem;
    font-weight: 860;
}

.pro-cancel-confirmation p[b-92b33fbreo] {
    max-width: 39rem;
    margin: .12rem 0 0;
    color: #806f76;
    font-size: .64rem;
    line-height: 1.4;
}

.pro-cancel-confirmation__actions[b-92b33fbreo] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

@media (max-width: 700px) {
    .pro-publication-bar[b-92b33fbreo] {
        align-items: stretch;
        flex-direction: column;
    }

    .pro-publication-bar > .pro-primary-action[b-92b33fbreo],
    .pro-event-more-actions[b-92b33fbreo],
    .pro-event-more-actions > summary[b-92b33fbreo] {
        width: 100%;
    }

    .pro-event-more-actions > summary[b-92b33fbreo] {
        justify-content: center;
    }

    .pro-event-more-actions__menu[b-92b33fbreo] {
        position: static;
        width: 100%;
        margin-top: .4rem;
        box-shadow: 0 8px 20px rgba(21, 16, 54, .08);
    }

    .pro-cancel-confirmation[b-92b33fbreo] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .pro-cancel-confirmation__actions[b-92b33fbreo] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 430px) {
    .pro-publication-bar__state[b-92b33fbreo] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pro-cancel-confirmation[b-92b33fbreo] {
        grid-template-columns: 1fr;
    }

    .pro-cancel-confirmation__actions[b-92b33fbreo] {
        grid-column: auto;
        align-items: stretch;
        flex-direction: column;
    }

    .pro-cancel-confirmation__actions > *[b-92b33fbreo] {
        width: 100%;
    }
}


/* ============================================================
   Example event template
   ============================================================ */

.pro-template-banner[b-92b33fbreo] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    margin: 1rem 0 0;
    padding: .85rem .95rem;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.07), transparent 38%),
        radial-gradient(circle at 0% 100%, rgba(255,61,141,.055), transparent 38%),
        linear-gradient(135deg,#fbf8ff,#fffafd);
    box-shadow: 0 10px 26px rgba(21,16,54,.055);
}

.pro-template-banner__icon[b-92b33fbreo] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .92rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 10px 22px rgba(124,58,237,.17);
}

.pro-template-banner strong[b-92b33fbreo] {
    display: block;
    color: #392b42;
    font-size: .78rem;
    font-weight: 870;
}

.pro-template-banner p[b-92b33fbreo] {
    max-width: 46rem;
    margin: .15rem 0 0;
    color: #7c7081;
    font-size: .66rem;
    line-height: 1.45;
}

@media (max-width: 500px) {
    .pro-template-banner[b-92b33fbreo] {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   Controlled rich text editor
   The professional never sees Markdown syntax; Markdown remains
   only the persistence format used by the existing API.
   ============================================================ */

.pro-rich-editor[b-92b33fbreo] {
    overflow: hidden;
    border: 1px solid rgba(39, 24, 69, .12);
    border-radius: .95rem;
    background: #fff;
    box-shadow:
        0 8px 20px rgba(21, 16, 54, .04),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.pro-rich-editor:focus-within[b-92b33fbreo] {
    border-color: rgba(255, 61, 141, .38);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .08),
        0 10px 24px rgba(21, 16, 54, .06);
}

.pro-rich-editor__toolbar[b-92b33fbreo] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .28rem;
    padding: .42rem .48rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 40%),
        linear-gradient(180deg, #fcfafd, #faf7fb);
}

.pro-rich-editor__toolbar button[b-92b33fbreo] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid transparent;
    border-radius: .62rem;
    color: #6c5a73;
    cursor: pointer;
    background: transparent;
    font-family: inherit;
    transition:
        color .14s ease,
        border-color .14s ease,
        background .14s ease;
}

.pro-rich-editor__toolbar button:hover[b-92b33fbreo] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .13);
    background: #fff;
}

.pro-rich-editor__toolbar button:focus-visible[b-92b33fbreo] {
    outline: 3px solid rgba(255, 61, 141, .16);
    outline-offset: 1px;
}

.pro-rich-editor__style select[b-92b33fbreo] {
    min-height: 2rem;
    padding: .35rem 1.8rem .35rem .55rem;
    border: 1px solid rgba(39, 24, 69, .10);
    border-radius: .62rem;
    color: #66566d;
    cursor: pointer;
    outline: 0;
    background-color: #fff;
    font-family: inherit;
    font-size: .63rem;
    font-weight: 790;
}

.pro-rich-editor__separator[b-92b33fbreo] {
    width: 1px;
    height: 1.35rem;
    margin: 0 .12rem;
    background: rgba(39, 24, 69, .09);
}

.pro-rich-editor__surface[b-92b33fbreo] {
    min-height: 11rem;
    padding: .85rem .9rem;
    color: #44364c;
    outline: 0;
    font-size: .78rem;
    line-height: 1.62;
}

.pro-rich-editor__surface:empty[b-92b33fbreo]::before {
    content: attr(data-placeholder);
    color: #a095a5;
    pointer-events: none;
}

.pro-rich-editor__surface[b-92b33fbreo]  p {
    margin: 0 0 .72rem;
}

.pro-rich-editor__surface[b-92b33fbreo]  p:last-child {
    margin-bottom: 0;
}

.pro-rich-editor__surface[b-92b33fbreo]  h2,
.pro-rich-editor__surface[b-92b33fbreo]  h3 {
    margin: 1rem 0 .45rem;
    color: #30223c;
    font-weight: 880;
    line-height: 1.2;
    letter-spacing: -.025em;
}

.pro-rich-editor__surface[b-92b33fbreo]  h2 {
    font-size: 1.15rem;
}

.pro-rich-editor__surface[b-92b33fbreo]  h3 {
    font-size: .98rem;
}

.pro-rich-editor__surface[b-92b33fbreo]  strong,
.pro-rich-editor__surface[b-92b33fbreo]  b {
    color: #382841;
    font-weight: 850;
}

.pro-rich-editor__surface[b-92b33fbreo]  em,
.pro-rich-editor__surface[b-92b33fbreo]  i {
    color: #66556e;
}

.pro-rich-editor__surface[b-92b33fbreo]  ul,
.pro-rich-editor__surface[b-92b33fbreo]  ol {
    margin: .55rem 0 .8rem;
    padding-left: 1.3rem;
}

.pro-rich-editor__surface[b-92b33fbreo]  li {
    margin: .25rem 0;
}

.pro-rich-editor__surface[b-92b33fbreo]  li::marker {
    color: #c33e89;
    font-weight: 800;
}


.pro-rich-editor__help[b-92b33fbreo] {
    display: flex;
    align-items: flex-start;
    gap: .35rem;
    padding: .48rem .62rem;
    border-top: 1px solid rgba(39, 24, 69, .06);
    color: #938798;
    background: #fcfafc;
    font-size: .58rem;
    line-height: 1.4;
}

.pro-rich-editor__help i[b-92b33fbreo] {
    flex: 0 0 auto;
    margin-top: .05rem;
    color: #b8468d;
}

@media (max-width: 500px) {
    .pro-rich-editor__toolbar[b-92b33fbreo] {
        gap: .22rem;
    }

    .pro-rich-editor__style[b-92b33fbreo] {
        width: 100%;
    }

    .pro-rich-editor__style select[b-92b33fbreo] {
        width: 100%;
    }

    .pro-rich-editor__separator:first-of-type[b-92b33fbreo] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pro-rich-editor[b-92b33fbreo],
    .pro-rich-editor__toolbar button[b-92b33fbreo] {
        transition: none;
    }
}


/* Public venue shortcut from the event editor. */
.pro-linked-venue__public-link[b-92b33fbreo] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin-top: .32rem;
    color: #9b3e80;
    text-decoration: none;
    font-size: .58rem;
    font-weight: 820;
}

.pro-linked-venue__public-link i[b-92b33fbreo] {
    font-size: .52rem;
    transition: transform .16s ease;
}

.pro-linked-venue__public-link:hover[b-92b33fbreo] {
    color: #7c3aed;
    text-decoration: none;
}

.pro-linked-venue__public-link:hover i[b-92b33fbreo] {
    transform: translate(2px, -2px);
}

@media (prefers-reduced-motion: reduce) {
    .pro-linked-venue__public-link i[b-92b33fbreo] {
        transition: none;
    }
}
/* /Components/Pages/Pro/MyVenue.razor.rz.scp.css */

:host[b-dfnsrcaf25] {
    display: block;
}

.pro-venue-page[b-dfnsrcaf25],
.pro-event-page[b-dfnsrcaf25] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.35rem 0 4rem;
    color: #281d34;
}

.pro-eyebrow[b-dfnsrcaf25],
.pro-section-eyebrow[b-dfnsrcaf25] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #a7457e;
    font-size: .69rem;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.pro-section-eyebrow[b-dfnsrcaf25] {
    display: block;
    margin-bottom: .18rem;
}

.pro-primary-action[b-dfnsrcaf25],
.pro-secondary-action[b-dfnsrcaf25],
.pro-danger-action[b-dfnsrcaf25],
.pro-back-link[b-dfnsrcaf25],
.pro-icon-button[b-dfnsrcaf25],
.pro-add-hours-button[b-dfnsrcaf25] {
    font: inherit;
}

.pro-primary-action[b-dfnsrcaf25] {
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .62rem .9rem;
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background:
        radial-gradient(circle at 22% 0%, rgba(255,255,255,.28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 13px 28px rgba(124,58,237,.22),
        inset 0 1px 0 rgba(255,255,255,.22);
    font-size: .76rem;
    font-weight: 850;
    transition: transform .16s ease, box-shadow .16s ease;
}

.pro-primary-action:hover[b-dfnsrcaf25] {
    color: #fff;
    transform: translateY(-1px);
    box-shadow:
        0 17px 36px rgba(124,58,237,.27),
        inset 0 1px 0 rgba(255,255,255,.22);
}

.pro-primary-action:disabled[b-dfnsrcaf25] {
    opacity: .55;
    cursor: not-allowed;
    transform: none;
}

.pro-primary-action--small[b-dfnsrcaf25] {
    min-height: 2.25rem;
    padding: .46rem .72rem;
    font-size: .7rem;
}

.pro-secondary-action[b-dfnsrcaf25],
.pro-danger-action[b-dfnsrcaf25] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    padding: .5rem .72rem;
    border-radius: 999px;
    cursor: pointer;
    background: #fff;
    text-decoration: none;
    font-size: .7rem;
    font-weight: 820;
}

.pro-secondary-action[b-dfnsrcaf25] {
    color: #6d4b7a;
    border: 1px solid rgba(124,58,237,.14);
    box-shadow: 0 8px 18px rgba(21,16,54,.045);
}

.pro-secondary-action:hover[b-dfnsrcaf25] {
    color: #b72d72;
    border-color: rgba(255,61,141,.22);
}

.pro-secondary-action--large[b-dfnsrcaf25] {
    min-height: 2.7rem;
    padding-inline: .95rem;
}

.pro-danger-action[b-dfnsrcaf25] {
    color: #b3385d;
    border: 1px solid rgba(220,53,69,.18);
}

.pro-danger-action:hover[b-dfnsrcaf25] {
    color: #8f2447;
    background: rgba(220,53,69,.045);
}

.pro-panel[b-dfnsrcaf25] {
    margin-top: 1.2rem;
    overflow: hidden;
    border: 1px solid rgba(38,24,69,.085);
    border-radius: 1.45rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.035), transparent 36%),
        linear-gradient(180deg,#fff 0%,#fffafd 100%);
    box-shadow:
        0 20px 52px rgba(21,16,54,.09),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.pro-panel__header[b-dfnsrcaf25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 1.2rem;
    border-bottom: 1px solid rgba(39,24,69,.075);
}

.pro-panel__header h2[b-dfnsrcaf25] {
    margin: 0;
    color: #20172b;
    font-size: 1.42rem;
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.035em;
}

.pro-panel__header p[b-dfnsrcaf25] {
    max-width: 45rem;
    margin: .28rem 0 0;
    color: #766a7c;
    font-size: .78rem;
    line-height: 1.48;
}

.pro-panel__icon[b-dfnsrcaf25] {
    width: 2.9rem;
    height: 2.9rem;
    flex: 0 0 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .98rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.30), transparent 34%),
        linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 12px 27px rgba(124,58,237,.20);
}

.pro-panel__body[b-dfnsrcaf25] {
    padding: 1.2rem;
}

.pro-form-section + .pro-form-section[b-dfnsrcaf25] {
    margin-top: 1.3rem;
    padding-top: 1.3rem;
    border-top: 1px solid rgba(39,24,69,.075);
}

.pro-form-section__heading[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: .7rem;
    margin-bottom: .9rem;
}

.pro-form-section__icon[b-dfnsrcaf25] {
    width: 2.4rem;
    height: 2.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .78rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 8px 18px rgba(124,58,237,.16);
}

.pro-form-section__heading h3[b-dfnsrcaf25] {
    margin: 0;
    color: #33253c;
    font-size: .92rem;
    font-weight: 870;
}

.pro-form-section__heading p[b-dfnsrcaf25] {
    margin: .08rem 0 0;
    color: #8b7e91;
    font-size: .67rem;
}

.pro-panel .form-label[b-dfnsrcaf25] {
    margin-bottom: .35rem;
    color: #4b3d54;
    font-size: .72rem;
    font-weight: 820;
}

.pro-panel .form-control[b-dfnsrcaf25],
.pro-panel .form-select[b-dfnsrcaf25] {
    min-height: 2.7rem;
    border: 1px solid rgba(39,24,69,.12);
    border-radius: .88rem;
    color: #33263b;
    background-color: #fff;
    box-shadow:
        0 7px 18px rgba(21,16,54,.04),
        inset 0 1px 0 rgba(255,255,255,.9);
    font-size: .78rem;
    font-weight: 690;
}

.pro-panel textarea.form-control[b-dfnsrcaf25] {
    min-height: 0;
    line-height: 1.5;
}

.pro-panel .form-control:focus[b-dfnsrcaf25],
.pro-panel .form-select:focus[b-dfnsrcaf25] {
    border-color: rgba(255,61,141,.38);
    box-shadow:
        0 0 0 4px rgba(255,61,141,.08),
        0 10px 24px rgba(21,16,54,.06);
}

.pro-panel .form-text[b-dfnsrcaf25] {
    margin-top: .3rem;
    color: #938798;
    font-size: .63rem;
    line-height: 1.4;
}

.pro-label-muted[b-dfnsrcaf25] {
    color: #9b8fa0;
    font-size: .65rem;
    font-weight: 650;
}

.pro-validation-summary[b-dfnsrcaf25],
.pro-field-error[b-dfnsrcaf25] {
    margin-bottom: 1rem;
    padding: .75rem .85rem;
    border: 1px solid rgba(220,53,69,.13);
    border-radius: .9rem;
    color: #a32f50;
    background: rgba(220,53,69,.045);
    font-size: .7rem;
}

.pro-save-bar[b-dfnsrcaf25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.3rem;
    padding: .9rem 1rem;
    border: 1px solid rgba(124,58,237,.10);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.06), transparent 36%),
        linear-gradient(135deg,#fbf8ff,#fffafd);
}

.pro-save-bar strong[b-dfnsrcaf25],
.pro-save-bar span[b-dfnsrcaf25] {
    display: block;
}

.pro-save-bar strong[b-dfnsrcaf25] {
    color: #382a41;
    font-size: .76rem;
    font-weight: 860;
}

.pro-save-bar > div > span[b-dfnsrcaf25] {
    margin-top: .08rem;
    color: #8b7e91;
    font-size: .65rem;
}

.pro-message[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .6rem;
    margin-top: 1rem;
    padding: .72rem .8rem;
    border-radius: .95rem;
    font-size: .72rem;
    font-weight: 690;
}

.pro-message--error[b-dfnsrcaf25] {
    color: #9c2949;
    border: 1px solid rgba(220,53,69,.15);
    background: rgba(220,53,69,.05);
}

.pro-message--success[b-dfnsrcaf25] {
    color: #216d47;
    border: 1px solid rgba(34,197,94,.15);
    background: rgba(34,197,94,.06);
}

.pro-message--compact[b-dfnsrcaf25] {
    margin-top: .75rem;
}

.pro-message button[b-dfnsrcaf25] {
    border: 0;
    color: inherit;
    cursor: pointer;
    background: transparent;
}

.pro-loading[b-dfnsrcaf25] {
    min-height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    margin-top: 1rem;
    border: 1px solid rgba(124,58,237,.09);
    border-radius: 1.3rem;
    background: #fff;
}

.pro-loading__icon[b-dfnsrcaf25] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
}

.pro-loading strong[b-dfnsrcaf25],
.pro-loading span[b-dfnsrcaf25] {
    display: block;
}

.pro-loading strong[b-dfnsrcaf25] {
    color: #3d3046;
    font-size: .78rem;
}

.pro-loading div > span[b-dfnsrcaf25] {
    margin-top: .08rem;
    color: #8a7e90;
    font-size: .66rem;
}

.pro-inline-status[b-dfnsrcaf25] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-top: .75rem;
    color: #796d7f;
    font-size: .68rem;
    font-weight: 700;
}

.pro-inline-status--large[b-dfnsrcaf25] {
    min-height: 8rem;
    width: 100%;
    justify-content: center;
}

.pro-public-media-rule[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    margin-bottom: .85rem;
    padding: .78rem .85rem;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .06), transparent 38%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .045), transparent 38%),
        linear-gradient(135deg, #fbf8ff, #fffafd);
    box-shadow:
        0 8px 20px rgba(21, 16, 54, .035),
        inset 0 1px 0 rgba(255,255,255,.86);
}

.pro-public-media-rule__icon[b-dfnsrcaf25] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .82rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124,58,237,.16);
    font-size: .84rem;
}

.pro-public-media-rule__copy strong[b-dfnsrcaf25],
.pro-public-media-rule__copy span[b-dfnsrcaf25] {
    display: block;
}

.pro-public-media-rule__copy strong[b-dfnsrcaf25] {
    color: #3b2b44;
    font-size: .72rem;
    font-weight: 870;
}

.pro-public-media-rule__copy span[b-dfnsrcaf25] {
    max-width: 48rem;
    margin-top: .1rem;
    color: #7d7083;
    font-size: .64rem;
    line-height: 1.45;
}

.pro-inline-section-link[b-dfnsrcaf25] {
    color: #a53f80;
    font-weight: 830;
    text-decoration: none;
    border-bottom: 1px solid rgba(165, 63, 128, .22);
    transition:
        color .16s ease,
        border-color .16s ease;
}

.pro-inline-section-link:hover[b-dfnsrcaf25] {
    color: #7c3aed;
    border-color: rgba(124, 58, 237, .30);
    text-decoration: none;
}

.pro-inline-section-link:focus-visible[b-dfnsrcaf25] {
    outline: 3px solid rgba(255, 61, 141, .14);
    outline-offset: 2px;
    border-radius: .18rem;
}

.pro-upload-zone[b-dfnsrcaf25] {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .75rem;
    padding: .9rem;
    cursor: pointer;
    border: 1px dashed rgba(124,58,237,.22);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.045), transparent 38%),
        #fff;
    transition: border-color .16s ease, background .16s ease;
}

.pro-upload-zone:hover[b-dfnsrcaf25] {
    border-color: rgba(255,61,141,.30);
    background: #fffafd;
}

.pro-upload-zone__icon[b-dfnsrcaf25] {
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .85rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
}

.pro-upload-zone__copy strong[b-dfnsrcaf25],
.pro-upload-zone__copy small[b-dfnsrcaf25] {
    display: block;
}

.pro-upload-zone__copy strong[b-dfnsrcaf25] {
    color: #3b2c44;
    font-size: .76rem;
}

.pro-upload-zone__copy small[b-dfnsrcaf25] {
    margin-top: .08rem;
    color: #8b7e91;
    font-size: .64rem;
}

.pro-upload-zone__button[b-dfnsrcaf25] {
    padding: .5rem .7rem;
    border: 1px solid rgba(124,58,237,.14);
    border-radius: 999px;
    color: #6d4b7a;
    background: #fff;
    font-size: .68rem;
    font-weight: 820;
}

.pro-upload-zone__input[b-dfnsrcaf25],
.pro-file-action__input[b-dfnsrcaf25] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.pro-icon-button[b-dfnsrcaf25] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(124,58,237,.12);
    border-radius: .68rem;
    color: #775984;
    cursor: pointer;
    background: #fff;
}

.pro-icon-button:hover:not(:disabled)[b-dfnsrcaf25] {
    color: #b72d72;
    border-color: rgba(255,61,141,.22);
}

.pro-icon-button--danger[b-dfnsrcaf25] {
    color: #bd4262;
    border-color: rgba(220,53,69,.15);
}

.pro-icon-button:disabled[b-dfnsrcaf25] {
    opacity: .35;
    cursor: not-allowed;
}

.pro-empty-state[b-dfnsrcaf25] {
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 2rem;
    border: 1px dashed rgba(124,58,237,.17);
    border-radius: 1.25rem;
    text-align: center;
    background: #fff;
}

.pro-empty-state__icon[b-dfnsrcaf25] {
    width: 3.7rem;
    height: 3.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.1rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
    font-size: 1.25rem;
}

.pro-empty-state h1[b-dfnsrcaf25] {
    margin: 0;
    color: #2c2037;
    font-size: 1.4rem;
    font-weight: 870;
}

.pro-empty-state p[b-dfnsrcaf25] {
    max-width: 30rem;
    margin: .45rem 0 0;
    color: #817486;
    font-size: .75rem;
}

@media (max-width: 700px) {
    .pro-venue-page[b-dfnsrcaf25],
    .pro-event-page[b-dfnsrcaf25] {
        width: min(100% - 1rem, 600px);
        padding-top: .8rem;
    }

    .pro-panel[b-dfnsrcaf25] {
        border-radius: 1.2rem;
    }

    .pro-panel__header[b-dfnsrcaf25] {
        align-items: flex-start;
        padding: 1rem;
    }

    .pro-panel__body[b-dfnsrcaf25] {
        padding: 1rem;
    }

    .pro-panel__icon[b-dfnsrcaf25] {
        width: 2.55rem;
        height: 2.55rem;
        flex-basis: 2.55rem;
    }

    .pro-save-bar[b-dfnsrcaf25] {
        align-items: stretch;
        flex-direction: column;
    }

    .pro-save-bar .pro-primary-action[b-dfnsrcaf25] {
        width: 100%;
    }

    .pro-upload-zone[b-dfnsrcaf25] {
        grid-template-columns: auto minmax(0,1fr);
    }

    .pro-upload-zone__button[b-dfnsrcaf25] {
        grid-column: 1 / -1;
        text-align: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pro-primary-action[b-dfnsrcaf25],
    .pro-upload-zone[b-dfnsrcaf25],
    .pro-icon-button[b-dfnsrcaf25],
    .pro-inline-section-link[b-dfnsrcaf25] {
        transition: none;
    }
}


/* =========================
   Venue workspace
   ========================= */

.pro-venue-hero[b-dfnsrcaf25] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 2rem;
    min-height: 245px;
    padding: 1.8rem 2rem;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 1.6rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, rgba(255,61,141,.44), transparent 34%),
        radial-gradient(circle at 96% 6%, rgba(124,58,237,.52), transparent 38%),
        linear-gradient(135deg,#0b1236 0%,#17104d 52%,#360936 100%);
    box-shadow: 0 24px 62px rgba(25,13,67,.20);
}

.pro-venue-hero[b-dfnsrcaf25]::after {
    content: "";
    position: absolute;
    right: -6rem;
    bottom: -8rem;
    width: 18rem;
    height: 18rem;
    border: 1px solid rgba(255,255,255,.07);
    border-radius: 50%;
}

.pro-venue-hero__content[b-dfnsrcaf25] {
    position: relative;
    z-index: 1;
}

.pro-venue-hero .pro-eyebrow[b-dfnsrcaf25] {
    color: rgba(255,255,255,.88);
}

.pro-venue-hero h1[b-dfnsrcaf25] {
    margin: .55rem 0 0;
    color: #fff;
    font-size: clamp(2.1rem,4.2vw,3.4rem);
    font-weight: 900;
    letter-spacing: -.05em;
    line-height: 1;
}

.pro-venue-hero p[b-dfnsrcaf25] {
    max-width: 46rem;
    margin: .8rem 0 0;
    color: rgba(255,255,255,.74);
    font-size: .9rem;
    line-height: 1.58;
}

.pro-venue-hero__actions[b-dfnsrcaf25] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .7rem;
    margin-top: 1rem;
}

.pro-venue-hero__status[b-dfnsrcaf25] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: rgba(255,255,255,.76);
    font-size: .68rem;
    font-weight: 720;
}

.pro-venue-hero__status i[b-dfnsrcaf25] {
    color: #6ee7a2;
}

.pro-venue-hero__visual[b-dfnsrcaf25] {
    position: relative;
    z-index: 1;
    width: 7.5rem;
    height: 7.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 2rem;
    color: #fff;
    background:
        radial-gradient(circle at 28% 10%, rgba(255,255,255,.30), transparent 35%),
        linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 22px 48px rgba(255,61,141,.24);
    font-size: 2.5rem;
    transform: rotate(4deg);
}

.pro-venue-hero__visual span[b-dfnsrcaf25] {
    position: absolute;
    right: -.5rem;
    top: -.55rem;
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .85rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 10px 22px rgba(255,61,141,.25);
    font-size: 1rem;
}

.pro-info-strip[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    gap: .75rem;
    align-items: center;
    margin-top: 1rem;
    padding: .85rem .95rem;
    border: 1px solid rgba(124,58,237,.10);
    border-radius: 1rem;
    background: linear-gradient(135deg,#fbf8ff,#fffafd);
}

.pro-info-strip__icon[b-dfnsrcaf25] {
    width: 2.6rem;
    height: 2.6rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .85rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
}

.pro-info-strip strong[b-dfnsrcaf25] {
    color: #3b2c44;
    font-size: .76rem;
}

.pro-info-strip p[b-dfnsrcaf25] {
    margin: .12rem 0 0;
    color: #817486;
    font-size: .68rem;
}

.pro-hours-table-wrap[b-dfnsrcaf25] {
    overflow-x: auto;
    border: 1px solid rgba(39,24,69,.08);
    border-radius: 1rem;
    background: #fff;
}

.pro-hours-table[b-dfnsrcaf25] {
    width: 100%;
    border-collapse: collapse;
}

.pro-hours-table th[b-dfnsrcaf25] {
    padding: .65rem .75rem;
    color: #776a7d;
    background: #faf7fb;
    font-size: .63rem;
    font-weight: 820;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.pro-hours-table td[b-dfnsrcaf25] {
    padding: .58rem .75rem;
    border-top: 1px solid rgba(39,24,69,.065);
    vertical-align: middle;
}

.pro-hours-table__day[b-dfnsrcaf25] {
    width: 8.5rem;
    color: #3b2c44;
    font-size: .74rem;
    font-weight: 820;
}

.pro-hours-ranges[b-dfnsrcaf25] {
    display: grid;
    gap: .4rem;
}

.pro-hours-range[b-dfnsrcaf25] {
    display: flex;
    align-items: center;
    gap: .4rem;
}

.pro-hours-range .form-control[b-dfnsrcaf25] {
    width: 8.2rem;
    min-height: 2.2rem;
}

.pro-hours-range__separator[b-dfnsrcaf25] {
    color: #9b8fa0;
    font-size: .62rem;
    font-weight: 750;
}

.pro-hours-closed[b-dfnsrcaf25] {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: .28rem .5rem;
    border-radius: 999px;
    color: #897b8e;
    background: #f5f1f6;
    font-size: .62rem;
    font-weight: 760;
}

.pro-add-hours-button[b-dfnsrcaf25] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    padding: .4rem .55rem;
    border: 1px solid rgba(124,58,237,.12);
    border-radius: 999px;
    color: #70507d;
    cursor: pointer;
    background: #fff;
    font-size: .63rem;
    font-weight: 800;
    white-space: nowrap;
}

.pro-helper-note[b-dfnsrcaf25] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin-top: .65rem;
    color: #8a7d8f;
    font-size: .63rem;
    line-height: 1.4;
}

.pro-helper-note i[b-dfnsrcaf25] {
    color: #b8468d;
}

.pro-advanced-location[b-dfnsrcaf25] {
    padding: .72rem .8rem;
    border: 1px solid rgba(39,24,69,.08);
    border-radius: .9rem;
    background: #fbf9fc;
}

.pro-advanced-location summary[b-dfnsrcaf25] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    cursor: pointer;
    color: #5f4f67;
    font-size: .7rem;
    font-weight: 800;
}

.pro-advanced-location summary small[b-dfnsrcaf25] {
    color: #9c909f;
    font-size: .6rem;
    font-weight: 650;
}

.pro-advanced-location[open] summary[b-dfnsrcaf25] {
    margin-bottom: .8rem;
}

.pro-media-grid[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: .8rem;
    margin-top: 1rem;
}

.pro-media-card[b-dfnsrcaf25] {
    overflow: hidden;
    min-width: 0;
    border: 1px solid rgba(39,24,69,.085);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 10px 24px rgba(21,16,54,.055);
}

.pro-media-card__preview[b-dfnsrcaf25] {
    position: relative;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: #f3eef7;
}

.pro-media-card__preview img[b-dfnsrcaf25],
.pro-media-card__placeholder[b-dfnsrcaf25] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    object-fit: cover;
}

.pro-media-card__placeholder[b-dfnsrcaf25] {
    color: #fff;
    background: linear-gradient(135deg,#271747,#5e286b);
    font-size: 1.4rem;
}

.pro-media-card__status[b-dfnsrcaf25] {
    position: absolute;
    left: .5rem;
    bottom: .5rem;
    padding: .25rem .42rem;
    border-radius: 999px;
    color: #fff;
    background: rgba(20,14,34,.62);
    backdrop-filter: blur(8px);
    font-size: .55rem;
    font-weight: 800;
}

.pro-media-card__body[b-dfnsrcaf25] {
    padding: .68rem;
}

.pro-media-card__body > strong[b-dfnsrcaf25] {
    display: block;
    overflow: hidden;
    color: #3b2d44;
    font-size: .66rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-media-card--ineligible[b-dfnsrcaf25] {
    border-color: rgba(220, 53, 69, .20);
    background:
        radial-gradient(circle at 100% 0%, rgba(220, 53, 69, .045), transparent 40%),
        #fff;
    box-shadow:
        0 10px 24px rgba(21,16,54,.045),
        0 0 0 1px rgba(220, 53, 69, .025);
}

.pro-media-card--ineligible .pro-media-card__preview[b-dfnsrcaf25]::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 58%, rgba(71, 18, 34, .10));
}

.pro-media-card__status--not-public[b-dfnsrcaf25] {
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    color: #fff;
    background:
        radial-gradient(circle at 24% 0%, rgba(255,255,255,.18), transparent 36%),
        linear-gradient(135deg, rgba(177, 48, 81, .96), rgba(124, 58, 99, .96));
    box-shadow: 0 6px 16px rgba(100, 22, 53, .20);
}

.pro-media-card__status--not-public i[b-dfnsrcaf25] {
    font-size: .55rem;
}

.pro-media-card__nudity-notice[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: .5rem;
    margin-top: .55rem;
    padding: .6rem;
    border: 1px solid rgba(220, 53, 69, .18);
    border-radius: .78rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(220, 53, 69, .055), transparent 40%),
        linear-gradient(135deg, #fff8fa, #fff);
}

.pro-media-card__nudity-notice-icon[b-dfnsrcaf25] {
    width: 1.75rem;
    height: 1.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .58rem;
    color: #fff;
    background: linear-gradient(135deg, #c93f67, #7c3a63);
    box-shadow: 0 6px 14px rgba(156, 41, 73, .15);
    font-size: .62rem;
}

.pro-media-card__nudity-notice strong[b-dfnsrcaf25],
.pro-media-card__nudity-notice span[b-dfnsrcaf25],
.pro-media-card__nudity-notice small[b-dfnsrcaf25] {
    display: block;
}

.pro-media-card__nudity-notice strong[b-dfnsrcaf25] {
    color: #8d2948;
    font-size: .62rem;
    font-weight: 860;
    line-height: 1.3;
}

.pro-media-card__nudity-notice span[b-dfnsrcaf25] {
    margin-top: .12rem;
    color: #765b64;
    font-size: .59rem;
    line-height: 1.4;
}

.pro-media-card__nudity-notice small[b-dfnsrcaf25] {
    margin-top: .34rem;
    padding-top: .34rem;
    border-top: 1px solid rgba(220, 53, 69, .10);
    color: #8a6d76;
    font-size: .55rem;
    line-height: 1.4;
}

.pro-media-card__actions[b-dfnsrcaf25] {
    display: flex;
    gap: .35rem;
    margin-top: .55rem;
}

.pro-empty-inline[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: center;
    gap: .65rem;
    margin-top: 1rem;
    padding: .9rem;
    border: 1px dashed rgba(124,58,237,.16);
    border-radius: .95rem;
    color: #817486;
}

.pro-empty-inline > i[b-dfnsrcaf25] {
    font-size: 1.25rem;
    color: #b8468d;
}

.pro-empty-inline strong[b-dfnsrcaf25],
.pro-empty-inline span[b-dfnsrcaf25] {
    display: block;
}

.pro-empty-inline strong[b-dfnsrcaf25] {
    color: #4a3a53;
    font-size: .72rem;
}

.pro-empty-inline span[b-dfnsrcaf25] {
    margin-top: .08rem;
    font-size: .64rem;
}

.pro-panel__header--events[b-dfnsrcaf25] {
    align-items: center;
}

.pro-event-empty[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .9rem;
    padding: 1rem;
    border: 1px dashed rgba(124,58,237,.18);
    border-radius: 1rem;
    background: linear-gradient(135deg,#fffafd,#faf7ff);
}

.pro-event-empty__icon[b-dfnsrcaf25] {
    width: 3.2rem;
    height: 3.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
    font-size: 1.2rem;
}

.pro-event-empty h3[b-dfnsrcaf25] {
    margin: 0;
    color: #34263e;
    font-size: .95rem;
    font-weight: 880;
}

.pro-event-empty p[b-dfnsrcaf25] {
    max-width: 40rem;
    margin: .2rem 0 0;
    color: #817486;
    font-size: .68rem;
    line-height: 1.45;
}

.pro-event-list[b-dfnsrcaf25] {
    display: grid;
    gap: .7rem;
}

.pro-event-card[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: .8rem;
    border: 1px solid rgba(39,24,69,.085);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 10px 24px rgba(21,16,54,.045);
}

.pro-event-card__date[b-dfnsrcaf25] {
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 8px 18px rgba(124,58,237,.16);
}

.pro-event-card__date strong[b-dfnsrcaf25] {
    font-size: 1rem;
    line-height: 1;
}

.pro-event-card__date span[b-dfnsrcaf25] {
    margin-top: .12rem;
    font-size: .54rem;
    font-weight: 820;
    text-transform: uppercase;
}

.pro-event-card__heading[b-dfnsrcaf25] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
}

.pro-event-card h3[b-dfnsrcaf25] {
    margin: 0;
    color: #30223c;
    font-size: .86rem;
    font-weight: 870;
}

.pro-event-status[b-dfnsrcaf25] {
    padding: .24rem .42rem;
    border-radius: 999px;
    color: #675b6d;
    background: #f1edf3;
    font-size: .55rem;
    font-weight: 820;
}

.pro-event-status--published[b-dfnsrcaf25],
.pro-event-status--active[b-dfnsrcaf25] {
    color: #1d7549;
    background: rgba(34,197,94,.09);
}

.pro-event-status--draft[b-dfnsrcaf25] {
    color: #735a28;
    background: rgba(234,179,8,.10);
}

.pro-event-status--cancelled[b-dfnsrcaf25],
.pro-event-status--canceled[b-dfnsrcaf25] {
    color: #9d3551;
    background: rgba(220,53,69,.08);
}

.pro-event-card__meta[b-dfnsrcaf25] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: .3rem;
    color: #817486;
    font-size: .62rem;
}

.pro-event-card__meta span[b-dfnsrcaf25] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

.pro-event-card__meta i[b-dfnsrcaf25] {
    color: #b8468d;
}

.pro-event-card__actions[b-dfnsrcaf25] {
    display: flex;
    gap: .45rem;
}

@media (max-width: 900px) {
    .pro-media-grid[b-dfnsrcaf25] {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 700px) {
    .pro-public-media-rule[b-dfnsrcaf25] {
        align-items: flex-start;
        padding: .72rem;
    }

    .pro-public-media-rule__icon[b-dfnsrcaf25] {
        width: 2.25rem;
        height: 2.25rem;
    }

    .pro-venue-hero[b-dfnsrcaf25] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 1.3rem;
    }

    .pro-venue-hero__visual[b-dfnsrcaf25] {
        display: none;
    }

    .pro-media-grid[b-dfnsrcaf25] {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .pro-hours-table th:last-child[b-dfnsrcaf25],
    .pro-hours-table td:last-child[b-dfnsrcaf25] {
        min-width: 7rem;
    }

    .pro-hours-range[b-dfnsrcaf25] {
        flex-wrap: wrap;
    }

    .pro-event-empty[b-dfnsrcaf25] {
        grid-template-columns: 1fr;
    }

    .pro-event-empty__icon[b-dfnsrcaf25] {
        width: 2.8rem;
        height: 2.8rem;
    }

    .pro-event-card[b-dfnsrcaf25] {
        grid-template-columns: auto minmax(0,1fr);
    }

    .pro-event-card__actions[b-dfnsrcaf25] {
        grid-column: 1 / -1;
        justify-content: flex-end;
    }
}

@media (max-width: 430px) {
    .pro-public-media-rule[b-dfnsrcaf25] {
        grid-template-columns: 1fr;
    }

    .pro-public-media-rule__icon[b-dfnsrcaf25] {
        width: 2.2rem;
        height: 2.2rem;
    }

    .pro-media-grid[b-dfnsrcaf25] {
        grid-template-columns: 1fr;
    }

    .pro-event-card[b-dfnsrcaf25] {
        grid-template-columns: 1fr;
    }

    .pro-event-card__date[b-dfnsrcaf25] {
        width: 2.8rem;
        height: 2.8rem;
    }

    .pro-event-card__actions[b-dfnsrcaf25] {
        grid-column: auto;
        justify-content: stretch;
    }

    .pro-event-card__actions > *[b-dfnsrcaf25] {
        flex: 1 1 0;
    }

    .pro-advanced-location summary[b-dfnsrcaf25] {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* ============================================================
   V2 UX refinements
   ============================================================ */

.pro-hero-secondary-action[b-dfnsrcaf25] {
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .62rem .9rem;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, .09);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
    backdrop-filter: blur(10px);
    font-size: .76rem;
    font-weight: 850;
    transition:
        transform .16s ease,
        background .16s ease,
        border-color .16s ease;
}

.pro-hero-secondary-action:hover[b-dfnsrcaf25] {
    color: #fff;
    text-decoration: none;
    border-color: rgba(255, 255, 255, .30);
    background: rgba(255, 255, 255, .14);
    transform: translateY(-1px);
}


/* Dedicated high-visibility action for venue promotion tools. */
.pro-hero-promote-action[b-dfnsrcaf25] {
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .48rem;
    padding: .62rem .95rem;
    border: 1px solid rgba(255, 117, 173, .30);
    border-radius: 999px;
    color: #78358f;
    text-decoration: none;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .95), transparent 42%),
        linear-gradient(135deg, #fffdfd 0%, #fff3f8 54%, #f8f1ff 100%);
    box-shadow:
        0 12px 28px rgba(28, 9, 65, .13),
        0 4px 14px rgba(255, 61, 141, .10),
        inset 0 1px 0 rgba(255, 255, 255, .98);
    font-size: .76rem;
    font-weight: 880;
    transition:
        transform .16s ease,
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        background .16s ease;
}

.pro-hero-promote-action i[b-dfnsrcaf25] {
    color: #d43d88;
    font-size: .82rem;
    filter: drop-shadow(0 2px 5px rgba(255, 61, 141, .16));
    transition: transform .16s ease, color .16s ease;
}

.pro-hero-promote-action:hover[b-dfnsrcaf25] {
    color: #6d2789;
    text-decoration: none;
    border-color: rgba(255, 61, 141, .48);
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, 1), transparent 42%),
        linear-gradient(135deg, #ffffff 0%, #ffeaf3 54%, #f3eaff 100%);
    box-shadow:
        0 16px 34px rgba(28, 9, 65, .16),
        0 6px 18px rgba(255, 61, 141, .14),
        inset 0 1px 0 rgba(255, 255, 255, 1);
    transform: translateY(-1px);
}

.pro-hero-promote-action:hover i[b-dfnsrcaf25] {
    color: #c42d79;
    transform: rotate(-4deg) scale(1.05);
}

.pro-hero-promote-action:focus-visible[b-dfnsrcaf25] {
    outline: 3px solid rgba(255, 117, 173, .30);
    outline-offset: 3px;
}

.pro-venue-hero__event-hint[b-dfnsrcaf25] {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    max-width: 42rem !important;
    margin-top: .75rem !important;
    color: rgba(255, 255, 255, .62) !important;
    font-size: .68rem !important;
    line-height: 1.45 !important;
}

.pro-venue-hero__event-hint i[b-dfnsrcaf25] {
    flex: 0 0 auto;
    margin-top: .08rem;
    color: #ff8fc1;
}

.pro-private-label[b-dfnsrcaf25] {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    margin-left: .35rem;
    padding: .2rem .38rem;
    border-radius: 999px;
    color: #73558a;
    background: rgba(124, 58, 237, .07);
    font-size: .55rem;
    font-weight: 820;
    vertical-align: middle;
}

.pro-private-help[b-dfnsrcaf25] {
    display: flex;
    align-items: flex-start;
    gap: .35rem;
}

.pro-private-help i[b-dfnsrcaf25] {
    flex: 0 0 auto;
    margin-top: .08rem;
    color: #8a58a8;
}

.pro-location-summary[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    margin-top: .7rem;
    padding: .72rem .8rem;
    border: 1px solid rgba(34, 197, 94, .13);
    border-radius: .9rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(34, 197, 94, .055), transparent 38%),
        linear-gradient(135deg, #fbfffc, #fff);
}

.pro-location-summary__icon[b-dfnsrcaf25] {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .72rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .14);
}

.pro-location-summary strong[b-dfnsrcaf25],
.pro-location-summary span[b-dfnsrcaf25] {
    display: block;
}

.pro-location-summary strong[b-dfnsrcaf25] {
    color: #382a41;
    font-size: .66rem;
    font-weight: 850;
}

.pro-location-summary div > span[b-dfnsrcaf25] {
    margin-top: .08rem;
    color: #756979;
    font-size: .68rem;
    line-height: 1.35;
}

.pro-location-summary__ok[b-dfnsrcaf25] {
    color: #2d9b62;
    font-size: 1rem;
}

.pro-directory-cover-note[b-dfnsrcaf25] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin-top: .45rem;
    max-width: 46rem;
    color: #786c7d;
    font-size: .65rem;
    line-height: 1.4;
}

.pro-directory-cover-note > i[b-dfnsrcaf25] {
    flex: 0 0 auto;
    margin-top: .08rem;
    color: #b8468d;
}

.pro-directory-cover-note strong[b-dfnsrcaf25] {
    color: #4c3c54;
}

.pro-media-card__cover-badge[b-dfnsrcaf25] {
    position: absolute;
    z-index: 2;
    right: .5rem;
    top: .5rem;
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    max-width: calc(100% - 1rem);
    padding: .3rem .48rem;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .25), transparent 38%),
        linear-gradient(135deg, rgba(255, 61, 141, .94), rgba(124, 58, 237, .94));
    box-shadow: 0 8px 18px rgba(35, 17, 67, .24);
    backdrop-filter: blur(8px);
    font-size: .55rem;
    font-weight: 850;
}

.pro-media-card__cover-badge i[b-dfnsrcaf25] {
    font-size: .52rem;
}

.pro-media-card__cover-help[b-dfnsrcaf25] {
    display: block;
    margin-top: .28rem;
    color: #8d8092;
    font-size: .56rem;
    line-height: 1.35;
}

#venue-events[b-dfnsrcaf25] {
    scroll-margin-top: 5rem;
}

@media (max-width: 700px) {
    .pro-venue-hero__actions[b-dfnsrcaf25] {
        align-items: stretch;
    }

    .pro-venue-hero__actions .pro-primary-action[b-dfnsrcaf25],
    .pro-venue-hero__actions .pro-hero-secondary-action[b-dfnsrcaf25],
    .pro-venue-hero__actions .pro-hero-promote-action[b-dfnsrcaf25] {
        width: 100%;
    }

    .pro-location-summary[b-dfnsrcaf25] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .pro-location-summary__ok[b-dfnsrcaf25] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pro-hero-secondary-action[b-dfnsrcaf25],
    .pro-hero-promote-action[b-dfnsrcaf25],
    .pro-hero-promote-action i[b-dfnsrcaf25] {
        transition: none;
    }
}


/* Event state derived from date rather than a manually selected Past status. */
.pro-event-status--past[b-dfnsrcaf25] {
    color: #675b6d;
    background: rgba(92, 77, 101, .08);
}

.pro-event-status--cancelled[b-dfnsrcaf25],
.pro-event-status--canceled[b-dfnsrcaf25] {
    color: #9d3551;
    background: rgba(220, 53, 69, .08);
}


/* ============================================================
   Empty events onboarding
   Non-persistent example shown only when the account has no events.
   ============================================================ */

.pro-example-event-intro[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    margin-bottom: .85rem;
    padding: .8rem .9rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 38%),
        linear-gradient(135deg, #fbf8ff, #fffafd);
}

.pro-example-event-intro__icon[b-dfnsrcaf25] {
    width: 2.65rem;
    height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .88rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .16);
}

.pro-example-event-intro h3[b-dfnsrcaf25] {
    margin: 0;
    color: #34263e;
    font-size: .95rem;
    font-weight: 880;
}

.pro-example-event-intro p[b-dfnsrcaf25] {
    max-width: 48rem;
    margin: .18rem 0 0;
    color: #817486;
    font-size: .67rem;
    line-height: 1.48;
}

.pro-example-event[b-dfnsrcaf25] {
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(280px, .82fr) minmax(0, 1.18fr);
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: 1.2rem;
    background: #fff;
    box-shadow:
        0 18px 42px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255,255,255,.9);
}

.pro-example-event__cover[b-dfnsrcaf25] {
    position: relative;
    overflow: hidden;
    min-height: 330px;
    padding: 1.15rem;
    color: #fff;
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 61, 141, .55), transparent 24%),
        radial-gradient(circle at 85% 70%, rgba(124, 58, 237, .58), transparent 32%),
        linear-gradient(145deg, #090f31 0%, #25104e 52%, #490d3e 100%);
}

.pro-example-event__cover[b-dfnsrcaf25]::before,
.pro-example-event__cover[b-dfnsrcaf25]::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 50%;
}

.pro-example-event__cover[b-dfnsrcaf25]::before {
    width: 15rem;
    height: 15rem;
    right: -8rem;
    top: -7rem;
}

.pro-example-event__cover[b-dfnsrcaf25]::after {
    width: 12rem;
    height: 12rem;
    left: -6rem;
    bottom: -5rem;
}

.pro-example-event__cover-badge[b-dfnsrcaf25] {
    position: relative;
    z-index: 2;
    display: inline-flex;
    padding: .34rem .52rem;
    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;
    color: rgba(255,255,255,.88);
    background: rgba(255,255,255,.09);
    backdrop-filter: blur(10px);
    font-size: .56rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pro-example-event__cover-date[b-dfnsrcaf25] {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: 1.15rem;
    width: 4.5rem;
    height: 4.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.17);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 30px rgba(255,61,141,.25);
    transform: translateY(-50%) rotate(4deg);
}

.pro-example-event__cover-date strong[b-dfnsrcaf25] {
    font-size: 1.35rem;
    line-height: 1;
}

.pro-example-event__cover-date span[b-dfnsrcaf25] {
    margin-top: .14rem;
    font-size: .55rem;
    font-weight: 850;
    letter-spacing: .06em;
}

.pro-example-event__cover-copy[b-dfnsrcaf25] {
    position: absolute;
    z-index: 2;
    right: 6.3rem;
    bottom: 1.25rem;
    left: 1.15rem;
}

.pro-example-event__cover-copy small[b-dfnsrcaf25],
.pro-example-event__cover-copy strong[b-dfnsrcaf25],
.pro-example-event__cover-copy span[b-dfnsrcaf25] {
    display: block;
}

.pro-example-event__cover-copy small[b-dfnsrcaf25] {
    color: #ff9bc7;
    font-size: .58rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.pro-example-event__cover-copy strong[b-dfnsrcaf25] {
    margin-top: .25rem;
    max-width: 18rem;
    font-size: clamp(1.55rem, 3vw, 2.2rem);
    font-weight: 920;
    line-height: 1;
    letter-spacing: -.045em;
}

.pro-example-event__cover-copy span[b-dfnsrcaf25] {
    margin-top: .45rem;
    color: rgba(255,255,255,.70);
    font-size: .65rem;
}

.pro-example-event__spark[b-dfnsrcaf25] {
    position: absolute;
    z-index: 1;
    color: rgba(255,255,255,.15);
    font-size: 3rem;
}

.pro-example-event__spark--one[b-dfnsrcaf25] {
    top: 4.3rem;
    left: 2rem;
}

.pro-example-event__spark--two[b-dfnsrcaf25] {
    right: 7rem;
    bottom: 7rem;
    font-size: 1.8rem;
}

.pro-example-event__body[b-dfnsrcaf25] {
    min-width: 0;
    padding: 1.1rem 1.15rem 1.15rem;
}

.pro-example-event__heading[b-dfnsrcaf25] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .8rem;
}

.pro-example-event__eyebrow[b-dfnsrcaf25] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #a7457e;
    font-size: .58rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.pro-example-event__heading h3[b-dfnsrcaf25] {
    margin: .24rem 0 0;
    color: #30223c;
    font-size: 1.08rem;
    font-weight: 890;
    letter-spacing: -.025em;
}

.pro-example-event__status[b-dfnsrcaf25] {
    flex: 0 0 auto;
    padding: .28rem .45rem;
    border-radius: 999px;
    color: #725d79;
    background: #f3eef5;
    font-size: .56rem;
    font-weight: 820;
}

.pro-example-event__meta[b-dfnsrcaf25] {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: .55rem;
    color: #817486;
    font-size: .63rem;
}

.pro-example-event__meta span[b-dfnsrcaf25],
.pro-example-event__features span[b-dfnsrcaf25] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
}

.pro-example-event__meta i[b-dfnsrcaf25],
.pro-example-event__features i[b-dfnsrcaf25] {
    color: #c04489;
}

.pro-example-event__summary[b-dfnsrcaf25] {
    margin: .75rem 0 0;
    color: #706476;
    font-size: .7rem;
    line-height: 1.5;
}

.pro-example-event__features[b-dfnsrcaf25] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem;
    margin-top: .7rem;
}

.pro-example-event__features span[b-dfnsrcaf25] {
    padding: .3rem .46rem;
    border: 1px solid rgba(124,58,237,.09);
    border-radius: 999px;
    color: #715d78;
    background: #fbf8fc;
    font-size: .57rem;
    font-weight: 770;
}

.pro-example-event__preview[b-dfnsrcaf25] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 5rem;
    gap: .38rem .55rem;
    margin-top: .8rem;
    padding: .7rem;
    border: 1px solid rgba(124,58,237,.08);
    border-radius: .8rem;
    background: linear-gradient(135deg,#fbf8ff,#fffafd);
}

.pro-example-event__preview-line[b-dfnsrcaf25] {
    display: block;
    height: .42rem;
    border-radius: 999px;
    background: rgba(97, 78, 110, .15);
}

.pro-example-event__preview-line--title[b-dfnsrcaf25] {
    width: 64%;
    height: .58rem;
    background: rgba(124,58,237,.20);
}

.pro-example-event__preview-line--medium[b-dfnsrcaf25] {
    width: 82%;
}

.pro-example-event__preview-line--short[b-dfnsrcaf25] {
    width: 54%;
}

.pro-example-event__preview-image[b-dfnsrcaf25] {
    grid-column: 2;
    grid-row: 1 / span 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .6rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
    opacity: .78;
}

.pro-example-event__actions[b-dfnsrcaf25] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .85rem;
}

.pro-example-event__footnote[b-dfnsrcaf25] {
    display: block;
    margin-top: .55rem;
    color: #9b8fa0;
    font-size: .56rem;
    line-height: 1.4;
}

@media (max-width: 900px) {
    .pro-example-event[b-dfnsrcaf25] {
        grid-template-columns: 1fr;
    }

    .pro-example-event__cover[b-dfnsrcaf25] {
        min-height: 260px;
    }
}

@media (max-width: 560px) {
    .pro-example-event-intro[b-dfnsrcaf25] {
        grid-template-columns: 1fr;
    }

    .pro-example-event__cover[b-dfnsrcaf25] {
        min-height: 235px;
    }

    .pro-example-event__cover-date[b-dfnsrcaf25] {
        top: 4.4rem;
        right: .9rem;
        width: 3.8rem;
        height: 3.8rem;
        transform: rotate(3deg);
    }

    .pro-example-event__cover-copy[b-dfnsrcaf25] {
        right: 1rem;
        left: 1rem;
    }

    .pro-example-event__heading[b-dfnsrcaf25] {
        flex-direction: column;
    }

    .pro-example-event__actions[b-dfnsrcaf25] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pro-example-event__actions > *[b-dfnsrcaf25] {
        width: 100%;
    }
}


/* ============================================================
   Pro workspace -> public venue page
   ============================================================ */

.pro-hero-public-action[b-dfnsrcaf25] {
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .62rem .9rem;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, .13);
    box-shadow:
        0 9px 22px rgba(4, 2, 25, .10),
        inset 0 1px 0 rgba(255, 255, 255, .10);
    backdrop-filter: blur(10px);
    font-size: .76rem;
    font-weight: 850;
    transition:
        transform .16s ease,
        background .16s ease,
        border-color .16s ease;
}

.pro-hero-public-action:hover[b-dfnsrcaf25] {
    color: #fff;
    text-decoration: none;
    border-color: rgba(255, 255, 255, .34);
    background: rgba(255, 255, 255, .18);
    transform: translateY(-1px);
}

.pro-inline-public-link[b-dfnsrcaf25] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    margin-top: .42rem;
    color: #9a3f80;
    text-decoration: none;
    font-size: .63rem;
    font-weight: 820;
}

.pro-inline-public-link > i:first-child[b-dfnsrcaf25] {
    color: #c34890;
}

.pro-inline-public-link > i:last-child[b-dfnsrcaf25] {
    font-size: .56rem;
    transition: transform .16s ease;
}

.pro-inline-public-link:hover[b-dfnsrcaf25] {
    color: #7c3aed;
    text-decoration: none;
}

.pro-inline-public-link:hover > i:last-child[b-dfnsrcaf25] {
    transform: translate(2px, -2px);
}

.pro-panel__header-actions[b-dfnsrcaf25] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: .5rem;
}

@media (max-width: 700px) {
    .pro-venue-hero__actions .pro-hero-public-action[b-dfnsrcaf25] {
        width: 100%;
    }

    .pro-panel__header--events[b-dfnsrcaf25] {
        flex-direction: column;
    }

    .pro-panel__header-actions[b-dfnsrcaf25] {
        width: 100%;
        justify-content: stretch;
    }

    .pro-panel__header-actions > *[b-dfnsrcaf25] {
        flex: 1 1 auto;
    }
}

@media (max-width: 430px) {
    .pro-panel__header-actions[b-dfnsrcaf25] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pro-panel__header-actions > *[b-dfnsrcaf25] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pro-hero-public-action[b-dfnsrcaf25],
    .pro-inline-public-link > i:last-child[b-dfnsrcaf25] {
        transition: none;
    }
}
/* /Components/Pages/Pro/ProAccount.razor.rz.scp.css */
:host[b-pizgrqchf5] {
    display: block;
}

.pro-account-page[b-pizgrqchf5] {
    width: min(100% - 2rem, 980px);
    margin: 0 auto;
    padding: 1rem 0 3rem;
    color: #281d34;
}

/* =========================
   Compact professional header
   ========================= */

.pro-account-header[b-pizgrqchf5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.2rem;
    margin-bottom: .9rem;
    padding: .92rem 1rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 1.1rem;
    background:
        radial-gradient(circle at 0 0, rgba(255, 61, 141, .06), transparent 30%),
        radial-gradient(circle at 100% 0, rgba(124, 58, 237, .06), transparent 34%),
        linear-gradient(135deg, #ffffff, #fffafd);
    box-shadow:
        0 10px 26px rgba(21, 16, 54, .055),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.pro-account-header__identity[b-pizgrqchf5] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .78rem;
}

.pro-account-header__icon[b-pizgrqchf5] {
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-size: 1rem;
}

.pro-account-header__copy[b-pizgrqchf5] {
    min-width: 0;
}

.pro-account-eyebrow[b-pizgrqchf5],
.pro-account-section-eyebrow[b-pizgrqchf5] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    color: #a7457e;
    font-size: .58rem;
    font-weight: 880;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.pro-account-header h1[b-pizgrqchf5] {
    margin: .08rem 0 0;
    color: #21172b;
    font-size: clamp(1.35rem, 2.3vw, 1.72rem);
    font-weight: 920;
    line-height: 1.05;
    letter-spacing: -.035em;
}

.pro-account-header p[b-pizgrqchf5] {
    max-width: 45rem;
    margin: .25rem 0 0;
    color: #766a7c;
    font-size: .7rem;
    line-height: 1.42;
}

.pro-account-header p a[b-pizgrqchf5] {
    color: #a53f80;
    font-weight: 820;
    text-decoration: none;
}

.pro-account-header p a:hover[b-pizgrqchf5] {
    color: #7c3aed;
}

.pro-account-header__badge[b-pizgrqchf5] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .36rem;
    padding: .42rem .64rem;
    border: 1px solid rgba(124, 58, 237, .12);
    border-radius: 999px;
    color: #74447f;
    background:
        linear-gradient(135deg, rgba(255, 61, 141, .07), rgba(124, 58, 237, .07));
    font-size: .63rem;
    font-weight: 850;
}

/* =========================
   Loading / error
   ========================= */

.pro-account-loading[b-pizgrqchf5],
.pro-account-alert[b-pizgrqchf5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    padding: 1rem;
    border-radius: 1rem;
}

.pro-account-loading[b-pizgrqchf5] {
    min-height: 9rem;
    border: 1px solid rgba(124, 58, 237, .09);
    background: #fff;
}

.pro-account-loading__icon[b-pizgrqchf5],
.pro-account-alert__icon[b-pizgrqchf5] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
}

.pro-account-loading__icon[b-pizgrqchf5] {
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.pro-account-loading strong[b-pizgrqchf5],
.pro-account-loading span[b-pizgrqchf5],
.pro-account-alert strong[b-pizgrqchf5],
.pro-account-alert span[b-pizgrqchf5] {
    display: block;
}

.pro-account-loading strong[b-pizgrqchf5],
.pro-account-alert strong[b-pizgrqchf5] {
    color: #3b2c44;
    font-size: .75rem;
    font-weight: 860;
}

.pro-account-loading div > span[b-pizgrqchf5],
.pro-account-alert div > span[b-pizgrqchf5] {
    margin-top: .1rem;
    color: #84788a;
    font-size: .65rem;
}

.pro-account-alert[b-pizgrqchf5] {
    color: #8d2948;
    border: 1px solid rgba(220, 53, 69, .14);
    background: #fff7f9;
}

.pro-account-alert__icon[b-pizgrqchf5] {
    color: #fff;
    background: linear-gradient(135deg, #d14367, #8f3158);
}

/* =========================
   Cards
   ========================= */

.pro-account-card[b-pizgrqchf5] {
    margin-bottom: .8rem;
    padding: .95rem;
    border: 1px solid rgba(40, 29, 52, .08);
    border-radius: 1.05rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .028), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 9px 24px rgba(25, 13, 67, .055),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.pro-account-card--identity[b-pizgrqchf5] {
    border-color: rgba(124, 58, 237, .10);
}

.pro-account-card__header[b-pizgrqchf5] {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .8rem;
    margin-bottom: .75rem;
}

.pro-account-card__heading[b-pizgrqchf5] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .6rem;
}

.pro-account-card__heading > div[b-pizgrqchf5] {
    min-width: 0;
}

.pro-account-card__header h2[b-pizgrqchf5] {
    margin: .05rem 0 0;
    color: #2d2037;
    font-size: .9rem;
    font-weight: 890;
    letter-spacing: -.015em;
}

.pro-account-card__icon[b-pizgrqchf5] {
    width: 2.25rem;
    height: 2.25rem;
    flex: 0 0 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 17px rgba(124,58,237,.16);
    font-size: .8rem;
}

.pro-account-card__context[b-pizgrqchf5] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .3rem .48rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 999px;
    color: #75517f;
    background: rgba(124, 58, 237, .05);
    font-size: .57rem;
    font-weight: 820;
}

/* =========================
   Account information
   ========================= */

.pro-account-detail-grid[b-pizgrqchf5] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .55rem;
    margin: 0;
}

.pro-account-detail-item[b-pizgrqchf5] {
    min-width: 0;
    min-height: 4.45rem;
    padding: .65rem .7rem;
    border: 1px solid rgba(39, 24, 69, .07);
    border-radius: .82rem;
    background: rgba(255, 255, 255, .78);
}

.pro-account-detail-item--primary[b-pizgrqchf5] {
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .04), transparent 44%),
        #fff;
}

.pro-account-detail-item dt[b-pizgrqchf5] {
    color: #95899a;
    font-size: .55rem;
    font-weight: 830;
    text-transform: uppercase;
    letter-spacing: .055em;
}

.pro-account-detail-item dd[b-pizgrqchf5] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .4rem;
    margin: .28rem 0 0;
    color: #34263d;
    font-size: .72rem;
    font-weight: 820;
    line-height: 1.3;
}

.pro-account-detail-icon[b-pizgrqchf5] {
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .55rem;
    color: #a54480;
    background: linear-gradient(135deg, rgba(255,61,141,.08), rgba(124,58,237,.08));
    font-size: .62rem;
}

.pro-account-detail-value--email[b-pizgrqchf5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-account-value-pill[b-pizgrqchf5],
.pro-account-badge[b-pizgrqchf5] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .28rem .48rem;
    border-radius: 999px;
    font-size: .6rem;
    font-weight: 830;
}

.pro-account-value-pill[b-pizgrqchf5] {
    color: #734680;
    background: rgba(124,58,237,.07);
}

.pro-account-badge[b-pizgrqchf5] {
    text-transform: capitalize;
}

.pro-account-badge i[b-pizgrqchf5] {
    font-size: .38rem;
}

.pro-account-badge--active[b-pizgrqchf5] {
    color: #216d47;
    background: rgba(34,197,94,.10);
}

.pro-account-badge--suspended[b-pizgrqchf5] {
    color: #8c6118;
    background: rgba(245,158,11,.12);
}

.pro-account-badge--banned[b-pizgrqchf5] {
    color: #a52e50;
    background: rgba(220,38,38,.10);
}

/* =========================
   Venue + security
   ========================= */

.pro-account-main-grid[b-pizgrqchf5] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.pro-account-main-grid .pro-account-card[b-pizgrqchf5] {
    min-width: 0;
    margin-bottom: .8rem;
}

.pro-account-venue[b-pizgrqchf5],
.pro-account-security[b-pizgrqchf5] {
    min-height: 8.2rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.pro-account-venue__label[b-pizgrqchf5] {
    color: #95899a;
    font-size: .56rem;
    font-weight: 820;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.pro-account-venue-name[b-pizgrqchf5] {
    max-width: 100%;
    margin: .2rem 0 .65rem;
    overflow: hidden;
    color: #281d34;
    font-size: 1.14rem;
    font-weight: 910;
    letter-spacing: -.025em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro-account-help[b-pizgrqchf5] {
    margin: 0;
    color: #74687d;
    font-size: .69rem;
    line-height: 1.45;
}

.pro-account-card__actions[b-pizgrqchf5] {
    display: flex;
    flex-wrap: wrap;
    gap: .42rem;
    margin-top: auto;
}

.pro-account-action[b-pizgrqchf5] {
    min-height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .34rem;
    padding: .43rem .65rem;
    border-radius: 999px;
    text-decoration: none;
    font-size: .63rem;
    font-weight: 840;
    transition:
        transform .16s ease,
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.pro-account-action--primary[b-pizgrqchf5] {
    color: #fff;
    border: 0;
    background:
        radial-gradient(circle at 22% 0%, rgba(255,255,255,.25), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124,58,237,.17),
        inset 0 1px 0 rgba(255,255,255,.20);
}

.pro-account-action--primary:hover[b-pizgrqchf5] {
    color: #fff;
    transform: translateY(-1px);
    box-shadow:
        0 11px 23px rgba(124,58,237,.23),
        inset 0 1px 0 rgba(255,255,255,.20);
}

.pro-account-action--secondary[b-pizgrqchf5],
.pro-account-action--security[b-pizgrqchf5] {
    color: #6d4b7a;
    border: 1px solid rgba(124,58,237,.13);
    background: #fff;
    box-shadow: 0 5px 14px rgba(21,16,54,.035);
}

.pro-account-action--secondary:hover[b-pizgrqchf5],
.pro-account-action--security:hover[b-pizgrqchf5] {
    color: #b72d72;
    border-color: rgba(255,61,141,.22);
    background: #fffafd;
    transform: translateY(-1px);
}

.pro-account-security[b-pizgrqchf5] {
    gap: .58rem;
}

.pro-account-security__visual[b-pizgrqchf5] {
    width: 2.7rem;
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .88rem;
    color: #7c3aed;
    background:
        linear-gradient(135deg, rgba(255,61,141,.07), rgba(124,58,237,.08));
    font-size: .92rem;
}

.pro-account-security .pro-account-action[b-pizgrqchf5] {
    margin-top: auto;
}

.pro-account-empty-venue[b-pizgrqchf5] {
    min-height: 8.2rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .65rem;
}

.pro-account-empty-venue__icon[b-pizgrqchf5] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .82rem;
    color: #8a5b9f;
    background: rgba(124,58,237,.08);
}

.pro-account-empty-venue .pro-account-action[b-pizgrqchf5] {
    margin-top: .55rem;
}

/* =========================
   Support
   ========================= */

.pro-account-card--support[b-pizgrqchf5] {
    padding: .82rem .9rem;
}

.pro-account-support[b-pizgrqchf5] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .75rem;
}

.pro-account-support__icon[b-pizgrqchf5] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .82rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 17px rgba(124,58,237,.15);
}

.pro-account-support__copy[b-pizgrqchf5] {
    min-width: 0;
}

.pro-account-support h2[b-pizgrqchf5] {
    margin: .06rem 0 0;
    color: #31243a;
    font-size: .8rem;
    font-weight: 880;
}

.pro-account-support p[b-pizgrqchf5] {
    max-width: 38rem;
    margin: .18rem 0 0;
    color: #7c7082;
    font-size: .63rem;
    line-height: 1.4;
}

.pro-account-support__email[b-pizgrqchf5] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    padding: .44rem .6rem;
    border: 1px solid rgba(124,58,237,.11);
    border-radius: 999px;
    color: #8b4383;
    background: #fff;
    text-decoration: none;
    font-size: .62rem;
    font-weight: 830;
}

.pro-account-support__email:hover[b-pizgrqchf5] {
    color: #7c3aed;
    border-color: rgba(124,58,237,.20);
}

/* =========================
   Focus + responsive
   ========================= */

.pro-account-header a:focus-visible[b-pizgrqchf5],
.pro-account-action:focus-visible[b-pizgrqchf5],
.pro-account-support__email:focus-visible[b-pizgrqchf5] {
    outline: 3px solid rgba(255,61,141,.16);
    outline-offset: 3px;
}

@media (max-width: 760px) {
    .pro-account-page[b-pizgrqchf5] {
        width: min(100% - 1rem, 620px);
        padding-top: .65rem;
    }

    .pro-account-header[b-pizgrqchf5] {
        align-items: flex-start;
    }

    .pro-account-header__badge[b-pizgrqchf5] {
        display: none;
    }

    .pro-account-detail-grid[b-pizgrqchf5] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .pro-account-main-grid[b-pizgrqchf5] {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .pro-account-venue[b-pizgrqchf5],
    .pro-account-security[b-pizgrqchf5],
    .pro-account-empty-venue[b-pizgrqchf5] {
        min-height: 0;
    }

    .pro-account-support[b-pizgrqchf5] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .pro-account-support__email[b-pizgrqchf5] {
        grid-column: 2;
        width: fit-content;
    }
}

@media (max-width: 480px) {
    .pro-account-header[b-pizgrqchf5] {
        padding: .78rem;
    }

    .pro-account-header__identity[b-pizgrqchf5] {
        grid-template-columns: 1fr;
    }

    .pro-account-header__icon[b-pizgrqchf5] {
        width: 2.5rem;
        height: 2.5rem;
        flex-basis: 2.5rem;
    }

    .pro-account-card__context[b-pizgrqchf5] {
        display: none;
    }

    .pro-account-detail-grid[b-pizgrqchf5] {
        grid-template-columns: 1fr;
    }

    .pro-account-detail-item[b-pizgrqchf5] {
        min-height: 0;
    }

    .pro-account-card__actions[b-pizgrqchf5] {
        width: 100%;
    }

    .pro-account-action[b-pizgrqchf5] {
        flex: 1 1 auto;
    }

    .pro-account-support[b-pizgrqchf5] {
        grid-template-columns: 1fr;
    }

    .pro-account-support__email[b-pizgrqchf5] {
        grid-column: auto;
        width: 100%;
        justify-content: center;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pro-account-action[b-pizgrqchf5] {
        transition: none;
    }
}
/* /Components/Pages/Pro/ProHome.razor.rz.scp.css */
:host[b-67728rki0u] {
    display: block;
}

.pro-home-page[b-67728rki0u] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1rem 0 3rem;
    color: #281d34;
}

.pro-home-eyebrow[b-67728rki0u] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: rgba(255, 255, 255, .88);
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.pro-home-eyebrow--dark[b-67728rki0u] {
    display: inline-flex;
    margin-bottom: .24rem;
    color: #a7457e;
}

/* =========================
   Compact welcome hero
   ========================= */

.pro-home-hero[b-67728rki0u] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1.4rem;
    min-height: 210px;
    padding: 1.35rem 1.55rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.4rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .42), transparent 32%),
        radial-gradient(circle at 96% 6%, rgba(124, 58, 237, .48), transparent 36%),
        linear-gradient(135deg, #0b1236 0%, #17104d 52%, #360936 100%);
    box-shadow:
        0 18px 46px rgba(25, 13, 67, .18),
        inset 0 1px 0 rgba(255, 255, 255, .10);
}

.pro-home-hero__orb[b-67728rki0u] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
    pointer-events: none;
}

.pro-home-hero__orb--one[b-67728rki0u] {
    width: 15rem;
    height: 15rem;
    right: 15%;
    top: -10rem;
}

.pro-home-hero__orb--two[b-67728rki0u] {
    width: 13rem;
    height: 13rem;
    right: -6rem;
    bottom: -7rem;
}

.pro-home-hero__content[b-67728rki0u] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.pro-home-hero h1[b-67728rki0u] {
    margin: .34rem 0 0;
    color: #fff;
    font-size: clamp(1.8rem, 3.3vw, 2.7rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.045em;
}

.pro-home-hero p[b-67728rki0u] {
    max-width: 52rem;
    margin: .42rem 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: .75rem;
    line-height: 1.45;
}

.pro-home-hero__emphasis[b-67728rki0u] {
    color: #fff !important;
    font-size: .82rem !important;
    font-weight: 820;
}

.pro-home-hero__actions[b-67728rki0u] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .75rem;
}

.pro-home-hero__visual[b-67728rki0u] {
    position: relative;
    z-index: 2;
    width: 5.7rem;
    height: 5.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 1.55rem;
    color: #fff;
    background:
        radial-gradient(circle at 28% 10%, rgba(255, 255, 255, .30), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 17px 38px rgba(255, 61, 141, .22);
    font-size: 2rem;
    transform: rotate(4deg);
}

/* =========================
   Shared actions
   ========================= */

.pro-home-primary-action[b-67728rki0u],
.pro-home-card__button[b-67728rki0u] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .5rem .76rem;
    border: 0;
    border-radius: 999px;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background:
        radial-gradient(circle at 22% 0%, rgba(255,255,255,.28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124,58,237,.20),
        inset 0 1px 0 rgba(255,255,255,.22);
    font-size: .7rem;
    font-weight: 850;
    transition: transform .16s ease, box-shadow .16s ease;
}

.pro-home-primary-action:hover[b-67728rki0u],
.pro-home-card__button:hover[b-67728rki0u] {
    color: #fff;
    transform: translateY(-1px);
    box-shadow:
        0 14px 28px rgba(124,58,237,.26),
        inset 0 1px 0 rgba(255,255,255,.22);
}

.pro-home-secondary-action[b-67728rki0u] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .5rem .76rem;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, .075);
    backdrop-filter: blur(9px);
    font-size: .7rem;
    font-weight: 820;
    transition: border-color .16s ease, background .16s ease, transform .16s ease;
}

.pro-home-secondary-action:hover[b-67728rki0u] {
    color: #fff;
    border-color: rgba(255, 255, 255, .4);
    background: rgba(255, 255, 255, .13);
    transform: translateY(-1px);
}

.pro-home-panel .pro-home-secondary-action[b-67728rki0u],
.pro-home-explore .pro-home-secondary-action[b-67728rki0u] {
    color: #6d4b7a;
    border-color: rgba(124,58,237,.16);
    background: #fff;
    box-shadow: 0 6px 16px rgba(21,16,54,.04);
}

.pro-home-panel .pro-home-secondary-action:hover[b-67728rki0u],
.pro-home-explore .pro-home-secondary-action:hover[b-67728rki0u] {
    color: #b72d72;
    border-color: rgba(255,61,141,.24);
    background: #fffafd;
}

/* =========================
   Primary dashboard
   ========================= */

.pro-dashboard[b-67728rki0u] {
    position: relative;
    margin-top: .9rem;
    padding: 1rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.055), transparent 29%),
        radial-gradient(circle at 0% 100%, rgba(255,61,141,.045), transparent 30%),
        linear-gradient(135deg, #fbf8ff, #fffafd 48%, #ffffff);
    box-shadow:
        0 16px 38px rgba(21,16,54,.07),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.pro-dashboard__heading[b-67728rki0u] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .7rem;
    padding: 0 .12rem;
}

.pro-dashboard__title[b-67728rki0u] {
    margin: 0;
    color: #20172b;
    font-size: clamp(1.35rem, 2.3vw, 1.8rem);
    font-weight: 920;
    letter-spacing: -.035em;
}

.pro-dashboard-grid[b-67728rki0u] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .7rem;
}

.pro-dashboard-card[b-67728rki0u] {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .55rem;
    min-height: 146px;
    padding: .85rem;
    border: 1px solid rgba(38,24,69,.085);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.035), transparent 36%),
        linear-gradient(180deg,#fff 0%,#fffafd 100%);
    box-shadow:
        0 8px 20px rgba(21,16,54,.055),
        inset 0 1px 0 rgba(255,255,255,.92);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}

.pro-dashboard-card--clickable[b-67728rki0u] {
    cursor: pointer;
}

.pro-dashboard-card--clickable:hover[b-67728rki0u] {
    z-index: 2;
    border-color: rgba(255,61,141,.16);
    transform: translateY(-2px);
    box-shadow:
        0 14px 28px rgba(21,16,54,.10),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.pro-dashboard-card__header[b-67728rki0u] {
    display: flex;
    align-items: center;
    gap: .55rem;
    min-width: 0;
}

.pro-dashboard-card__icon[b-67728rki0u] {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .72rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.30), transparent 34%),
        linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 8px 17px rgba(124,58,237,.17);
    font-size: .82rem;
}

.pro-dashboard-card__header h3[b-67728rki0u] {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #20172b;
    font-size: .82rem;
    font-weight: 880;
    line-height: 1.22;
    text-overflow: ellipsis;
}

.pro-dashboard-card__badges[b-67728rki0u] {
    display: flex;
    flex-wrap: wrap;
    gap: .3rem;
}

.pro-dashboard-badge[b-67728rki0u] {
    display: inline-flex;
    align-items: center;
    gap: .27rem;
    padding: .26rem .43rem;
    border-radius: 999px;
    font-size: .56rem;
    font-weight: 830;
}

.pro-dashboard-badge--live[b-67728rki0u],
.pro-dashboard-badge--complete[b-67728rki0u] {
    color: #216d47;
    background: rgba(34,197,94,.10);
}

.pro-dashboard-badge--not-published[b-67728rki0u] {
    color: #8b7e91;
    background: rgba(38,24,69,.06);
}

.pro-dashboard-badge--attention[b-67728rki0u] {
    color: #946021;
    background: rgba(245,158,11,.12);
}

.pro-dashboard-badge--more[b-67728rki0u] {
    color: #6d4b7a;
    background: rgba(124,58,237,.08);
}

.pro-dashboard-card__body[b-67728rki0u] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .38rem;
}

.pro-dashboard-next-event[b-67728rki0u] {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .32rem;
}

.pro-dashboard-next-event span[b-67728rki0u] {
    color: #766a7c;
    font-size: .63rem;
}

.pro-dashboard-cover-status[b-67728rki0u] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    margin: 0;
    padding: .28rem .42rem;
    border-radius: .62rem;
    color: #735f78;
    background: rgba(38,24,69,.045);
    font-size: .63rem;
}

.pro-dashboard-cover-status.is-set[b-67728rki0u] {
    color: #216d47;
    background: rgba(34,197,94,.08);
}

.pro-dashboard-cover-status.is-missing[b-67728rki0u] {
    color: #946021;
    background: rgba(245,158,11,.10);
}

.pro-dashboard-cover-status i[b-67728rki0u] {
    font-size: .62rem;
}

.pro-dashboard-promotion-hint[b-67728rki0u] {
    margin: 0;
    color: #766a7c;
    font-size: .63rem;
    line-height: 1.35;
}

.pro-dashboard-promotion-kicker[b-67728rki0u] {
    display: inline-flex;
    align-items: center;
    gap: .27rem;
    width: fit-content;
    margin: 0;
    color: #82508d;
    font-size: .58rem;
    font-weight: 820;
}

.pro-dashboard-promotion-kicker i[b-67728rki0u] {
    color: #cf438b;
}

.pro-dashboard-card__actions[b-67728rki0u] {
    display: flex;
    flex-wrap: wrap;
    gap: .4rem .7rem;
    margin-top: auto;
}

.pro-dashboard-card__link[b-67728rki0u] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #a7457e;
    text-decoration: none;
    font-size: .63rem;
    font-weight: 820;
}

.pro-dashboard-card__link:hover[b-67728rki0u] {
    color: #7c3aed;
}

.pro-dashboard-card__button[b-67728rki0u] {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    padding: .42rem .65rem;
    border-radius: 999px;
    color: #fff;
    text-decoration: none;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 7px 16px rgba(124,58,237,.15);
    font-size: .62rem;
    font-weight: 820;
}

.pro-dashboard-next-actions[b-67728rki0u] {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin-top: .7rem;
    padding: .62rem .7rem;
    border: 1px dashed rgba(124,58,237,.18);
    border-radius: .9rem;
    background: rgba(255,255,255,.78);
}

.pro-dashboard-next-actions__heading[b-67728rki0u] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: .42rem;
}

.pro-dashboard-next-actions__icon[b-67728rki0u] {
    width: 1.8rem;
    height: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .58rem;
    color: #fff;
    background: linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 6px 14px rgba(124,58,237,.15);
    font-size: .66rem;
}

.pro-dashboard-next-actions h3[b-67728rki0u] {
    margin: 0;
    color: #20172b;
    font-size: .72rem;
    font-weight: 880;
    white-space: nowrap;
}

.pro-dashboard-next-actions ul[b-67728rki0u] {
    min-width: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .38rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pro-dashboard-next-actions a[b-67728rki0u] {
    min-height: 1.95rem;
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    padding: .36rem .58rem;
    border: 1px solid rgba(124,58,237,.13);
    border-radius: 999px;
    color: #6d4b7a;
    text-decoration: none;
    background: #fff;
    box-shadow: 0 4px 12px rgba(21,16,54,.03);
    font-size: .61rem;
    font-weight: 820;
    transition:
        color .16s ease,
        border-color .16s ease,
        transform .16s ease,
        box-shadow .16s ease;
}

.pro-dashboard-next-actions a:hover[b-67728rki0u] {
    color: #b72d72;
    border-color: rgba(255,61,141,.22);
    transform: translateY(-1px);
    box-shadow: 0 7px 15px rgba(21,16,54,.05);
}

/* =========================
   Secondary professional tools
   ========================= */

.pro-home-section[b-67728rki0u] {
    margin-top: 1.35rem;
}

.pro-home-section__heading[b-67728rki0u] {
    max-width: 42rem;
    margin-bottom: .7rem;
}

.pro-home-section__heading h2[b-67728rki0u] {
    margin: 0;
    color: #20172b;
    font-size: 1.25rem;
    font-weight: 900;
    letter-spacing: -.025em;
}

.pro-home-section__heading p[b-67728rki0u] {
    margin: .24rem 0 0;
    color: #766a7c;
    font-size: .72rem;
    line-height: 1.45;
}

.pro-home-card-grid[b-67728rki0u] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
}

.pro-home-card[b-67728rki0u] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .38rem;
    padding: .9rem;
    border: 1px solid rgba(38,24,69,.075);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.028), transparent 36%),
        linear-gradient(180deg,#fff 0%,#fffafd 100%);
    box-shadow:
        0 8px 20px rgba(21,16,54,.045),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.pro-home-card__icon[b-67728rki0u] {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: .74rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255,255,255,.30), transparent 34%),
        linear-gradient(135deg,#ff3d8d,#7c3aed);
    box-shadow: 0 8px 17px rgba(124,58,237,.16);
    font-size: .82rem;
}

.pro-home-card h3[b-67728rki0u] {
    margin: .12rem 0 0;
    color: #20172b;
    font-size: .88rem;
    font-weight: 870;
}

.pro-home-card p[b-67728rki0u] {
    margin: 0;
    color: #766a7c;
    font-size: .66rem;
    line-height: 1.42;
}

.pro-home-card__button[b-67728rki0u] {
    min-height: 2.1rem;
    margin-top: .22rem;
    padding: .42rem .64rem;
    font-size: .64rem;
}

.pro-home-card__link[b-67728rki0u] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    color: #a7457e;
    text-decoration: none;
    font-size: .62rem;
    font-weight: 820;
}

.pro-home-card__link:hover[b-67728rki0u] {
    color: #7c3aed;
}

/* =========================
   Mission panels side-by-side
   ========================= */

.pro-home-mission-grid[b-67728rki0u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    margin-top: 1.2rem;
}

.pro-home-panel[b-67728rki0u] {
    min-width: 0;
    margin-top: 0;
    padding: 1rem;
    border: 1px solid rgba(38,24,69,.075);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124,58,237,.035), transparent 36%),
        linear-gradient(180deg,#fff 0%,#fffafd 100%);
    box-shadow:
        0 8px 20px rgba(21,16,54,.045),
        inset 0 1px 0 rgba(255,255,255,.92);
}

.pro-home-panel h2[b-67728rki0u] {
    margin: 0;
    color: #20172b;
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: -.02em;
}

.pro-home-panel p[b-67728rki0u] {
    max-width: 46rem;
    margin: .38rem 0 0;
    color: #5b4e63;
    font-size: .67rem;
    line-height: 1.48;
}

.pro-home-panel__emphasis[b-67728rki0u] {
    color: #20172b !important;
    font-size: .76rem !important;
    font-weight: 850;
}

.pro-home-panel .pro-home-secondary-action[b-67728rki0u] {
    min-height: 2.1rem;
    margin-top: .65rem;
    padding: .42rem .65rem;
    font-size: .63rem;
}

/* =========================
   Compact footer-style explore
   ========================= */

.pro-home-explore[b-67728rki0u] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 1rem;
    margin-top: .75rem;
    padding: .72rem .85rem;
    border-top: 1px solid rgba(124,58,237,.10);
    border-bottom: 1px solid rgba(124,58,237,.08);
    color: #5d5065;
    background: transparent;
}

.pro-home-explore__copy[b-67728rki0u] {
    min-width: 0;
}

.pro-home-explore h2[b-67728rki0u] {
    margin: 0;
    color: #3a2b43;
    font-size: .8rem;
    font-weight: 880;
}

.pro-home-explore p[b-67728rki0u] {
    max-width: 44rem;
    margin: .12rem 0 0;
    color: #85798a;
    font-size: .61rem;
    line-height: 1.4;
}

.pro-home-explore__actions[b-67728rki0u] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: .4rem;
    margin-top: 0;
}

.pro-home-explore .pro-home-secondary-action[b-67728rki0u] {
    min-height: 2rem;
    padding: .38rem .58rem;
    font-size: .61rem;
    box-shadow: none;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 1040px) {
    .pro-dashboard-grid[b-67728rki0u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .pro-home-hero[b-67728rki0u] {
        grid-template-columns: minmax(0, 1fr);
    }

    .pro-home-hero__visual[b-67728rki0u] {
        display: none;
    }

    .pro-home-card-grid[b-67728rki0u] {
        grid-template-columns: 1fr;
    }

    .pro-home-mission-grid[b-67728rki0u] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .pro-home-page[b-67728rki0u] {
        width: min(100% - 1rem, 620px);
        padding-top: .6rem;
    }

    .pro-home-hero[b-67728rki0u] {
        min-height: 0;
        padding: 1rem;
        border-radius: 1.15rem;
    }

    .pro-home-hero h1[b-67728rki0u] {
        font-size: clamp(1.75rem, 8vw, 2.25rem);
    }

    .pro-home-hero p[b-67728rki0u] {
        font-size: .72rem;
    }

    .pro-home-hero__actions[b-67728rki0u] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .pro-home-hero__actions > *[b-67728rki0u] {
        width: 100%;
    }

    .pro-dashboard[b-67728rki0u] {
        padding: .75rem;
        border-radius: 1.1rem;
    }

    .pro-dashboard-grid[b-67728rki0u] {
        grid-template-columns: 1fr;
    }

    .pro-dashboard-card[b-67728rki0u] {
        min-height: 0;
    }

    .pro-dashboard-next-actions[b-67728rki0u] {
        align-items: flex-start;
        flex-direction: column;
    }

    .pro-dashboard-next-actions ul[b-67728rki0u] {
        width: 100%;
    }

    .pro-dashboard-next-actions li[b-67728rki0u],
    .pro-dashboard-next-actions a[b-67728rki0u] {
        width: 100%;
    }

    .pro-dashboard-next-actions a[b-67728rki0u] {
        justify-content: flex-start;
    }

    .pro-home-explore[b-67728rki0u] {
        grid-template-columns: 1fr;
    }

    .pro-home-explore__actions[b-67728rki0u] {
        justify-content: flex-start;
    }
}

@media (max-width: 430px) {
    .pro-dashboard__heading[b-67728rki0u] {
        align-items: flex-start;
    }

    .pro-home-card__button[b-67728rki0u],
    .pro-home-panel .pro-home-secondary-action[b-67728rki0u],
    .pro-home-explore .pro-home-secondary-action[b-67728rki0u] {
        width: 100%;
    }

    .pro-home-explore__actions[b-67728rki0u] {
        display: grid;
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pro-home-primary-action[b-67728rki0u],
    .pro-home-card__button[b-67728rki0u],
    .pro-home-secondary-action[b-67728rki0u],
    .pro-dashboard-card[b-67728rki0u],
    .pro-dashboard-next-actions a[b-67728rki0u] {
        transition: none;
    }
}
/* /Components/Pages/Pro/PromotionKit.razor.rz.scp.css */
:host[b-aqgdwxxmjr] {
    display: block;
}

.promotion-page[b-aqgdwxxmjr] {
    width: min(100% - 2rem, 1180px);
    margin: 0 auto;
    padding: 1.35rem 0 4rem;
    color: #281d34;
}

.promotion-back[b-aqgdwxxmjr] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .9rem;
    padding: .42rem .7rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 999px;
    color: #765580;
    text-decoration: none;
    background: rgba(255, 255, 255, .82);
    box-shadow: 0 7px 18px rgba(21, 16, 54, .04);
    font-size: .7rem;
    font-weight: 820;
    transition:
        color .16s ease,
        border-color .16s ease,
        transform .16s ease,
        background .16s ease;
}

.promotion-back:hover[b-aqgdwxxmjr] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .20);
    background: #fff;
    transform: translateX(-2px);
}

.promotion-eyebrow[b-aqgdwxxmjr],
.promotion-section-eyebrow[b-aqgdwxxmjr] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #a7457e;
    font-size: .66rem;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.promotion-eyebrow[b-aqgdwxxmjr] {
    color: rgba(255, 255, 255, .88);
}

.promotion-hero[b-aqgdwxxmjr] {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 2rem;
    min-height: 270px;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 1.65rem;
    color: #fff;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 61, 141, .46), transparent 34%),
        radial-gradient(circle at 96% 6%, rgba(124, 58, 237, .52), transparent 38%),
        linear-gradient(135deg, #0b1236 0%, #17104d 52%, #360936 100%);
    box-shadow:
        0 24px 62px rgba(25, 13, 67, .20),
        inset 0 1px 0 rgba(255, 255, 255, .10);
}

.promotion-hero__orb[b-aqgdwxxmjr] {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
    pointer-events: none;
}

.promotion-hero__orb--one[b-aqgdwxxmjr] {
    width: 19rem;
    height: 19rem;
    right: 14%;
    top: -12rem;
}

.promotion-hero__orb--two[b-aqgdwxxmjr] {
    width: 16rem;
    height: 16rem;
    right: -8rem;
    bottom: -8rem;
}

.promotion-hero__content[b-aqgdwxxmjr] {
    position: relative;
    z-index: 2;
    min-width: 0;
}

.promotion-hero h1[b-aqgdwxxmjr] {
    margin: .55rem 0 0;
    color: #fff;
    font-size: clamp(2.2rem, 4.5vw, 3.65rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.05em;
}

.promotion-hero p[b-aqgdwxxmjr] {
    max-width: 48rem;
    margin: .8rem 0 0;
    color: rgba(255, 255, 255, .74);
    font-size: .9rem;
    line-height: 1.58;
}

.promotion-hero__features[b-aqgdwxxmjr] {
    display: flex;
    flex-wrap: wrap;
    gap: .45rem;
    margin-top: 1rem;
}

.promotion-hero__features span[b-aqgdwxxmjr] {
    display: inline-flex;
    align-items: center;
    gap: .34rem;
    min-height: 2rem;
    padding: .38rem .58rem;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    color: rgba(255, 255, 255, .79);
    background: rgba(255, 255, 255, .075);
    font-size: .63rem;
    font-weight: 760;
    backdrop-filter: blur(9px);
}

.promotion-hero__features i[b-aqgdwxxmjr] {
    color: #ff8fc1;
}

.promotion-hero__visual[b-aqgdwxxmjr] {
    position: relative;
    z-index: 2;
    width: 8rem;
    height: 8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 2rem;
    color: #fff;
    background:
        radial-gradient(circle at 28% 10%, rgba(255, 255, 255, .30), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 22px 48px rgba(255, 61, 141, .24);
    font-size: 2.8rem;
    transform: rotate(4deg);
}

.promotion-hero__visual > span[b-aqgdwxxmjr] {
    position: absolute;
    right: -.55rem;
    top: -.55rem;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .86rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(255, 61, 141, .25);
    font-size: 1rem;
}

.promotion-loading[b-aqgdwxxmjr],
.promotion-message[b-aqgdwxxmjr],
.promotion-feature[b-aqgdwxxmjr],
.promotion-card[b-aqgdwxxmjr],
.promotion-social[b-aqgdwxxmjr],
.promotion-events[b-aqgdwxxmjr] {
    margin-top: 1.2rem;
    border: 1px solid rgba(38, 24, 69, .085);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #fff 0%, #fffafd 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.promotion-loading[b-aqgdwxxmjr] {
    min-height: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
}

.promotion-loading__icon[b-aqgdwxxmjr] {
    width: 2.9rem;
    height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .92rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.promotion-loading__icon .spinner-border[b-aqgdwxxmjr] {
    width: 1.35rem;
    height: 1.35rem;
    border-width: .16rem;
}

.promotion-loading strong[b-aqgdwxxmjr],
.promotion-loading span[b-aqgdwxxmjr] {
    display: block;
}

.promotion-loading strong[b-aqgdwxxmjr] {
    color: #3d3046;
    font-size: .78rem;
}

.promotion-loading div > span[b-aqgdwxxmjr] {
    margin-top: .08rem;
    color: #8a7e90;
    font-size: .66rem;
}

.promotion-message[b-aqgdwxxmjr] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
    padding: .9rem 1rem;
}

.promotion-message__icon[b-aqgdwxxmjr] {
    width: 2.7rem;
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .88rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .15);
}

.promotion-message strong[b-aqgdwxxmjr] {
    color: #3b2c44;
    font-size: .78rem;
}

.promotion-message p[b-aqgdwxxmjr] {
    margin: .12rem 0 0;
    color: #817486;
    font-size: .68rem;
    line-height: 1.45;
}

.promotion-message .promotion-button[b-aqgdwxxmjr] {
    margin-top: .55rem;
}

.promotion-message--error[b-aqgdwxxmjr] {
    border-color: rgba(220, 53, 69, .13);
    background: linear-gradient(135deg, #fff8fa, #fff);
}

.promotion-message--error .promotion-message__icon[b-aqgdwxxmjr] {
    background: linear-gradient(135deg, #ef4444, #d92d62);
}

.promotion-message--warning[b-aqgdwxxmjr] {
    border-color: rgba(245, 158, 11, .16);
    background: linear-gradient(135deg, #fffaf0, #fff);
}

.promotion-message--warning .promotion-message__icon[b-aqgdwxxmjr] {
    background: linear-gradient(135deg, #f59e0b, #ea580c);
}

.promotion-feature[b-aqgdwxxmjr] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
    gap: 1.2rem;
    padding: 1.2rem;
}

.promotion-feature--website[b-aqgdwxxmjr] {
    border-color: rgba(255, 61, 141, .13);
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 61, 141, .055), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 35%),
        linear-gradient(180deg, #fff 0%, #fffafd 100%);
}

.promotion-section-heading[b-aqgdwxxmjr] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .75rem;
}

.promotion-section-heading__icon[b-aqgdwxxmjr] {
    width: 2.8rem;
    height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .92rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 24px rgba(124, 58, 237, .18);
}

.promotion-section-heading h2[b-aqgdwxxmjr],
.promotion-card h2[b-aqgdwxxmjr],
.promotion-events h2[b-aqgdwxxmjr] {
    margin: .1rem 0 0;
    color: #2d2038;
    font-size: 1.08rem;
    font-weight: 880;
    letter-spacing: -.025em;
}

.promotion-section-heading p[b-aqgdwxxmjr],
.promotion-card__heading p[b-aqgdwxxmjr] {
    margin: .18rem 0 0;
    color: #827688;
    font-size: .69rem;
    line-height: 1.45;
}

.promotion-link-choice[b-aqgdwxxmjr] {
    display: grid;
    gap: .6rem;
    margin-top: 1rem;
}

.promotion-link-choice__option[b-aqgdwxxmjr] {
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .72rem .78rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: .95rem;
    color: inherit;
    background: rgba(255, 255, 255, .72);
    text-align: left;
    font: inherit;
    cursor: pointer;
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.promotion-link-choice__option:hover[b-aqgdwxxmjr] {
    border-color: rgba(255, 61, 141, .20);
    background: #fff;
    box-shadow: 0 8px 22px rgba(21, 16, 54, .055);
    transform: translateY(-1px);
}

.promotion-link-choice__option--selected[b-aqgdwxxmjr] {
    border-color: rgba(255, 61, 141, .27);
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 38%),
        linear-gradient(135deg, #fff9fc, #fff);
    box-shadow:
        0 9px 24px rgba(21, 16, 54, .06),
        inset 0 0 0 1px rgba(255, 61, 141, .025);
}

.promotion-link-choice__icon[b-aqgdwxxmjr] {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .72rem;
    color: #7c3aed;
    background: rgba(124, 58, 237, .075);
    font-size: .88rem;
}

.promotion-link-choice__icon--badge[b-aqgdwxxmjr] {
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .3), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 7px 16px rgba(124, 58, 237, .15);
}

.promotion-link-choice__copy[b-aqgdwxxmjr] {
    min-width: 0;
}

.promotion-link-choice__heading[b-aqgdwxxmjr] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .4rem;
}

.promotion-link-choice__heading strong[b-aqgdwxxmjr] {
    color: #43354c;
    font-size: .72rem;
    font-weight: 860;
}

.promotion-link-choice__recommended[b-aqgdwxxmjr] {
    padding: .2rem .36rem;
    border-radius: 999px;
    color: #a33371;
    background: rgba(255, 61, 141, .08);
    font-size: .5rem;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.promotion-link-choice__copy small[b-aqgdwxxmjr] {
    display: block;
    margin-top: .12rem;
    color: #897d8e;
    font-size: .61rem;
    line-height: 1.4;
}

.promotion-link-choice__check[b-aqgdwxxmjr] {
    color: #d0c7d4;
    font-size: .85rem;
    transition: color .16s ease, transform .16s ease;
}

.promotion-link-choice__option--selected .promotion-link-choice__check[b-aqgdwxxmjr] {
    color: #cf3a84;
    transform: scale(1.06);
}

.promotion-link-choice__option:focus-visible[b-aqgdwxxmjr] {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 3px;
}

.promotion-website-preview[b-aqgdwxxmjr] {
    margin-top: .85rem;
    padding: .78rem .85rem;
    border: 1px dashed rgba(124, 58, 237, .14);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 38%),
        rgba(255, 255, 255, .74);
}

.promotion-website-preview__label[b-aqgdwxxmjr] {
    display: block;
    margin-bottom: .6rem;
    color: #94889a;
    font-size: .58rem;
    font-weight: 760;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.promotion-website-preview__canvas[b-aqgdwxxmjr] {
    min-height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .8rem;
    border: 1px solid rgba(39, 24, 69, .075);
    border-radius: .8rem;
    background:
        linear-gradient(45deg, #faf8fb 25%, transparent 25%),
        linear-gradient(-45deg, #faf8fb 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #faf8fb 75%),
        linear-gradient(-45deg, transparent 75%, #faf8fb 75%),
        #fff;
    background-size: 14px 14px;
    background-position: 0 0, 0 7px, 7px -7px, -7px 0;
}

.promotion-website-preview__badge[b-aqgdwxxmjr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border: 1px solid #f0c8dc;
    border-radius: 999px;
    color: #74398b;
    background: linear-gradient(135deg, #fff 0%, #fff3f8 55%, #f6efff 100%);
    box-shadow: 0 6px 18px rgba(124, 58, 237, .12);
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.promotion-website-preview__badge-mark[b-aqgdwxxmjr] {
    color: #ff3d8d;
    font-size: 16px;
    line-height: 1;
}

.promotion-website-preview__simple-link[b-aqgdwxxmjr] {
    color: #0d6efd;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-decoration: underline;
}

.promotion-website-preview__note[b-aqgdwxxmjr] {
    display: flex;
    align-items: center;
    gap: .3rem;
    margin-top: .55rem;
    color: #8a7e90;
    font-size: .59rem;
    line-height: 1.4;
}

.promotion-code-card__help[b-aqgdwxxmjr] {
    display: flex;
    align-items: flex-start;
    gap: .35rem;
    margin-top: .6rem;
    color: rgba(255, 255, 255, .52);
    font-size: .55rem;
    line-height: 1.4;
}

.promotion-code-card__help i[b-aqgdwxxmjr] {
    flex: 0 0 auto;
    margin-top: .05rem;
    color: #ff8fc1;
}

.promotion-code-card[b-aqgdwxxmjr] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: .9rem;
    border: 1px solid rgba(34, 25, 52, .12);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .10), transparent 38%),
        #171322;
    box-shadow: 0 14px 32px rgba(21, 16, 54, .13);
}

.promotion-code-card__header[b-aqgdwxxmjr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
    color: rgba(255, 255, 255, .72);
    font-size: .62rem;
    font-weight: 760;
}

.promotion-code-card__header > span:first-child[b-aqgdwxxmjr] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.promotion-code-card__header i[b-aqgdwxxmjr] {
    color: #ff8fc1;
}

.promotion-code-card__tag[b-aqgdwxxmjr] {
    padding: .25rem .4rem;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: 999px;
    color: rgba(255, 255, 255, .58);
    background: rgba(255, 255, 255, .055);
    font-size: .53rem;
    font-weight: 790;
}

.promotion-code-card pre[b-aqgdwxxmjr] {
    overflow-x: auto;
    min-height: 5rem;
    margin: .7rem 0 .8rem;
    padding: .75rem;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: .8rem;
    color: #f6d7ff;
    background: rgba(5, 4, 15, .46);
    font-size: .67rem;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.promotion-code-card code[b-aqgdwxxmjr] {
    color: inherit;
}

.promotion-grid[b-aqgdwxxmjr] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.promotion-card[b-aqgdwxxmjr] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 1.1rem;
}

.promotion-card__icon[b-aqgdwxxmjr] {
    width: 2.65rem;
    height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: .88rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .17);
}

.promotion-card__heading[b-aqgdwxxmjr] {
    margin-bottom: .9rem;
}

.promotion-venue-name[b-aqgdwxxmjr] {
    padding: .68rem .75rem;
    border: 1px solid rgba(124, 58, 237, .08);
    border-radius: .85rem;
    background: #fbf9fc;
}

.promotion-venue-name span[b-aqgdwxxmjr],
.promotion-venue-name strong[b-aqgdwxxmjr] {
    display: block;
}

.promotion-venue-name span[b-aqgdwxxmjr] {
    color: #9a8fa0;
    font-size: .58rem;
    font-weight: 720;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.promotion-venue-name strong[b-aqgdwxxmjr] {
    margin-top: .08rem;
    color: #43354c;
    font-size: .77rem;
    font-weight: 850;
}

.promotion-url[b-aqgdwxxmjr] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .45rem;
    margin-top: .7rem;
    padding: .62rem .7rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: .82rem;
    color: #715f79;
    background: #fff;
    font-size: .63rem;
}

.promotion-url i[b-aqgdwxxmjr] {
    color: #b8468d;
}

.promotion-url span[b-aqgdwxxmjr] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.promotion-card__actions[b-aqgdwxxmjr],
.promotion-event-card__actions[b-aqgdwxxmjr] {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: auto;
    padding-top: .85rem;
}

.promotion-card--qr[b-aqgdwxxmjr] {
    align-items: stretch;
}

.promotion-qr[b-aqgdwxxmjr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto 0 0;
    padding-top: .2rem;
}

.promotion-qr__frame[b-aqgdwxxmjr],
.promotion-event-card__qr > div[b-aqgdwxxmjr] {
    padding: .65rem;
    border: 1px solid rgba(39, 24, 69, .08);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 10px 24px rgba(21, 16, 54, .07);
}

.promotion-qr img[b-aqgdwxxmjr],
.promotion-event-card__qr img[b-aqgdwxxmjr] {
    display: block;
    max-width: 100%;
    height: auto;
}

.promotion-qr > span[b-aqgdwxxmjr] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    margin-top: .55rem;
    color: #8b7e91;
    font-size: .61rem;
}

.promotion-qr > span i[b-aqgdwxxmjr] {
    color: #b8468d;
}

.promotion-social[b-aqgdwxxmjr],
.promotion-events[b-aqgdwxxmjr] {
    padding: 1.15rem;
}

.promotion-social__editor[b-aqgdwxxmjr] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: .75rem;
    margin-top: .9rem;
}

.promotion-social textarea[b-aqgdwxxmjr] {
    width: 100%;
    min-height: 5rem;
    padding: .72rem .78rem;
    resize: none;
    border: 1px solid rgba(39, 24, 69, .11);
    border-radius: .88rem;
    outline: 0;
    color: #4b3d54;
    background: #fff;
    font: inherit;
    font-size: .72rem;
    line-height: 1.5;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.promotion-events__header[b-aqgdwxxmjr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.promotion-event-list[b-aqgdwxxmjr] {
    display: grid;
    gap: .75rem;
}

.promotion-event-card[b-aqgdwxxmjr] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: 1rem;
    background: #fff;
    box-shadow: 0 10px 24px rgba(21, 16, 54, .045);
}

.promotion-event-card__date[b-aqgdwxxmjr] {
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: .95rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .26), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .17);
}

.promotion-event-card__date span[b-aqgdwxxmjr] {
    font-size: .5rem;
    font-weight: 850;
    letter-spacing: .05em;
}

.promotion-event-card__date strong[b-aqgdwxxmjr] {
    margin-top: .05rem;
    font-size: 1.1rem;
    line-height: 1;
}

.promotion-event-card__content[b-aqgdwxxmjr] {
    min-width: 0;
}

.promotion-event-card h3[b-aqgdwxxmjr] {
    margin: .14rem 0 0;
    color: #33253c;
    font-size: .88rem;
    font-weight: 870;
}

.promotion-event-card__meta[b-aqgdwxxmjr] {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem;
    margin-top: .3rem;
    color: #817486;
    font-size: .61rem;
}

.promotion-event-card__meta span[b-aqgdwxxmjr] {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
}

.promotion-event-card__meta i[b-aqgdwxxmjr] {
    color: #b8468d;
}

.promotion-url--event[b-aqgdwxxmjr] {
    margin-top: .55rem;
}

.promotion-event-card__qr[b-aqgdwxxmjr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .35rem;
}

.promotion-event-card__qr > div[b-aqgdwxxmjr] {
    padding: .4rem;
    border-radius: .75rem;
}

.promotion-event-card__qr img[b-aqgdwxxmjr] {
    width: 82px;
    height: 82px;
}

.promotion-event-card__qr > span[b-aqgdwxxmjr] {
    color: #9a8fa0;
    font-size: .54rem;
    font-weight: 760;
}

.promotion-empty[b-aqgdwxxmjr] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .8rem;
    padding: .9rem;
    border: 1px dashed rgba(124, 58, 237, .16);
    border-radius: .95rem;
    background: linear-gradient(135deg, #fffafd, #faf7ff);
}

.promotion-empty__icon[b-aqgdwxxmjr] {
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .95rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: 1.1rem;
}

.promotion-empty strong[b-aqgdwxxmjr] {
    color: #4a3a53;
    font-size: .72rem;
}

.promotion-empty p[b-aqgdwxxmjr] {
    margin: .12rem 0 0;
    color: #817486;
    font-size: .64rem;
    line-height: 1.45;
}

.promotion-button[b-aqgdwxxmjr] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    padding: .5rem .72rem;
    border-radius: 999px;
    font: inherit;
    font-size: .69rem;
    font-weight: 830;
    cursor: pointer;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background .16s ease,
        color .16s ease;
}

.promotion-button--primary[b-aqgdwxxmjr] {
    border: 0;
    color: #fff;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .28), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 11px 24px rgba(124, 58, 237, .19),
        inset 0 1px 0 rgba(255, 255, 255, .2);
}

.promotion-button--primary:hover[b-aqgdwxxmjr] {
    color: #fff;
    transform: translateY(-1px);
    box-shadow:
        0 15px 31px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .2);
}


.promotion-button--copied[b-aqgdwxxmjr],
.promotion-button--copied:disabled[b-aqgdwxxmjr] {
    border: 1px solid rgba(34, 197, 94, .24);
    color: #19603f;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .9), transparent 38%),
        linear-gradient(135deg, #f6fff9 0%, #eafbf1 54%, #f4fff8 100%);
    box-shadow:
        0 10px 24px rgba(22, 125, 76, .11),
        inset 0 1px 0 rgba(255, 255, 255, .95);
    opacity: 1;
    cursor: default;
}

.promotion-copy-success-icon[b-aqgdwxxmjr] {
    color: #22a665;
    animation: promotion-copy-success-b-aqgdwxxmjr .24s ease-out;
}

@keyframes promotion-copy-success-b-aqgdwxxmjr {
    from {
        opacity: 0;
        transform: scale(.72);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.promotion-button--secondary[b-aqgdwxxmjr] {
    color: #6d4b7a;
    border: 1px solid rgba(124, 58, 237, .14);
    background: #fff;
    box-shadow: 0 7px 18px rgba(21, 16, 54, .04);
}

.promotion-button--secondary:hover[b-aqgdwxxmjr] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .22);
    background: #fffafd;
    transform: translateY(-1px);
}

.promotion-button--small[b-aqgdwxxmjr] {
    min-height: 2.2rem;
    padding: .44rem .68rem;
    font-size: .64rem;
}

.promotion-button--full[b-aqgdwxxmjr] {
    width: 100%;
}

.promotion-back:focus-visible[b-aqgdwxxmjr],
.promotion-button:focus-visible[b-aqgdwxxmjr] {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 3px;
}

@media (max-width: 900px) {
    .promotion-feature[b-aqgdwxxmjr] {
        grid-template-columns: 1fr;
    }

    .promotion-grid[b-aqgdwxxmjr] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 700px) {
    .promotion-page[b-aqgdwxxmjr] {
        width: min(100% - 1rem, 620px);
        padding-top: .8rem;
    }

    .promotion-hero[b-aqgdwxxmjr] {
        grid-template-columns: 1fr;
        min-height: 0;
        padding: 1.35rem;
        border-radius: 1.35rem;
    }

    .promotion-hero__visual[b-aqgdwxxmjr] {
        display: none;
    }

    .promotion-social__editor[b-aqgdwxxmjr] {
        grid-template-columns: 1fr;
    }

    .promotion-social__editor .promotion-button[b-aqgdwxxmjr] {
        width: 100%;
    }

    .promotion-events__header[b-aqgdwxxmjr] {
        align-items: stretch;
        flex-direction: column;
    }

    .promotion-events__header > .promotion-button[b-aqgdwxxmjr] {
        width: 100%;
    }

    .promotion-event-card[b-aqgdwxxmjr] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .promotion-event-card__qr[b-aqgdwxxmjr] {
        grid-column: 1 / -1;
        flex-direction: row;
        justify-content: flex-end;
    }
}

@media (max-width: 520px) {
    .promotion-link-choice__option[b-aqgdwxxmjr] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .promotion-link-choice__check[b-aqgdwxxmjr] {
        display: none;
    }

    .promotion-hero__features[b-aqgdwxxmjr] {
        align-items: stretch;
        flex-direction: column;
    }

    .promotion-hero__features span[b-aqgdwxxmjr] {
        justify-content: flex-start;
    }

    .promotion-feature[b-aqgdwxxmjr],
    .promotion-card[b-aqgdwxxmjr],
    .promotion-social[b-aqgdwxxmjr],
    .promotion-events[b-aqgdwxxmjr] {
        padding: .95rem;
        border-radius: 1.1rem;
    }

    .promotion-section-heading[b-aqgdwxxmjr] {
        grid-template-columns: 1fr;
    }

    .promotion-card__actions[b-aqgdwxxmjr],
    .promotion-event-card__actions[b-aqgdwxxmjr] {
        display: grid;
        grid-template-columns: 1fr;
    }

    .promotion-card__actions .promotion-button[b-aqgdwxxmjr],
    .promotion-event-card__actions .promotion-button[b-aqgdwxxmjr] {
        width: 100%;
    }

    .promotion-event-card[b-aqgdwxxmjr] {
        grid-template-columns: 1fr;
    }

    .promotion-event-card__date[b-aqgdwxxmjr] {
        width: 3.1rem;
        height: 3.1rem;
    }

    .promotion-event-card__qr[b-aqgdwxxmjr] {
        grid-column: auto;
        justify-content: flex-start;
    }

    .promotion-empty[b-aqgdwxxmjr] {
        grid-template-columns: 1fr;
    }

    .promotion-empty > .promotion-button[b-aqgdwxxmjr] {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .promotion-hero[b-aqgdwxxmjr] {
        padding: 1.1rem;
    }

    .promotion-hero h1[b-aqgdwxxmjr] {
        font-size: 2.35rem;
    }

    .promotion-message[b-aqgdwxxmjr] {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .promotion-back[b-aqgdwxxmjr],
    .promotion-button[b-aqgdwxxmjr],
    .promotion-link-choice__option[b-aqgdwxxmjr],
    .promotion-link-choice__check[b-aqgdwxxmjr] {
        transition: none;
    }

    .promotion-copy-success-icon[b-aqgdwxxmjr] {
        animation: none;
    }
}
/* /Components/Pages/Profile/Profile.razor.rz.scp.css */
.profile-page[b-adfdcdee9c] {
    width: min(100%, 900px);
    padding: 1.7rem 1rem 3rem;
}

.profile-hero[b-adfdcdee9c] {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.35rem;
    padding: 1.45rem 1.55rem;
    border-radius: 1.55rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 16% 0%, rgba(255, 61, 141, .46), transparent 34%),
        radial-gradient(circle at 92% 12%, rgba(124, 58, 237, .42), transparent 36%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 20px 55px rgba(23, 16, 80, .22),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.profile-hero[b-adfdcdee9c]::after {
    content: "";
    position: absolute;
    right: -5rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    pointer-events: none;
}

.profile-hero__badge[b-adfdcdee9c] {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .7rem;
    padding: .36rem .68rem;
    border-radius: 999px;
    color: rgba(255, 255, 255, .9);
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: rgba(255, 255, 255, .12);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(10px);
}

.profile-hero h1[b-adfdcdee9c] {
    margin: 0;
    font-size: clamp(1.85rem, 4vw, 2.55rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.profile-hero p[b-adfdcdee9c] {
    max-width: 36rem;
    margin: .65rem 0 0;
    color: rgba(255, 255, 255, .74);
    font-size: .96rem;
    line-height: 1.5;
}

.profile-content[b-adfdcdee9c] {
    display: grid;
    gap: 1rem;
}

.profile-card[b-adfdcdee9c] {
    overflow: hidden;
    padding: 1.05rem;
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .18s ease,
        box-shadow .18s ease,
        border-color .18s ease;
}

.profile-card:hover[b-adfdcdee9c] {
    transform: translateY(-1px);
    border-color: rgba(255, 61, 141, .15);
    box-shadow:
        0 24px 60px rgba(21, 16, 54, .12),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.profile-card__header[b-adfdcdee9c] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .95rem;
}

.profile-card__eyebrow[b-adfdcdee9c] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.profile-card h2[b-adfdcdee9c] {
    margin: 0;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.profile-card__icon[b-adfdcdee9c] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #ffffff;
    font-size: 1rem;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 12px 26px rgba(124, 58, 237, .18);
}

.profile-photo-layout[b-adfdcdee9c] {
    display: flex;
    align-items: center;
    gap: 1.35rem;
}

.profile-avatar[b-adfdcdee9c] {
    position: relative;
    flex: 0 0 auto;
    width: 7.25rem;
    height: 7.25rem;
    border-radius: 999px;
    padding: .22rem;
    background:
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .22),
        0 0 0 5px rgba(255, 61, 141, .08);
}

.profile-avatar img[b-adfdcdee9c],
.profile-avatar__placeholder[b-adfdcdee9c] {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 999px;
    object-fit: cover;
    background: #24142e;
}

.profile-avatar__preview[b-adfdcdee9c] {
    opacity: .7;
}

.profile-avatar__placeholder[b-adfdcdee9c] {
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .9);
}

.profile-avatar__placeholder i[b-adfdcdee9c] {
    font-size: 2.9rem;
}

.profile-avatar__overlay[b-adfdcdee9c] {
    position: absolute;
    inset: .22rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: rgba(13, 10, 24, .58);
    backdrop-filter: blur(4px);
}

.profile-photo-actions[b-adfdcdee9c] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .55rem;
}

.profile-file-input[b-adfdcdee9c] {
    display: none;
}

.profile-outline-button[b-adfdcdee9c] {
    min-height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .48rem .85rem;
    border-radius: .9rem;
    font-size: .84rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .13);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .05);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        color .16s ease;
}

.profile-outline-button--primary[b-adfdcdee9c] {
    color: #7c3aed;
}

.profile-outline-button--danger[b-adfdcdee9c] {
    color: #d92d62;
}

.profile-outline-button:hover:not(:disabled)[b-adfdcdee9c] {
    transform: translateY(-1px);
    background: #fffafd;
    border-color: rgba(255, 61, 141, .22);
    box-shadow: 0 12px 28px rgba(21, 16, 54, .09);
}

.profile-outline-button:disabled[b-adfdcdee9c] {
    opacity: .65;
    cursor: wait;
}

.profile-type-pill[b-adfdcdee9c] {
    --profile-type-color: #ff3d8d;
    --profile-type-soft: rgba(255, 61, 141, .11);

    display: inline-flex;
    align-items: center;
    gap: .55rem;
    padding: .42rem .75rem .42rem .42rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .9rem;
    font-weight: 850;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .30), transparent 35%),
        linear-gradient(135deg, var(--profile-type-color), #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .20),
        0 0 0 4px var(--profile-type-soft);
}

.profile-type-pill__icon[b-adfdcdee9c] {
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    background: rgba(255, 255, 255, .16);
}

.profile-type-pill--man[b-adfdcdee9c] {
    --profile-type-color: #3b82f6;
    --profile-type-soft: rgba(59, 130, 246, .12);
}

.profile-type-pill--woman[b-adfdcdee9c] {
    --profile-type-color: #ff3d8d;
    --profile-type-soft: rgba(255, 61, 141, .12);
}

.profile-type-pill--couple[b-adfdcdee9c] {
    --profile-type-color: #7c3aed;
    --profile-type-soft: rgba(124, 58, 237, .12);
}

.profile-type-pill--nonbinary[b-adfdcdee9c] {
    --profile-type-color: #f59e0b;
    --profile-type-soft: rgba(245, 158, 11, .13);
}

.profile-detail-grid[b-adfdcdee9c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .8rem;
}

.profile-detail-item[b-adfdcdee9c] {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: .85rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, rgba(124, 58, 237, .06), rgba(255, 61, 141, .05));
    border: 1px solid rgba(39, 24, 69, .09);
}

.profile-detail-item__icon[b-adfdcdee9c] {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .85rem;
    color: #ffffff;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.profile-detail-item--woman .profile-detail-item__icon[b-adfdcdee9c] {
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.profile-detail-item strong[b-adfdcdee9c] {
    display: block;
    color: #20172b;
    font-size: .86rem;
}

.profile-detail-item span[b-adfdcdee9c] {
    color: #65546f;
    font-size: .86rem;
}

.profile-value[b-adfdcdee9c] {
    margin: 0;
    color: #20172b;
    font-size: 1.02rem;
    font-weight: 750;
}

.profile-help[b-adfdcdee9c] {
    margin: .8rem 0 0;
    color: #74687e;
    font-size: .82rem;
    line-height: 1.4;
}

.profile-help--inline[b-adfdcdee9c] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.profile-form[b-adfdcdee9c] {
    display: grid;
    gap: 1rem;
}

.profile-check-card[b-adfdcdee9c] {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: .78rem .9rem;
    border-radius: .95rem;
    background: linear-gradient(135deg, rgba(255, 61, 141, .06), rgba(124, 58, 237, .06));
    border: 1px solid rgba(39, 24, 69, .10);
}

.profile-check-card .form-check-input[b-adfdcdee9c] {
    width: 1.08rem;
    height: 1.08rem;
    margin: 0;
    border-color: rgba(39, 24, 69, .22);
    cursor: pointer;
}

.profile-check-card .form-check-input:checked[b-adfdcdee9c] {
    background-color: #ff3d8d;
    border-color: #ff3d8d;
}

.profile-check-card .form-check-input:focus[b-adfdcdee9c] {
    border-color: #ff3d8d;
    box-shadow: 0 0 0 .22rem rgba(255, 61, 141, .14);
}

.profile-check-card label[b-adfdcdee9c] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #372b40;
    font-size: .9rem;
    font-weight: 700;
    cursor: pointer;
}

.profile-option-grid[b-adfdcdee9c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.profile-radio-group[b-adfdcdee9c] {
    display: flex;
    flex-wrap: wrap;
    gap: .6rem;
}

.profile-choice[b-adfdcdee9c] {
    display: inline-flex;
    align-items: center;
}

.profile-choice .form-check-input[b-adfdcdee9c] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.profile-choice label[b-adfdcdee9c] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .48rem .8rem;
    border-radius: 999px;
    color: #65546f;
    font-size: .85rem;
    font-weight: 800;
    cursor: pointer;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .13);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .05);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        color .16s ease,
        background .16s ease,
        border-color .16s ease;
}

.profile-choice label:hover[b-adfdcdee9c] {
    transform: translateY(-1px);
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .22);
    background: #fffafd;
}

.profile-choice.is-selected label[b-adfdcdee9c] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .20),
        0 0 0 4px rgba(255, 61, 141, .10);
}

.profile-segmented[b-adfdcdee9c] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: .35rem;
    padding: .25rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    background: #f4eef7;
    border: 1px solid rgba(39, 24, 69, .08);
}

.profile-segment[b-adfdcdee9c] {
    min-height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .42rem .75rem;
    border-radius: .8rem;
    color: #6b6174;
    font-size: .82rem;
    font-weight: 850;
    cursor: pointer;
    transition:
        color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.profile-segment:hover[b-adfdcdee9c] {
    color: #ff3d8d;
    background: rgba(255, 255, 255, .65);
}

.btn-check:checked + .profile-segment[b-adfdcdee9c] {
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
}

.profile-segmented--wide[b-adfdcdee9c] {
    display: flex;
    width: fit-content;
    max-width: 100%;
}

.profile-number-row[b-adfdcdee9c] {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.profile-input-addon[b-adfdcdee9c] {
    display: inline-flex;
    overflow: hidden;
    min-height: 2.6rem;
    border-radius: .95rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .05);
}

.profile-input-addon:focus-within[b-adfdcdee9c] {
    border-color: rgba(255, 61, 141, .42);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.profile-input-addon input[b-adfdcdee9c] {
    width: 8rem;
    min-height: 2.6rem;
    padding: .5rem .75rem;
    color: #20172b;
    font-size: .93rem;
    background: transparent;
    border: 0;
    outline: 0;
}

.profile-input-addon span[b-adfdcdee9c] {
    min-width: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .75rem;
    color: #65546f;
    font-size: .83rem;
    font-weight: 850;
    background: #f6f1f7;
    border-left: 1px solid rgba(39, 24, 69, .10);
}

.profile-label[b-adfdcdee9c] {
    display: block;
    margin-bottom: .42rem;
    color: #20172b;
    font-size: .86rem;
    font-weight: 750;
}

.profile-field[b-adfdcdee9c] {
    margin-bottom: 1rem;
}

.profile-field:last-child[b-adfdcdee9c] {
    margin-bottom: 0;
}

.profile-field--biography[b-adfdcdee9c] {
    width: 100%;
    min-width: 0;
}

/*
   InputTextArea is a child Blazor component.
   ::deep is required for isolated CSS to reach the generated textarea.
*/
.profile-field--biography[b-adfdcdee9c]  textarea.profile-textarea {
    display: block;

    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 12rem;

    box-sizing: border-box;

    padding: .85rem .95rem;

    overflow-x: hidden;
    overflow-y: auto;

    color: #20172b;
    font-family: inherit;
    font-size: .93rem;
    line-height: 1.55;

    resize: vertical;

    border: 1px solid rgba(39, 24, 69, .14);
    border-radius: 1rem;

    background: #ffffff;

    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);

    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.profile-field--biography[b-adfdcdee9c]  textarea.profile-textarea:hover {
    border-color: rgba(124, 58, 237, .26);
}

.profile-field--biography[b-adfdcdee9c]  textarea.profile-textarea:focus {
    outline: 0;

    border-color: rgba(255, 61, 141, .48);

    background: #ffffff;

    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.profile-field--biography[b-adfdcdee9c]  textarea.profile-textarea:disabled {
    color: #74687e;
    cursor: not-allowed;
    background: #f6f2f7;
}

.profile-counter[b-adfdcdee9c] {
    margin-top: .4rem;
    text-align: right;
    font-size: .78rem;
    font-weight: 650;
}

.profile-location-shell[b-adfdcdee9c],
.profile-language-shell[b-adfdcdee9c] {
    position: relative;
}

.profile-location-shell[b-adfdcdee9c]  .form-control,
.profile-location-shell[b-adfdcdee9c]  input,
.profile-language-shell[b-adfdcdee9c]  .form-control,
.profile-language-shell[b-adfdcdee9c]  select {
    min-height: 2.6rem;
    border-radius: .95rem;
    border-color: rgba(39, 24, 69, .14);
}

.profile-location-shell[b-adfdcdee9c]  .input-group,
.profile-language-shell[b-adfdcdee9c]  .input-group {
    border-radius: .95rem;
}

.profile-language-shell[b-adfdcdee9c]  .btn,
.profile-language-shell[b-adfdcdee9c]  button,
.profile-location-shell[b-adfdcdee9c]  .btn,
.profile-location-shell[b-adfdcdee9c]  button {
    border-radius: .85rem;
}

.profile-language-shell[b-adfdcdee9c]  .badge {
    border-radius: 999px;
    padding: .45rem .65rem;
    font-weight: 800;
}

.profile-message[b-adfdcdee9c] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-top: .55rem;
    font-size: .82rem;
    font-weight: 700;
}

.profile-message--success[b-adfdcdee9c] {
    color: #188b54;
}

.profile-message--danger[b-adfdcdee9c] {
    color: #d92d62;
}

.profile-message--muted[b-adfdcdee9c] {
    color: #74687e;
}

.profile-alert[b-adfdcdee9c] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: .8rem;
    padding: .95rem 2.75rem .95rem .95rem;
    border-radius: 1rem;
    font-size: .86rem;
    border: 1px solid;
}

.profile-alert__icon[b-adfdcdee9c] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    color: #ffffff;
}

.profile-alert strong[b-adfdcdee9c] {
    display: block;
    margin-bottom: .15rem;
    font-weight: 850;
}

.profile-alert p[b-adfdcdee9c] {
    margin: 0;
    line-height: 1.4;
}

.profile-alert__close[b-adfdcdee9c] {
    position: absolute;
    top: .65rem;
    right: .65rem;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: .75rem;
    color: currentColor;
    background: transparent;
    opacity: .65;
}

.profile-alert__close:hover[b-adfdcdee9c] {
    opacity: 1;
    background: rgba(255, 255, 255, .5);
}

.profile-alert--success[b-adfdcdee9c] {
    color: #145238;
    background: #f0fff7;
    border-color: rgba(33, 184, 107, .24);
}

.profile-alert--success .profile-alert__icon[b-adfdcdee9c] {
    background: linear-gradient(135deg, #21b86b, #10b981);
}

.profile-alert--danger[b-adfdcdee9c] {
    color: #7f1d42;
    background: #fff5f8;
    border-color: rgba(255, 61, 141, .22);
}

.profile-alert--danger .profile-alert__icon[b-adfdcdee9c] {
    background: linear-gradient(135deg, #ff3d8d, #ef4444);
}

.profile-actions[b-adfdcdee9c] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    gap: .65rem;
    padding: .9rem 0 .1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 42%);
}

.profile-save-button[b-adfdcdee9c],
.profile-cancel-button[b-adfdcdee9c] {
    min-height: 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .58rem 1rem;
    border-radius: .95rem;
    font-size: .9rem;
    font-weight: 850;
    text-decoration: none;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease,
        background-color .16s ease,
        border-color .16s ease;
}

.profile-save-button[b-adfdcdee9c] {
    border: 0;
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.profile-save-button:hover:not(:disabled)[b-adfdcdee9c] {
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.profile-save-button:disabled[b-adfdcdee9c] {
    opacity: .68;
    cursor: wait;
}

.profile-cancel-button[b-adfdcdee9c] {
    color: #5f5269;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .05);
}

.profile-cancel-button:hover[b-adfdcdee9c] {
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .22);
    background: #fffafd;
}

.profile-link-button[b-adfdcdee9c] {
    border: 0;
    padding: 0;
    color: #d92d82;
    font-size: .82rem;
    font-weight: 850;
    background: transparent;
}

.profile-link-button:hover[b-adfdcdee9c] {
    text-decoration: underline;
}

.profile-loading[b-adfdcdee9c] {
    padding: 2.5rem 1.4rem;
    text-align: center;
    border-radius: 1.35rem;
    color: #65546f;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow: 0 18px 45px rgba(21, 16, 54, .08);
}

.profile-loading__icon[b-adfdcdee9c] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 1.35rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 16px 34px rgba(255, 61, 141, .22);
}

.text-danger[b-adfdcdee9c] {
    color: #d92d62 !important;
}

.text-success[b-adfdcdee9c] {
    color: #188b54 !important;
}

.text-muted[b-adfdcdee9c] {
    color: #74687e !important;
}

@media (max-width: 760px) {
    .profile-field--biography[b-adfdcdee9c]  textarea.profile-textarea {
        min-height: 11rem;
        padding: .8rem .85rem;
        font-size: 1rem;
    }

    .profile-page[b-adfdcdee9c] {
        width: 100%;
        padding: 1rem .75rem 2rem;
    }

    .profile-hero[b-adfdcdee9c] {
        border-radius: 1.25rem;
        padding: 1.15rem;
    }

    .profile-card[b-adfdcdee9c] {
        border-radius: 1.15rem;
        padding: .95rem;
    }

    .profile-photo-layout[b-adfdcdee9c] {
        align-items: flex-start;
        flex-direction: column;
    }

    .profile-avatar[b-adfdcdee9c] {
        width: 6.5rem;
        height: 6.5rem;
    }

    .profile-photo-actions[b-adfdcdee9c] {
        width: 100%;
    }

    .profile-detail-grid[b-adfdcdee9c],
    .profile-option-grid[b-adfdcdee9c] {
        grid-template-columns: 1fr;
    }

    .profile-segmented--wide[b-adfdcdee9c] {
        width: 100%;
    }

    .profile-segmented--wide .profile-segment[b-adfdcdee9c] {
        flex: 1 1 auto;
    }

    .profile-actions[b-adfdcdee9c] {
        flex-direction: column;
    }

    .profile-save-button[b-adfdcdee9c],
    .profile-cancel-button[b-adfdcdee9c] {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .profile-radio-group[b-adfdcdee9c] {
        flex-direction: column;
        align-items: stretch;
    }

    .profile-choice[b-adfdcdee9c],
    .profile-choice label[b-adfdcdee9c] {
        width: 100%;
    }

    .profile-choice label[b-adfdcdee9c] {
        justify-content: center;
    }

    .profile-number-row--imperial[b-adfdcdee9c] {
        flex-direction: column;
        align-items: stretch;
    }

    .profile-input-addon[b-adfdcdee9c],
    .profile-input-addon input[b-adfdcdee9c] {
        width: 100%;
    }
}


/* =========================
   Profile settings tabs
   ========================= */

.profile-tabs[b-adfdcdee9c] {
    position: sticky;
    top: 4.7rem;
    z-index: 8;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .55rem;
    margin-bottom: 1rem;
    padding: .42rem;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: 1.2rem;
    background: rgba(248, 244, 250, .92);
    box-shadow:
        0 14px 34px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    backdrop-filter: blur(18px);
}

.profile-tab[b-adfdcdee9c] {
    position: relative;
    min-width: 0;
    min-height: 4.15rem;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .62rem;
    padding: .65rem .72rem;
    color: #655a6d;
    text-align: left;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: .95rem;
    background: transparent;
    transition:
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.profile-tab:hover[b-adfdcdee9c] {
    color: #9b326f;
    border-color: rgba(255, 61, 141, .11);
    background: rgba(255, 255, 255, .72);
    transform: translateY(-1px);
}

.profile-tab.is-active[b-adfdcdee9c] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 15% 0%, rgba(255, 255, 255, .26), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .22),
        inset 0 1px 0 rgba(255, 255, 255, .23);
}

.profile-tab__icon[b-adfdcdee9c] {
    width: 2.2rem;
    height: 2.2rem;
    flex: 0 0 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .78rem;
    color: #8b4b9c;
    background: rgba(124, 58, 237, .08);
}

.profile-tab.is-active .profile-tab__icon[b-adfdcdee9c] {
    color: #ffffff;
    background: rgba(255, 255, 255, .16);
}

.profile-tab__text[b-adfdcdee9c] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .08rem;
}

.profile-tab__text strong[b-adfdcdee9c] {
    overflow: hidden;
    font-size: .82rem;
    font-weight: 880;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-tab__text small[b-adfdcdee9c] {
    overflow: hidden;
    color: #94889a;
    font-size: .64rem;
    font-weight: 650;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.profile-tab.is-active .profile-tab__text small[b-adfdcdee9c] {
    color: rgba(255, 255, 255, .67);
}

/* =========================
   Profile detail presentation
   ========================= */

.profile-card--feature[b-adfdcdee9c] {
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
}

.profile-card__intro[b-adfdcdee9c] {
    margin: -.25rem 0 .9rem;
    color: #766a7c;
    font-size: .8rem;
    line-height: 1.45;
}

.profile-person-grid[b-adfdcdee9c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.profile-person-grid--single[b-adfdcdee9c] {
    grid-template-columns: minmax(0, 1fr);
}

.profile-person-panel[b-adfdcdee9c] {
    --person-accent: #3b82f6;
    --person-accent-secondary: #7c3aed;

    overflow: hidden;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: 1.05rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(59, 130, 246, .065), transparent 40%),
        #ffffff;
}

.profile-person-panel--woman[b-adfdcdee9c] {
    --person-accent: #ff3d8d;
    --person-accent-secondary: #7c3aed;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .065), transparent 40%),
        #ffffff;
}

.profile-person-panel__header[b-adfdcdee9c] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .62rem;
    padding: .72rem;
    border-bottom: 1px solid rgba(39, 24, 69, .07);
}

.profile-person-panel__avatar[b-adfdcdee9c] {
    width: 2.55rem;
    height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .88rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, var(--person-accent), var(--person-accent-secondary));
    box-shadow: 0 10px 22px rgba(124, 58, 237, .15);
}

.profile-person-panel__header > div[b-adfdcdee9c] {
    min-width: 0;
}

.profile-person-panel__header > div > span[b-adfdcdee9c] {
    display: block;
    color: #9b8da0;
    font-size: .62rem;
    font-weight: 760;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.profile-person-panel h3[b-adfdcdee9c] {
    margin: .05rem 0 0;
    color: #271c30;
    font-size: .94rem;
    font-weight: 870;
}

.profile-person-fields[b-adfdcdee9c] {
    display: grid;
    gap: .55rem;
    padding: .72rem;
}

.profile-person-field[b-adfdcdee9c] {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(7.5rem, .8fr) minmax(9rem, 1.2fr);
    align-items: center;
    gap: .72rem;
    padding: .62rem;
    border: 1px solid transparent;
    border-radius: .86rem;
    transition:
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.profile-person-field:hover[b-adfdcdee9c],
.profile-person-field:focus-within[b-adfdcdee9c] {
    border-color: rgba(124, 58, 237, .10);
    background: rgba(124, 58, 237, .035);
}

.profile-person-field > label[b-adfdcdee9c] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin: 0;
    color: #716576;
    cursor: pointer;
    font-size: .74rem;
    font-weight: 790;
}

.profile-person-field > label i[b-adfdcdee9c] {
    flex: 0 0 auto;
    color: var(--person-accent);
    font-size: .82rem;
}

.profile-select-shell[b-adfdcdee9c] {
    position: relative;
    min-width: 0;
}

.profile-select[b-adfdcdee9c] {
    width: 100%;
    min-height: 2.45rem;
    appearance: none;
    padding: .5rem 2.2rem .5rem .72rem;
    color: #34253d;
    cursor: pointer;
    border: 1px solid rgba(39, 24, 69, .13);
    border-radius: .82rem;
    outline: 0;
    background:
        linear-gradient(180deg, #ffffff, #fdfafd);
    box-shadow:
        0 7px 18px rgba(21, 16, 54, .045),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    font-family: inherit;
    font-size: .76rem;
    font-weight: 800;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.profile-select:hover[b-adfdcdee9c] {
    border-color: rgba(124, 58, 237, .25);
}

.profile-select:focus[b-adfdcdee9c] {
    border-color: rgba(255, 61, 141, .42);
    background: #ffffff;
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .085),
        0 9px 22px rgba(21, 16, 54, .07);
}

.profile-select-shell > i[b-adfdcdee9c] {
    position: absolute;
    top: 50%;
    right: .72rem;
    color: var(--person-accent);
    pointer-events: none;
    font-size: .68rem;
    transform: translateY(-50%);
}



/* =========================
   Integrated appearance height
   ========================= */

.profile-card__header--appearance[b-adfdcdee9c] {
    align-items: center;
}

.profile-appearance-toolbar[b-adfdcdee9c] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .6rem;
}

.profile-height-unit[b-adfdcdee9c] {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: .2rem;
    padding: .22rem;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: .88rem;
    background: #f4eef7;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .82),
        0 7px 18px rgba(21, 16, 54, .045);
}

.profile-height-unit .btn-check[b-adfdcdee9c] {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.profile-height-unit__option[b-adfdcdee9c] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .38rem .62rem;
    color: #6b6174;
    cursor: pointer;
    border-radius: .68rem;
    font-size: .72rem;
    font-weight: 850;
    white-space: nowrap;
    transition:
        color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.profile-height-unit__option:hover[b-adfdcdee9c] {
    color: #d92d82;
    background: rgba(255, 255, 255, .70);
}

.profile-height-unit .btn-check:focus-visible + .profile-height-unit__option[b-adfdcdee9c] {
    outline: 3px solid rgba(255, 61, 141, .16);
    outline-offset: 2px;
}

.profile-height-unit .btn-check:checked + .profile-height-unit__option[b-adfdcdee9c] {
    color: #ffffff;
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 255, 255, .26), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.profile-person-field__label[b-adfdcdee9c] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    color: #716576;
    font-size: .74rem;
    font-weight: 790;
}

.profile-person-field__label i[b-adfdcdee9c] {
    flex: 0 0 auto;
    color: var(--person-accent);
    font-size: .82rem;
}

.profile-person-field--height[b-adfdcdee9c] {
    align-items: flex-start;
    border-color: rgba(124, 58, 237, .075);
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .04), transparent 42%),
        rgba(255, 255, 255, .58);
}

.profile-person-panel--woman .profile-person-field--height[b-adfdcdee9c] {
    border-color: rgba(255, 61, 141, .085);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .045), transparent 42%),
        rgba(255, 255, 255, .58);
}

.profile-height-control[b-adfdcdee9c] {
    min-width: 0;
    display: grid;
    gap: .34rem;
}

.profile-height-inputs[b-adfdcdee9c] {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .38rem;
}

.profile-person-field--height .profile-input-addon[b-adfdcdee9c] {
    min-height: 2.45rem;
    border-radius: .82rem;
    box-shadow:
        0 7px 18px rgba(21, 16, 54, .045),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.profile-person-field--height .profile-input-addon input[b-adfdcdee9c] {
    width: 4.7rem;
    min-height: 2.45rem;
    padding: .48rem .62rem;
    font-size: .76rem;
    font-weight: 800;
}

.profile-height-inputs--imperial .profile-input-addon input[b-adfdcdee9c] {
    width: 3.25rem;
}

.profile-person-field--height .profile-input-addon span[b-adfdcdee9c] {
    min-width: 2.35rem;
    padding-inline: .55rem;
    font-size: .7rem;
}

.profile-height-support[b-adfdcdee9c] {
    min-height: 1.15rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .45rem;
    color: #8a7d90;
    font-size: .64rem;
    font-weight: 680;
    line-height: 1.25;
}

.profile-height-support .profile-link-button[b-adfdcdee9c] {
    font-size: .64rem;
}

.profile-height-conversion[b-adfdcdee9c] {
    color: #76657d;
}

.profile-height-empty[b-adfdcdee9c] {
    color: #a094a6;
    font-style: italic;
}

.profile-height-validation[b-adfdcdee9c] {
    display: block;
    color: #d92d62;
    font-size: .64rem;
    font-weight: 720;
    line-height: 1.3;
}


/* =========================
   Connection preferences
   ========================= */

.profile-feature-grid[b-adfdcdee9c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .72rem;
}

.profile-feature-option[b-adfdcdee9c] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .65rem;
    padding: .78rem;
    border: 1px solid rgba(39, 24, 69, .10);
    border-radius: .95rem;
    background: #ffffff;
}

.profile-feature-option.is-selected[b-adfdcdee9c] {
    border-color: rgba(255, 61, 141, .18);
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 70, 239, .06), transparent 42%),
        linear-gradient(135deg, rgba(255, 61, 141, .045), rgba(124, 58, 237, .045));
    box-shadow: 0 10px 24px rgba(124, 58, 237, .07);
}

label.profile-feature-option[b-adfdcdee9c] {
    cursor: pointer;
}

.profile-feature-option input[type="checkbox"][b-adfdcdee9c] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.profile-feature-option__icon[b-adfdcdee9c] {
    width: 2.5rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .84rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .16);
}

.profile-feature-option strong[b-adfdcdee9c] {
    display: block;
    color: #302039;
    font-size: .78rem;
    font-weight: 860;
}

.profile-feature-option p[b-adfdcdee9c] {
    margin: .12rem 0 0;
    color: #837687;
    font-size: .68rem;
    line-height: 1.35;
}

.profile-feature-option__check[b-adfdcdee9c] {
    width: 1.55rem;
    height: 1.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: 50%;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    font-size: .72rem;
}

.profile-static-segmented[b-adfdcdee9c] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .35rem;
    padding: .28rem;
    border: 1px solid rgba(39, 24, 69, .08);
    border-radius: 1rem;
    background: #f4eef7;
}

.profile-static-segmented span[b-adfdcdee9c] {
    min-height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .42rem .52rem;
    color: #716576;
    text-align: center;
    border-radius: .78rem;
    font-size: .7rem;
    font-weight: 810;
}

.profile-static-segmented span.is-selected[b-adfdcdee9c] {
    color: #ffffff;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .25), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .17);
}

/* =========================
   Preference chips and desires
   ========================= */

.profile-chip-cloud[b-adfdcdee9c] {
    display: flex;
    flex-wrap: wrap;
    gap: .48rem;
}

.profile-chip-cloud > span[b-adfdcdee9c] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    padding: .36rem .62rem;
    color: #6e6174;
    border: 1px solid rgba(39, 24, 69, .11);
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 5px 14px rgba(21, 16, 54, .04);
    font-size: .7rem;
    font-weight: 790;
}

.profile-chip-cloud > span.is-selected[b-adfdcdee9c] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .27), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 9px 20px rgba(124, 58, 237, .17),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.profile-chip-cloud > button[b-adfdcdee9c] {
    min-height: 2rem;
    display: inline-flex;
    align-items: center;
    padding: .36rem .62rem;
    color: #6e6174;
    border: 1px solid rgba(39, 24, 69, .11);
    border-radius: 999px;
    background: #ffffff;
    box-shadow: 0 5px 14px rgba(21, 16, 54, .04);
    font-size: .7rem;
    font-weight: 790;
    font-family: inherit;
    cursor: pointer;
    transition:
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.profile-chip-cloud > button:hover[b-adfdcdee9c] {
    transform: translateY(-1px);
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .22);
}

.profile-chip-cloud > button.is-selected[b-adfdcdee9c] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .27), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 9px 20px rgba(124, 58, 237, .17),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}


.profile-desire-grid[b-adfdcdee9c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.profile-desire-card[b-adfdcdee9c] {
    margin: 0;
}

.profile-desire-card--wide[b-adfdcdee9c] {
    grid-column: 1 / -1;
}

.profile-desire-card__header[b-adfdcdee9c] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .65rem;
    margin-bottom: .85rem;
}

.profile-desire-card__icon[b-adfdcdee9c] {
    width: 2.7rem;
    height: 2.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .92rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .17);
}

.profile-desire-card__header > div > span[b-adfdcdee9c] {
    display: block;
    color: #a04c80;
    font-size: .62rem;
    font-weight: 860;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.profile-desire-card h2[b-adfdcdee9c] {
    margin: .08rem 0 0;
    font-size: .98rem;
}

/* =========================
   Sticky actions context
   ========================= */

.profile-actions[b-adfdcdee9c] {
    align-items: flex-end;
    justify-content: space-between;
}

.profile-actions__context[b-adfdcdee9c] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .08rem;
    padding: .25rem .2rem;
}

.profile-actions__context strong[b-adfdcdee9c] {
    color: #3c2b45;
    font-size: .76rem;
    font-weight: 860;
}

.profile-actions__context span[b-adfdcdee9c] {
    color: #8b7e91;
    font-size: .65rem;
    line-height: 1.3;
}

.profile-actions__buttons[b-adfdcdee9c] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .55rem;
}



/* =========================
   Unsaved changes indicators
   ========================= */

.profile-tab.has-unsaved[b-adfdcdee9c] {
    padding-right: 4.5rem;
}

.profile-tab__unsaved[b-adfdcdee9c] {
    position: absolute;
    top: .42rem;
    right: .42rem;
    min-height: 1.45rem;
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    padding: .2rem .38rem;
    color: #8a4b10;
    border: 1px solid rgba(245, 158, 11, .22);
    border-radius: 999px;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .42), transparent 35%),
        linear-gradient(135deg, #fff7dc, #ffedc0);
    box-shadow:
        0 6px 15px rgba(180, 100, 10, .10),
        inset 0 1px 0 rgba(255, 255, 255, .65);
    font-size: .54rem;
    font-weight: 900;
    letter-spacing: .035em;
    text-transform: uppercase;
    white-space: nowrap;
}

.profile-tab.is-active .profile-tab__unsaved[b-adfdcdee9c] {
    color: #51300a;
    border-color: rgba(255, 255, 255, .34);
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .52), transparent 35%),
        linear-gradient(135deg, #ffe58e, #ffc857);
    box-shadow:
        0 7px 18px rgba(58, 20, 75, .18),
        inset 0 1px 0 rgba(255, 255, 255, .62);
}

.profile-tab__unsaved-dot[b-adfdcdee9c],
.profile-unsaved-status__dot[b-adfdcdee9c] {
    width: .48rem;
    height: .48rem;
    flex: 0 0 .48rem;
    border-radius: 50%;
    background: #f59e0b;
    box-shadow:
        0 0 0 3px rgba(245, 158, 11, .14),
        0 0 10px rgba(245, 158, 11, .30);
}

.profile-tab.is-active .profile-tab__unsaved-dot[b-adfdcdee9c] {
    background: #a95508;
    box-shadow: 0 0 0 3px rgba(169, 85, 8, .12);
}

.profile-unsaved-status[b-adfdcdee9c],
.profile-saved-status[b-adfdcdee9c] {
    display: inline-flex;
    align-items: center;
    gap: .62rem;
    min-height: 2.55rem;
    padding: .52rem .72rem;
    border-radius: .9rem;
}

.profile-unsaved-status[b-adfdcdee9c] {
    color: #6f3f0b;
    border: 1px solid rgba(245, 158, 11, .20);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 194, 71, .11), transparent 42%),
        linear-gradient(135deg, #fffaf0, #fff5da);
    box-shadow:
        0 9px 22px rgba(180, 100, 10, .07),
        inset 0 1px 0 rgba(255, 255, 255, .8);
}

.profile-unsaved-status__text[b-adfdcdee9c],
.profile-saved-status > span[b-adfdcdee9c] {
    display: flex;
    flex-direction: column;
    gap: .06rem;
}

.profile-unsaved-status strong[b-adfdcdee9c],
.profile-saved-status strong[b-adfdcdee9c] {
    font-size: .74rem;
    font-weight: 900;
}

.profile-unsaved-status small[b-adfdcdee9c],
.profile-saved-status small[b-adfdcdee9c] {
    color: #92714a;
    font-size: .63rem;
    font-weight: 650;
    line-height: 1.25;
}

.profile-saved-status[b-adfdcdee9c] {
    color: #176642;
    border: 1px solid rgba(33, 184, 107, .17);
    background: linear-gradient(135deg, #f5fff9, #effcf5);
}

.profile-saved-status > i[b-adfdcdee9c] {
    color: #21a766;
    font-size: 1.05rem;
}

.profile-saved-status small[b-adfdcdee9c] {
    color: #668675;
}


@media (max-width: 820px) {
    .profile-tabs[b-adfdcdee9c] {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .profile-person-grid[b-adfdcdee9c],
    .profile-feature-grid[b-adfdcdee9c],
    .profile-desire-grid[b-adfdcdee9c] {
        grid-template-columns: 1fr;
    }

    .profile-desire-card--wide[b-adfdcdee9c] {
        grid-column: auto;
    }

    .profile-static-segmented[b-adfdcdee9c] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


@media (max-width: 640px) {
    .profile-person-field[b-adfdcdee9c] {
        grid-template-columns: 1fr;
        gap: .38rem;
    }

    .profile-select[b-adfdcdee9c] {
        min-height: 2.65rem;
        font-size: .86rem;
    }
}

@media (max-width: 560px) {
    .profile-tabs[b-adfdcdee9c] {
        gap: .38rem;
        padding: .35rem;
    }

    .profile-tab[b-adfdcdee9c] {
        min-height: 3.5rem;
        gap: .45rem;
        padding: .5rem;
    }

    .profile-tab.has-unsaved[b-adfdcdee9c] {
        padding-right: 2.65rem;
    }

    .profile-tab__unsaved[b-adfdcdee9c] {
        top: .38rem;
        right: .38rem;
        width: 1.35rem;
        height: 1.35rem;
        min-height: 1.35rem;
        justify-content: center;
        padding: 0;
    }

    .profile-tab__unsaved > span:last-child[b-adfdcdee9c] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }

    .profile-tab__icon[b-adfdcdee9c] {
        width: 1.95rem;
        height: 1.95rem;
        flex-basis: 1.95rem;
    }

    .profile-tab__text small[b-adfdcdee9c] {
        display: none;
    }

    .profile-person-panel__header[b-adfdcdee9c] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .profile-actions[b-adfdcdee9c] {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-unsaved-status[b-adfdcdee9c],
    .profile-saved-status[b-adfdcdee9c] {
        width: 100%;
    }

    .profile-actions__buttons[b-adfdcdee9c] {
        width: 100%;
    }

    .profile-actions__buttons .profile-save-button[b-adfdcdee9c],
    .profile-actions__buttons .profile-cancel-button[b-adfdcdee9c] {
        flex: 1 1 0;
    }
}

@media (max-width: 390px) {
    .profile-tabs[b-adfdcdee9c] {
        grid-template-columns: 1fr;
    }

    .profile-tab__text small[b-adfdcdee9c] {
        display: block;
    }

    .profile-static-segmented[b-adfdcdee9c] {
        grid-template-columns: 1fr;
    }

    .profile-actions__buttons[b-adfdcdee9c] {
        flex-direction: column;
    }

    .profile-actions__buttons .profile-save-button[b-adfdcdee9c],
    .profile-actions__buttons .profile-cancel-button[b-adfdcdee9c] {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .profile-card__header--appearance[b-adfdcdee9c] {
        align-items: stretch;
        flex-direction: column;
    }

    .profile-appearance-toolbar[b-adfdcdee9c] {
        width: 100%;
        justify-content: space-between;
    }

    .profile-height-unit[b-adfdcdee9c] {
        flex: 1 1 auto;
        max-width: 12rem;
    }

    .profile-height-unit__option[b-adfdcdee9c] {
        flex: 1 1 0;
    }

    .profile-height-inputs[b-adfdcdee9c] {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .profile-appearance-toolbar[b-adfdcdee9c] {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .profile-appearance-toolbar .profile-card__icon[b-adfdcdee9c] {
        align-self: flex-end;
    }

    .profile-height-unit[b-adfdcdee9c] {
        width: 100%;
        max-width: none;
    }

    .profile-height-inputs--imperial .profile-input-addon[b-adfdcdee9c] {
        flex: 1 1 calc(50% - .2rem);
    }

    .profile-height-inputs--imperial .profile-input-addon input[b-adfdcdee9c] {
        width: 100%;
    }
}

/* =========================
   Email notification preferences
   ========================= */

.profile-card--notifications[b-adfdcdee9c] {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 31%),
        radial-gradient(circle at 0% 100%, rgba(255, 61, 141, .04), transparent 31%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
}

.profile-card--notifications[b-adfdcdee9c]::before {
    content: "";
    position: absolute;
    right: -5rem;
    top: -6rem;
    width: 12rem;
    height: 12rem;
    border: 1px solid rgba(124, 58, 237, .045);
    border-radius: 50%;
    pointer-events: none;
}

.profile-card__intro--notifications[b-adfdcdee9c] {
    position: relative;
    z-index: 1;
    max-width: 42rem;
    margin-bottom: 1rem;
}

.profile-notification-master[b-adfdcdee9c] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    padding: .9rem;
    border: 1px solid rgba(39, 24, 69, .10);
    border-radius: 1.05rem;
    background: #ffffff;
    box-shadow:
        0 10px 26px rgba(21, 16, 54, .055),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease;
}

.profile-notification-master.is-enabled[b-adfdcdee9c] {
    border-color: rgba(255, 61, 141, .17);
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 38%),
        linear-gradient(135deg, #fffafd, #ffffff 55%, #faf7ff);
    box-shadow:
        0 13px 30px rgba(124, 58, 237, .075),
        inset 0 1px 0 rgba(255, 255, 255, .94);
}

.profile-notification-master.is-paused[b-adfdcdee9c] {
    background:
        linear-gradient(135deg, #fbf9fc, #f7f4f8);
}

.profile-notification-master__icon[b-adfdcdee9c] {
    width: 3rem;
    height: 3rem;
    flex: 0 0 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .95rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .3), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 11px 24px rgba(124, 58, 237, .18),
        inset 0 1px 0 rgba(255, 255, 255, .2);
    font-size: 1rem;
}

.profile-notification-master.is-paused .profile-notification-master__icon[b-adfdcdee9c] {
    color: #766b7d;
    background: linear-gradient(135deg, #eee9f0, #e5dfe8);
    box-shadow: none;
}

.profile-notification-master__content[b-adfdcdee9c] {
    min-width: 0;
}

.profile-notification-master__eyebrow[b-adfdcdee9c] {
    display: block;
    margin-bottom: .08rem;
    color: #a4477e;
    font-size: .58rem;
    font-weight: 880;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.profile-notification-master.is-paused .profile-notification-master__eyebrow[b-adfdcdee9c] {
    color: #8d818f;
}

.profile-notification-master__content strong[b-adfdcdee9c] {
    display: block;
    color: #2e2138;
    font-size: .83rem;
    font-weight: 880;
}

.profile-notification-master__content p[b-adfdcdee9c] {
    max-width: 37rem;
    margin: .16rem 0 0;
    color: #827688;
    font-size: .68rem;
    line-height: 1.42;
}

.profile-notification-master__control[b-adfdcdee9c] {
    display: flex;
    align-items: center;
    gap: .55rem;
}

.profile-notification-master__status[b-adfdcdee9c] {
    min-width: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .3rem .48rem;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: 999px;
    color: #7d6f84;
    background: rgba(255, 255, 255, .78);
    font-size: .6rem;
    font-weight: 860;
}

.profile-notification-master.is-enabled .profile-notification-master__status[b-adfdcdee9c] {
    color: #9b326f;
    border-color: rgba(255, 61, 141, .15);
    background: rgba(255, 61, 141, .07);
}

/* Reusable custom switches */

.profile-notification-switch[b-adfdcdee9c] {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0;
    cursor: pointer;
}

.profile-notification-switch input[b-adfdcdee9c],
.profile-notification-option input[b-adfdcdee9c] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
}

.profile-notification-switch__track[b-adfdcdee9c],
.profile-notification-option__switch[b-adfdcdee9c] {
    width: 2.65rem;
    height: 1.5rem;
    flex: 0 0 2.65rem;
    display: inline-flex;
    align-items: center;
    padding: .16rem;
    border: 1px solid rgba(39, 24, 69, .13);
    border-radius: 999px;
    background: #e9e3eb;
    box-shadow: inset 0 1px 3px rgba(39, 24, 69, .08);
    transition:
        background .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.profile-notification-switch__thumb[b-adfdcdee9c],
.profile-notification-option__switch > span[b-adfdcdee9c] {
    width: 1.08rem;
    height: 1.08rem;
    display: block;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 7px rgba(39, 24, 69, .19);
    transform: translateX(0);
    transition: transform .16s ease;
}

.profile-notification-switch input:checked + .profile-notification-switch__track[b-adfdcdee9c],
.profile-notification-option input:checked ~ .profile-notification-option__switch[b-adfdcdee9c] {
    border-color: transparent;
    background:
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 6px 14px rgba(124, 58, 237, .16),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.profile-notification-switch input:checked + .profile-notification-switch__track .profile-notification-switch__thumb[b-adfdcdee9c],
.profile-notification-option input:checked ~ .profile-notification-option__switch > span[b-adfdcdee9c] {
    transform: translateX(1.12rem);
}

.profile-notification-switch input:focus-visible + .profile-notification-switch__track[b-adfdcdee9c],
.profile-notification-option input:focus-visible ~ .profile-notification-option__switch[b-adfdcdee9c] {
    outline: 3px solid rgba(255, 61, 141, .16);
    outline-offset: 3px;
}

.profile-notification-paused[b-adfdcdee9c] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    margin-top: .7rem;
    padding: .7rem .78rem;
    border: 1px solid rgba(124, 58, 237, .09);
    border-radius: .9rem;
    color: #716576;
    background: linear-gradient(135deg, #f8f5fa, #fbf9fc);
    font-size: .64rem;
    line-height: 1.45;
}

.profile-notification-paused i[b-adfdcdee9c] {
    flex: 0 0 auto;
    margin-top: .06rem;
    color: #8b5ba3;
}

.profile-notification-paused strong[b-adfdcdee9c] {
    color: #514458;
    font-weight: 850;
}

.profile-notification-groups[b-adfdcdee9c] {
    position: relative;
    z-index: 1;
    display: grid;
    gap: .85rem;
    margin-top: .9rem;
}

.profile-notification-groups.is-disabled[b-adfdcdee9c] {
    opacity: .64;
}

.profile-notification-group[b-adfdcdee9c] {
    padding: .82rem;
    border: 1px solid rgba(39, 24, 69, .075);
    border-radius: 1rem;
    background: rgba(255, 255, 255, .76);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .035),
        inset 0 1px 0 rgba(255, 255, 255, .88);
}

.profile-notification-group__header[b-adfdcdee9c] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .62rem;
    margin-bottom: .72rem;
}

.profile-notification-group__icon[b-adfdcdee9c] {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .82rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .15);
    font-size: .8rem;
}

.profile-notification-group__header > div[b-adfdcdee9c] {
    min-width: 0;
}

.profile-notification-group__eyebrow[b-adfdcdee9c] {
    display: block;
    color: #a05082;
    font-size: .57rem;
    font-weight: 860;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.profile-notification-group h3[b-adfdcdee9c] {
    margin: .04rem 0 0;
    color: #30223a;
    font-size: .8rem;
    font-weight: 870;
    letter-spacing: -.01em;
}

.profile-notification-group__header p[b-adfdcdee9c] {
    margin: .12rem 0 0;
    color: #8a7d90;
    font-size: .62rem;
    line-height: 1.35;
}

.profile-notification-grid[b-adfdcdee9c] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .55rem;
}

.profile-notification-option[b-adfdcdee9c] {
    position: relative;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .58rem;
    min-height: 4.3rem;
    margin: 0;
    padding: .68rem;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: .9rem;
    color: inherit;
    background: #ffffff;
    cursor: pointer;
    box-shadow:
        0 6px 16px rgba(21, 16, 54, .035),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.profile-notification-option:hover:not(.is-disabled)[b-adfdcdee9c] {
    border-color: rgba(255, 61, 141, .17);
    box-shadow:
        0 10px 22px rgba(21, 16, 54, .06),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transform: translateY(-1px);
}

.profile-notification-option.is-selected[b-adfdcdee9c] {
    border-color: rgba(255, 61, 141, .16);
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .045), transparent 42%),
        linear-gradient(135deg, #fffafd, #ffffff);
}

.profile-notification-option.is-disabled[b-adfdcdee9c] {
    cursor: not-allowed;
    box-shadow: none;
}

.profile-notification-option__icon[b-adfdcdee9c] {
    width: 2.2rem;
    height: 2.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .74rem;
    color: #806c87;
    background: #f1ebf3;
    font-size: .72rem;
    transition:
        color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.profile-notification-option.is-selected .profile-notification-option__icon[b-adfdcdee9c] {
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 7px 16px rgba(124, 58, 237, .14);
}

.profile-notification-option__copy[b-adfdcdee9c] {
    min-width: 0;
}

.profile-notification-option__copy strong[b-adfdcdee9c],
.profile-notification-option__copy small[b-adfdcdee9c] {
    display: block;
}

.profile-notification-option__copy strong[b-adfdcdee9c] {
    color: #392b42;
    font-size: .7rem;
    font-weight: 850;
    line-height: 1.3;
}

.profile-notification-option__copy small[b-adfdcdee9c] {
    margin-top: .1rem;
    color: #8d8193;
    font-size: .58rem;
    font-weight: 600;
    line-height: 1.35;
}

.profile-notification-option__switch[b-adfdcdee9c] {
    width: 2.4rem;
    height: 1.38rem;
    flex-basis: 2.4rem;
    padding: .15rem;
}

.profile-notification-option__switch > span[b-adfdcdee9c] {
    width: .98rem;
    height: .98rem;
}

.profile-notification-option input:checked ~ .profile-notification-option__switch > span[b-adfdcdee9c] {
    transform: translateX(.98rem);
}

@media (max-width: 760px) {
    .profile-notification-master[b-adfdcdee9c] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .profile-notification-master__control[b-adfdcdee9c] {
        grid-column: 1 / -1;
        justify-content: space-between;
        padding-top: .6rem;
        border-top: 1px solid rgba(39, 24, 69, .07);
    }

    .profile-notification-grid[b-adfdcdee9c] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .profile-notification-master[b-adfdcdee9c] {
        gap: .65rem;
        padding: .78rem;
    }

    .profile-notification-master__icon[b-adfdcdee9c] {
        width: 2.6rem;
        height: 2.6rem;
        flex-basis: 2.6rem;
    }

    .profile-notification-group[b-adfdcdee9c] {
        padding: .68rem;
    }

    .profile-notification-option[b-adfdcdee9c] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        min-height: 4.1rem;
        gap: .48rem;
        padding: .6rem;
    }

    .profile-notification-option__icon[b-adfdcdee9c] {
        width: 2rem;
        height: 2rem;
    }

    .profile-notification-option__copy small[b-adfdcdee9c] {
        font-size: .56rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .profile-notification-master[b-adfdcdee9c],
    .profile-notification-switch__track[b-adfdcdee9c],
    .profile-notification-switch__thumb[b-adfdcdee9c],
    .profile-notification-option[b-adfdcdee9c],
    .profile-notification-option__icon[b-adfdcdee9c],
    .profile-notification-option__switch[b-adfdcdee9c],
    .profile-notification-option__switch > span[b-adfdcdee9c] {
        transition: none;
    }
}

/* /Components/Shared/Breadcrumb.razor.rz.scp.css */
.site-breadcrumbs[b-q4r8k5pa3m] {
    display: flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    margin-bottom: 1rem;
    color: #87798f;
    font-size: .8rem;
    font-weight: 650;
    overflow-x: auto;
    scrollbar-width: none;
}

.site-breadcrumbs[b-q4r8k5pa3m]::-webkit-scrollbar {
    display: none;
}

.site-breadcrumbs a[b-q4r8k5pa3m],
.site-breadcrumbs span[b-q4r8k5pa3m] {
    flex: 0 0 auto;
}

.site-breadcrumbs a[b-q4r8k5pa3m] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #6f617b;
    text-decoration: none;
    transition: color .18s ease;
}

.site-breadcrumbs a:hover[b-q4r8k5pa3m] {
    color: #ff3d8d;
}

.site-breadcrumbs a:focus-visible[b-q4r8k5pa3m] {
    outline: 3px solid rgba(124, 58, 237, .22);
    outline-offset: 3px;
}

.site-breadcrumbs > i[b-q4r8k5pa3m] {
    color: #c8becd;
    font-size: .67rem;
}

.site-breadcrumbs__current[b-q4r8k5pa3m] {
    max-width: 18rem;
    overflow: hidden;
    color: #392b46;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .site-breadcrumbs[b-q4r8k5pa3m] {
        margin-bottom: .72rem;
        padding: 0 .15rem;
        font-size: .72rem;
    }

    .site-breadcrumbs__current[b-q4r8k5pa3m] {
        max-width: 10rem;
    }
}
/* /Components/Shared/Chat/MessageBubble.razor.rz.scp.css */
.message-row[b-kku91t706w] {
    display: flex;
    margin-bottom: 0.25rem;
    padding: 0 1rem;
    align-items: flex-start;
}

.message-row.mine[b-kku91t706w] {
    justify-content: flex-end;
}

.message-row.theirs[b-kku91t706w] {
    justify-content: flex-start;
}

.message-avatar[b-kku91t706w] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.5rem;
    flex-shrink: 0;
    margin-top: 0.25rem;
}

.message-avatar img[b-kku91t706w] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.message-avatar-placeholder[b-kku91t706w] {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: #6264a7;
    color: #fff;
}

.message-avatar-spacer[b-kku91t706w] {
    background: transparent;
}

.message-bubble-wrapper[b-kku91t706w] {
    max-width: 70%;
    display: flex;
    flex-direction: column;
}

.message-row.mine .message-bubble-wrapper[b-kku91t706w] {
    align-items: flex-end;
}

.message-header[b-kku91t706w] {
    font-size: 0.78rem;
    color: #616161;
    margin-bottom: 0.15rem;
    display: flex;
    gap: 0.5rem;
    align-items: baseline;
}

.message-sender[b-kku91t706w] {
    font-weight: 600;
    color: #242424;
}

.message-time[b-kku91t706w] {
    color: #9a9a9a;
}

.message-bubble[b-kku91t706w] {
    position: relative;
    padding: 0.55rem 0.85rem;
    border-radius: 6px;
    word-wrap: break-word;
    white-space: pre-wrap;
    line-height: 1.4;
}

.message-row.mine .message-bubble[b-kku91t706w] {
    background-color: #5b5fc7;
    color: #fff;
    border-bottom-right-radius: 2px;
}

.message-row.theirs .message-bubble[b-kku91t706w] {
    background-color: #f5f5f5;
    color: #242424;
    border-bottom-left-radius: 2px;
}

.message-bubble.deleted[b-kku91t706w] {
    background-color: transparent !important;
    border: 1px dashed #c4c4c4;
    color: #8a8a8a !important;
    font-style: italic;
}

.message-content[b-kku91t706w] {
    display: inline;
}

.message-edited[b-kku91t706w] {
    margin-left: 0.5rem;
    font-size: 0.7rem;
    opacity: 0.75;
    font-style: italic;
}

.message-attachments[b-kku91t706w] {
    margin-top: 0.4rem;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.message-image[b-kku91t706w] {
    max-width: 280px;
    max-height: 280px;
    border-radius: 4px;
    cursor: pointer;
    display: block;
}

.message-attachment-pending[b-kku91t706w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 4px;
}

.message-toolbar[b-kku91t706w] {
    position: absolute;
    top: -28px;
    right: 0;
    display: none;
    gap: 0.25rem;
    padding: 0.15rem 0.4rem;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
}

.message-bubble:hover .message-toolbar[b-kku91t706w] {
    display: inline-flex;
}
/* /Components/Shared/Chat/MessageComposer.razor.rz.scp.css */
.composer[b-tgcesrezka] {
    border-top: 1px solid #e0e0e0;
    padding: 0.75rem 1rem;
    background-color: #fff;
}

.composer-row[b-tgcesrezka] {
    display: flex;
    align-items: flex-end;
    gap: 0.5rem;
}

.composer-attach-btn[b-tgcesrezka] {
    width: 36px;
    height: 36px;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    color: #5b5fc7;
    cursor: pointer;
    transition: background-color 0.15s ease;
    flex-shrink: 0;
}

.composer-attach-btn:hover[b-tgcesrezka] {
    background-color: rgba(91, 95, 199, 0.1);
}

.composer-textarea[b-tgcesrezka] {
    resize: none;
    min-height: 36px;
    max-height: 160px;
    flex-grow: 1;
    border-radius: 6px;
}

.composer-send-btn[b-tgcesrezka] {
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.composer-attachments[b-tgcesrezka] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
}

.composer-attachment[b-tgcesrezka] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: #f5f5f5;
    padding: 0.25rem 0.5rem;
    border-radius: 6px;
    font-size: 0.85rem;
    max-width: 240px;
}

.composer-attachment-name[b-tgcesrezka] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 160px;
}
/* /Components/Shared/ChatIcon.razor.rz.scp.css */
.chat-icon-wrapper[b-86fhx6bvgf] {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: background-color 0.15s ease;
    margin-right: 0.5rem;
}

.chat-icon-wrapper:hover[b-86fhx6bvgf] {
    background-color: rgba(0, 0, 0, 0.06);
}

.chat-icon[b-86fhx6bvgf] {
    font-size: 1.25rem;
    color: #5b5fc7;
}

.chat-badge[b-86fhx6bvgf] {
    position: absolute;
    top: -2px;
    right: -2px;
    background-color: #c4314b;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 1;
    padding: 3px 5px;
    border-radius: 10px;
    min-width: 18px;
    text-align: center;
    border: 2px solid #fff;
}
/* /Components/Shared/CommentItem.razor.rz.scp.css */
:host[b-3lqd5laftr] {
    display: block;
    min-width: 0;
}

.comment-item[b-3lqd5laftr] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .65rem;
    padding: .78rem;
    border: 1px solid rgba(39, 24, 69, .075);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .028), transparent 36%),
        #fff;
    box-shadow:
        0 7px 20px rgba(21, 16, 54, .035),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.comment-item--reply[b-3lqd5laftr] {
    padding: .68rem;
    border-color: rgba(124, 58, 237, .08);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .035), transparent 36%),
        linear-gradient(180deg, #fff 0%, #fffafd 100%);
    box-shadow: none;
}

.comment-item__avatar[b-3lqd5laftr] {
    flex: 0 0 auto;
}

.comment-item__main[b-3lqd5laftr] {
    min-width: 0;
}

.comment-item__topline[b-3lqd5laftr] {
    min-width: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .55rem;
}

.comment-item__identity[b-3lqd5laftr] {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
}

.comment-item__username[b-3lqd5laftr] {
    overflow: hidden;
    max-width: 100%;
    color: #35273f;
    font-size: .74rem;
    font-weight: 860;
    line-height: 1.25;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.comment-item__username:hover[b-3lqd5laftr] {
    color: #b72d72;
}

.comment-item__author-badge[b-3lqd5laftr] {
    display: inline-flex;
    align-items: center;
    gap: .23rem;
    padding: .19rem .35rem;
    border: 1px solid rgba(255, 61, 141, .12);
    border-radius: 999px;
    color: #a43872;
    background: linear-gradient(135deg, rgba(255, 61, 141, .07), rgba(124, 58, 237, .06));
    font-size: .48rem;
    font-weight: 850;
    letter-spacing: .02em;
}

.comment-item__author-badge i[b-3lqd5laftr] {
    color: #d83d86;
}

.comment-item__delete[b-3lqd5laftr] {
    width: 1.9rem;
    height: 1.9rem;
    flex: 0 0 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: -.22rem -.18rem 0 0;
    padding: 0;
    border: 0;
    border-radius: .62rem;
    color: #aaa0af;
    background: transparent;
    cursor: pointer;
    transition:
        color .16s ease,
        background .16s ease,
        transform .16s ease;
}

.comment-item__delete:hover:not(:disabled)[b-3lqd5laftr] {
    color: #c4335c;
    background: rgba(220, 53, 69, .065);
    transform: translateY(-1px);
}

.comment-item__delete:disabled[b-3lqd5laftr] {
    opacity: .5;
    cursor: wait;
}

.comment-item__delete .spinner-border[b-3lqd5laftr] {
    width: .72rem;
    height: .72rem;
    border-width: .1rem;
}

.comment-item__content[b-3lqd5laftr] {
    margin: .22rem 0 0;
    color: #403548;
    font-size: .73rem;
    line-height: 1.48;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.comment-item__meta[b-3lqd5laftr] {
    min-width: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .42rem .65rem;
    margin-top: .48rem;
}

.comment-item__time[b-3lqd5laftr] {
    color: #978b9c;
    font-size: .55rem;
    font-weight: 680;
    white-space: nowrap;
}

.comment-item__reply-action[b-3lqd5laftr],
.comment-item__more-replies[b-3lqd5laftr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .25rem;
    padding: 0;
    border: 0;
    color: #76547f;
    background: transparent;
    font: inherit;
    font-size: .56rem;
    font-weight: 820;
    cursor: pointer;
    text-decoration: none;
    transition: color .16s ease;
}

.comment-item__reply-action:hover[b-3lqd5laftr],
.comment-item__reply-action--active[b-3lqd5laftr],
.comment-item__more-replies:hover:not(:disabled)[b-3lqd5laftr] {
    color: #d92d82;
}

.comment-item__reply-action i[b-3lqd5laftr] {
    font-size: .65rem;
}

.comment-item__reactions[b-3lqd5laftr] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
}

/* The reaction component is rendered as a child component. */
.comment-item__reactions[b-3lqd5laftr]  .btn {
    min-height: 1.8rem;
    border-radius: 999px;
}

.comment-item__reply-composer[b-3lqd5laftr] {
    display: flex;
    align-items: center;
    gap: .42rem;
    margin-top: .65rem;
    padding: .28rem .3rem .28rem .65rem;
    border: 1px solid rgba(39, 24, 69, .11);
    border-radius: .9rem;
    background: #fff;
    box-shadow: 0 6px 16px rgba(21, 16, 54, .04);
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.comment-item__reply-composer:focus-within[b-3lqd5laftr] {
    border-color: rgba(255, 61, 141, .34);
    box-shadow: 0 0 0 3px rgba(255, 61, 141, .065);
}

.comment-item__reply-input[b-3lqd5laftr] {
    min-width: 0;
    flex: 1 1 auto;
    height: 2.2rem;
    padding: 0;
    border: 0;
    outline: 0;
    color: #3d3045;
    background: transparent;
    font: inherit;
    font-size: .68rem;
}

.comment-item__reply-input[b-3lqd5laftr]::placeholder {
    color: #aaa0af;
}

.comment-item__reply-send[b-3lqd5laftr] {
    width: 2.15rem;
    height: 2.15rem;
    flex: 0 0 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: .72rem;
    color: #fff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 7px 16px rgba(124, 58, 237, .15);
    cursor: pointer;
    transition:
        transform .16s ease,
        opacity .16s ease,
        box-shadow .16s ease;
}

.comment-item__reply-send:hover:not(:disabled)[b-3lqd5laftr] {
    transform: translateY(-1px);
    box-shadow: 0 9px 20px rgba(124, 58, 237, .21);
}

.comment-item__reply-send:disabled[b-3lqd5laftr] {
    opacity: .34;
    cursor: not-allowed;
    box-shadow: none;
}

.comment-item__reply-send .spinner-border[b-3lqd5laftr] {
    width: .72rem;
    height: .72rem;
    border-width: .1rem;
}

.comment-item__replies[b-3lqd5laftr] {
    display: grid;
    gap: .55rem;
    margin-top: .7rem;
    padding-left: .75rem;
    border-left: 2px solid rgba(124, 58, 237, .10);
}

.comment-item__more-replies[b-3lqd5laftr] {
    margin-top: .55rem;
    color: #7b5584;
}

.comment-item__more-replies .spinner-border[b-3lqd5laftr] {
    width: .68rem;
    height: .68rem;
    border-width: .1rem;
}

.comment-item__username:focus-visible[b-3lqd5laftr],
.comment-item__delete:focus-visible[b-3lqd5laftr],
.comment-item__reply-action:focus-visible[b-3lqd5laftr],
.comment-item__reply-send:focus-visible[b-3lqd5laftr],
.comment-item__more-replies:focus-visible[b-3lqd5laftr] {
    outline: 3px solid rgba(255, 61, 141, .16);
    outline-offset: 2px;
}

@media (max-width: 700px) {
    .comment-item[b-3lqd5laftr] {
        gap: .58rem;
        padding: .72rem;
        border-radius: .95rem;
    }

    .comment-item--reply[b-3lqd5laftr] {
        padding: .62rem;
    }

    .comment-item__content[b-3lqd5laftr] {
        font-size: .72rem;
    }

    .comment-item__replies[b-3lqd5laftr] {
        padding-left: .55rem;
    }
}

@media (max-width: 390px) {
    .comment-item[b-3lqd5laftr] {
        grid-template-columns: 2.1rem minmax(0, 1fr);
        gap: .5rem;
        padding: .65rem;
    }

    .comment-item__replies[b-3lqd5laftr] {
        margin-left: -.35rem;
        padding-left: .45rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .comment-item__delete[b-3lqd5laftr],
    .comment-item__reply-action[b-3lqd5laftr],
    .comment-item__reply-composer[b-3lqd5laftr],
    .comment-item__reply-send[b-3lqd5laftr],
    .comment-item__more-replies[b-3lqd5laftr] {
        transition: none;
    }
}
/* /Components/Shared/CommentPanel.razor.rz.scp.css */
:host[b-2wx92y6v5c] {
    display: contents;
}

.comment-panel-layer[b-2wx92y6v5c] {
    position: fixed;
    z-index: 2200;
    inset: 0;
    display: flex;
    justify-content: flex-end;
    background: rgba(11, 8, 25, .42);
    backdrop-filter: blur(4px);
    animation: comment-panel-backdrop-in-b-2wx92y6v5c .18s ease-out;
}

.comment-panel[b-2wx92y6v5c] {
    width: min(470px, 94vw);
    height: 100dvh;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr) auto;
    overflow: hidden;
    color: #281d34;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .055), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    border-left: 1px solid rgba(38, 24, 69, .09);
    box-shadow: -24px 0 70px rgba(15, 10, 38, .22);
    animation: comment-panel-slide-in-b-2wx92y6v5c .22s ease-out;
}

.comment-panel__mobile-handle[b-2wx92y6v5c] {
    display: none;
}

.comment-panel__header[b-2wx92y6v5c] {
    position: relative;
    z-index: 3;
    min-height: 5.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem .95rem;
    border-bottom: 1px solid rgba(39, 24, 69, .075);
    background: rgba(255, 255, 255, .92);
    backdrop-filter: blur(14px);
}

.comment-panel__heading[b-2wx92y6v5c] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: .72rem;
}

.comment-panel__heading-icon[b-2wx92y6v5c] {
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .9rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .3), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
    font-size: .95rem;
}

.comment-panel__eyebrow[b-2wx92y6v5c] {
    display: block;
    margin-bottom: .06rem;
    color: #a7457e;
    font-size: .58rem;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.comment-panel__title-row[b-2wx92y6v5c] {
    display: flex;
    align-items: center;
    gap: .5rem;
}

.comment-panel__title-row h2[b-2wx92y6v5c] {
    margin: 0;
    color: #2c2037;
    font-size: 1.08rem;
    font-weight: 880;
    letter-spacing: -.025em;
}

.comment-panel__count[b-2wx92y6v5c] {
    min-width: 1.55rem;
    min-height: 1.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .38rem;
    border-radius: 999px;
    color: #7a438c;
    background: linear-gradient(135deg, rgba(255, 61, 141, .09), rgba(124, 58, 237, .09));
    border: 1px solid rgba(124, 58, 237, .10);
    font-size: .58rem;
    font-weight: 850;
}

.comment-panel__close[b-2wx92y6v5c] {
    width: 2.45rem;
    height: 2.45rem;
    flex: 0 0 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(39, 24, 69, .10);
    border-radius: .82rem;
    color: #6f6078;
    background: #fff;
    box-shadow: 0 6px 16px rgba(21, 16, 54, .04);
    cursor: pointer;
    transition:
        transform .16s ease,
        color .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.comment-panel__close:hover[b-2wx92y6v5c] {
    color: #d92d82;
    border-color: rgba(255, 61, 141, .20);
    background: #fff6fa;
    transform: translateY(-1px);
}

.comment-panel__body[b-2wx92y6v5c] {
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .9rem;
    scrollbar-width: thin;
    scrollbar-color: rgba(124, 58, 237, .25) transparent;
}

.comment-panel__list[b-2wx92y6v5c] {
    display: grid;
    gap: .68rem;
}

.comment-panel__state[b-2wx92y6v5c] {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    text-align: center;
}

.comment-panel__state-icon[b-2wx92y6v5c] {
    width: 3.5rem;
    height: 3.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .7rem;
    border-radius: 1.1rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .3), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 30px rgba(124, 58, 237, .18);
    font-size: 1.2rem;
}

.comment-panel__state-icon .spinner-border[b-2wx92y6v5c] {
    width: 1.45rem;
    height: 1.45rem;
    border-width: .15rem;
}

.comment-panel__state strong[b-2wx92y6v5c] {
    color: #3d3046;
    font-size: .84rem;
    font-weight: 860;
}

.comment-panel__state p[b-2wx92y6v5c] {
    max-width: 18rem;
    margin: .25rem 0 0;
    color: #8a7e90;
    font-size: .65rem;
    line-height: 1.45;
}

.comment-panel__load-more[b-2wx92y6v5c] {
    display: flex;
    justify-content: center;
    padding: .9rem 0 .2rem;
}

.comment-panel__load-more-button[b-2wx92y6v5c] {
    min-height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .38rem;
    padding: .48rem .72rem;
    border: 1px solid rgba(124, 58, 237, .13);
    border-radius: 999px;
    color: #6d4b7a;
    background: #fff;
    box-shadow: 0 6px 16px rgba(21, 16, 54, .04);
    font: inherit;
    font-size: .62rem;
    font-weight: 830;
    cursor: pointer;
    transition:
        transform .16s ease,
        color .16s ease,
        border-color .16s ease,
        box-shadow .16s ease;
}

.comment-panel__load-more-button:hover:not(:disabled)[b-2wx92y6v5c] {
    color: #b72d72;
    border-color: rgba(255, 61, 141, .22);
    box-shadow: 0 9px 20px rgba(21, 16, 54, .07);
    transform: translateY(-1px);
}

.comment-panel__load-more-button:disabled[b-2wx92y6v5c] {
    opacity: .56;
    cursor: wait;
}

.comment-panel__composer[b-2wx92y6v5c] {
    position: relative;
    z-index: 3;
    padding: .8rem .9rem max(.8rem, env(safe-area-inset-bottom));
    border-top: 1px solid rgba(39, 24, 69, .08);
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(15px);
    box-shadow: 0 -10px 28px rgba(21, 16, 54, .045);
}

.comment-panel__composer-shell[b-2wx92y6v5c] {
    min-height: 3.15rem;
    display: flex;
    align-items: center;
    gap: .45rem;
    padding: .28rem .3rem .28rem .42rem;
    border: 1px solid rgba(39, 24, 69, .12);
    border-radius: 1.1rem;
    background: #fff;
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.comment-panel__composer-shell:focus-within[b-2wx92y6v5c] {
    border-color: rgba(255, 61, 141, .36);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .075),
        0 10px 24px rgba(21, 16, 54, .06);
}

.comment-panel__composer-icon[b-2wx92y6v5c] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .68rem;
    color: #a64a84;
    background: linear-gradient(135deg, rgba(255, 61, 141, .08), rgba(124, 58, 237, .08));
    font-size: .75rem;
}

.comment-panel__input[b-2wx92y6v5c] {
    min-width: 0;
    flex: 1 1 auto;
    height: 2.45rem;
    padding: 0 .2rem;
    border: 0;
    outline: 0;
    color: #33263b;
    background: transparent;
    font: inherit;
    font-size: .76rem;
}

.comment-panel__input[b-2wx92y6v5c]::placeholder {
    color: #a69aad;
}

.comment-panel__input:disabled[b-2wx92y6v5c] {
    cursor: not-allowed;
}

.comment-panel__send[b-2wx92y6v5c] {
    width: 2.5rem;
    height: 2.5rem;
    flex: 0 0 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: .82rem;
    color: #fff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 8px 18px rgba(124, 58, 237, .17);
    cursor: pointer;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.comment-panel__send:hover:not(:disabled)[b-2wx92y6v5c] {
    transform: translateY(-1px);
    box-shadow: 0 11px 24px rgba(124, 58, 237, .24);
}

.comment-panel__send:disabled[b-2wx92y6v5c] {
    opacity: .32;
    cursor: not-allowed;
    box-shadow: none;
}

.comment-panel__send .spinner-border[b-2wx92y6v5c] {
    width: .85rem;
    height: .85rem;
    border-width: .12rem;
}

.comment-panel__composer-note[b-2wx92y6v5c] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .28rem;
    margin: .38rem 0 0;
    color: #978b9b;
    font-size: .55rem;
    line-height: 1.35;
}

.comment-panel__composer-note i[b-2wx92y6v5c] {
    color: #a74c85;
}

.comment-panel__close:focus-visible[b-2wx92y6v5c],
.comment-panel__load-more-button:focus-visible[b-2wx92y6v5c],
.comment-panel__send:focus-visible[b-2wx92y6v5c] {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 3px;
}

@keyframes comment-panel-slide-in-b-2wx92y6v5c {
    from {
        opacity: .7;
        transform: translateX(100%);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes comment-panel-backdrop-in-b-2wx92y6v5c {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Mobile: turn the same component into a bottom sheet. */
@media (max-width: 700px) {
    .comment-panel-layer[b-2wx92y6v5c] {
        align-items: flex-end;
        justify-content: stretch;
        background: rgba(11, 8, 25, .48);
    }

    .comment-panel[b-2wx92y6v5c] {
        width: 100%;
        height: min(92dvh, 780px);
        max-height: calc(100dvh - max(.5rem, env(safe-area-inset-top)));
        border: 1px solid rgba(38, 24, 69, .09);
        border-bottom: 0;
        border-radius: 1.35rem 1.35rem 0 0;
        box-shadow: 0 -22px 60px rgba(15, 10, 38, .24);
        animation-name: comment-panel-slide-up-b-2wx92y6v5c;
    }

    .comment-panel__mobile-handle[b-2wx92y6v5c] {
        position: absolute;
        z-index: 5;
        top: .48rem;
        left: 50%;
        display: block;
        transform: translateX(-50%);
        pointer-events: none;
    }

    .comment-panel__mobile-handle span[b-2wx92y6v5c] {
        width: 2.6rem;
        height: .25rem;
        display: block;
        border-radius: 999px;
        background: rgba(73, 58, 82, .22);
    }

    .comment-panel__header[b-2wx92y6v5c] {
        min-height: 5.4rem;
        padding: 1.15rem .9rem .8rem;
        border-radius: 1.35rem 1.35rem 0 0;
    }

    .comment-panel__body[b-2wx92y6v5c] {
        padding: .8rem .75rem;
    }

    .comment-panel__composer[b-2wx92y6v5c] {
        padding-inline: .75rem;
    }
}

@media (max-width: 390px) {
    .comment-panel__heading-icon[b-2wx92y6v5c] {
        width: 2.4rem;
        height: 2.4rem;
        flex-basis: 2.4rem;
    }

    .comment-panel__header[b-2wx92y6v5c] {
        gap: .6rem;
    }

    .comment-panel__composer-icon[b-2wx92y6v5c] {
        display: none;
    }

    .comment-panel__composer-shell[b-2wx92y6v5c] {
        padding-left: .65rem;
    }
}

@keyframes comment-panel-slide-up-b-2wx92y6v5c {
    from {
        opacity: .75;
        transform: translateY(100%);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .comment-panel-layer[b-2wx92y6v5c],
    .comment-panel[b-2wx92y6v5c],
    .comment-panel__close[b-2wx92y6v5c],
    .comment-panel__load-more-button[b-2wx92y6v5c],
    .comment-panel__composer-shell[b-2wx92y6v5c],
    .comment-panel__send[b-2wx92y6v5c] {
        animation: none;
        transition: none;
    }
}
/* /Components/Shared/ContributionDetail.razor.rz.scp.css */
.contribution-detail-overlay[b-5frc7qaln1] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 61, 141, .18), transparent 34%),
        radial-gradient(circle at 80% 0%, rgba(124, 58, 237, .16), transparent 34%),
        rgba(4, 3, 10, .88);
    backdrop-filter: blur(10px);
}

.contribution-detail-content[b-5frc7qaln1] {
    position: relative;
    width: min(100%, 1120px);
    max-height: min(94vh, 980px);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 1.35rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(255, 255, 255, .16);
    box-shadow:
        0 30px 90px rgba(0, 0, 0, .42),
        inset 0 1px 0 rgba(255, 255, 255, .85);
}

.contribution-detail-scroll[b-5frc7qaln1] {
    overflow-y: auto;
    max-height: min(94vh, 980px);
    scrollbar-width: thin;
    scrollbar-color: rgba(124, 58, 237, .35) transparent;
    -webkit-overflow-scrolling: touch;
}

.contribution-detail-scroll[b-5frc7qaln1]::-webkit-scrollbar {
    width: 9px;
}

.contribution-detail-scroll[b-5frc7qaln1]::-webkit-scrollbar-thumb {
    background: rgba(124, 58, 237, .30);
    border-radius: 999px;
}

.contribution-detail-close[b-5frc7qaln1] {
    position: absolute;
    top: .75rem;
    right: .75rem;
    z-index: 20;
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: .9rem;
    color: #ffffff;
    background: rgba(15, 13, 30, .58);
    border: 1px solid rgba(255, 255, 255, .16);
    backdrop-filter: blur(12px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
    transition:
        transform .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.contribution-detail-close:hover[b-5frc7qaln1] {
    transform: translateY(-1px);
    background: rgba(255, 61, 141, .86);
    box-shadow: 0 16px 32px rgba(255, 61, 141, .22);
}

.contribution-detail-header[b-5frc7qaln1] {
    position: sticky;
    top: 0;
    z-index: 10;
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: .7rem 3.4rem .7rem 1rem;
    background: rgba(255, 255, 255, .88);
    border-bottom: 1px solid rgba(38, 24, 69, .08);
    backdrop-filter: blur(16px);
}

.contribution-detail-author[b-5frc7qaln1] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .6rem;
}

.contribution-detail-separator[b-5frc7qaln1] {
    width: .25rem;
    height: .25rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: #c5b8cd;
}

.contribution-detail-album[b-5frc7qaln1],
.contribution-detail-time[b-5frc7qaln1] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #65546f;
    font-size: .82rem;
    font-weight: 750;
}

.contribution-detail-album[b-5frc7qaln1] {
    min-width: 0;
}

.contribution-detail-album i[b-5frc7qaln1] {
    color: #ff3d8d;
}

.contribution-detail-time[b-5frc7qaln1] {
    flex: 0 0 auto;
    padding: .34rem .58rem;
    border-radius: 999px;
    background: #f6f1f7;
    border: 1px solid rgba(38, 24, 69, .07);
}

.contribution-detail-time i[b-5frc7qaln1] {
    color: #a855f7;
}

.contribution-detail-media[b-5frc7qaln1] {
    position: relative;
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    background:
        radial-gradient(circle at 50% 0%, rgba(255, 61, 141, .10), transparent 32%),
        linear-gradient(135deg, #05040a, #11101c 52%, #05040a);
}

.contribution-detail-media[b-5frc7qaln1]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, .36), transparent 18%, transparent 82%, rgba(0, 0, 0, .36));
}

.contribution-detail-media__content[b-5frc7qaln1] {
    position: relative;
    z-index: 1;
    display: block;
    width: auto;
    max-width: 100%;
    max-height: min(76vh, 760px);
    object-fit: contain;
}

video.contribution-detail-media__content[b-5frc7qaln1] {
    width: 100%;
    background: #000000;
}

.contribution-detail-placeholder[b-5frc7qaln1] {
    min-height: 360px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    color: rgba(255, 255, 255, .84);
    text-align: center;
    padding: 2rem;
}

.contribution-detail-placeholder__icon[b-5frc7qaln1] {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .35rem;
    border-radius: 1.25rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 32px rgba(255, 61, 141, .28);
}

.contribution-detail-placeholder__icon i[b-5frc7qaln1] {
    font-size: 1.85rem;
}

.contribution-detail-placeholder small[b-5frc7qaln1] {
    color: rgba(255, 255, 255, .58);
}

.contribution-detail-body[b-5frc7qaln1] {
    padding: .95rem 1rem 1rem;
    background:
        radial-gradient(circle at 0% 0%, rgba(255, 61, 141, .04), transparent 34%),
        #ffffff;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.contribution-detail-actions[b-5frc7qaln1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    margin-bottom: .75rem;
}

.contribution-detail-actions__right[b-5frc7qaln1] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .45rem;
    flex: 0 0 auto;
}

.contribution-detail-counter[b-5frc7qaln1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    min-height: 2rem;
    padding: .28rem .62rem;
    border-radius: 999px;
    color: #65546f;
    font-size: .86rem;
    font-weight: 750;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .13);
    box-shadow: 0 6px 18px rgba(21, 16, 54, .06);
}

.contribution-detail-counter i[b-5frc7qaln1] {
    color: #7c3aed;
}

.contribution-detail-dedication[b-5frc7qaln1]  .btn {
    border-radius: 999px;
}

.contribution-detail-description[b-5frc7qaln1] {
    margin: 0;
    color: #2d2633;
    font-size: .98rem;
    line-height: 1.5;
    white-space: pre-line;
}

.contribution-detail-comments[b-5frc7qaln1] {
    padding: 1rem;
    background: #fffafd;
    border-top: 1px solid rgba(38, 24, 69, .08);
}

.contribution-detail-comments__header[b-5frc7qaln1] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .9rem;
}

.contribution-detail-comments__eyebrow[b-5frc7qaln1] {
    display: block;
    margin-bottom: .2rem;
    color: #9b4b7d;
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.contribution-detail-comments h2[b-5frc7qaln1] {
    margin: 0;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

.contribution-detail-comments__count[b-5frc7qaln1] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    padding: .36rem .62rem;
    border-radius: 999px;
    color: #65546f;
    font-size: .8rem;
    font-weight: 800;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .09);
}

.contribution-detail-comments__count i[b-5frc7qaln1] {
    color: #ff3d8d;
}

.contribution-detail-comments__loading[b-5frc7qaln1],
.contribution-detail-comments__empty[b-5frc7qaln1] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: 1.4rem;
    color: #74687e;
    border-radius: 1rem;
    background: #ffffff;
    border: 1px solid rgba(38, 24, 69, .08);
}

.contribution-detail-comments__empty[b-5frc7qaln1] {
    flex-direction: column;
    gap: .35rem;
}

.contribution-detail-comments__empty i[b-5frc7qaln1] {
    color: #a855f7;
    font-size: 1.7rem;
}

.contribution-detail-comments__empty p[b-5frc7qaln1] {
    margin: 0;
    font-size: .9rem;
}

.contribution-detail-load-more[b-5frc7qaln1] {
    display: flex;
    justify-content: center;
    margin-bottom: .9rem;
}

.contribution-detail-load-more__button[b-5frc7qaln1] {
    min-height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .45rem .8rem;
    border-radius: 999px;
    color: #7c3aed;
    font-size: .82rem;
    font-weight: 850;
    background: #ffffff;
    border: 1px solid rgba(124, 58, 237, .20);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .05);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.contribution-detail-load-more__button:hover:not(:disabled)[b-5frc7qaln1] {
    transform: translateY(-1px);
    background: #fff5fa;
    box-shadow: 0 12px 28px rgba(21, 16, 54, .09);
}

.contribution-detail-load-more__button:disabled[b-5frc7qaln1] {
    opacity: .65;
    cursor: wait;
}

.contribution-detail-comment-list[b-5frc7qaln1] {
    display: grid;
    gap: .65rem;
}

.contribution-detail-comment-form[b-5frc7qaln1] {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-top: 1rem;
}

.contribution-detail-comment-input[b-5frc7qaln1] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 2.75rem;
    display: flex;
    align-items: center;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.contribution-detail-comment-input:focus-within[b-5frc7qaln1] {
    border-color: rgba(255, 61, 141, .42);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.contribution-detail-comment-input i[b-5frc7qaln1] {
    flex: 0 0 auto;
    width: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a855f7;
}

.contribution-detail-comment-input input[b-5frc7qaln1] {
    width: 100%;
    min-height: 2.65rem;
    padding: .55rem .9rem .55rem 0;
    color: #20172b;
    font-size: .92rem;
    background: transparent;
    border: 0;
    outline: 0;
}

.contribution-detail-comment-input input[b-5frc7qaln1]::placeholder {
    color: #a69aad;
}

.contribution-detail-send[b-5frc7qaln1] {
    flex: 0 0 auto;
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.contribution-detail-send:hover:not(:disabled)[b-5frc7qaln1] {
    transform: translateY(-1px);
    box-shadow:
        0 16px 32px rgba(124, 58, 237, .28),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.contribution-detail-send:disabled[b-5frc7qaln1] {
    opacity: .45;
    cursor: not-allowed;
}

.contribution-detail-login-hint[b-5frc7qaln1] {
    display: block;
    margin-top: .5rem;
    color: #74687e;
    font-size: .8rem;
}

@media (max-width: 768px) {
    .contribution-detail-overlay[b-5frc7qaln1] {
        padding: 0;
        align-items: stretch;
    }

    .contribution-detail-content[b-5frc7qaln1] {
        width: 100%;
        height: 100vh;
        max-height: 100vh;
        border-radius: 0;
    }

    .contribution-detail-scroll[b-5frc7qaln1] {
        max-height: 100vh;
    }

    .contribution-detail-header[b-5frc7qaln1] {
        align-items: flex-start;
        flex-direction: column;
        gap: .55rem;
        padding: .75rem 3.4rem .75rem .85rem;
    }

    .contribution-detail-author[b-5frc7qaln1] {
        width: 100%;
        flex-wrap: wrap;
    }

    .contribution-detail-time[b-5frc7qaln1] {
        align-self: flex-start;
    }

    .contribution-detail-media[b-5frc7qaln1] {
        min-height: 240px;
    }

    .contribution-detail-media__content[b-5frc7qaln1] {
        max-height: 72vh;
    }

    .contribution-detail-actions[b-5frc7qaln1] {
        align-items: flex-start;
        flex-direction: column;
        gap: .7rem;
    }

    .contribution-detail-actions__right[b-5frc7qaln1] {
        width: 100%;
        justify-content: space-between;
    }

    .contribution-detail-comments[b-5frc7qaln1] {
        padding: .85rem;
    }
}

@media (max-width: 420px) {
    .contribution-detail-header[b-5frc7qaln1] {
        padding-right: 3.1rem;
    }

    .contribution-detail-close[b-5frc7qaln1] {
        top: .55rem;
        right: .55rem;
    }

    .contribution-detail-comment-form[b-5frc7qaln1] {
        gap: .45rem;
    }

    .contribution-detail-comment-input i[b-5frc7qaln1] {
        width: 2.35rem;
    }

    .contribution-detail-send[b-5frc7qaln1] {
        width: 2.55rem;
        height: 2.55rem;
    }
}
/* /Components/Shared/DedicationButton.razor.rz.scp.css */
:host[b-0mjtty48vz] {
    display: inline-flex;
    min-width: 0;
}

.tribute-button[b-0mjtty48vz] {
    min-height: 2.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .34rem;
    padding: .24rem .38rem .24rem .28rem;
    border: 1px solid rgba(124, 58, 237, .13);
    border-radius: 999px;
    color: #644c70;
    text-decoration: none;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 61, 141, .08), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, #fbf8fc 100%);
    box-shadow:
        0 6px 16px rgba(21, 16, 54, .055),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    font-size: .7rem;
    font-weight: 820;
    line-height: 1;
    white-space: nowrap;
    transition:
        transform .16s ease,
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease;
}

.tribute-button__mark[b-0mjtty48vz] {
    width: 1.55rem;
    height: 1.55rem;
    flex: 0 0 1.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .55rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .34), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 6px 14px rgba(124, 58, 237, .16),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    font-size: .66rem;
    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.tribute-button__label[b-0mjtty48vz] {
    color: #74447f;
    font-size: .69rem;
    font-weight: 850;
    letter-spacing: -.005em;
}

.tribute-button__count[b-0mjtty48vz] {
    min-width: 1.42rem;
    height: 1.42rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 .34rem;
    border: 1px solid rgba(124, 58, 237, .10);
    border-radius: 999px;
    color: #6d4c7a;
    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .07),
            rgba(124, 58, 237, .075)
        );
    font-size: .61rem;
    font-weight: 880;
}

.tribute-button:hover[b-0mjtty48vz] {
    color: #6b327c;
    text-decoration: none;
    border-color: rgba(255, 61, 141, .23);
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 61, 141, .12), transparent 42%),
        linear-gradient(180deg, #ffffff 0%, #fff6fb 100%);
    box-shadow:
        0 10px 24px rgba(124, 58, 237, .10),
        0 0 0 3px rgba(255, 61, 141, .055);
    transform: translateY(-1px);
}

.tribute-button:hover .tribute-button__mark[b-0mjtty48vz] {
    transform: rotate(-4deg) scale(1.06);
    box-shadow:
        0 8px 18px rgba(124, 58, 237, .22),
        inset 0 1px 0 rgba(255, 255, 255, .24);
}

.tribute-button:focus-visible[b-0mjtty48vz] {
    outline: 3px solid rgba(255, 61, 141, .17);
    outline-offset: 3px;
}

@media (max-width: 640px) {
    .tribute-button[b-0mjtty48vz] {
        min-height: 2rem;
        gap: .3rem;
        padding: .22rem .34rem .22rem .26rem;
    }

    .tribute-button__mark[b-0mjtty48vz] {
        width: 1.48rem;
        height: 1.48rem;
        flex-basis: 1.48rem;
    }

    .tribute-button__label[b-0mjtty48vz] {
        font-size: .66rem;
    }

    .tribute-button__count[b-0mjtty48vz] {
        min-width: 1.36rem;
        height: 1.36rem;
        font-size: .59rem;
    }
}

@media (max-width: 360px) {
    .tribute-button[b-0mjtty48vz] {
        gap: .27rem;
    }

    .tribute-button__label[b-0mjtty48vz] {
        font-size: .64rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tribute-button[b-0mjtty48vz],
    .tribute-button__mark[b-0mjtty48vz] {
        transition: none;
    }
}
/* /Components/Shared/FriendRequestsIcon.razor.rz.scp.css */
.friend-requests-icon-wrapper[b-j8newjyuit] {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: background-color 0.2s ease;
}

.friend-requests-icon-wrapper:hover[b-j8newjyuit] {
    background-color: rgba(0, 0, 0, 0.05);
}

.friend-requests-icon[b-j8newjyuit] {
    font-size: 1.25rem;
    color: #495057;
}

.friend-requests-badge[b-j8newjyuit] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 9px;
    background-color: #dc3545;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}
/* /Components/Shared/HomePublicFaq.razor.rz.scp.css */
:host[b-uwxjyxk2yj] {
    display: block;
}

/*
   Home FAQ component
   ------------------
   These styles intentionally live with the child component. HomePublicFaq is
   rendered as its own Blazor component, so keeping the FAQ styling here avoids
   relying on Home.razor.css crossing a CSS-isolation boundary.
*/

.home-public-faq[b-uwxjyxk2yj] {
    padding: 1.2rem;
    border: 1px solid rgba(38, 24, 69, .08);
    border-radius: 1.35rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .035), transparent 36%),
        linear-gradient(180deg, #ffffff 0%, #fffafd 100%);
    box-shadow:
        0 18px 45px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

/* Keep the same heading language used by the public homepage. */
.home-public-section-heading[b-uwxjyxk2yj] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .7rem;
    margin-bottom: .9rem;
}

.home-public-section-heading__icon[b-uwxjyxk2yj] {
    width: 2.8rem;
    height: 2.8rem;
    flex: 0 0 2.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .95rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 11px 24px rgba(124, 58, 237, .19),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.home-public-section-eyebrow[b-uwxjyxk2yj] {
    display: block;
    margin-bottom: .15rem;
    color: #9d4d80;
    font-size: .63rem;
    font-weight: 870;
    letter-spacing: .075em;
    text-transform: uppercase;
}

.home-public-faq h2[b-uwxjyxk2yj] {
    margin: 0;
    color: #21172b;
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1.18;
    letter-spacing: -.035em;
}

.home-public-faq__list[b-uwxjyxk2yj] {
    display: grid;
    gap: .5rem;
}

.home-public-faq details[b-uwxjyxk2yj] {
    overflow: hidden;
    border: 1px solid rgba(39, 24, 69, .085);
    border-radius: .95rem;
    background: #ffffff;
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.home-public-faq details:hover[b-uwxjyxk2yj] {
    border-color: rgba(124, 58, 237, .14);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .045);
}

.home-public-faq details[open][b-uwxjyxk2yj] {
    border-color: rgba(124, 58, 237, .13);
    background:
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .025), transparent 42%),
        #ffffff;
}

.home-public-faq summary[b-uwxjyxk2yj] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: .7rem;
    padding: .75rem .8rem;
    cursor: pointer;
    list-style: none;
}

.home-public-faq summary[b-uwxjyxk2yj]::-webkit-details-marker {
    display: none;
}

.home-public-faq h3[b-uwxjyxk2yj] {
    margin: 0;
    color: #392b42;
    font-size: .76rem;
    font-weight: 870;
    line-height: 1.35;
}

.home-public-faq summary > i[b-uwxjyxk2yj] {
    color: #9d91a3;
    font-size: .7rem;
    transition:
        color .16s ease,
        transform .18s ease;
}

.home-public-faq summary:hover > i[b-uwxjyxk2yj] {
    color: #b72d72;
}

.home-public-faq details[open] summary > i[b-uwxjyxk2yj] {
    color: #b72d72;
    transform: rotate(180deg);
}

.home-public-faq details > p[b-uwxjyxk2yj] {
    margin: 0;
    padding: 0 .8rem .8rem;
    border-top: 1px solid rgba(39, 24, 69, .065);
    color: #786c7e;
    font-size: .7rem;
    line-height: 1.55;
}

.home-public-faq details[open] > p[b-uwxjyxk2yj] {
    padding-top: .7rem;
}

/* Secondary navigation: deliberately lighter than the main homepage CTAs. */
.home-public-faq__footer[b-uwxjyxk2yj] {
    display: flex;
    justify-content: flex-end;
    margin-top: .85rem;
    padding-top: .8rem;
    border-top: 1px solid rgba(39, 24, 69, .065);
}

.home-public-faq__all-link[b-uwxjyxk2yj] {
    width: fit-content;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #b72d72;
    font-size: .72rem;
    font-weight: 850;
    line-height: 1.35;
    text-decoration: none;
    transition:
        color .16s ease,
        transform .16s ease;
}

.home-public-faq__all-link-arrow[b-uwxjyxk2yj] {
    display: inline-block;
    transition: transform .16s ease;
}

.home-public-faq__all-link:hover[b-uwxjyxk2yj] {
    color: #97215d;
    text-decoration: underline;
}

.home-public-faq__all-link:hover .home-public-faq__all-link-arrow[b-uwxjyxk2yj] {
    transform: translateX(3px);
}

.home-public-faq__all-link:focus-visible[b-uwxjyxk2yj] {
    outline: 4px solid rgba(255, 61, 141, .18);
    outline-offset: 3px;
    border-radius: .35rem;
}

@media (max-width: 540px) {
    .home-public-faq[b-uwxjyxk2yj] {
        padding: .95rem;
        border-radius: 1.18rem;
    }

    .home-public-section-heading[b-uwxjyxk2yj] {
        align-items: start;
    }

    .home-public-faq__footer[b-uwxjyxk2yj] {
        justify-content: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-public-faq details[b-uwxjyxk2yj],
    .home-public-faq summary > i[b-uwxjyxk2yj],
    .home-public-faq__all-link[b-uwxjyxk2yj],
    .home-public-faq__all-link-arrow[b-uwxjyxk2yj] {
        transition: none;
    }
}
/* /Components/Shared/LocationAutocomplete.razor.rz.scp.css */
.location-autocomplete[b-rha6b73a3p] {
    position: relative;
}

.location-autocomplete-dropdown[b-rha6b73a3p] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1050;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-top: none;
    border-radius: 0 0 .375rem .375rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1);
    max-height: 240px;
    overflow-y: auto;
}

.location-autocomplete-item[b-rha6b73a3p] {
    display: block;
    width: 100%;
    text-align: left;
    padding: .5rem .75rem;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #f1f3f5;
    color: #212529;
}

.location-autocomplete-item:last-child[b-rha6b73a3p] {
    border-bottom: 0;
}

.location-autocomplete-item:hover:not([disabled])[b-rha6b73a3p] {
    background: #f8f9fa;
    cursor: pointer;
}
/* /Components/Shared/MemberDisplay.razor.rz.scp.css */
.member-display[b-3mzdgyc617] {
    display: inline-flex;
    align-items: center;
    gap: .58rem;
    min-width: 0;
    vertical-align: middle;

    --member-avatar-size: 40px;
    --member-name-color: #20172b;
    --member-muted-color: #74687e;
}

.member-display-link[b-3mzdgyc617] {
    display: inline-flex;
    line-height: 0;
    text-decoration: none;
    border-radius: 999px;
}

.member-avatar-frame[b-3mzdgyc617] {
    position: relative;
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: calc(var(--member-avatar-size) + 6px);
    height: calc(var(--member-avatar-size) + 6px);
    border-radius: 999px;
    padding: 3px;
    background:
        radial-gradient(circle at 28% 18%, rgba(255, 255, 255, .35), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 24px rgba(124, 58, 237, .18),
        0 0 0 3px rgba(255, 61, 141, .07);
    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.member-display-link:hover .member-avatar-frame[b-3mzdgyc617] {
    transform: translateY(-1px);
    box-shadow:
        0 14px 30px rgba(124, 58, 237, .24),
        0 0 0 4px rgba(255, 61, 141, .10);
}

.member-avatar-wrapper[b-3mzdgyc617] {
    position: relative;
    display: inline-flex;
    line-height: 0;
    flex-shrink: 0;
}

.member-avatar[b-3mzdgyc617] {
    display: block;
    width: var(--member-avatar-size);
    height: var(--member-avatar-size);
    border-radius: 999px;
    object-fit: cover;
    background:
        radial-gradient(circle at 30% 15%, rgba(255, 255, 255, .16), transparent 36%),
        linear-gradient(135deg, #20172b, #120a1d);
    border: 2px solid rgba(255, 255, 255, .85);
}

.member-avatar-placeholder[b-3mzdgyc617] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .86);
}

.member-avatar-placeholder i[b-3mzdgyc617] {
    font-size: calc(var(--member-avatar-size) * .48);
    line-height: 1;
}

.member-name-badge-wrapper[b-3mzdgyc617] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    min-width: 0;
}

.member-name[b-3mzdgyc617] {
    min-width: 0;
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--member-name-color);
    font-weight: 850;
    letter-spacing: -.015em;
    line-height: 1.15;
}

a.member-name[b-3mzdgyc617] {
    transition: color .16s ease;
}

a.member-name:hover[b-3mzdgyc617] {
    color: #d92d82;
    text-decoration: none !important;
}

.status-badge[b-3mzdgyc617] {
    --status-color: #ffc247;
    --status-soft: rgba(255, 194, 71, .16);
    --status-border: rgba(255, 194, 71, .28);

    flex: 0 0 auto;
    min-height: 1.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .32rem;
    padding: .25rem .55rem;
    border-radius: 999px;
    color: #2c1d05;
    font-size: .68rem;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: .045em;
    white-space: nowrap;
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .42), transparent 38%),
        linear-gradient(135deg, #ffd166, #ffb703);
    border: 1px solid var(--status-border);
    box-shadow:
        0 8px 18px rgba(255, 183, 3, .22),
        0 0 0 3px var(--status-soft),
        inset 0 1px 0 rgba(255, 255, 255, .45);
}

.status-badge i[b-3mzdgyc617] {
    font-size: .76rem;
    line-height: 1;
}

.status-badge[data-status="Premium"][b-3mzdgyc617] {
    --status-color: #ffc247;
    --status-soft: rgba(255, 194, 71, .16);
    --status-border: rgba(255, 194, 71, .30);
    color: #2c1d05;
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .45), transparent 38%),
        linear-gradient(135deg, #ffe08a, #ffb703);
    box-shadow:
        0 8px 18px rgba(255, 183, 3, .22),
        0 0 0 3px rgba(255, 194, 71, .14),
        inset 0 1px 0 rgba(255, 255, 255, .50);
}

.status-badge[data-status="FoundingMember"][b-3mzdgyc617] {
    --status-color: #ff3d8d;
    --status-soft: rgba(255, 61, 141, .15);
    --status-border: rgba(255, 61, 141, .28);
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .35), transparent 38%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124, 58, 237, .24),
        0 0 0 3px rgba(255, 61, 141, .12),
        inset 0 1px 0 rgba(255, 255, 255, .35);
}

/* Sizes */
.size-sm[b-3mzdgyc617] {
    --member-avatar-size: 32px;
    gap: .48rem;
}

.size-md[b-3mzdgyc617] {
    --member-avatar-size: 40px;
}

.size-lg[b-3mzdgyc617] {
    --member-avatar-size: 64px;
    gap: .75rem;
}

.size-sm .member-avatar-frame[b-3mzdgyc617] {
    width: calc(var(--member-avatar-size) + 5px);
    height: calc(var(--member-avatar-size) + 5px);
    padding: 2.5px;
}

.size-sm .member-avatar[b-3mzdgyc617] {
    border-width: 1.5px;
}

.size-sm .member-name[b-3mzdgyc617] {
    font-size: .88rem;
}

.size-md .member-name[b-3mzdgyc617] {
    font-size: .95rem;
}

.size-lg .member-name[b-3mzdgyc617] {
    font-size: 1.25rem;
}

.size-sm .status-badge[b-3mzdgyc617] {
    min-height: 1.35rem;
    padding: .2rem .46rem;
    font-size: .62rem;
    gap: .26rem;
}

.size-sm .status-badge i[b-3mzdgyc617] {
    font-size: .68rem;
}

.size-lg .status-badge[b-3mzdgyc617] {
    min-height: 1.75rem;
    padding: .32rem .65rem;
    font-size: .72rem;
}

/* Presence LED */
.presence-led[b-3mzdgyc617] {
    position: absolute;
    right: -1px;
    bottom: -1px;
    border-radius: 999px;
    background:
        radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .7), transparent 28%),
        #22c55e;
    border: 2px solid #ffffff;
    box-shadow:
        0 0 0 2px rgba(34, 197, 94, .18),
        0 0 12px rgba(34, 197, 94, .55);
    pointer-events: none;
}

.size-sm .presence-led[b-3mzdgyc617] {
    width: 10px;
    height: 10px;
}

.size-md .presence-led[b-3mzdgyc617] {
    width: 12px;
    height: 12px;
}

.size-lg .presence-led[b-3mzdgyc617] {
    width: 16px;
    height: 16px;
    border-width: 3px;
}

/* Better behavior in narrow containers */
@media (max-width: 520px) {
    .member-name[b-3mzdgyc617] {
        max-width: 10rem;
    }

    .status-badge span[b-3mzdgyc617] {
        display: none;
    }

    .status-badge[b-3mzdgyc617] {
        width: 1.55rem;
        padding: 0;
    }

    .size-sm .status-badge[b-3mzdgyc617] {
        width: 1.35rem;
    }
}
/* /Components/Shared/MemberProfileHeader.razor.rz.scp.css */
.member-hero[b-wdlj2l711f] {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.25rem;
    padding: 1.25rem;
    border-radius: 1.6rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 14% 0%, rgba(255, 61, 141, .48), transparent 34%),
        radial-gradient(circle at 90% 10%, rgba(124, 58, 237, .46), transparent 38%),
        linear-gradient(135deg, #071434 0%, #171050 52%, #330735 100%);
    box-shadow:
        0 20px 55px rgba(23, 16, 80, .24),
        inset 0 1px 0 rgba(255, 255, 255, .16);
}

.member-hero__glow[b-wdlj2l711f] {
    position: absolute;
    right: -5rem;
    bottom: -6rem;
    width: 12rem;
    height: 12rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, .08);
    pointer-events: none;
}

.member-hero__main[b-wdlj2l711f] {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas:
        "avatar identity"
        "avatar actions";
    align-items: center;
    column-gap: 1rem;
    row-gap: .85rem;
}

.member-hero__avatar[b-wdlj2l711f] {
    grid-area: avatar;
    align-self: start;
    flex: 0 0 auto;
    padding: .2rem;
    border-radius: 999px;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .28),
        0 0 0 5px rgba(255, 255, 255, .10);
}

.member-hero__identity[b-wdlj2l711f] {
    grid-area: identity;
    min-width: 0;
    width: 100%;
}

.member-hero__eyebrow[b-wdlj2l711f] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;
    margin-bottom: .45rem;
    padding: .34rem .62rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    color: rgba(255, 255, 255, .88);
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(10px);
}

.member-hero__username[b-wdlj2l711f] {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0;
    color: #ffffff;
    font-size: clamp(1.7rem, 3.4vw, 2.15rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
    overflow: visible;
    overflow-wrap: anywhere;
    text-overflow: clip;
    white-space: normal;
}

.member-hero__meta[b-wdlj2l711f] {
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
    margin-top: .65rem;
}

.member-type-pill[b-wdlj2l711f] {
    --member-type-color: #ff3d8d;
    --member-type-soft: rgba(255, 61, 141, .16);

    display: inline-flex;
    align-items: center;
    gap: .46rem;
    min-height: 2.15rem;
    padding: .32rem .68rem .32rem .32rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .82rem;
    font-weight: 850;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .30), transparent 35%),
        linear-gradient(135deg, var(--member-type-color), #7c3aed);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .24),
        0 0 0 4px var(--member-type-soft);
}

.member-type-pill__icon[b-wdlj2l711f] {
    width: 1.65rem;
    height: 1.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .65rem;
    background: rgba(255, 255, 255, .16);
}

.member-type-pill--man[b-wdlj2l711f] {
    --member-type-color: #3b82f6;
    --member-type-soft: rgba(59, 130, 246, .18);
}

.member-type-pill--woman[b-wdlj2l711f] {
    --member-type-color: #ff3d8d;
    --member-type-soft: rgba(255, 61, 141, .18);
}

.member-type-pill--couple[b-wdlj2l711f] {
    --member-type-color: #7c3aed;
    --member-type-soft: rgba(124, 58, 237, .18);
}

.member-type-pill--nonbinary[b-wdlj2l711f] {
    --member-type-color: #f59e0b;
    --member-type-soft: rgba(245, 158, 11, .18);
}

.member-info-pill[b-wdlj2l711f] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.05rem;
    padding: .38rem .64rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    color: rgba(255, 255, 255, .86);
    font-size: .8rem;
    font-weight: 750;
    background: rgba(255, 255, 255, .10);
    backdrop-filter: blur(10px);
}

.member-status-badge[b-wdlj2l711f] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.05rem;
    padding: .38rem .64rem;
    border: 1px solid rgba(255, 194, 71, .28);
    border-radius: 999px;
    color: #2c1d05;
    font-size: .78rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .04em;
    white-space: nowrap;
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .42), transparent 38%),
        linear-gradient(135deg, #ffd166, #ffb703);
    box-shadow:
        0 8px 18px rgba(255, 183, 3, .22),
        0 0 0 3px rgba(255, 194, 71, .16),
        inset 0 1px 0 rgba(255, 255, 255, .45);
}

.member-status-badge[data-status="FoundingMember"][b-wdlj2l711f] {
    color: #ffffff;
    border-color: rgba(255, 61, 141, .28);
    background:
        radial-gradient(circle at 25% 0%, rgba(255, 255, 255, .32), transparent 38%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 8px 18px rgba(124, 58, 237, .24),
        0 0 0 3px rgba(255, 61, 141, .12),
        inset 0 1px 0 rgba(255, 255, 255, .32);
}

.member-actions[b-wdlj2l711f] {
    grid-area: actions;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: .5rem;
    flex-wrap: wrap;
}

.member-action-button[b-wdlj2l711f] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .5rem .78rem;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 999px;
    font-size: .82rem;
    font-weight: 850;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background-color .16s ease,
        opacity .16s ease;
}

.member-action-button--primary[b-wdlj2l711f] {
    color: #ffffff;
    border-color: transparent;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 28px rgba(255, 61, 141, .25);
}

.member-action-button--ghost[b-wdlj2l711f],
.member-action-button--muted[b-wdlj2l711f] {
    color: #ffffff;
    background: rgba(255, 255, 255, .12);
}

.member-action-button--success[b-wdlj2l711f] {
    color: #ffffff;
    border-color: transparent;
    background: linear-gradient(135deg, #21b86b, #10b981);
}

.member-action-button:hover:not(:disabled)[b-wdlj2l711f] {
    transform: translateY(-1px);
    box-shadow: 0 16px 32px rgba(8, 6, 26, .22);
}

.member-action-button:disabled[b-wdlj2l711f] {
    opacity: .65;
    cursor: wait;
}

.member-hero__summary[b-wdlj2l711f] {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: .6rem;
    margin-top: .85rem;
}

.member-hero__social-stats[b-wdlj2l711f] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .16rem;
    padding: .2rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .085);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .08),
        0 8px 22px rgba(5, 4, 23, .10);
    backdrop-filter: blur(12px);
}

.member-social-stat[b-wdlj2l711f] {
    min-height: 1.85rem;
    display: inline-flex;
    align-items: baseline;
    justify-content: center;
    gap: .3rem;
    padding: .34rem .58rem;
    color: rgba(255, 255, 255, .72);
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 710;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition:
        color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.member-social-stat strong[b-wdlj2l711f] {
    color: #ffffff;
    font-size: .79rem;
    font-weight: 900;
}

.member-social-stat:hover[b-wdlj2l711f] {
    color: #ffffff;
    background: rgba(255, 255, 255, .12);
    transform: translateY(-1px);
}

.member-hero__location[b-wdlj2l711f] {
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    min-height: 2rem;
    padding: .38rem .62rem;
    color: rgba(255, 255, 255, .84);
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .09);
    backdrop-filter: blur(10px);
    font-size: .76rem;
    font-weight: 740;
}

.member-hero__location > span[b-wdlj2l711f] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-tabs[b-wdlj2l711f] {
    position: sticky;
    top: 4.35rem;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .35rem;
    width: 100%;
    margin-bottom: 1rem;
    padding: .32rem;
    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: 1.05rem;
    background: rgba(248, 244, 250, .94);
    box-shadow:
        0 13px 30px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .92);
    backdrop-filter: blur(18px);
}

.member-tab[b-wdlj2l711f] {
    min-width: 0;
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .42rem;
    padding: .52rem .62rem;
    border: 1px solid transparent;
    border-radius: .82rem;
    color: #6b6174;
    font-size: .8rem;
    font-weight: 850;
    text-decoration: none;
    background: transparent;
    transition:
        color .16s ease,
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.member-tab span[b-wdlj2l711f] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.member-tab:hover[b-wdlj2l711f] {
    color: #c72b75;
    border-color: rgba(255, 61, 141, .10);
    background: rgba(255, 255, 255, .74);
}

.member-tab.is-active[b-wdlj2l711f] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .26), transparent 35%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 10px 22px rgba(124, 58, 237, .20),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.member-tab:focus-visible[b-wdlj2l711f],
.member-social-stat:focus-visible[b-wdlj2l711f],
.member-action-button:focus-visible[b-wdlj2l711f] {
    outline: 3px solid rgba(255, 61, 141, .30);
    outline-offset: 2px;
}

@media (max-width: 760px) {
    .member-hero[b-wdlj2l711f] {
        border-radius: 1.25rem;
        padding: 1rem;
    }

    .member-hero__main[b-wdlj2l711f] {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    .member-actions[b-wdlj2l711f] {
        width: 100%;
        justify-content: flex-start;
    }

    .member-action-button[b-wdlj2l711f] {
        flex: 1 1 auto;
    }

    .member-tabs[b-wdlj2l711f] {
        top: 3.9rem;
    }
}

@media (max-width: 520px) {
    .member-tabs[b-wdlj2l711f] {
        top: 3.65rem;
        gap: .24rem;
        padding: .26rem;
    }

    .member-tab[b-wdlj2l711f] {
        min-height: 2.45rem;
        gap: .3rem;
        padding: .45rem .34rem;
        font-size: .72rem;
    }

    .member-hero__summary[b-wdlj2l711f] {
        align-items: stretch;
        flex-direction: column;
    }

    .member-hero__location[b-wdlj2l711f] {
        width: 100%;
        justify-content: flex-start;
    }

    .member-hero__social-stats[b-wdlj2l711f] {
        width: 100%;
    }

    .member-social-stat[b-wdlj2l711f] {
        flex: 1 1 0;
    }
}

@media (max-width: 420px) {
    .member-social-stat[b-wdlj2l711f] {
        gap: .24rem;
        padding-inline: .42rem;
        font-size: .63rem;
    }

    .member-social-stat strong[b-wdlj2l711f] {
        font-size: .74rem;
    }

    .member-hero__username[b-wdlj2l711f] {
        font-size: 1.55rem;
    }

    .member-action-button[b-wdlj2l711f] {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .member-action-button[b-wdlj2l711f],
    .member-social-stat[b-wdlj2l711f],
    .member-tab[b-wdlj2l711f] {
        transition: none;
    }
}
/* /Components/Shared/NotificationBell.razor.rz.scp.css */
.notification-bell-wrapper[b-q8fqkri2jn] {
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
}

.notification-bell-icon[b-q8fqkri2jn] {
    font-size: 1.25rem;
    color: #333;
}

.notification-bell-wrapper:hover .notification-bell-icon[b-q8fqkri2jn] {
    color: #0d6efd;
}

.notification-badge[b-q8fqkri2jn] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 9px;
    background-color: #dc3545;
    color: #fff;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 18px;
    text-align: center;
    transform: translate(25%, -25%);
}
/* /Components/Shared/NotificationPanel.razor.rz.scp.css */
.notification-panel[b-b399fa32k4] {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 1090 !important;

    width: min(420px, 100vw) !important;
    height: 100vh !important;
    height: 100dvh !important;
    min-width: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden;

    color: #20172b;

    border-left: 1px solid rgba(39, 24, 69, .10);
    border-radius: 1.35rem 0 0 1.35rem;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbf8fc 100%
        );

    box-shadow:
        -24px 0 70px rgba(16, 10, 44, .24),
        inset 1px 0 0 rgba(255, 255, 255, .82);

    transform: none !important;
    filter: none !important;
    perspective: none !important;
}

/* =========================
   Header
   ========================= */

.notification-panel__header[b-b399fa32k4] {
    position: relative;
    flex: 0 0 auto;

    min-height: 5.7rem;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;

    padding:
        max(1rem, env(safe-area-inset-top))
        1rem
        1rem;

    overflow: hidden;

    color: #ffffff;

    background:
        radial-gradient(
            circle at 12% 0%,
            rgba(255, 61, 141, .46),
            transparent 38%
        ),
        radial-gradient(
            circle at 90% 18%,
            rgba(124, 58, 237, .46),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #11102f 0%,
            #18104b 56%,
            #330735 100%
        );

    box-shadow:
        inset 0 -1px 0 rgba(255, 255, 255, .08);
}

.notification-panel__header[b-b399fa32k4]::after {
    content: "";

    position: absolute;
    right: -3.2rem;
    bottom: -4.7rem;

    width: 9rem;
    height: 9rem;

    border-radius: 50%;

    background: rgba(255, 255, 255, .07);

    pointer-events: none;
}

.notification-panel__identity[b-b399fa32k4] {
    position: relative;
    z-index: 1;

    min-width: 0;

    display: flex;
    align-items: center;
    gap: .75rem;
}

.notification-panel__mark[b-b399fa32k4] {
    width: 2.7rem;
    height: 2.7rem;
    flex: 0 0 2.7rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: #ffffff;

    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: .92rem;

    background:
        radial-gradient(
            circle at 25% 8%,
            rgba(255, 255, 255, .34),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #ff4f98,
            #8b3ff1
        );

    box-shadow:
        0 12px 28px rgba(255, 61, 141, .24),
        inset 0 1px 0 rgba(255, 255, 255, .26);
}

.notification-panel__mark i[b-b399fa32k4] {
    font-size: 1.05rem;
    line-height: 1;
}

.notification-panel__eyebrow[b-b399fa32k4] {
    display: block;

    margin-bottom: .15rem;

    color: rgba(255, 255, 255, .58);

    font-size: .64rem;
    font-weight: 850;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.notification-panel__header h2[b-b399fa32k4] {
    margin: 0;

    color: #ffffff;

    font-size: 1.22rem;
    font-weight: 850;
    line-height: 1.1;
    letter-spacing: -.025em;
}

.notification-panel__close[b-b399fa32k4] {
    position: relative;
    z-index: 1;

    width: 2.55rem;
    height: 2.55rem;
    flex: 0 0 2.55rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;

    color: rgba(255, 255, 255, .82);

    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: .88rem;

    background: rgba(255, 255, 255, .09);

    cursor: pointer;

    transition:
        color .16s ease,
        background-color .16s ease,
        border-color .16s ease;
}

.notification-panel__close:hover[b-b399fa32k4] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, .24);
    background: rgba(255, 255, 255, .16);
}

.notification-panel__close:focus-visible[b-b399fa32k4] {
    outline: 3px solid rgba(255, 79, 152, .34);
    outline-offset: 2px;
}

/* =========================
   Toolbar
   ========================= */

.notification-panel__toolbar[b-b399fa32k4] {
    flex: 0 0 auto;

    min-height: 4rem;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;

    padding: .75rem 1rem;

    border-bottom: 1px solid rgba(39, 24, 69, .09);

    background: rgba(255, 255, 255, .98);
}

.notification-panel__summary[b-b399fa32k4] {
    min-width: 0;
}

.notification-panel__unread-count[b-b399fa32k4],
.notification-panel__all-read[b-b399fa32k4] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;

    color: #6a5975;

    font-size: .78rem;
    font-weight: 800;
}

.notification-panel__unread-count[b-b399fa32k4] {
    padding: .36rem .62rem;

    color: #8b2b60;

    border: 1px solid rgba(255, 61, 141, .15);
    border-radius: 999px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .10),
            rgba(124, 58, 237, .08)
        );
}

.notification-panel__all-read i[b-b399fa32k4] {
    color: #1ca968;
}

.notification-panel__mark-all[b-b399fa32k4] {
    min-height: 2.3rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;

    padding: .45rem .68rem;

    color: #6c2bd9;

    border: 1px solid rgba(124, 58, 237, .18);
    border-radius: .82rem;

    background: #ffffff;

    box-shadow: 0 7px 18px rgba(21, 16, 54, .05);

    font-size: .76rem;
    font-weight: 850;
    white-space: nowrap;

    cursor: pointer;

    transition:
        color .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.notification-panel__mark-all:hover:not(:disabled)[b-b399fa32k4] {
    color: #d92d82;

    border-color: rgba(255, 61, 141, .22);

    background:
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .07),
            rgba(124, 58, 237, .06)
        );

    box-shadow: 0 10px 24px rgba(124, 58, 237, .09);
}

.notification-panel__mark-all:disabled[b-b399fa32k4] {
    opacity: .62;
    cursor: wait;
}

/* =========================
   Scrollable body
   ========================= */

.notification-panel__body[b-b399fa32k4] {
    min-height: 0;
    flex: 1 1 auto;

    overflow-x: hidden;
    overflow-y: auto;

    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(124, 58, 237, .28) transparent;

    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(124, 58, 237, .045),
            transparent 28%
        ),
        #fbf9fc;
}

.notification-panel__body[b-b399fa32k4]::-webkit-scrollbar {
    width: 8px;
}

.notification-panel__body[b-b399fa32k4]::-webkit-scrollbar-track {
    background: transparent;
}

.notification-panel__body[b-b399fa32k4]::-webkit-scrollbar-thumb {
    border: 2px solid transparent;
    border-radius: 999px;

    background:
        linear-gradient(
            180deg,
            rgba(255, 61, 141, .42),
            rgba(124, 58, 237, .42)
        );

    background-clip: padding-box;
}

/* =========================
   Notification list
   ========================= */

.notification-list[b-b399fa32k4] {
    display: grid;
    gap: .65rem;

    padding: .85rem;
}

.notification-item[b-b399fa32k4] {
    position: relative;

    width: 100%;
    min-width: 0;

    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .72rem;

    padding: .78rem .72rem;

    color: #20172b;
    text-align: left;

    border: 1px solid rgba(39, 24, 69, .09);
    border-radius: 1rem;

    background: rgba(255, 255, 255, .94);

    box-shadow:
        0 8px 22px rgba(21, 16, 54, .055),
        inset 0 1px 0 rgba(255, 255, 255, .9);

    cursor: pointer;

    transition:
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.notification-item[b-b399fa32k4]::before {
    content: "";

    position: absolute;
    top: .7rem;
    bottom: .7rem;
    left: 0;

    width: 3px;

    border-radius: 0 999px 999px 0;

    background:
        linear-gradient(
            180deg,
            #ff3d8d,
            #7c3aed
        );

    opacity: 0;
}

.notification-item:hover[b-b399fa32k4] {
    border-color: rgba(255, 61, 141, .19);

    background: #ffffff;

    box-shadow:
        0 12px 28px rgba(21, 16, 54, .09),
        inset 0 1px 0 rgba(255, 255, 255, .95);
}

.notification-item:focus-visible[b-b399fa32k4] {
    outline: 3px solid rgba(255, 61, 141, .18);
    outline-offset: 2px;
}

.notification-item--unread[b-b399fa32k4] {
    border-color: rgba(255, 61, 141, .15);

    background:
        radial-gradient(
            circle at 95% 0%,
            rgba(124, 58, 237, .09),
            transparent 42%
        ),
        linear-gradient(
            135deg,
            rgba(255, 61, 141, .075),
            rgba(124, 58, 237, .055)
        ),
        #ffffff;
}

.notification-item--unread[b-b399fa32k4]::before {
    opacity: 1;
}

.notification-item__avatar-trigger[b-b399fa32k4] {
    min-width: 0;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0;
    margin: 0;
    border: none;
    background: none;

    cursor: pointer;
}

.notification-item__inline-link[b-b399fa32k4] {
    display: inline;

    padding: 0;
    margin: 0;
    border: none;
    background: none;

    color: inherit;
    font: inherit;
    text-align: inherit;
    text-decoration: none;

    cursor: pointer;
}

.notification-item__avatar-trigger:focus-visible[b-b399fa32k4],
.notification-item__inline-link:focus-visible[b-b399fa32k4] {
    outline: 2px solid rgba(255, 61, 141, .35);
    outline-offset: 2px;
}

.notification-item__content[b-b399fa32k4] {
    min-width: 0;
}

.notification-item__message[b-b399fa32k4] {
    display: -webkit-box;
    overflow: hidden;

    margin: 0;

    color: #2b2034;

    font-size: .86rem;
    font-weight: 720;
    line-height: 1.42;

    overflow-wrap: anywhere;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.notification-item--unread .notification-item__message[b-b399fa32k4] {
    color: #1d1427;
    font-weight: 820;
}

.notification-item__time[b-b399fa32k4] {
    display: inline-flex;
    align-items: center;
    gap: .3rem;

    margin-top: .32rem;

    color: #85778e;

    font-size: .72rem;
    font-weight: 650;
}

.notification-item__time i[b-b399fa32k4] {
    color: #a855f7;
    font-size: .72rem;
}

.notification-item__dot[b-b399fa32k4] {
    width: .62rem;
    height: .62rem;
    flex: 0 0 .62rem;

    border: 2px solid #ffffff;
    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            #ff3d8d,
            #7c3aed
        );

    box-shadow:
        0 0 0 3px rgba(255, 61, 141, .10);
}

.notification-item__chevron[b-b399fa32k4] {
    color: #b2a7b8;
    font-size: .78rem;
}

/* =========================
   Loading and empty states
   ========================= */

.notification-state[b-b399fa32k4] {
    min-height: 18rem;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;

    padding: 2rem 1.4rem;

    text-align: center;
}

.notification-state__icon[b-b399fa32k4] {
    width: 4rem;
    height: 4rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-bottom: .4rem;

    color: #ffffff;

    border-radius: 1.35rem;

    background:
        radial-gradient(
            circle at 25% 8%,
            rgba(255, 255, 255, .28),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            #ff3d8d,
            #7c3aed
        );

    box-shadow: 0 16px 34px rgba(124, 58, 237, .22);
}

.notification-state__icon i[b-b399fa32k4] {
    font-size: 1.35rem;
}

.notification-state strong[b-b399fa32k4] {
    color: #2a2033;

    font-size: .98rem;
    font-weight: 850;
}

.notification-state p[b-b399fa32k4] {
    max-width: 17rem;

    margin: 0;

    color: #7a6d83;

    font-size: .8rem;
    line-height: 1.5;
}

/* =========================
   Footer
   ========================= */

.notification-panel__footer[b-b399fa32k4] {
    display: flex;
    justify-content: center;

    padding: .2rem .85rem 1rem;
}

.notification-panel__load-more[b-b399fa32k4] {
    min-height: 2.55rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;

    padding: .5rem .85rem;

    color: #6c2bd9;

    border: 1px solid rgba(124, 58, 237, .18);
    border-radius: .9rem;

    background: #ffffff;

    box-shadow: 0 8px 22px rgba(21, 16, 54, .055);

    font-size: .8rem;
    font-weight: 850;

    cursor: pointer;

    transition:
        color .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        box-shadow .16s ease;
}

.notification-panel__load-more:hover:not(:disabled)[b-b399fa32k4] {
    color: #d92d82;
    border-color: rgba(255, 61, 141, .22);
    background: #fffafd;
    box-shadow: 0 12px 28px rgba(21, 16, 54, .09);
}

.notification-panel__load-more:disabled[b-b399fa32k4] {
    opacity: .62;
    cursor: wait;
}

/* =========================
   Backdrop
   ========================= */

.notification-backdrop[b-b399fa32k4] {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1080 !important;

    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;

    display: block !important;

    background: rgba(11, 7, 28, .58);

    cursor: default;

    transform: none !important;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 520px) {
    .notification-panel[b-b399fa32k4] {
        width: 100vw !important;
        border-left: 0;
        border-radius: 0;
    }

    .notification-panel__header[b-b399fa32k4] {
        min-height: 5.4rem;
    }

    .notification-panel__toolbar[b-b399fa32k4] {
        padding-right: .8rem;
        padding-left: .8rem;
    }

    .notification-panel__mark-all span[b-b399fa32k4] {
        display: none;
    }

    .notification-panel__mark-all[b-b399fa32k4] {
        width: 2.35rem;
        min-width: 2.35rem;
        padding: 0;
    }

    .notification-list[b-b399fa32k4] {
        padding: .72rem;
    }

    .notification-item[b-b399fa32k4] {
        padding: .72rem .65rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .notification-panel__close[b-b399fa32k4],
    .notification-panel__mark-all[b-b399fa32k4],
    .notification-item[b-b399fa32k4],
    .notification-panel__load-more[b-b399fa32k4] {
        transition: none;
    }
}
/* /Components/Shared/ProfileReminderCoachmark.razor.rz.scp.css */
/*
 * Profile completion reminder coachmark
 * Visual-only styling. Component behavior and navigation remain unchanged.
 * Intentionally integrated into the menu, with a little extra contrast so it
 * reads as a temporary call-to-action rather than another navigation item.
 */

.photo-reminder[b-dj5549yrsx] {
    position: relative;
    min-width: 0;
    width: 100%;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: .72rem;
    margin: .44rem 0 .52rem;
    padding: .82rem 2.15rem .84rem .8rem;
    overflow: hidden;
    isolation: isolate;
    color: #ffffff;
    border: 1px solid rgba(255, 105, 174, .28);
    border-radius: 1rem;
    background:
        radial-gradient(circle at 8% 0%, rgba(255, 79, 152, .25), transparent 39%),
        radial-gradient(circle at 100% 100%, rgba(139, 63, 241, .22), transparent 44%),
        linear-gradient(135deg, rgba(255, 255, 255, .105), rgba(255, 255, 255, .045));
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .10),
        0 12px 30px rgba(4, 3, 22, .16),
        0 0 0 1px rgba(124, 58, 237, .035);
    animation: photo-reminder-enter-b-dj5549yrsx .52s cubic-bezier(.22, 1, .36, 1) both;
}

.photo-reminder[b-dj5549yrsx]::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(180deg, #ff4f98, #8b3ff1);
    box-shadow: 0 0 14px rgba(255, 79, 152, .28);
}

.photo-reminder[b-dj5549yrsx]::after {
    content: "";
    position: absolute;
    z-index: -2;
    top: -3.5rem;
    right: -2.8rem;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 79, 152, .18), transparent 66%);
    pointer-events: none;
    animation: photo-reminder-glow-b-dj5549yrsx 1.15s ease-out .12s both;
}

/* The reminder is integrated into the menu, so coachmark arrows are hidden. */
.photo-reminder__arrow[b-dj5549yrsx] {
    display: none;
}

.photo-reminder__close[b-dj5549yrsx] {
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 1.55rem;
    height: 1.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .11);
    border-radius: .58rem;
    color: rgba(255, 255, 255, .64);
    background: rgba(255, 255, 255, .06);
    font-size: .68rem;
    line-height: 1;
    cursor: pointer;
    transition:
        color .16s ease,
        background-color .16s ease,
        border-color .16s ease,
        transform .16s ease;
}

.photo-reminder__close:hover[b-dj5549yrsx] {
    color: #ffffff;
    border-color: rgba(255, 255, 255, .20);
    background: rgba(255, 255, 255, .12);
}

.photo-reminder__close:active[b-dj5549yrsx] {
    transform: scale(.96);
}

.photo-reminder__close:focus-visible[b-dj5549yrsx],
.photo-reminder__cta:focus-visible[b-dj5549yrsx] {
    outline: 3px solid rgba(255, 79, 152, .30);
    outline-offset: 2px;
}

.photo-reminder__icon[b-dj5549yrsx] {
    width: 2.32rem;
    height: 2.32rem;
    flex: 0 0 2.32rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .20);
    border-radius: .8rem;
    color: #ffffff;
    background:
        radial-gradient(circle at 24% 8%, rgba(255, 255, 255, .38), transparent 34%),
        linear-gradient(135deg, #ff4f98, #8b3ff1);
    box-shadow:
        0 9px 22px rgba(139, 63, 241, .28),
        0 0 0 4px rgba(255, 79, 152, .055),
        inset 0 1px 0 rgba(255, 255, 255, .24);
    font-size: .98rem;
}

.photo-reminder__body[b-dj5549yrsx] {
    min-width: 0;
    color: #ffffff;
}

.photo-reminder__eyebrow[b-dj5549yrsx] {
    display: block;
    margin: .02rem 0 .14rem;
    color: rgba(255, 196, 224, .92);
    font-size: .56rem;
    font-weight: 880;
    line-height: 1.15;
    letter-spacing: .095em;
    text-transform: uppercase;
}

.photo-reminder__body strong[b-dj5549yrsx] {
    display: block;
    padding-right: .2rem;
    color: #ffffff;
    font-size: .84rem;
    font-weight: 880;
    line-height: 1.2;
    letter-spacing: -.012em;
}

.photo-reminder__body p[b-dj5549yrsx] {
    margin: .22rem 0 .62rem;
    color: rgba(255, 255, 255, .68);
    font-size: .69rem;
    font-weight: 500;
    line-height: 1.34;
}

.photo-reminder__cta[b-dj5549yrsx] {
    min-height: 2.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .36rem;
    padding: .4rem .78rem;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 999px;
    color: #ffffff;
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 9px 20px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .20);
    font-size: .7rem;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        filter .16s ease;
}

.photo-reminder__cta i[b-dj5549yrsx] {
    font-size: .72rem;
}

.photo-reminder__cta:hover[b-dj5549yrsx] {
    transform: translateY(-1px);
    box-shadow:
        0 12px 26px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    filter: brightness(1.05);
}

.photo-reminder__cta:active[b-dj5549yrsx] {
    transform: translateY(0);
}

@keyframes photo-reminder-enter-b-dj5549yrsx {
    0% {
        opacity: 0;
        transform: translateY(-4px) scale(.985);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .10),
            0 6px 18px rgba(4, 3, 22, .08),
            0 0 0 1px rgba(124, 58, 237, .02);
    }

    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .10),
            0 12px 30px rgba(4, 3, 22, .16),
            0 0 0 1px rgba(124, 58, 237, .035);
    }
}

@keyframes photo-reminder-glow-b-dj5549yrsx {
    0% {
        opacity: 0;
        transform: scale(.72);
    }

    45% {
        opacity: 1;
        transform: scale(1.08);
    }

    100% {
        opacity: .72;
        transform: scale(1);
    }
}

@media (max-width: 640.98px) {
    .photo-reminder[b-dj5549yrsx] {
        margin: .3rem 0 .42rem;
        padding: .72rem 2rem .74rem .72rem;
        gap: .62rem;
        border-radius: .95rem;
    }

    .photo-reminder__icon[b-dj5549yrsx] {
        width: 2.1rem;
        height: 2.1rem;
        flex-basis: 2.1rem;
        border-radius: .72rem;
        font-size: .88rem;
    }

    .photo-reminder__eyebrow[b-dj5549yrsx] {
        margin-bottom: .12rem;
        font-size: .53rem;
    }

    .photo-reminder__body strong[b-dj5549yrsx] {
        font-size: .8rem;
    }

    .photo-reminder__body p[b-dj5549yrsx] {
        margin-bottom: .55rem;
        font-size: .66rem;
        line-height: 1.3;
    }

    .photo-reminder__cta[b-dj5549yrsx] {
        min-height: 1.95rem;
        padding-inline: .72rem;
        font-size: .68rem;
    }

    .photo-reminder__close[b-dj5549yrsx] {
        top: .46rem;
        right: .46rem;
        width: 1.5rem;
        height: 1.5rem;
    }
}

@media (max-height: 680px) and (max-width: 640.98px) {
    .photo-reminder[b-dj5549yrsx] {
        padding-top: .62rem;
        padding-bottom: .64rem;
    }

    .photo-reminder__eyebrow[b-dj5549yrsx] {
        font-size: .5rem;
    }

    .photo-reminder__body p[b-dj5549yrsx] {
        margin-top: .14rem;
        margin-bottom: .46rem;
        font-size: .63rem;
    }

    .photo-reminder__cta[b-dj5549yrsx] {
        min-height: 1.85rem;
        padding-top: .32rem;
        padding-bottom: .32rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .photo-reminder[b-dj5549yrsx],
    .photo-reminder[b-dj5549yrsx]::after,
    .photo-reminder__close[b-dj5549yrsx],
    .photo-reminder__cta[b-dj5549yrsx] {
        animation: none;
        transition: none;
    }
}
/* /Components/Shared/ReactionBar.razor.rz.scp.css */
.reaction-bar[b-dzoizmdc82] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;

    min-width: 0;

    flex-wrap: wrap;
}

.reaction-buttons[b-dzoizmdc82] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;

    flex-wrap: wrap;
}

.reaction-button[b-dzoizmdc82],
.reaction-total[b-dzoizmdc82] {
    border: 0;
    outline: 0;
    font: inherit;
}

/* =========================
   Reaction buttons
   ========================= */

.reaction-button[b-dzoizmdc82] {
    --reaction-color: #ff3d8d;
    --reaction-soft: rgba(255, 61, 141, .10);
    --reaction-soft-strong: rgba(255, 61, 141, .16);
    --reaction-border: rgba(255, 61, 141, .22);
    --reaction-shadow: rgba(255, 61, 141, .18);

    position: relative;

    min-width: 2.05rem;
    height: 2.05rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .28rem;

    padding: 0 .58rem;

    color: #5f5369;

    border: 1px solid rgba(38, 24, 69, .12);
    border-radius: 999px;

    background:
        radial-gradient(
            circle at 50% 0%,
            var(--reaction-soft),
            transparent 72%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbf8fc 100%
        );

    box-shadow:
        0 6px 16px rgba(21, 16, 54, .06),
        inset 0 1px 0 rgba(255, 255, 255, .88);

    cursor: pointer;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background .16s ease,
        border-color .16s ease,
        color .16s ease;
}

/*
   At rest, every reaction icon keeps its semantic color.
   The button remains light so the bar does not become visually noisy.
*/
.reaction-button__icon[b-dzoizmdc82] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    color: var(--reaction-color);

    line-height: 1;

    filter:
        drop-shadow(
            0 2px 4px
            var(--reaction-shadow)
        );

    transition:
        color .16s ease,
        transform .16s ease,
        filter .16s ease;
}

.reaction-button__icon i[b-dzoizmdc82] {
    font-size: .98rem;
    line-height: 1;
}

.reaction-button__count[b-dzoizmdc82] {
    margin-left: .05rem;

    color: #5e5168;

    font-size: .72rem;
    font-weight: 820;
    line-height: 1;

    transition:
        color .16s ease,
        transform .16s ease;
}

/* =========================
   Hover state
   ========================= */

.reaction-button:hover:not(:disabled)[b-dzoizmdc82] {
    color: var(--reaction-color);

    border-color: var(--reaction-border);

    background:
        radial-gradient(
            circle at 50% 0%,
            var(--reaction-soft-strong),
            transparent 70%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fffaff 100%
        );

    box-shadow:
        0 11px 25px rgba(21, 16, 54, .11),
        0 0 0 4px var(--reaction-soft);

    transform: translateY(-2px);
}

.reaction-button:hover:not(:disabled) .reaction-button__icon[b-dzoizmdc82] {
    color: var(--reaction-color);

    filter:
        drop-shadow(
            0 4px 7px
            var(--reaction-shadow)
        );

    transform: scale(1.12);
}

.reaction-button:hover:not(:disabled) .reaction-button__count[b-dzoizmdc82] {
    color: var(--reaction-color);

    transform: translateY(-.02rem);
}

/* =========================
   Selected state
   ========================= */

.reaction-button.is-active[b-dzoizmdc82] {
    color: #ffffff;

    border-color: transparent;

    background:
        radial-gradient(
            circle at 25% 10%,
            rgba(255, 255, 255, .34),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            var(--reaction-color),
            #7c3aed
        );

    box-shadow:
        0 12px 27px rgba(124, 58, 237, .24),
        0 0 0 4px var(--reaction-soft);
}

.reaction-button.is-active .reaction-button__icon[b-dzoizmdc82],
.reaction-button.is-active .reaction-button__count[b-dzoizmdc82] {
    color: #ffffff;
}

.reaction-button.is-active .reaction-button__icon[b-dzoizmdc82] {
    filter:
        drop-shadow(
            0 2px 4px
            rgba(39, 24, 69, .20)
        );
}

.reaction-button.is-active:hover:not(:disabled)[b-dzoizmdc82] {
    border-color: transparent;

    background:
        radial-gradient(
            circle at 22% 8%,
            rgba(255, 255, 255, .42),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            var(--reaction-color),
            #6d28d9
        );

    box-shadow:
        0 15px 32px rgba(124, 58, 237, .29),
        0 0 0 5px var(--reaction-soft);
}

.reaction-button.is-active:hover:not(:disabled) .reaction-button__icon[b-dzoizmdc82],
.reaction-button.is-active:hover:not(:disabled) .reaction-button__count[b-dzoizmdc82] {
    color: #ffffff;
}

.reaction-button:focus-visible[b-dzoizmdc82] {
    outline: 0;

    border-color: var(--reaction-border);

    box-shadow:
        0 0 0 4px var(--reaction-soft),
        0 10px 24px rgba(21, 16, 54, .10);
}

.reaction-button:disabled[b-dzoizmdc82] {
    opacity: .62;
    cursor: wait;
}

/* =========================
   Reaction summary
   ========================= */

.reaction-total[b-dzoizmdc82] {
    min-height: 2.05rem;

    display: inline-flex;
    align-items: center;
    gap: .4rem;

    padding: .22rem .55rem .22rem .28rem;

    color: #5e5168;

    border: 1px solid rgba(38, 24, 69, .10);
    border-radius: 999px;

    background: rgba(255, 255, 255, .82);

    box-shadow:
        0 8px 22px rgba(21, 16, 54, .08),
        inset 0 1px 0 rgba(255, 255, 255, .82);

    cursor: pointer;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background-color .16s ease;
}

.reaction-total:hover[b-dzoizmdc82] {
    border-color: rgba(255, 61, 141, .20);

    background: #ffffff;

    box-shadow:
        0 12px 28px rgba(21, 16, 54, .12),
        0 0 0 3px rgba(255, 61, 141, .08);

    transform: translateY(-1px);
}

.reaction-total:focus-visible[b-dzoizmdc82] {
    outline: 0;

    border-color: rgba(255, 61, 141, .24);

    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .10);
}

.reaction-total__icons[b-dzoizmdc82] {
    display: inline-flex;
    align-items: center;
}

.reaction-total__icon[b-dzoizmdc82] {
    --reaction-color: #ff3d8d;

    width: 1.45rem;
    height: 1.45rem;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-left: -.18rem;

    color: #ffffff;

    border: 2px solid #ffffff;
    border-radius: 999px;

    background:
        radial-gradient(
            circle at 30% 20%,
            rgba(255, 255, 255, .35),
            transparent 34%
        ),
        linear-gradient(
            135deg,
            var(--reaction-color),
            #7c3aed
        );

    box-shadow:
        0 5px 12px rgba(21, 16, 54, .12);
}

.reaction-total__icon:first-child[b-dzoizmdc82] {
    margin-left: 0;
}

.reaction-total__icon i[b-dzoizmdc82] {
    font-size: .72rem;
    line-height: 1;
}

.reaction-total__count[b-dzoizmdc82] {
    font-size: .78rem;
    font-weight: 850;
    line-height: 1;
}

/* =========================
   Reaction palettes
   ========================= */

.reaction-accent-heart[b-dzoizmdc82] {
    --reaction-color: #e93a8b;
    --reaction-soft: rgba(233, 58, 139, .11);
    --reaction-soft-strong: rgba(233, 58, 139, .18);
    --reaction-border: rgba(233, 58, 139, .30);
    --reaction-shadow: rgba(233, 58, 139, .24);
}

.reaction-accent-splash[b-dzoizmdc82] {
    --reaction-color: #329ded;
    --reaction-soft: rgba(50, 157, 237, .11);
    --reaction-soft-strong: rgba(50, 157, 237, .18);
    --reaction-border: rgba(50, 157, 237, .30);
    --reaction-shadow: rgba(50, 157, 237, .24);
}

.reaction-accent-hot[b-dzoizmdc82] {
    --reaction-color: #f87532;
    --reaction-soft: rgba(248, 117, 50, .11);
    --reaction-soft-strong: rgba(248, 117, 50, .18);
    --reaction-border: rgba(248, 117, 50, .31);
    --reaction-shadow: rgba(248, 117, 50, .25);
}

.reaction-accent-yes[b-dzoizmdc82] {
    --reaction-color: #20a96a;
    --reaction-soft: rgba(32, 169, 106, .10);
    --reaction-soft-strong: rgba(32, 169, 106, .17);
    --reaction-border: rgba(32, 169, 106, .28);
    --reaction-shadow: rgba(32, 169, 106, .22);
}

.reaction-accent-eye[b-dzoizmdc82] {
    --reaction-color: #8054d9;
    --reaction-soft: rgba(128, 84, 217, .10);
    --reaction-soft-strong: rgba(128, 84, 217, .17);
    --reaction-border: rgba(128, 84, 217, .28);
    --reaction-shadow: rgba(128, 84, 217, .22);
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 640px) {
    .reaction-bar[b-dzoizmdc82] {
        gap: .45rem;
    }

    .reaction-buttons[b-dzoizmdc82] {
        gap: .3rem;
    }

    .reaction-button[b-dzoizmdc82] {
        min-width: 2rem;
        height: 2rem;

        padding: 0 .52rem;
    }

    .reaction-total[b-dzoizmdc82] {
        min-height: 2rem;
    }
}

@media (max-width: 380px) {
    .reaction-bar[b-dzoizmdc82] {
        gap: .38rem;
    }

    .reaction-buttons[b-dzoizmdc82] {
        gap: .24rem;
    }

    .reaction-button[b-dzoizmdc82] {
        min-width: 1.95rem;
        height: 1.95rem;

        padding: 0 .46rem;
    }

    .reaction-button__icon i[b-dzoizmdc82] {
        font-size: .92rem;
    }

    .reaction-button__count[b-dzoizmdc82] {
        font-size: .68rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .reaction-button[b-dzoizmdc82],
    .reaction-button__icon[b-dzoizmdc82],
    .reaction-button__count[b-dzoizmdc82],
    .reaction-total[b-dzoizmdc82] {
        transition: none;
    }
}
/* /Components/Shared/RegisterForm.razor.rz.scp.css */
/* =========================
   Shared registration width
   The native wrapper belongs to this component, so CSS isolation applies
   reliably even though EditForm renders its own <form> element.
   ========================= */

.register-form-frame[b-699mtfk9ui] {
    width: 100%;
    min-width: 0;
}

@media (min-width: 900px) {
    .register-form-frame[b-699mtfk9ui] {
        width: min(100%, 860px);
        margin-inline: auto;
    }
}

.register-form[b-699mtfk9ui] {
    display: block;
}

.section-title[b-699mtfk9ui] {
    display: flex;
    align-items: center;
    gap: .48rem;
    margin: 1.35rem 0 .9rem;
    padding-bottom: .55rem;
    color: #6c5279;
    font-size: .74rem;
    font-weight: 850;
    letter-spacing: .075em;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(39, 24, 69, .10);
}

.section-title:first-of-type[b-699mtfk9ui] {
    margin-top: 0;
}

.section-title i[b-699mtfk9ui] {
    color: #ff3d8d;
    font-size: .92rem;
}

.form-block[b-699mtfk9ui] {
    margin-bottom: 1rem;
}

.form-block--large[b-699mtfk9ui] {
    margin-bottom: 1.25rem;
}

.form-label[b-699mtfk9ui] {
    margin-bottom: .42rem;
    color: #20172b;
    font-size: .84rem;
    font-weight: 750;
}

.required[b-699mtfk9ui] {
    color: #ff3d8d;
}

.label-note[b-699mtfk9ui] {
    margin-left: .25rem;
    color: #8a7c96;
    font-size: .74rem;
    font-weight: 600;
}

.input-shell[b-699mtfk9ui] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.75rem;
    border-radius: .95rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.input-shell:focus-within[b-699mtfk9ui] {
    border-color: rgba(255, 61, 141, .42);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.input-shell > i[b-699mtfk9ui] {
    flex: 0 0 auto;
    width: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a855f7;
    font-size: 1rem;
}

.input-shell .form-control[b-699mtfk9ui] {
    min-height: 2.65rem;
    padding: .55rem .8rem .55rem 0;
    color: #20172b;
    font-size: .91rem;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control:focus[b-699mtfk9ui] {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control[b-699mtfk9ui]::placeholder {
    color: #a69aad;
}

.input-shell--with-action .form-control[b-699mtfk9ui] {
    padding-right: .35rem;
}

.input-action[b-699mtfk9ui] {
    flex: 0 0 auto;
    width: 2.55rem;
    height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: .1rem;
    border: 0;
    border-radius: .85rem;
    color: #6d6077;
    background: transparent;
    transition:
        color .16s ease,
        background-color .16s ease,
        transform .16s ease;
}

.input-action:hover[b-699mtfk9ui] {
    color: #ff3d8d;
    background: rgba(255, 61, 141, .08);
    transform: translateY(-1px);
}

.form-text[b-699mtfk9ui] {
    margin-top: .42rem;
    font-size: .76rem;
    line-height: 1.35;
}

.text-success[b-699mtfk9ui] {
    color: #188b54 !important;
}

.text-danger[b-699mtfk9ui] {
    color: #d92d62 !important;
}

.text-warning[b-699mtfk9ui] {
    color: #b7791f !important;
}

.password-meter[b-699mtfk9ui] {
    margin-top: .55rem;
}

.password-meter__track[b-699mtfk9ui] {
    overflow: hidden;
    height: .42rem;
    border-radius: 999px;
    background: #f0eaf3;
}

.password-meter__bar[b-699mtfk9ui] {
    height: 100%;
    border-radius: 999px;
    transition: width .18s ease;
}

.password-meter__bar.bg-danger[b-699mtfk9ui] {
    background: linear-gradient(135deg, #ff3d8d, #ef4444) !important;
}

.password-meter__bar.bg-warning[b-699mtfk9ui] {
    background: linear-gradient(135deg, #f59e0b, #ff7a1a) !important;
}

.password-meter__bar.bg-success[b-699mtfk9ui] {
    background: linear-gradient(135deg, #21b86b, #10b981) !important;
}

.member-type-grid[b-699mtfk9ui] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .65rem;
}

.member-type-option[b-699mtfk9ui] {
    --member-accent: #ff3d8d;
    --member-soft: rgba(255, 61, 141, .10);

    margin: 0;
}

.member-type-card[b-699mtfk9ui] {
    min-height: 5.15rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .75rem .45rem;
    border-radius: 1.05rem;
    cursor: pointer;
    color: #5f5269;
    background:
        linear-gradient(180deg, #ffffff 0%, #fbf7fc 100%);
    border: 1px solid rgba(39, 24, 69, .13);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background .16s ease,
        color .16s ease;
}

.member-type-card:hover[b-699mtfk9ui] {
    transform: translateY(-2px);
    color: var(--member-accent);
    border-color: rgba(255, 61, 141, .24);
    background:
        radial-gradient(circle at 50% 0%, var(--member-soft), transparent 64%),
        #ffffff;
    box-shadow:
        0 14px 30px rgba(21, 16, 54, .09),
        0 0 0 4px var(--member-soft);
}

.member-type-option.selected .member-type-card[b-699mtfk9ui] {
    color: #ffffff;
    border-color: transparent;
    background:
        radial-gradient(circle at 30% 12%, rgba(255, 255, 255, .30), transparent 35%),
        linear-gradient(135deg, var(--member-accent), #7c3aed);
    box-shadow:
        0 16px 32px rgba(124, 58, 237, .20),
        0 0 0 4px var(--member-soft);
}

.member-type-icon[b-699mtfk9ui] {
    width: 2.15rem;
    height: 2.15rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    color: var(--member-accent);
    background: var(--member-soft);
    transition:
        color .16s ease,
        background-color .16s ease;
}

.member-type-option.selected .member-type-icon[b-699mtfk9ui] {
    color: #ffffff;
    background: rgba(255, 255, 255, .16);
}

.member-type-icon i[b-699mtfk9ui] {
    font-size: 1.15rem;
    line-height: 1;
}

.member-type-label[b-699mtfk9ui] {
    font-size: .75rem;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
}

.member-type-option--man[b-699mtfk9ui] {
    --member-accent: #3b82f6;
    --member-soft: rgba(59, 130, 246, .11);
}

.member-type-option--woman[b-699mtfk9ui] {
    --member-accent: #ff3d8d;
    --member-soft: rgba(255, 61, 141, .12);
}

.member-type-option--couple[b-699mtfk9ui] {
    --member-accent: #7c3aed;
    --member-soft: rgba(124, 58, 237, .12);
}

.member-type-option--nonbinary[b-699mtfk9ui] {
    --member-accent: #f59e0b;
    --member-soft: rgba(245, 158, 11, .13);
}

.premium-check[b-699mtfk9ui] {
    display: flex;
    align-items: flex-start;
    gap: .55rem;
    padding: .75rem .85rem;
    border-radius: .95rem;
    background: linear-gradient(135deg, rgba(255, 61, 141, .06), rgba(124, 58, 237, .06));
    border: 1px solid rgba(39, 24, 69, .10);
}

.premium-check .form-check-input[b-699mtfk9ui] {
    width: 1.05rem;
    height: 1.05rem;
    margin: .1rem 0 0;
    border-color: rgba(39, 24, 69, .22);
    cursor: pointer;
}

.premium-check .form-check-input:checked[b-699mtfk9ui] {
    background-color: #ff3d8d;
    border-color: #ff3d8d;
}

.premium-check .form-check-input:focus[b-699mtfk9ui] {
    border-color: #ff3d8d;
    box-shadow: 0 0 0 .22rem rgba(255, 61, 141, .14);
}

.premium-check .form-check-label[b-699mtfk9ui] {
    color: #372b40;
    font-size: .86rem;
    font-weight: 650;
    line-height: 1.35;
    cursor: pointer;
}

.premium-check--terms[b-699mtfk9ui] {
    background: #fff9fc;
}

.premium-check a[b-699mtfk9ui] {
    color: #d92d82;
    font-weight: 800;
    text-decoration: none;
}

.premium-check a:hover[b-699mtfk9ui] {
    text-decoration: underline;
}

.beta-terms-block[b-699mtfk9ui] {
    padding: .95rem 1rem;
    border-radius: 1.05rem;
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 61, 141, .08), transparent 40%),
        radial-gradient(circle at 90% 0%, rgba(124, 58, 237, .08), transparent 40%),
        #fffafd;
    border: 1px solid rgba(124, 58, 237, .18);
}

.beta-terms-block__title[b-699mtfk9ui] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin: 0 0 .6rem;
    color: #6c2bd9;
    font-size: .84rem;
    font-weight: 850;
}

.beta-terms-block p[b-699mtfk9ui] {
    margin: 0 0 .55rem;
    color: #4a4055;
    font-size: .82rem;
    line-height: 1.5;
}

.beta-terms-block p:last-of-type[b-699mtfk9ui] {
    margin-bottom: .85rem;
}

.couple-section[b-699mtfk9ui] {
    display: grid;
    gap: .9rem;
    margin-bottom: 1.2rem;
    padding: .9rem;
    border-radius: 1.15rem;
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 61, 141, .10), transparent 34%),
        radial-gradient(circle at 90% 0%, rgba(124, 58, 237, .10), transparent 34%),
        #fffafd;
    border: 1px solid rgba(39, 24, 69, .10);
}

.couple-person[b-699mtfk9ui] {
    padding: .95rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, .78);
    border: 1px solid rgba(39, 24, 69, .08);
}

.couple-person__title[b-699mtfk9ui] {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0 0 .8rem;
    color: #1d4ed8;
    font-size: .9rem;
    font-weight: 850;
}

.couple-person__title span[b-699mtfk9ui] {
    width: 1.95rem;
    height: 1.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .72rem;
    color: #ffffff;
    background: linear-gradient(135deg, #3b82f6, #7c3aed);
}

.couple-person__title--woman[b-699mtfk9ui] {
    color: #d92d82;
}

.couple-person__title--woman span[b-699mtfk9ui] {
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.location-field[b-699mtfk9ui]  .form-control {
    border-radius: .95rem;
}

.register-submit[b-699mtfk9ui] {
    width: 100%;
    min-height: 2.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    margin-top: .1rem;
    border: 0;
    border-radius: 1rem;
    color: #ffffff;
    font-size: .93rem;
    font-weight: 850;
    letter-spacing: -.01em;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.register-submit:hover:not(:disabled)[b-699mtfk9ui] {
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.register-submit:disabled[b-699mtfk9ui] {
    opacity: .68;
    cursor: wait;
}

.divider-or[b-699mtfk9ui] {
    position: relative;
    margin: 1.35rem 0 1rem;
    text-align: center;
    color: #8a7c96;
    font-size: .8rem;
    font-weight: 650;
}

.divider-or[b-699mtfk9ui]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background: rgba(39, 24, 69, .12);
    z-index: 0;
}

.divider-or span[b-699mtfk9ui] {
    position: relative;
    z-index: 1;
    padding: 0 .85rem;
    background: #ffffff;
}

.oauth-grid[b-699mtfk9ui] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin-bottom: 1.2rem;
}

.oauth-btn[b-699mtfk9ui] {
    min-height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    padding: .55rem .75rem;
    border-radius: .95rem;
    color: #33283d;
    font-size: .84rem;
    font-weight: 800;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .05);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background-color .16s ease;
}

.oauth-btn:hover[b-699mtfk9ui] {
    color: #20172b;
    transform: translateY(-1px);
    border-color: rgba(255, 61, 141, .22);
    background: #fffafd;
    box-shadow: 0 12px 28px rgba(21, 16, 54, .09);
}

.register-login-link[b-699mtfk9ui] {
    margin: 0;
    text-align: center;
    color: #74687e;
    font-size: .82rem;
}

.register-login-link a[b-699mtfk9ui] {
    color: #d92d82;
    font-weight: 850;
    text-decoration: none;
}

.register-login-link a:hover[b-699mtfk9ui] {
    text-decoration: underline;
}

.register-alert[b-699mtfk9ui] {
    display: flex;
    gap: .8rem;
    margin-bottom: 1rem;
    padding: .95rem;
    border-radius: 1rem;
    font-size: .86rem;
    border: 1px solid;
}

.register-alert strong[b-699mtfk9ui] {
    display: block;
    margin-bottom: .2rem;
    font-weight: 850;
}

.register-alert p[b-699mtfk9ui] {
    margin: .15rem 0;
}

.register-alert__icon[b-699mtfk9ui] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .8rem;
    color: #ffffff;
}

.register-alert--success[b-699mtfk9ui] {
    color: #145238;
    background: #f0fff7;
    border-color: rgba(33, 184, 107, .24);
}

.register-alert--success .register-alert__icon[b-699mtfk9ui] {
    background: linear-gradient(135deg, #21b86b, #10b981);
}

.register-alert--danger[b-699mtfk9ui] {
    color: #7f1d42;
    background: #fff5f8;
    border-color: rgba(255, 61, 141, .22);
}

.register-alert--danger .register-alert__icon[b-699mtfk9ui] {
    background: linear-gradient(135deg, #ff3d8d, #ef4444);
}

.register-alert__button[b-699mtfk9ui] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: .55rem;
    padding: .45rem .75rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .78rem;
    font-weight: 850;
    text-decoration: none;
    background: linear-gradient(135deg, #21b86b, #10b981);
}

@media (max-width: 520px) {
    .member-type-grid[b-699mtfk9ui] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .oauth-grid[b-699mtfk9ui] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 360px) {
    .member-type-card[b-699mtfk9ui] {
        min-height: 4.8rem;
        padding: .65rem .35rem;
    }

    .member-type-label[b-699mtfk9ui] {
        font-size: .7rem;
    }
}

/* =========================
   Registration success flow
   ========================= */

.register-success[b-699mtfk9ui] {
    width: 100%;
    display: block;
    padding: 1.15rem;
}

.register-success__header[b-699mtfk9ui] {
    display: flex;
    align-items: flex-start;
    gap: .8rem;
}

.register-success__header > div:last-child[b-699mtfk9ui] {
    min-width: 0;
}

.register-success__header strong[b-699mtfk9ui] {
    color: #145238;
    font-size: .96rem;
    line-height: 1.3;
}

.register-success__lead[b-699mtfk9ui] {
    margin: .22rem 0 0 !important;
    overflow-wrap: anywhere;
    color: #356b51;
    font-size: .84rem;
    line-height: 1.5;
}

.register-success__steps[b-699mtfk9ui] {
    display: grid;
    gap: .72rem;
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}

.register-success__steps li[b-699mtfk9ui] {
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: .7rem;
    padding: .72rem .78rem;
    border: 1px solid rgba(33, 184, 107, .14);
    border-radius: .95rem;
    background: rgba(255, 255, 255, .58);
}

.register-success__steps li > div[b-699mtfk9ui] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: .12rem;
}

.register-success__steps strong[b-699mtfk9ui] {
    margin: 0;
    color: #174f37;
    font-size: .84rem;
    line-height: 1.35;
}

.register-success__steps span:not(.register-success__step-number)[b-699mtfk9ui] {
    color: #527060;
    font-size: .78rem;
    line-height: 1.45;
}

.register-success__step-number[b-699mtfk9ui] {
    width: 1.85rem;
    height: 1.85rem;
    flex: 0 0 1.85rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .68rem;
    color: #ffffff;
    font-size: .76rem;
    font-weight: 850;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .28), transparent 34%),
        linear-gradient(135deg, #21b86b, #10b981);
    box-shadow: 0 8px 18px rgba(16, 185, 129, .18);
}

.register-success__button[b-699mtfk9ui] {
    width: 100%;
    min-height: 2.8rem;
    gap: .5rem;
    margin-top: 0;
    padding: .58rem .85rem;
    border-radius: .95rem;
    font-size: .84rem;
    text-align: center;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .25), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 14px 30px rgba(124, 58, 237, .22),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        filter .16s ease;
}

.register-success__button:hover[b-699mtfk9ui] {
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-1px);
    filter: brightness(1.03);
    box-shadow:
        0 18px 38px rgba(124, 58, 237, .28),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.register-success__help[b-699mtfk9ui] {
    display: flex;
    align-items: flex-start;
    gap: .45rem;
    margin: .75rem 0 0 !important;
    color: #5e7669;
    font-size: .74rem;
    line-height: 1.45;
}

.register-success__help i[b-699mtfk9ui] {
    flex: 0 0 auto;
    margin-top: .08rem;
    color: #188b54;
}

@media (max-width: 520px) {
    .register-success[b-699mtfk9ui] {
        padding: 1rem;
    }

    .register-success__header[b-699mtfk9ui] {
        gap: .65rem;
    }

    .register-success__steps li[b-699mtfk9ui] {
        padding: .68rem;
    }

    .register-success__button[b-699mtfk9ui] {
        font-size: .8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .register-success__button[b-699mtfk9ui] {
        transition: none;
    }
}

/* =========================
   Registration validation
   ========================= */

.registration-errors[b-699mtfk9ui] {
    scroll-margin-top: 5.5rem;
    margin-bottom: 1.15rem;
    padding: 1rem;
    color: #7f1d42;
    border: 2px solid rgba(239, 68, 68, .34);
    border-radius: 1.1rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .09), transparent 38%),
        linear-gradient(135deg, #fff7f9, #fff3f6);
    box-shadow:
        0 16px 38px rgba(127, 29, 66, .10),
        0 0 0 5px rgba(255, 61, 141, .055),
        inset 0 1px 0 rgba(255, 255, 255, .85);
}

.registration-errors__header[b-699mtfk9ui] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: .72rem;
}

.registration-errors__icon[b-699mtfk9ui] {
    width: 2.65rem;
    height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .9rem;
    background:
        radial-gradient(circle at 25% 8%, rgba(255, 255, 255, .30), transparent 34%),
        linear-gradient(135deg, #ff3d8d, #ef4444);
    box-shadow: 0 11px 24px rgba(239, 68, 68, .22);
}

.registration-errors__header strong[b-699mtfk9ui] {
    display: block;
    color: #7f1d42;
    font-size: .92rem;
    font-weight: 900;
}

.registration-errors__header p[b-699mtfk9ui] {
    margin: .15rem 0 0;
    color: #8c5067;
    font-size: .78rem;
    line-height: 1.4;
}

.registration-errors__list[b-699mtfk9ui] {
    display: grid;
    gap: .42rem;
    margin: .85rem 0 0;
    padding: .75rem 0 0;
    list-style: none;
    border-top: 1px solid rgba(127, 29, 66, .12);
}

.registration-errors__list a[b-699mtfk9ui] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: flex-start;
    gap: .5rem;
    padding: .48rem .55rem;
    color: #8f214d;
    text-decoration: none;
    border-radius: .78rem;
    background: rgba(255, 255, 255, .58);
    font-size: .76rem;
    font-weight: 760;
    line-height: 1.35;
    transition:
        background-color .16s ease,
        transform .16s ease;
}

.registration-errors__list a:hover[b-699mtfk9ui] {
    color: #71163c;
    background: #ffffff;
    transform: translateX(2px);
}

.registration-errors__list i[b-699mtfk9ui] {
    margin-top: .08rem;
    color: #ef4444;
}

.form-block.has-error[b-699mtfk9ui] {
    padding: .78rem;
    border: 1px solid rgba(239, 68, 68, .25);
    border-radius: 1.02rem;
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .055), transparent 42%),
        rgba(255, 247, 249, .72);
    box-shadow: 0 0 0 4px rgba(255, 61, 141, .045);
}

.form-block.has-error > .form-label[b-699mtfk9ui],
.form-block.has-error .form-label[b-699mtfk9ui] {
    color: #a61f50;
}

.input-shell.has-error[b-699mtfk9ui],
.input-shell:has(.invalid)[b-699mtfk9ui] {
    border-color: rgba(239, 68, 68, .60);
    background: #fff8fa;
    box-shadow:
        0 0 0 4px rgba(239, 68, 68, .10),
        0 10px 25px rgba(127, 29, 66, .08);
}

.input-shell.has-error > i[b-699mtfk9ui],
.input-shell:has(.invalid) > i[b-699mtfk9ui] {
    color: #ef4444;
}

.input-shell .form-control.invalid[b-699mtfk9ui] {
    color: #6f1d3d;
}

.field-validation-message[b-699mtfk9ui],
.validation-message[b-699mtfk9ui] {
    display: flex;
    align-items: flex-start;
    gap: .38rem;
    margin-top: .45rem;
    color: #c22557;
    font-size: .75rem;
    font-weight: 760;
    line-height: 1.38;
}

.field-validation-message[b-699mtfk9ui]::before,
.validation-message[b-699mtfk9ui]::before {
    content: "!";
    width: 1.1rem;
    height: 1.1rem;
    flex: 0 0 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: .02rem;
    color: #ffffff;
    border-radius: 50%;
    background: #ef4444;
    font-size: .65rem;
    font-weight: 900;
}

.field-validation-message > i[b-699mtfk9ui] {
    display: none;
}

.member-type-grid.has-error[b-699mtfk9ui] {
    padding: .7rem;
    border: 2px solid rgba(239, 68, 68, .34);
    border-radius: 1.12rem;
    background: #fff8fa;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, .07);
}

.couple-person.has-error[b-699mtfk9ui] {
    border-color: rgba(239, 68, 68, .34);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .06), transparent 42%),
        #fff8fa;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, .06);
}

.location-field.has-error[b-699mtfk9ui] {
    border-color: rgba(239, 68, 68, .28);
}

.location-field.has-error[b-699mtfk9ui]  .form-control,
.location-field.has-error[b-699mtfk9ui]  input {
    border-color: rgba(239, 68, 68, .55) !important;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, .10) !important;
}

.premium-check.has-error[b-699mtfk9ui],
.beta-terms-block.has-error .premium-check[b-699mtfk9ui] {
    border: 2px solid rgba(239, 68, 68, .38);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 61, 141, .07), transparent 42%),
        #fff6f8;
    box-shadow: 0 0 0 4px rgba(239, 68, 68, .07);
}

.premium-check.has-error .form-check-label[b-699mtfk9ui],
.beta-terms-block.has-error .form-check-label[b-699mtfk9ui] {
    color: #8f214d;
    font-weight: 800;
}

.premium-check.has-error .form-check-input[b-699mtfk9ui],
.beta-terms-block.has-error .form-check-input[b-699mtfk9ui] {
    border-color: #ef4444;
    box-shadow: 0 0 0 .22rem rgba(239, 68, 68, .12);
}

.beta-terms-block.has-error[b-699mtfk9ui] {
    border: 2px solid rgba(239, 68, 68, .30);
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 61, 141, .10), transparent 40%),
        radial-gradient(circle at 90% 0%, rgba(239, 68, 68, .07), transparent 40%),
        #fff8fa;
}

.register-submit-feedback[b-699mtfk9ui] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: .68rem;
    margin: .2rem 0 .75rem;
    padding: .72rem .78rem;
    border-radius: .98rem;
}

.register-submit-feedback.has-errors[b-699mtfk9ui] {
    color: #7f1d42;
    border: 1px solid rgba(239, 68, 68, .28);
    background: linear-gradient(135deg, #fff7f9, #fff1f5);
    box-shadow: 0 10px 26px rgba(127, 29, 66, .08);
}

.register-submit-feedback.is-ready[b-699mtfk9ui] {
    color: #145238;
    border: 1px solid rgba(33, 184, 107, .20);
    background: linear-gradient(135deg, #f3fff8, #edfff5);
}

.register-submit-feedback__icon[b-699mtfk9ui] {
    width: 2.3rem;
    height: 2.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    border-radius: .8rem;
    background: linear-gradient(135deg, #ff3d8d, #ef4444);
}

.register-submit-feedback.is-ready .register-submit-feedback__icon[b-699mtfk9ui] {
    background: linear-gradient(135deg, #21b86b, #10b981);
}

.register-submit-feedback strong[b-699mtfk9ui] {
    display: block;
    font-size: .78rem;
    font-weight: 900;
}

.register-submit-feedback span:not(.register-submit-feedback__icon)[b-699mtfk9ui] {
    display: block;
    margin-top: .08rem;
    color: #956176;
    font-size: .68rem;
    line-height: 1.35;
}

.register-submit-feedback.is-ready span:not(.register-submit-feedback__icon)[b-699mtfk9ui] {
    color: #5e7c6c;
}

.register-submit-feedback a[b-699mtfk9ui] {
    color: #a61f50;
    font-size: .7rem;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
}

.register-submit-feedback a:hover[b-699mtfk9ui] {
    text-decoration: underline;
}

@media (max-width: 520px) {
    .registration-errors[b-699mtfk9ui] {
        padding: .85rem;
    }

    .register-submit-feedback[b-699mtfk9ui] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .register-submit-feedback a[b-699mtfk9ui] {
        grid-column: 1 / -1;
        justify-self: stretch;
        padding-top: .5rem;
        text-align: center;
        border-top: 1px solid rgba(127, 29, 66, .12);
    }
}