.navigays-member-ui-enabled :where(.ngpm-shell, .ngpm-dashboard, .ngpm-account-app) {
    --ngpm-accent: var(--ng-color-accent, #fd3265);
    --ngpm-primary: var(--ng-color-primary, #c32148);
    --ngpm-deep: var(--ng-color-bg, #0f0208);
    --ngpm-surface-dark: var(--ng-color-surface, #22091b);
}

.navigays-member-ui-enabled .ngpm-shell {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 30px;
    background: radial-gradient(90% 70% at 90% 0, rgba(253,50,101,.16), transparent 58%), linear-gradient(150deg, #fff 0%, #fff7fb 100%);
}

.navigays-member-ui-enabled .ngpm-shell::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -190px;
    right: -150px;
    width: 410px;
    height: 410px;
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(253,50,101,.22), rgba(195,33,72,.04));
    filter: blur(6px);
}

.navigays-member-ui-enabled :where(.ngpm-auth-card, .ngpm-content-card, .ngpm-hero-card, .ngpm-current-plan, .ngpm-plan-card) {
    border: 1px solid rgba(195,33,72,.1) !important;
    border-radius: 24px !important;
    box-shadow: 0 24px 70px rgba(83,0,34,.09) !important;
    transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease !important;
}

@media (hover: hover) {
    .navigays-member-ui-enabled :where(.ngpm-content-card, .ngpm-plan-card):hover {
        transform: translateY(-4px);
        box-shadow: 0 30px 80px rgba(195,33,72,.14) !important;
    }
}

.navigays-member-ui-enabled :where(.ngpm-auth-card, .ngpm-content-card) {
    background: rgba(255,255,255,.88) !important;
    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
}

.navigays-member-ui-enabled :where(.ngpm-auth-card button[type="submit"], .ngpm-primary-link, .ngpm-hero-card > a, .ngpm-section-toolbar > a) {
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(110deg, var(--ngpm-accent), var(--ngpm-primary)) !important;
    box-shadow: 0 14px 32px rgba(253,50,101,.22) !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

.navigays-member-ui-enabled :where(.ngpm-auth-card button[type="submit"], .ngpm-primary-link, .ngpm-hero-card > a, .ngpm-section-toolbar > a):hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 38px rgba(253,50,101,.3) !important;
}

.navigays-member-ui-enabled .ngpm-account-sidebar {
    background: radial-gradient(100% 55% at 50% 0, rgba(253,50,101,.18), transparent), linear-gradient(180deg, var(--ngpm-surface-dark), var(--ngpm-deep)) !important;
    box-shadow: 20px 0 60px rgba(15,2,8,.13);
}

.navigays-member-ui-enabled .ngpm-account-sidebar nav button {
    border-radius: 14px !important;
    transition: transform .18s ease, background .18s ease !important;
}

.navigays-member-ui-enabled .ngpm-account-sidebar nav button:hover,
.navigays-member-ui-enabled .ngpm-account-sidebar nav button.is-active {
    transform: translateX(3px);
    background: linear-gradient(90deg, rgba(253,50,101,.2), rgba(253,50,101,.05)) !important;
}

.navigays-member-ui-enabled :where(.ngpm-auth-card input, .ngpm-auth-card select, .ngpm-profile-form input, .ngpm-profile-form select) {
    border-radius: 14px !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.navigays-member-ui-enabled :where(.ngpm-auth-card input, .ngpm-auth-card select, .ngpm-profile-form input, .ngpm-profile-form select):focus {
    border-color: var(--ngpm-accent) !important;
    box-shadow: 0 0 0 4px rgba(253,50,101,.1) !important;
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    .navigays-member-ui-enabled .ngpm-shell { border-radius: 20px; }
    .navigays-member-ui-enabled :where(.ngpm-auth-card, .ngpm-content-card, .ngpm-hero-card, .ngpm-current-plan, .ngpm-plan-card) { border-radius: 18px !important; }
}

@media (prefers-reduced-motion: reduce) {
    .navigays-member-ui-enabled :where(.ngpm-auth-card, .ngpm-content-card, .ngpm-plan-card, button, a, input, select) { transition: none !important; transform: none !important; }
}