.bygmak-success-feedback {
    position: fixed;
    inset: 0;
    margin: auto;
    width: fit-content;
    max-width: min(560px, 85vw);
    height: fit-content;
    padding: 16px 24px;
    border: 1px solid color-mix(in srgb, var(--blue, #246ba8) 40%, transparent);
    border-radius: var(--bygmak-radius);
    background: linear-gradient(135deg, color-mix(in srgb, var(--blue, #246ba8) 8%, rgb(255 255 255 / 88%)), color-mix(in srgb, var(--blue, #246ba8) 20%, rgb(255 255 255 / 80%)));
    color: var(--blue-dark, #174e83);
    backdrop-filter: blur(16px) saturate(150%);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    box-shadow: 0 0 24px color-mix(in srgb, var(--blue, #246ba8) 28%, transparent), 0 8px 28px color-mix(in srgb, var(--blue-dark, #174e83) 18%, transparent), inset 0 1px 0 rgb(255 255 255 / 85%);
    font-family: var(--bygmak-font-family);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.45;
    text-align: center;
    pointer-events: none;
    z-index: 100000;
    opacity: 0;
    transition: opacity 250ms ease;
}
.bygmak-success-feedback.is-visible { opacity: 1; }
.bygmak-success-feedback::backdrop { background: transparent; pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
    .bygmak-success-feedback { transition: none; }
}