@font-face{font-family:Onest;src:url('/join/fonts/onest-400.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:Onest;src:url('/join/fonts/onest-500.woff') format('woff');font-weight:500;font-display:swap}
@font-face{font-family:Onest;src:url('/join/fonts/onest-600.woff') format('woff');font-weight:600;font-display:swap}
@font-face{font-family:Onest;src:url('/join/fonts/onest-700.woff') format('woff');font-weight:700;font-display:swap}
@font-face{font-family:Onest;src:url('/join/fonts/onest-800.woff') format('woff');font-weight:800;font-display:swap}
:root{--ease:cubic-bezier(.22,1,.36,1)}
.money-action{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:13px 24px;border:1px solid #f04a0b;border-radius:12px;background:linear-gradient(135deg,#ff751b,#ed3907);color:#fff;font-size:15px;font-weight:800;line-height:1.2;box-shadow:inset 0 1px 0 #ffb278,0 6px 18px #e94c102b;transition:transform .4s var(--ease),box-shadow .4s var(--ease),background .35s}
.money-action:after{content:'';position:absolute;z-index:1;pointer-events:none;width:55%;height:220%;top:-60%;left:-75%;border-radius:50%;background:radial-gradient(ellipse,#ffffff65,transparent 67%);filter:blur(9px);transform:rotate(25deg);transition:left .8s var(--ease)}
.money-action:active{transform:translateY(0) scale(.975)}
@media(hover:hover) and (pointer:fine){.money-action:hover{background:linear-gradient(135deg,#ff8b32,#f0440b);transform:translateY(-3px);box-shadow:inset 0 1px 0 #ffc49a,0 10px 24px #e94c1040}.money-action:hover:after{left:115%}}
.gold-badge {
  position: relative;
  font-size: 9px;
  font-weight: 900;
  padding: 2px 8px;
  border-radius: 6px;
  letter-spacing: 0.6px;
  flex-shrink: 0;
  color: #5a3d0a;
  background: linear-gradient(135deg, #fff4c2 0%, #fbc951 45%, #eaa84a 100%);
  border: 1px solid rgba(234, 168, 74, 0.65);
  box-shadow:
    0 2px 8px rgba(234, 168, 74, 0.25),
    inset 0 1px 0 rgba(255, 255, 255, 0.8);
  overflow: hidden;
  text-transform: uppercase;
  line-height: 1.2;
  white-space: nowrap;
  z-index: 3;
}
.showcase-badge::after,
.gold-badge::after {
  content: "";
  position: absolute; inset: 0;
  background: linear-gradient(
    115deg,
    transparent 0%,
    rgba(255, 255, 255, 0.25) 50%,
    transparent 100%
  );
  pointer-events: none;
}


@media(prefers-reduced-motion:reduce){.money-action,.money-action:after{transition:none!important;animation:none!important}.money-action:after{display:none}.money-action:hover{transform:none!important}}