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

/* =========================
   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-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-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-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] {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    border-radius: 1.15rem;
    cursor: pointer;
    background:
        radial-gradient(circle at 10% 0%, rgba(255, 61, 141, .08), transparent 40%),
        #ffffff;
    border: 1px dashed rgba(255, 61, 141, .32);
    transition:
        transform .16s ease,
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

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

.album-upload-dropzone__icon[b-za8wuo59ny] {
    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-upload-dropzone strong[b-za8wuo59ny] {
    display: block;
    color: #20172b;
    font-size: .95rem;
    font-weight: 850;
}

.album-upload-dropzone small[b-za8wuo59ny] {
    display: block;
    margin-top: .18rem;
    color: #74687e;
    font-size: .8rem;
}

.album-upload-input[b-za8wuo59ny] {
    width: 100%;
    margin-top: .7rem;
    padding: .6rem;
    border-radius: .95rem;
    color: #65546f;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .12);
}

.album-upload-list[b-za8wuo59ny] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.album-upload-item[b-za8wuo59ny] {
    overflow: hidden;
    display: grid;
    grid-template-columns: 9rem minmax(0, 1fr);
    border-radius: 1.1rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .10);
    box-shadow: 0 10px 24px rgba(21, 16, 54, .06);
}

.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: 9rem;
    background: linear-gradient(135deg, #090817, #151026);
}

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

.album-upload-item__placeholder[b-za8wuo59ny] {
    height: 100%;
    min-height: 9rem;
    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;
    padding: .75rem;
}

.album-upload-item__filename[b-za8wuo59ny] {
    margin-bottom: .5rem;
    color: #20172b;
    font-size: .84rem;
    font-weight: 850;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.album-upload-description[b-za8wuo59ny] {
    width: 100%;
    min-height: 4.4rem;
    padding: .6rem;
    border-radius: .8rem;
    color: #20172b;
    font-size: .82rem;
    resize: vertical;
    background: #fffafd;
    border: 1px solid rgba(39, 24, 69, .12);
    outline: 0;
}

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

.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-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, #21b86b, #10b981);
    box-shadow:
        0 16px 34px rgba(16, 185, 129, .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(16, 185, 129, .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__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],
    .album-upload-list[b-za8wuo59ny] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .album-upload-item[b-za8wuo59ny] {
        grid-template-columns: 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],
    .album-upload-list[b-za8wuo59ny] {
        grid-template-columns: 1fr;
    }

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

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

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

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

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

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

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

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

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

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

.album-edit-form[b-elaadi0281] {
    display: grid;
    gap: 1rem;
}

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

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

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

.album-edit-card h2[b-elaadi0281] {
    margin: 0;
    color: #20172b;
    font-size: 1.08rem;
    font-weight: 850;
    letter-spacing: -.025em;
}

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

.album-edit-field[b-elaadi0281] {
    margin-bottom: 1rem;
}

.album-edit-field:last-child[b-elaadi0281] {
    margin-bottom: 0;
}

.album-edit-label[b-elaadi0281] {
    display: block;
    margin-bottom: .42rem;
    color: #20172b;
    font-size: .86rem;
    font-weight: 750;
}

.album-edit-required[b-elaadi0281] {
    color: #ff3d8d;
}

.album-input-shell[b-elaadi0281],
.album-select-shell[b-elaadi0281] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.85rem;
    border-radius: .95rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.album-input-shell:focus-within[b-elaadi0281],
.album-select-shell:focus-within[b-elaadi0281],
.album-textarea-shell:focus-within[b-elaadi0281] {
    border-color: rgba(255, 61, 141, .42);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.album-input-shell > i[b-elaadi0281],
.album-select-shell > i[b-elaadi0281] {
    flex: 0 0 auto;
    width: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a855f7;
    font-size: 1.05rem;
}

.album-input-shell .form-control[b-elaadi0281],
.album-select-shell .form-select[b-elaadi0281] {
    min-height: 2.75rem;
    padding: .58rem .85rem .58rem 0;
    color: #20172b;
    font-size: .93rem;
    background-color: transparent;
    border: 0;
    box-shadow: none;
}

.album-input-shell .form-control:focus[b-elaadi0281],
.album-select-shell .form-select:focus[b-elaadi0281] {
    border: 0;
    box-shadow: none;
}

.album-input-shell .form-control[b-elaadi0281]::placeholder {
    color: #a69aad;
}

.album-textarea-shell[b-elaadi0281] {
    overflow: hidden;
    border-radius: 1rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease;
}

.album-textarea-shell .form-control[b-elaadi0281] {
    min-height: 8rem;
    padding: .85rem;
    color: #20172b;
    font-size: .93rem;
    resize: vertical;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.album-textarea-shell .form-control:focus[b-elaadi0281] {
    border: 0;
    box-shadow: none;
}

.album-textarea-shell .form-control[b-elaadi0281]::placeholder {
    color: #a69aad;
}

.album-visibility-preview[b-elaadi0281] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .7rem;
    margin-top: .8rem;
}

.album-visibility-preview__item[b-elaadi0281] {
    display: flex;
    align-items: flex-start;
    gap: .6rem;
    padding: .8rem;
    border-radius: 1rem;
    color: #65546f;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .09);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .04);
    transition:
        border-color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.album-visibility-preview__item > i[b-elaadi0281] {
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    color: #7c3aed;
    background: rgba(124, 58, 237, .10);
}

.album-visibility-preview__item strong[b-elaadi0281] {
    display: block;
    color: #20172b;
    font-size: .84rem;
    font-weight: 850;
}

.album-visibility-preview__item span[b-elaadi0281] {
    display: block;
    margin-top: .2rem;
    font-size: .74rem;
    line-height: 1.25;
}

.album-visibility-preview__item.is-active[b-elaadi0281] {
    transform: translateY(-1px);
    border-color: rgba(255, 61, 141, .20);
    background:
        radial-gradient(circle at 20% 0%, rgba(255, 61, 141, .08), transparent 50%),
        #ffffff;
    box-shadow:
        0 14px 30px rgba(21, 16, 54, .09),
        0 0 0 4px rgba(255, 61, 141, .08);
}

.album-visibility-preview__item.is-active > i[b-elaadi0281] {
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

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

.album-permission-card[b-elaadi0281] {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    padding: .85rem;
    border-radius: 1rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .10);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .04);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background .16s ease;
}

.album-permission-card.is-enabled[b-elaadi0281] {
    border-color: rgba(255, 61, 141, .20);
    background:
        radial-gradient(circle at 15% 0%, rgba(255, 61, 141, .08), transparent 55%),
        #ffffff;
    box-shadow:
        0 14px 30px rgba(21, 16, 54, .08),
        0 0 0 4px rgba(255, 61, 141, .07);
}

.album-permission-card:hover[b-elaadi0281] {
    transform: translateY(-1px);
}

.album-permission-card .form-check-input[b-elaadi0281] {
    width: 1.08rem;
    height: 1.08rem;
    margin: .25rem 0 0;
    border-color: rgba(39, 24, 69, .22);
    cursor: pointer;
}

.album-permission-card .form-check-input:checked[b-elaadi0281] {
    background-color: #ff3d8d;
    border-color: #ff3d8d;
}

.album-permission-card .form-check-input:focus[b-elaadi0281] {
    border-color: #ff3d8d;
    box-shadow: 0 0 0 .22rem rgba(255, 61, 141, .14);
}

.album-permission-card label[b-elaadi0281] {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    margin: 0;
    cursor: pointer;
}

.album-permission-card__icon[b-elaadi0281] {
    flex: 0 0 auto;
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .85rem;
    color: #ffffff;
    background: linear-gradient(135deg, #94a3b8, #64748b);
}

.album-permission-card.is-enabled .album-permission-card__icon[b-elaadi0281] {
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.album-permission-card strong[b-elaadi0281] {
    display: block;
    color: #20172b;
    font-size: .9rem;
    font-weight: 850;
}

.album-permission-card small[b-elaadi0281] {
    display: block;
    margin-top: .18rem;
    color: #74687e;
    font-size: .76rem;
    line-height: 1.35;
}

.album-edit-actions[b-elaadi0281] {
    position: sticky;
    bottom: 0;
    z-index: 5;
    display: flex;
    gap: .65rem;
    padding: .9rem 0 .1rem;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 42%);
}

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

.album-save-button[b-elaadi0281] {
    border: 0;
    color: #ffffff;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

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

.album-save-button:disabled[b-elaadi0281] {
    opacity: .68;
    cursor: wait;
}

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

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

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

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

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

.album-edit-alert p[b-elaadi0281] {
    margin: 0;
}

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

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

.album-edit-validation[b-elaadi0281] {
    padding: .85rem 1rem;
    border-radius: 1rem;
    color: #7f1d42;
    background: #fff5f8;
    border: 1px solid rgba(255, 61, 141, .18);
}

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

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

.text-danger[b-elaadi0281] {
    color: #d92d62 !important;
}

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

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

    .album-edit-back[b-elaadi0281] {
        width: 100%;
    }

    .album-edit-card[b-elaadi0281] {
        border-radius: 1.15rem;
        padding: .95rem;
    }

    .album-visibility-preview[b-elaadi0281],
    .album-permissions[b-elaadi0281] {
        grid-template-columns: 1fr;
    }

    .album-edit-actions[b-elaadi0281] {
        flex-direction: column;
    }

    .album-save-button[b-elaadi0281],
    .album-cancel-button[b-elaadi0281] {
        width: 100%;
    }
}
/* /Components/Pages/Albums/AlbumList.razor.rz.scp.css */
.albums-page[b-ij27kz30ro] {
    width: min(100%, 1120px);
    padding: 1.7rem 1rem 3rem;
}

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

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

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

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

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

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

.albums-create-button:hover[b-ij27kz30ro] {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.albums-summary[b-ij27kz30ro] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.albums-summary__item[b-ij27kz30ro] {
    padding: .9rem 1rem;
    border-radius: 1.1rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #fff9fc 100%);
    border: 1px solid rgba(38, 24, 69, .08);
    box-shadow:
        0 12px 30px rgba(21, 16, 54, .07),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.albums-summary__item strong[b-ij27kz30ro] {
    display: block;
    color: #20172b;
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 900;
    letter-spacing: -.04em;
}

.albums-summary__item span[b-ij27kz30ro] {
    display: block;
    margin-top: .3rem;
    color: #74687e;
    font-size: .8rem;
    font-weight: 700;
}

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

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

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

.album-card__top[b-ij27kz30ro] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: 1rem 1rem .75rem;
}

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

.album-visibility[b-ij27kz30ro] {
    --visibility-color: #7c3aed;
    --visibility-soft: rgba(124, 58, 237, .10);

    display: inline-flex;
    align-items: center;
    gap: .38rem;
    padding: .38rem .62rem;
    border-radius: 999px;
    color: var(--visibility-color);
    font-size: .78rem;
    font-weight: 850;
    background: var(--visibility-soft);
    border: 1px solid rgba(39, 24, 69, .08);
}

.album-visibility--public[b-ij27kz30ro] {
    --visibility-color: #188b54;
    --visibility-soft: rgba(33, 184, 107, .12);
}

.album-visibility--private[b-ij27kz30ro] {
    --visibility-color: #d92d62;
    --visibility-soft: rgba(255, 61, 141, .12);
}

.album-visibility--intermediate[b-ij27kz30ro] {
    --visibility-color: #b7791f;
    --visibility-soft: rgba(245, 158, 11, .14);
}

.album-card__body[b-ij27kz30ro] {
    flex: 1 1 auto;
    padding: 0 1rem 1rem;
}

.album-card__body h2[b-ij27kz30ro] {
    margin: .25rem 0 .95rem;
    color: #20172b;
    font-size: 1.25rem;
    font-weight: 850;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
}

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

.album-stat[b-ij27kz30ro] {
    min-width: 0;
    padding: .72rem;
    border-radius: 1rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .09);
    box-shadow: 0 8px 22px rgba(21, 16, 54, .04);
}

.album-stat i[b-ij27kz30ro] {
    width: 1.9rem;
    height: 1.9rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .45rem;
    border-radius: .72rem;
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
}

.album-stat strong[b-ij27kz30ro] {
    display: block;
    color: #20172b;
    font-size: .92rem;
    font-weight: 850;
    line-height: 1.1;
}

.album-stat span[b-ij27kz30ro] {
    display: block;
    margin-top: .2rem;
    color: #74687e;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.15;
}

.album-stat.is-enabled i[b-ij27kz30ro] {
    background: linear-gradient(135deg, #21b86b, #10b981);
}

.album-stat.is-disabled[b-ij27kz30ro] {
    opacity: .7;
}

.album-stat.is-disabled i[b-ij27kz30ro] {
    background: linear-gradient(135deg, #94a3b8, #64748b);
}

.album-card__footer[b-ij27kz30ro] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
    padding: .85rem 1rem 1rem;
    border-top: 1px solid rgba(38, 24, 69, .08);
    background: rgba(255, 255, 255, .62);
}

.album-date[b-ij27kz30ro] {
    display: inline-flex;
    align-items: center;
    gap: .38rem;
    color: #74687e;
    font-size: .78rem;
    font-weight: 750;
}

.album-actions[b-ij27kz30ro] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: .4rem;
    flex-wrap: wrap;
}

.album-action[b-ij27kz30ro] {
    min-height: 2.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .35rem;
    padding: .38rem .62rem;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 850;
    text-decoration: none;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .13);
    box-shadow: 0 6px 16px rgba(21, 16, 54, .05);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease,
        background-color .16s ease,
        color .16s ease;
}

.album-action:hover[b-ij27kz30ro] {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(21, 16, 54, .09);
}

.album-action--view[b-ij27kz30ro] {
    color: #7c3aed;
}

.album-action--view:hover[b-ij27kz30ro] {
    color: #7c3aed;
    border-color: rgba(124, 58, 237, .24);
    background: rgba(124, 58, 237, .06);
}

.album-action--edit[b-ij27kz30ro] {
    color: #65546f;
}

.album-action--edit:hover[b-ij27kz30ro] {
    color: #ff3d8d;
    border-color: rgba(255, 61, 141, .24);
    background: #fff5fa;
}

.album-action--delete[b-ij27kz30ro] {
    color: #d92d62;
}

.album-action--delete:hover[b-ij27kz30ro] {
    color: #d92d62;
    border-color: rgba(217, 45, 98, .24);
    background: #fff5f8;
}

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

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

.albums-empty h2[b-ij27kz30ro] {
    margin: 0 0 .45rem;
    color: #20172b;
    font-size: 1.25rem;
    font-weight: 850;
}

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

.albums-empty__button[b-ij27kz30ro] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    margin-top: 1rem;
    padding: .58rem 1rem;
    border-radius: 999px;
    color: #ffffff;
    font-size: .86rem;
    font-weight: 850;
    text-decoration: none;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 14px 28px rgba(124, 58, 237, .22);
}

.albums-empty__button:hover[b-ij27kz30ro] {
    color: #ffffff;
    transform: translateY(-1px);
}

@media (max-width: 980px) {
    .albums-grid[b-ij27kz30ro] {
        grid-template-columns: 1fr;
    }
}

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

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

    .albums-create-button[b-ij27kz30ro] {
        width: 100%;
    }

    .albums-summary[b-ij27kz30ro] {
        grid-template-columns: 1fr;
    }

    .album-stats[b-ij27kz30ro] {
        grid-template-columns: 1fr;
    }

    .album-card__footer[b-ij27kz30ro] {
        align-items: flex-start;
        flex-direction: column;
    }

    .album-actions[b-ij27kz30ro] {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (max-width: 420px) {
    .album-action[b-ij27kz30ro] {
        flex: 1 1 auto;
    }

    .album-actions[b-ij27kz30ro] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Auth/ForgotPassword.razor.rz.scp.css */
.forgot-page[b-mbkr2jd5ui] {
    position: relative;
    width: 100%;
}

.forgot-header[b-mbkr2jd5ui] {
    margin-bottom: 1.45rem;
}

.forgot-badge[b-mbkr2jd5ui] {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    margin-bottom: .75rem;
    padding: .38rem .68rem;
    border-radius: 999px;
    color: #8b2b60;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .02em;
    background: linear-gradient(135deg, rgba(255, 61, 141, .12), rgba(124, 58, 237, .10));
    border: 1px solid rgba(255, 61, 141, .18);
}

.forgot-header h1[b-mbkr2jd5ui] {
    margin: 0;
    color: #1d1528;
    font-size: clamp(1.75rem, 5vw, 2.25rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
}

.forgot-header p[b-mbkr2jd5ui] {
    margin: .55rem 0 0;
    color: #74687e;
    font-size: .95rem;
    line-height: 1.45;
}

.forgot-form[b-mbkr2jd5ui] {
    display: block;
}

.form-block[b-mbkr2jd5ui] {
    margin-bottom: 1rem;
}

.form-block--large[b-mbkr2jd5ui] {
    margin-bottom: 1.25rem;
}

.form-label[b-mbkr2jd5ui] {
    margin-bottom: .42rem;
    color: #20172b;
    font-size: .86rem;
    font-weight: 750;
}

.input-shell[b-mbkr2jd5ui] {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 2.85rem;
    border-radius: .95rem;
    background: #ffffff;
    border: 1px solid rgba(39, 24, 69, .14);
    box-shadow:
        0 8px 22px rgba(21, 16, 54, .05),
        inset 0 1px 0 rgba(255, 255, 255, .9);
    transition:
        border-color .16s ease,
        box-shadow .16s ease,
        background-color .16s ease;
}

.input-shell:focus-within[b-mbkr2jd5ui] {
    border-color: rgba(255, 61, 141, .42);
    box-shadow:
        0 0 0 4px rgba(255, 61, 141, .10),
        0 10px 24px rgba(21, 16, 54, .08);
}

.input-shell > i[b-mbkr2jd5ui] {
    flex: 0 0 auto;
    width: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #a855f7;
    font-size: 1.05rem;
}

.input-shell .form-control[b-mbkr2jd5ui] {
    min-height: 2.75rem;
    padding: .58rem .85rem .58rem 0;
    color: #20172b;
    font-size: .93rem;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control:focus[b-mbkr2jd5ui] {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.input-shell .form-control[b-mbkr2jd5ui]::placeholder {
    color: #a69aad;
}

.forgot-submit[b-mbkr2jd5ui] {
    width: 100%;
    min-height: 2.95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .55rem;
    border: 0;
    border-radius: 1rem;
    color: #ffffff;
    font-size: .94rem;
    font-weight: 850;
    letter-spacing: -.01em;
    background:
        radial-gradient(circle at 25% 5%, rgba(255, 255, 255, .28), transparent 32%),
        linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow:
        0 16px 34px rgba(124, 58, 237, .25),
        inset 0 1px 0 rgba(255, 255, 255, .22);
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        opacity .16s ease;
}

.forgot-submit:hover:not(:disabled)[b-mbkr2jd5ui] {
    transform: translateY(-2px);
    box-shadow:
        0 20px 44px rgba(124, 58, 237, .32),
        inset 0 1px 0 rgba(255, 255, 255, .22);
}

.forgot-submit:disabled[b-mbkr2jd5ui] {
    opacity: .68;
    cursor: wait;
}

.forgot-back-link[b-mbkr2jd5ui] {
    margin: 1.15rem 0 0;
    text-align: center;
    font-size: .84rem;
}

.forgot-back-link a[b-mbkr2jd5ui] {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    color: #d92d82;
    font-weight: 850;
    text-decoration: none;
}

.forgot-back-link a:hover[b-mbkr2jd5ui] {
    text-decoration: underline;
}

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

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

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

.forgot-alert p[b-mbkr2jd5ui] {
    margin: .15rem 0 0;
    line-height: 1.45;
}

.forgot-alert--success[b-mbkr2jd5ui] {
    color: #145238;
    background: #f0fff7;
    border-color: rgba(33, 184, 107, .24);
}

.forgot-alert--success .forgot-alert__icon[b-mbkr2jd5ui] {
    background: linear-gradient(135deg, #21b86b, #10b981);
}

.text-danger[b-mbkr2jd5ui] {
    color: #d92d62 !important;
}

@media (max-width: 520px) {
    .forgot-header h1[b-mbkr2jd5ui] {
        font-size: 1.7rem;
    }
}
/* /Components/Pages/Auth/JoinBeta.razor.rz.scp.css */
.beta-page[b-aza8frv7ak] {
    position: relative;
    width: 100%;
    min-width: 0;
}

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

.beta-hero[b-aza8frv7ak] {
    position: relative;
    margin-bottom: 1.55rem;
    padding-bottom: 1.45rem;
    border-bottom: 1px solid rgba(39, 24, 69, .10);
}

.beta-hero__badge[b-aza8frv7ak] {
    display: inline-flex;
    align-items: center;
    gap: .42rem;

    margin-bottom: .8rem;
    padding: .4rem .72rem;

    color: #7c2d88;

    border: 1px solid rgba(255, 61, 141, .18);
    border-radius: 999px;

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

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

.beta-hero__badge i[b-aza8frv7ak] {
    color: #8b3ff1;
}

.beta-hero h1[b-aza8frv7ak] {
    margin: 0;

    color: #1d1528;

    font-size: clamp(1.95rem, 5vw, 2.55rem);
    font-weight: 850;
    line-height: 1.04;
    letter-spacing: -.045em;
}

.beta-hero__lead[b-aza8frv7ak] {
    margin: .65rem 0 0;

    color: #3e3049;

    font-size: 1.02rem;
    font-weight: 750;
    line-height: 1.45;
}

.beta-hero__description[b-aza8frv7ak] {
    max-width: 41rem;
    margin: .65rem 0 0;

    color: #74687e;

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

.beta-hero__note[b-aza8frv7ak] {
    display: inline-flex;
    align-items: center;
    gap: .55rem;

    margin-top: .95rem;
    padding: .55rem .72rem;

    color: #5f337e;

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

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

    font-size: .84rem;
    font-weight: 800;
    line-height: 1.35;
}

.beta-hero__note-icon[b-aza8frv7ak] {
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 1.8rem;

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

    color: #ffffff;

    border-radius: .65rem;

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

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

/* =========================
   Founding Member benefits
   ========================= */

.beta-benefits[b-aza8frv7ak] {
    position: relative;
    overflow: hidden;

    margin-bottom: 1.65rem;
    padding: 1.2rem;

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

    background:
        radial-gradient(
            circle at 10% 0%,
            rgba(255, 61, 141, .11),
            transparent 42%
        ),
        radial-gradient(
            circle at 92% 5%,
            rgba(124, 58, 237, .12),
            transparent 43%
        ),
        linear-gradient(
            180deg,
            #fffafd 0%,
            #ffffff 100%
        );

    box-shadow:
        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: flex;
    align-items: center;
    gap: .75rem;

    margin-bottom: .7rem;
}

.beta-benefits__heading-icon[b-aza8frv7ak] {
    width: 2.65rem;
    height: 2.65rem;
    flex: 0 0 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,
            #ff4f98,
            #8b3ff1
        );

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

.beta-benefits__eyebrow[b-aza8frv7ak] {
    display: block;

    margin-bottom: .15rem;

    color: #9b4b7d;

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

.beta-benefits h2[b-aza8frv7ak] {
    margin: 0;

    color: #1d1528;

    font-size: 1.12rem;
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: -.02em;
}

.beta-benefits__intro[b-aza8frv7ak] {
    position: relative;
    z-index: 1;

    margin: 0 0 .95rem;

    color: #4a4055;

    font-size: .89rem;
    line-height: 1.55;
}

.beta-benefits__subtitle[b-aza8frv7ak] {
    position: relative;
    z-index: 1;

    margin: 0 0 .6rem;

    color: #6c5279;

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

.beta-benefits__list[b-aza8frv7ak] {
    position: relative;
    z-index: 1;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem .8rem;

    margin: 0 0 1rem;
    padding: 0;

    list-style: none;
}

.beta-benefits__list li[b-aza8frv7ak] {
    min-width: 0;

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

    color: #372b40;

    font-size: .86rem;
    font-weight: 700;
    line-height: 1.35;
}

.beta-benefits__item-icon[b-aza8frv7ak] {
    width: 2rem;
    height: 2rem;
    flex: 0 0 2rem;

    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__disclaimer[b-aza8frv7ak] {
    position: relative;
    z-index: 1;

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

    color: #7d7087;

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

    font-size: .79rem;
    line-height: 1.55;
}

/* =========================
   Registration form
   ========================= */

.beta-registration[b-aza8frv7ak] {
    position: relative;
    width: 100%;
    min-width: 0;
}

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

@media (max-width: 680px) {
    .beta-benefits__list[b-aza8frv7ak] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .beta-hero[b-aza8frv7ak] {
        margin-bottom: 1.3rem;
        padding-bottom: 1.25rem;
    }

    .beta-hero h1[b-aza8frv7ak] {
        font-size: 1.85rem;
    }

    .beta-hero__lead[b-aza8frv7ak] {
        font-size: .96rem;
    }

    .beta-hero__description[b-aza8frv7ak] {
        font-size: .88rem;
    }

    .beta-hero__note[b-aza8frv7ak] {
        width: 100%;
        align-items: flex-start;
    }

    .beta-benefits[b-aza8frv7ak] {
        margin-bottom: 1.35rem;
        padding: 1rem;
        border-radius: 1.05rem;
    }

    .beta-benefits__heading[b-aza8frv7ak] {
        align-items: flex-start;
    }

    .beta-benefits__heading-icon[b-aza8frv7ak] {
        width: 2.35rem;
        height: 2.35rem;
        flex-basis: 2.35rem;
        border-radius: .8rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .beta-benefits__heading-icon[b-aza8frv7ak],
    .beta-benefits__item-icon[b-aza8frv7ak],
    .beta-hero__note-icon[b-aza8frv7ak] {
        box-shadow: 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;
}

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

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

/* =========================
   Breadcrumb
   ========================= */

.member-album-breadcrumb[b-u72icrz1o5] {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .85rem;
    color: #95899d;
    font-size: .78rem;
    font-weight: 720;
    white-space: nowrap;
}

.member-album-breadcrumb a[b-u72icrz1o5],
.member-album-breadcrumb span[b-u72icrz1o5] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.member-album-breadcrumb a[b-u72icrz1o5] {
    display: inline-flex;
    align-items: center;
    gap: .32rem;
    color: #74687e;
    text-decoration: none;
    transition: color .16s ease;
}

.member-album-breadcrumb a:hover[b-u72icrz1o5] {
    color: #d92d82;
}

.member-album-breadcrumb > i[b-u72icrz1o5] {
    flex: 0 0 auto;
    font-size: .62rem;
    color: #b4aab9;
}

/* =========================
   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
   ========================= */

@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-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-breadcrumb > a:first-child span[b-u72icrz1o5] {
        display: none;
    }

    .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-breadcrumb a[b-u72icrz1o5],
    .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;
    }
}
/* /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: flex;
    align-items: center;
    gap: 1rem;
}

.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] {
    min-width: 0;
    flex: 1 1 auto;
}

.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.75rem, 4vw, 2.45rem);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.045em;
    overflow-wrap: anywhere;
}

.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] {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    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-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] {
    display: inline-flex;
    gap: .35rem;
    padding: .28rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    background: #f4eef7;
    border: 1px solid rgba(39, 24, 69, .08);
}

.member-tab[b-nq4eu56mgs] {
    min-height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .5rem .85rem;
    border: 0;
    border-radius: .82rem;
    color: #6b6174;
    font-size: .85rem;
    font-weight: 850;
    background: transparent;
    transition:
        color .16s ease,
        background .16s ease,
        box-shadow .16s ease,
        transform .16s ease;
}

.member-tab:hover[b-nq4eu56mgs] {
    color: #ff3d8d;
    background: rgba(255, 255, 255, .65);
}

.member-tab.is-active[b-nq4eu56mgs] {
    color: #ffffff;
    background: linear-gradient(135deg, #ff3d8d, #7c3aed);
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
}

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

@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] {
        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] {
        display: flex;
        width: 100%;
    }

    .member-tab[b-nq4eu56mgs] {
        flex: 1 1 0;
    }

    .member-feed-card[b-nq4eu56mgs] {
        border-radius: 1.15rem;
    }

    .member-feed-card__header[b-nq4eu56mgs] {
        padding: .85rem;
    }

    .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: 420px) {
    .member-hero h1[b-nq4eu56mgs] {
        font-size: 1.65rem;
    }

    .member-action-button[b-nq4eu56mgs] {
        width: 100%;
    }

    .member-album-card__visual[b-nq4eu56mgs] {
        min-height: 7rem;
    }
}
/* /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%, 820px);
    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%;
    }
}
/* /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/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;
    }
}