/* /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-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-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;
    }
}
/* /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;
}


/* =========================
   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-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: min(100%, 1120px);
    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;
}

.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/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 */
.chat-page[b-hjngiaqe1o] {
    display: flex;
    height: calc(100vh - 100px);
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    overflow: hidden;
}

.chat-rail[b-hjngiaqe1o] {
    width: 320px;
    flex-shrink: 0;
    border-right: 1px solid #e0e0e0;
    background-color: #f5f5f5;
    display: flex;
    flex-direction: column;
}

.chat-rail-header[b-hjngiaqe1o] {
    padding: 1rem;
    border-bottom: 1px solid #e0e0e0;
    background-color: #fff;
}

.chat-rail-search[b-hjngiaqe1o] {
    padding: 0.75rem 1rem;
    background-color: #fff;
}

.chat-rail-section-title[b-hjngiaqe1o] {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #616161;
    background-color: #fff;
}

.chat-rail-list[b-hjngiaqe1o] {
    flex-grow: 1;
    overflow-y: auto;
}

.chat-rail-item[b-hjngiaqe1o] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    padding: 0.6rem 0.75rem;
    border: none;
    background-color: transparent;
    text-align: left;
    border-left: 3px solid transparent;
    cursor: pointer;
}

.chat-rail-item:hover[b-hjngiaqe1o] {
    background-color: rgba(91, 95, 199, 0.05);
}

.chat-rail-item.active[b-hjngiaqe1o] {
    background-color: #fff;
    border-left-color: #5b5fc7;
}

.chat-rail-item.unread[b-hjngiaqe1o] {
    background-color: rgba(91, 95, 199, 0.08);
}

.chat-rail-item-avatar[b-hjngiaqe1o] {
    flex-shrink: 0;
}

.chat-rail-item-body[b-hjngiaqe1o] {
    flex-grow: 1;
    min-width: 0;
}

.chat-rail-item-top[b-hjngiaqe1o] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
}

.chat-rail-item-name[b-hjngiaqe1o] {
    font-weight: 600;
    color: #242424;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-rail-item.unread .chat-rail-item-name[b-hjngiaqe1o] {
    color: #5b5fc7;
}

.chat-rail-item-time[b-hjngiaqe1o] {
    font-size: 0.7rem;
    color: #757575;
    flex-shrink: 0;
}

.chat-rail-item-preview[b-hjngiaqe1o] {
    font-size: 0.8rem;
    color: #616161;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chat-rail-item.unread .chat-rail-item-preview[b-hjngiaqe1o] {
    font-weight: 600;
    color: #242424;
}

.chat-rail-item-badge[b-hjngiaqe1o] {
    flex-shrink: 0;
    background-color: #c4314b;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 10px;
    min-width: 18px;
    text-align: center;
    align-self: center;
}

.chat-thread[b-hjngiaqe1o] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    min-width: 0;
}

.chat-thread-empty[b-hjngiaqe1o] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.chat-thread-header[b-hjngiaqe1o] {
    padding: 0.75rem 1rem;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.chat-thread-title[b-hjngiaqe1o] {
    font-weight: 600;
    color: #242424;
}

.chat-thread-status[b-hjngiaqe1o] {
    font-size: 0.78rem;
    color: #616161;
}

.chat-thread-tabs[b-hjngiaqe1o] {
    display: flex;
    gap: 0.25rem;
}

.chat-tab[b-hjngiaqe1o] {
    background: none;
    border: none;
    padding: 0.4rem 0.85rem;
    color: #616161;
    font-size: 0.85rem;
    cursor: pointer;
    border-bottom: 2px solid transparent;
}

.chat-tab.active[b-hjngiaqe1o] {
    color: #5b5fc7;
    border-bottom-color: #5b5fc7;
    font-weight: 600;
}

.chat-tab:disabled[b-hjngiaqe1o] {
    opacity: 0.4;
    cursor: not-allowed;
}

.chat-thread-messages[b-hjngiaqe1o] {
    flex-grow: 1;
    overflow-y: auto;
    padding: 1rem 0;
    background-color: #fafafa;
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.chat-typing[b-hjngiaqe1o] {
    padding: 0 1rem 0.5rem;
    font-size: 0.8rem;
    color: #616161;
}

.message-edit-row[b-hjngiaqe1o] {
    padding: 0.5rem 1rem;
}

.message-edit-row.mine[b-hjngiaqe1o] {
    margin-left: 30%;
}

.chat-lightbox[b-hjngiaqe1o] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.85);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1080;
    cursor: pointer;
}

.chat-lightbox img[b-hjngiaqe1o] {
    max-width: 92vw;
    max-height: 92vh;
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.5);
}

@media (max-width: 768px) {
    .chat-rail[b-hjngiaqe1o] {
        width: 100%;
    }

    .chat-page[b-hjngiaqe1o] {
        flex-direction: column;
        height: calc(100vh - 80px);
    }
}
/* /Components/Pages/Friends/FriendRequests.razor.rz.scp.css */
.friend-requests-page .avatar[b-ro08j0mem7] {
    width: 56px;
    height: 56px;
    object-fit: cover;
}

.friend-requests-page .avatar-placeholder[b-ro08j0mem7] {
    background-color: #e9ecef;
    color: #6c757d;
    font-size: 1.5rem;
}

.friend-requests-page .min-width-0[b-ro08j0mem7] {
    min-width: 0;
}

.friend-request-card[b-ro08j0mem7] {
    transition: box-shadow 0.2s ease;
}

.friend-request-card:hover[b-ro08j0mem7] {
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.075);
}
/* /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;
}

.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-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;
}

@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;
}

@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/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;
    }

    .places-city-directory[b-ttlygv5ds8]  li {
        display: grid;
        grid-template-columns: 130px minmax(0, 1fr);
        min-height: 145px;
        border-radius: 1rem;
    }

    .places-city-directory[b-ttlygv5ds8]  li img {
        grid-column: 1;
        grid-row: 1;
        width: 130px !important;
        height: 100% !important;
        min-height: 145px;
        aspect-ratio: auto;
        object-fit: cover;
    }

    .places-city-directory[b-ttlygv5ds8]  li > a,
    .places-city-directory[b-ttlygv5ds8]  li a {
        grid-column: 2;
        grid-row: 1;
        min-height: 145px;
        padding: .85rem .85rem 2.6rem;
        font-size: .91rem;
    }

    .places-city-directory[b-ttlygv5ds8]  li a::after {
        left: .85rem;
        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 {
        grid-template-columns: 112px minmax(0, 1fr);
        min-height: 132px;
    }

    .places-city-directory[b-ttlygv5ds8]  li img {
        width: 112px !important;
        min-height: 132px;
    }

    .places-city-directory[b-ttlygv5ds8]  li > a,
    .places-city-directory[b-ttlygv5ds8]  li a {
        min-height: 132px;
        padding: .75rem .75rem 2.45rem;
        font-size: .88rem;
    }

    .places-city-directory[b-ttlygv5ds8]  li a::after {
        left: .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-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] {
    display: -webkit-box;
    max-width: 42rem;
    margin: .9rem 0 0;
    overflow: hidden;
    color: rgba(255, 255, 255, .7);
    font-size: .96rem;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.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-section--past[b-sr1no357qd] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .92), rgba(249, 247, 250, .96));
}

.venue-event-grid[b-sr1no357qd] {
    margin-top: -.2rem;
}

.venue-event-grid[b-sr1no357qd]  .card {
    border-color: rgba(38, 24, 69, .08);
    border-radius: 1rem;
    box-shadow: 0 12px 28px rgba(21, 16, 54, .07);
}

.venue-event-grid--past[b-sr1no357qd] {
    opacity: .82;
}

.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;
        -webkit-line-clamp: 5;
    }

    .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-event-grid[b-sr1no357qd] {
        --bs-gutter-x: .75rem;
        --bs-gutter-y: .75rem;
    }
}

@media (max-width: 480px) {
    .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-button[b-sr1no357qd],
    .venue-contact-item[b-sr1no357qd],
    .venue-media-card img[b-sr1no357qd] {
        transition: 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__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;
    }

    .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) {
    .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] {
        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/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%;
    }
}

/* /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/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/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/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[b-b399fa32k4] {
    min-width: 0;

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

.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/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 */
.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);
    }
}