/* Offer-routing slots — scoped under #offer-slots. Snappy entrance + hover pop.
   --os-accent set per-site inline; defaults here. */
#offer-slots{max-width:1000px;margin:8px auto 26px;padding:0 18px;--os-accent:#5b63d6}
#offer-slots .os-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8b84c8;margin:0 2px 12px}
#offer-slots .os-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
#offer-slots .os-card{position:relative;background:#161824;border:1px solid rgba(120,120,220,.18);border-radius:16px;padding:18px 16px 16px;display:flex;flex-direction:column;gap:6px;
  opacity:0;transform:translateY(16px);animation:osIn .55s cubic-bezier(.2,.8,.2,1) forwards;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s,border-color .22s,background .22s}
@keyframes osIn{to{opacity:1;transform:none}}
#offer-slots .os-card:hover{transform:translateY(-6px);border-color:var(--os-accent);box-shadow:0 16px 34px rgba(40,40,90,.4),0 0 0 1px var(--os-accent)}
#offer-slots .os-card.best{border-color:color-mix(in srgb,var(--os-accent) 55%,transparent)}
#offer-slots .os-tag{position:absolute;top:-9px;left:14px;font-size:9.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--os-accent);padding:3px 9px;border-radius:999px;box-shadow:0 4px 12px rgba(90,90,200,.5);animation:osPulse 2s ease-in-out infinite}
@keyframes osPulse{0%,100%{box-shadow:0 4px 12px rgba(90,90,200,.5)}50%{box-shadow:0 4px 20px rgba(120,120,255,.85)}}
#offer-slots .os-name{font-weight:800;font-size:15px;color:#f2f1fa;letter-spacing:-.01em}
#offer-slots .os-desc{font-size:12.5px;color:#a6a2c4;line-height:1.4;flex:1}
#offer-slots .os-payout{font-size:11px;font-weight:800;color:#9fe6c4;text-transform:uppercase;letter-spacing:.04em}
#offer-slots .os-btn{margin-top:8px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:800;font-size:13.5px;text-decoration:none;border-radius:10px;padding:11px 14px;background:var(--os-accent);color:#fff;min-height:44px;transition:gap .2s,filter .2s}
#offer-slots .os-btn:hover{gap:11px;filter:brightness(1.1)}
#offer-slots .os-btn span{transition:transform .2s}
#offer-slots .os-btn:hover span{transform:translateX(3px)}
#offer-slots .os-soon{background:rgba(255,255,255,.06);border:1px dashed rgba(150,150,200,.4);color:#9a96b8;cursor:default}
#offer-slots .os-card.pending{opacity:.86}
#offer-slots .os-card.pending:hover{transform:translateY(-3px)}
#offer-slots .os-foot{margin:12px 2px 0;font-size:11px;color:#8b84c8}