.elementor-23818 .elementor-element.elementor-element-9bb13e4{--display:flex;}.elementor-23818 .elementor-element.elementor-element-92a55de{--display:flex;--border-radius:15px 15px 15px 15px;}.elementor-23818 .elementor-element.elementor-element-92a55de:not(.elementor-motion-effects-element-type-background), .elementor-23818 .elementor-element.elementor-element-92a55de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFDE59 0%, #FF914D 100%);}.elementor-23818 .elementor-element.elementor-element-aa10600 > .elementor-widget-container{background-color:#FFFFFF;padding:10px 10px 10px 10px;border-radius:15px 15px 15px 15px;}.elementor-23818 .elementor-element.elementor-element-bd76748{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-aa10600 */.superhero-credits-dynamic{
  background:#fff;
  border:2px solid #7c3aed;
  border-radius:12px;
  padding:20px;
  margin:20px 0;
  box-shadow:0 2px 10px rgba(124,58,237,.08);
}
.superhero-credits-dynamic h3{
  margin:0 0 8px;
  font-size:20px;
  font-weight:800;
  color:#4c1d95;
}
.superhero-credits-dynamic .credit-balance{
  font-size:18px; color:#111827; margin:4px 0 14px;
}
.superhero-credits-dynamic .credit-summary{
  border:1px solid #e5e7eb; border-radius:10px; padding:10px 12px; background:#f9fafb; margin-bottom:14px;
}
.summary-line{ display:flex; justify-content:space-between; font-size:14px; padding:2px 0; }
.summary-line .label{ color:#6b7280; }
.summary-line .value{ color:#111827; font-weight:700; }

.progress-wrap{ margin-bottom:14px; }
.progress-bar{
  height:10px; background:#ede9fe; border-radius:999px; overflow:hidden; position:relative;
}
.progress-bar-fill{
  height:100%; background:linear-gradient(135deg,#7c3aed,#a855f7); width:0%; transition:width .4s ease; border-radius:999px;
}
.progress-caption{ font-size:12px; color:#6b7280; margin-top:6px; }

.tiers{ display:grid; grid-template-columns:1fr; gap:8px; margin:10px 0 14px; }
.tier{
  border:1px dashed #d1d5db; border-radius:10px; padding:10px 12px; display:flex; justify-content:space-between; align-items:center; font-size:14px;
}
.tier.unlocked{ border-color:#10b981; background:linear-gradient(135deg,#ecfdf5,#f0fdf4); }
.tier.locked{ opacity:.75; }
.tier .tier-status::before{
  content:"🔓"; font-size:16px;
}
.tier.locked .tier-status::before{ content:"🔒"; opacity:.6; }

.credit-note{ color:#6b7280; font-size:13px; margin:8px 0 16px; }
.credit-btn{
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  color:#fff; padding:10px 18px; border-radius:8px; font-weight:700; text-decoration:none;
  display:inline-block;
}
.credit-btn:hover{ filter:brightness(.95); }

<style>
.credits-widget {background:#fff; border:2px solid #f3b261; border-radius:12px; padding:16px;}
.credits-header {display:flex; align-items:center; justify-content:flex-start;}
.credits-number {font-size:2rem; font-weight:800; color:#ff8c00; margin-right:.35rem;}
.credits-label {font-weight:600; color:#555;}
.credits-stats {margin:10px 0 14px; font-size:.95rem; color:#333;}
.progress-wrap{margin-top:8px}
.progress-bar{height:8px; background:#eee; border-radius:999px; overflow:hidden}
.progress-bar span{display:block; height:100%; width:0%; background:linear-gradient(90deg,#FFD700,#FF8C00)}
.tiers{list-style:none; padding:0; margin:10px 0 0}
.tier{display:flex; align-items:center; justify-content:space-between; border:1px solid #eee; border-radius:8px; padding:8px 12px; margin-bottom:8px}
.tier.unlocked{border-color:#10b981; background:#ecfdf5}
.tier.unlocked .tier-lock{color:#10b981}
.redeem-btn{display:inline-block; margin-top:12px; padding:10px 16px; border-radius:8px; font-weight:700; color:#333; text-decoration:none; background:linear-gradient(135deg,#FFD700,#FF8C00)}
.redeem-btn:hover{filter:brightness(1.05)}
</style>/* End custom CSS */