/* IPromo frontend core shell — token-first */
:root{
  --ath-ipromo-bg:     var(--surface-1, #0b0f19);
  --ath-ipromo-card:   var(--surface-2, #0f1526);
  --ath-ipromo-border: var(--border, rgba(255,255,255,.10));
  --ath-ipromo-text:   var(--text-high, rgba(255,255,255,.92));
  --ath-ipromo-muted:  var(--text-mid, rgba(255,255,255,.70));
  --ath-ipromo-accent: var(--ctl-c1, #ec8639);
  --ath-ipromo-r:      var(--radius-lg, 18px);
  --ath-ipromo-drop:   var(--drop-md, 0 18px 52px rgba(0,0,0,.45));
}
.ath-ipromo-modal[aria-hidden="true"]{ display:none; }
.ath-ipromo-modal{ position:fixed; inset:0; z-index:999999; }
.ath-ipromo-modal__backdrop{ position:absolute; inset:0; background: rgba(0,0,0,.55); backdrop-filter: blur(10px); }
.ath-ipromo-modal__panel{
  position:relative;
  width:min(720px, calc(100% - 24px));
  margin: 48px auto;
  border-radius: var(--ath-ipromo-r);
  border:1px solid var(--ath-ipromo-border);
  background: var(--ath-ipromo-card);
  box-shadow: var(--ath-ipromo-drop);
  color: var(--ath-ipromo-text);
}
.ath-ipromo-modal__close{
  position:absolute; top:10px; right:10px;
  width:36px; height:36px; border-radius: 10px;
  border:1px solid var(--ath-ipromo-border);
  background: color-mix(in oklab, var(--ath-ipromo-card), #000 20%);
  color: var(--ath-ipromo-text);
  cursor:pointer;
}
.ath-ipromo-modal__body{ padding: 18px; }