/* IBOToolbox v3.3.2 — unified premium hero and contrast compliance lock */
:root{
  --ibo332-hero-bg:linear-gradient(125deg,#082f73 0%,#1267e8 54%,#5638f5 100%);
  --ibo332-hero-radius:24px;
  --ibo332-hero-pad:30px 32px;
  --ibo332-hero-min:182px;
  --ibo332-hero-title:clamp(30px,3.2vw,46px);
  --ibo332-hero-copy:#fff;
  --ibo332-hero-muted:rgba(255,255,255,.91);
}

/* Final-load component lock. It intentionally runs after member/page styles. */
html body :is(
  .wallet-hero,.cs-hero,.payv15-hero,.payout-hero,.premium-withdraw-hero,
  .ce-hero,.ml-hero,.cm161-hero,.campaign-hero-card,
  .ibo86-action-head.ibo86-surf-head,.ibo86-action-head.ibo86-social-head,
  .hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.stage432-public-hero,
  .sgm-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,
  .adc-v320-hero,.adc-hero-v2,.task-market-hero,.social-rewards-hero,.sr-hero,
  .campaign-hero,.reward-hero,.press-studio-hero,.blog-studio-hero,
  .ibo84-hero-card,.sponsor-preview
){
  box-sizing:border-box!important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:var(--ibo332-hero-min)!important;
  padding:var(--ibo332-hero-pad)!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:var(--ibo332-hero-radius)!important;
  background:var(--ibo332-hero-bg)!important;
  color:var(--ibo332-hero-copy)!important;
  -webkit-text-fill-color:var(--ibo332-hero-copy)!important;
  box-shadow:0 22px 54px rgba(9,49,126,.18)!important;
}

html body :is(
  .wallet-hero,.cs-hero,.payv15-hero,.payout-hero,.premium-withdraw-hero,
  .ce-hero,.ml-hero,.cm161-hero,.campaign-hero-card,
  .ibo86-action-head.ibo86-surf-head,.ibo86-action-head.ibo86-social-head,
  .hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.stage432-public-hero,
  .sgm-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,
  .adc-v320-hero,.adc-hero-v2,.task-market-hero,.social-rewards-hero,.sr-hero,
  .campaign-hero,.reward-hero,.press-studio-hero,.blog-studio-hero,
  .ibo84-hero-card,.sponsor-preview
)::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  width:230px!important;height:230px!important;
  right:-72px!important;top:-92px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.13)!important;
  pointer-events:none!important;
  z-index:-1!important;
}

html body :is(
  .wallet-hero,.cs-hero,.payv15-hero,.payout-hero,.premium-withdraw-hero,
  .ce-hero,.ml-hero,.cm161-hero,.campaign-hero-card,
  .ibo86-action-head.ibo86-surf-head,.ibo86-action-head.ibo86-social-head,
  .hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.stage432-public-hero,
  .sgm-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,
  .adc-v320-hero,.adc-hero-v2,.task-market-hero,.social-rewards-hero,.sr-hero,
  .campaign-hero,.reward-hero,.press-studio-hero,.blog-studio-hero,
  .ibo84-hero-card,.sponsor-preview
) > *{position:relative!important;z-index:1!important}

html body :is(
  .wallet-hero,.cs-hero,.payv15-hero,.payout-hero,.premium-withdraw-hero,
  .ce-hero,.ml-hero,.cm161-hero,.campaign-hero-card,
  .ibo86-action-head.ibo86-surf-head,.ibo86-action-head.ibo86-social-head,
  .hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.stage432-public-hero,
  .sgm-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,
  .adc-v320-hero,.adc-hero-v2,.task-market-hero,.social-rewards-hero,.sr-hero,
  .campaign-hero,.reward-hero,.press-studio-hero,.blog-studio-hero,
  .ibo84-hero-card,.sponsor-preview
) :is(h1,h2,h3){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:var(--ibo332-hero-title)!important;
  line-height:1.08!important;
  letter-spacing:-.03em!important;
  font-weight:950!important;
  text-shadow:0 2px 14px rgba(0,20,65,.22)!important;
  margin-top:8px!important;
  margin-bottom:10px!important;
}

html body :is(
  .wallet-hero,.cs-hero,.payv15-hero,.payout-hero,.premium-withdraw-hero,
  .ce-hero,.ml-hero,.cm161-hero,.campaign-hero-card,
  .ibo86-action-head.ibo86-surf-head,.ibo86-action-head.ibo86-social-head,
  .hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.stage432-public-hero,
  .sgm-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,
  .adc-v320-hero,.adc-hero-v2,.task-market-hero,.social-rewards-hero,.sr-hero,
  .campaign-hero,.reward-hero,.press-studio-hero,.blog-studio-hero,
  .ibo84-hero-card,.sponsor-preview
) p{
  color:var(--ibo332-hero-muted)!important;
  -webkit-text-fill-color:var(--ibo332-hero-muted)!important;
  opacity:1!important;
  font-size:16px!important;
  line-height:1.58!important;
  font-weight:750!important;
  max-width:800px!important;
  text-shadow:0 1px 10px rgba(0,25,78,.2)!important;
}

/* Hero labels and statistics */
html body :is(.wallet-hero,.cs-hero,.payv15-hero,.payout-hero,.premium-withdraw-hero,.ce-hero,.ml-hero,.cm161-hero,.ibo86-action-head.ibo86-surf-head,.hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.sgm-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,.adc-v320-hero,.adc-hero-v2) :is(small,.hero-subtitle,.hero-description,.hero-stat-label){color:rgba(255,255,255,.9)!important;-webkit-text-fill-color:rgba(255,255,255,.9)!important}
html body .ml-hero-plan :is(small,strong),html body .m290-hero .m290-stats :is(b,span),html body .cm161-hero .cm161-actions{color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .ml-hero-plan,html body .m290-hero .m290-stats>div{background:rgba(255,255,255,.14)!important;border-color:rgba(255,255,255,.28)!important;backdrop-filter:blur(9px)!important}

/* Preserve dark copy inside intentionally light controls and cream badges. */
html body :is(.wallet-hero,.cs-hero,.payv15-hero,.payout-hero,.premium-withdraw-hero,.ce-hero,.ml-hero,.cm161-hero,.ibo86-action-head.ibo86-surf-head,.hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.sgm-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,.adc-v320-hero,.adc-hero-v2) :is(.pill,.wallet-badge,.cs-badge,.payv15-badge,.ce-badge,.ml-badge,.cm161-kicker,.v22-pill,.badge,.hero-badge){
  background:#fff3c4!important;
  border:1px solid rgba(255,207,65,.75)!important;
  color:#10213f!important;
  -webkit-text-fill-color:#10213f!important;
  text-shadow:none!important;
  border-radius:999px!important;
  font-weight:950!important;
}
html body :is(.wallet-hero,.cs-hero,.payv15-hero,.payout-hero,.premium-withdraw-hero,.ce-hero,.ml-hero,.cm161-hero,.ibo86-action-head.ibo86-surf-head,.hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.sgm-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,.adc-v320-hero,.adc-hero-v2) :is(.btn-light,.btn-soft,.cm161-btn,.ml-actions a){
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
}

/* Sponsored advertising is a secondary hero/banner and follows the same contrast rules. */
html body .credit-store .cs-sponsor,html body .credit-store .sponsor-section{
  background:var(--ibo332-hero-bg)!important;color:#fff!important;border-radius:24px!important;border:1px solid rgba(255,255,255,.16)!important
}
html body .credit-store :is(.cs-sponsor,.sponsor-section) :is(h1,h2,h3){color:#fff!important;-webkit-text-fill-color:#fff!important}
html body .credit-store :is(.cs-sponsor,.sponsor-section) p{color:rgba(255,255,255,.91)!important;-webkit-text-fill-color:rgba(255,255,255,.91)!important}

@media(max-width:760px){
  :root{--ibo332-hero-radius:20px;--ibo332-hero-pad:22px 20px;--ibo332-hero-min:0px;--ibo332-hero-title:clamp(28px,8vw,36px)}
  html body :is(.wallet-hero,.cs-hero,.payv15-hero,.payout-hero,.premium-withdraw-hero,.ce-hero,.ml-hero,.cm161-hero,.campaign-hero-card,.ibo86-action-head.ibo86-surf-head,.ibo86-action-head.ibo86-social-head,.hc21-hero,.tw-hero,.m290-hero,.cg280-hero,.stage43-hero,.stage432-public-hero,.sgm-hero,.tm8-hero,.v170-hero,.cmh-hero,.rw149-hero,.ref-hero,.adc-v320-hero,.adc-hero-v2,.task-market-hero,.social-rewards-hero,.sr-hero,.campaign-hero,.reward-hero,.press-studio-hero,.blog-studio-hero,.ibo84-hero-card,.sponsor-preview){display:block!important}
  html body :is(.wallet-hero,.cs-hero,.payv15-hero,.payout-hero,.premium-withdraw-hero,.ce-hero,.ml-hero,.cm161-hero,.ibo86-action-head.ibo86-surf-head) p{font-size:14.5px!important;line-height:1.5!important}
  html body :is(.wallet-hero,.cs-hero,.payv15-hero,.payout-hero,.premium-withdraw-hero,.ce-hero,.ml-hero,.cm161-hero,.ibo86-action-head.ibo86-surf-head) :is(.btn,.cm161-btn){margin-top:10px!important}
}

@media(prefers-reduced-motion:reduce){html body *{scroll-behavior:auto!important}}

/* v3.3.3 runtime controls are injected after this file by Hero Design System. */
:root{
  --ibo333-hero-shadow:0 22px 54px rgba(9,49,126,.18);
  --ibo333-badge-bg:#fff3c4;
  --ibo333-badge-text:#10213f;
  --ibo333-button-radius:12px;
  --ibo333-hero-decoration:block;
  --ibo333-subtitle-size:16px;
  --ibo333-mobile-min:0px;
}