.bs-tip-success-overlay{
    position:fixed;
    inset:0;
    z-index:99999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:22px;
    background:
      radial-gradient(circle at top, rgba(86,191,224,.18), transparent 30%),
      rgba(5, 14, 31, .60);
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px);
  }
  .bs-tip-success-overlay.show{
    display:flex;
    animation:bsTipFadeIn .25s ease;
  }
  .bs-tip-success-card{
    width:min(100%, 400px);
    position:relative;
    overflow:hidden;
    border-radius:32px;
    background:
      radial-gradient(circle at top right, rgba(86,191,224,.18), transparent 34%),
      linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border:1px solid rgba(255,255,255,.8);
    box-shadow:
      0 30px 80px rgba(2, 12, 27, .28),
      inset 0 1px 0 rgba(255,255,255,.85);
    padding:24px 20px 20px;
    transform:translateY(20px) scale(.94);
    opacity:0;
  }
  .bs-tip-success-overlay.show .bs-tip-success-card{
    animation:bsTipCardIn .40s cubic-bezier(.2,.85,.2,1) forwards;
  }
  .bs-tip-success-glow{
    position:absolute;
    left:50%;
    top:-54px;
    width:220px;
    height:220px;
    transform:translateX(-50%);
    border-radius:999px;
    background:radial-gradient(circle, rgba(86,191,224,.32) 0%, rgba(86,191,224,0) 68%);
    pointer-events:none;
  }
  .bs-tip-success-ring{
    width:108px;
    height:108px;
    margin:10px auto 16px;
    border-radius:999px;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    background:
      linear-gradient(180deg, #69cbed 0%, #38b3e5 100%);
    box-shadow:
      0 22px 44px rgba(56,179,229,.34),
      inset 0 2px 10px rgba(255,255,255,.22);
    opacity:0;
    transform:scale(.72);
  }
  .bs-tip-success-overlay.show .bs-tip-success-ring{
    animation:bsTipPop .46s .08s cubic-bezier(.2,.85,.2,1) forwards;
  }
  .bs-tip-success-ring::before{
    content:"";
    position:absolute;
    inset:-10px;
    border-radius:999px;
    border:2px solid rgba(86,191,224,.24);
    animation:bsTipPulse 2s ease-in-out infinite;
  }
  .bs-tip-success-check{
    color:#fff;
    font-size:46px;
    font-weight:1000;
    line-height:1;
    text-shadow:0 3px 10px rgba(0,0,0,.12);
  }
  .bs-tip-success-brand{
    text-align:center;
    font-size:12px;
    font-weight:1000;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:#0b5e90;
    opacity:.95;
    margin-bottom:6px;
  }
  .bs-tip-success-title{
    text-align:center;
    font-size:34px;
    line-height:1;
    font-weight:1000;
    letter-spacing:-.04em;
    color:#0f172a;
    margin-bottom:10px;
  }
  .bs-tip-success-copy{
    text-align:center;
    font-size:16px;
    line-height:1.45;
    font-weight:800;
    color:#667085;
    margin:0 auto 18px;
    max-width:300px;
  }
  .bs-tip-success-pill{
    margin:0 auto 18px;
    min-height:54px;
    width:max-content;
    max-width:100%;
    padding:0 18px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    border-radius:999px;
    background:
      linear-gradient(180deg, #ebf9fe 0%, #dff5fd 100%);
    color:#0b5e90;
    box-shadow:inset 0 0 0 2px rgba(86,191,224,.20);
  }
  .bs-tip-success-pill span{
    font-size:28px;
    font-weight:1000;
    line-height:1;
    letter-spacing:-.03em;
  }
  .bs-tip-success-subline{
    text-align:center;
    font-size:13px;
    font-weight:900;
    color:#98a2b3;
    margin-bottom:18px;
  }
  .bs-tip-success-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .bs-tip-success-btn{
    height:58px;
    border:none;
    border-radius:18px;
    background:linear-gradient(180deg, #67caeb 0%, #48bae5 100%);
    color:#fff;
    font-size:18px;
    font-weight:1000;
    box-shadow:0 18px 36px rgba(72,186,229,.28);
  }
  .bs-tip-success-progress{
    position:relative;
    height:6px;
    margin-top:14px;
    border-radius:999px;
    background:#edf2f7;
    overflow:hidden;
  }
  .bs-tip-success-progress > i{
    display:block;
    height:100%;
    width:100%;
    background:linear-gradient(90deg, #004D82 0%, #56bfe0 100%);
    transform-origin:left center;
    animation:bsTipCountdown 4.2s linear forwards;
  }

  .bs-tip-money,  .bs-tip-confetti{
    position:absolute;
    inset:0;
    pointer-events:none;
    overflow:hidden;
  }

  .bs-tip-money span,  .bs-tip-confetti span{
    position:absolute;
    opacity:0;
    will-change:transform, opacity;
  }
  .bs-tip-money span{
    font-size:22px;
    filter:drop-shadow(0 6px 10px rgba(0,0,0,.12));
    animation:bsMoneyFloat 2.8s linear forwards;
  }
  .bs-tip-confetti span{
    width:10px;
    height:18px;
    border-radius:4px;
    animation:bsConfettiFall 2.3s linear forwards;
  }
  @keyframes bsTipFadeIn{
    from{opacity:0}    to{opacity:1}
  }
  @keyframes bsTipCardIn{
    from{opacity:0; transform:translateY(20px) scale(.94)}    to{opacity:1; transform:translateY(0) scale(1)}
  }
  @keyframes bsTipPop{
    from{opacity:0; transform:scale(.72)}    to{opacity:1; transform:scale(1)}
  }
  @keyframes bsTipPulse{
    0%,100%{transform:scale(1); opacity:.8}    50%{transform:scale(1.06); opacity:.3}
  }
  @keyframes bsTipCountdown{
    from{transform:scaleX(1)}    to{transform:scaleX(0)}
  }
  @keyframes bsMoneyFloat{
    0%{
      opacity:0;
      transform:translate3d(0, 30px, 0) scale(.7) rotate(0deg);
    }    12%{
      opacity:1;
    }    100%{
      opacity:0;
      transform:translate3d(var(--drift, 0px), -260px, 0) scale(1.08) rotate(var(--rot, 180deg));
    }
  }
  @keyframes bsConfettiFall{
    0%{
      opacity:0;
      transform:translate3d(0,-20px,0) rotate(0deg);
    }    12%{opacity:1;}    100%{
      opacity:0;
      transform:translate3d(var(--drift, 0px), 420px, 0) rotate(var(--rot, 540deg));
    }
  }