/* The Offers reward header is a live UI, not a hard-coded promotional image. */
.auin-offer-pool {
  display: grid;
  grid-template-columns: minmax(0, 1.28fr) minmax(270px, .78fr);
  align-items: center;
  gap: 22px;
  min-width: 0;
  margin-bottom: 20px;
  padding: clamp(23px, 3.2vw, 43px);
  overflow: hidden;
  border: 1px solid #dce5f2;
  border-radius: 20px;
  background: radial-gradient(ellipse at 83% 41%, #e4ecff 0%, #f2f7ff 39%, transparent 65%), linear-gradient(112deg, #fff 8%, #f6f9ff 100%);
  box-shadow: 0 16px 38px rgba(32, 64, 106, .055);
}
.auin-offer-pool__copy { position: relative; z-index: 1; min-width: 0; }
.auin-offer-pool__eyebrow {
  display: block;
  color: #667a95;
  font-size: .76rem;
  font-weight: 800;
  letter-spacing: .13em;
}
.auin-offer-pool h2 {
  margin: 13px 0 11px;
  color: #152b48;
  font-size: clamp(1.55rem, 2.65vw, 2.65rem);
  font-weight: 900;
  letter-spacing: -.035em;
  line-height: 1.2;
}
.auin-offer-pool__intro {
  max-width: 48ch;
  margin: 0;
  color: #64778e;
  font-size: clamp(.8rem, 1.05vw, .96rem);
  line-height: 1.8;
}
.auin-offer-pool__total {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 13px 20px;
  margin: 20px 0 22px;
}
.auin-offer-pool__total-label {
  color: #17395c;
  font-size: .86rem;
  font-weight: 850;
}
.auin-offer-pool__amount {
  display: inline-flex;
  align-items: baseline;
  gap: 3px;
  min-width: 0;
  font-variant-numeric: tabular-nums lining-nums;
}
.auin-offer-pool__amount small {
  color: #2b70db;
  font-size: clamp(1.3rem, 2.4vw, 2.25rem);
  font-weight: 850;
}
.auin-offer-pool__amount strong {
  color: #266be9;
  font-size: clamp(2.6rem, 5.1vw, 4.7rem);
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: 1;
}
.auin-offer-pool__metrics {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px 34px;
}
.auin-offer-pool__metric {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
}
.auin-offer-pool__metric > span:last-child { display: grid; gap: 2px; min-width: 0; }
.auin-offer-pool__metric strong {
  color: #19314f;
  font-size: clamp(1rem, 1.35vw, 1.24rem);
  font-weight: 850;
  line-height: 1.2;
  white-space: nowrap;
}
.auin-offer-pool__metric small {
  color: #6a7b92;
  font-size: .72rem;
  white-space: nowrap;
}
.auin-offer-pool__metric-icon {
  display: grid;
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  place-items: center;
  border-radius: 14px;
}
.auin-offer-pool__metric-icon svg { width: 23px; height: 23px; }
.auin-offer-pool__metric-icon.is-gift { color: #08a66f; background: #e8fbf1; }
.auin-offer-pool__metric-icon.is-calendar { color: #dd6584; background: #fff0f3; }
.auin-offer-pool__disclaimer {
  max-width: 68ch;
  margin: 18px 0 0;
  color: #73829a;
  font-size: .67rem;
  line-height: 1.65;
}
/* Amount-free decorative device, gift and reward symbols. */
.auin-offer-pool__art {
  position: relative;
  width: 100%;
  height: clamp(235px, 26vw, 335px);
  min-width: 0;
  isolation: isolate;
}
.auin-offer-pool__halo {
  position: absolute;
  inset: 8% -14% -16% -8%;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(ellipse at center, #d2e3ff 10%, #eef3ff 66%, transparent 72%);
}
.auin-offer-pool__device {
  position: absolute;
  inset: 4% 19% 7% 22%;
  z-index: 1;
  border: 8px solid #517ac4;
  border-radius: 34px;
  background: linear-gradient(160deg, #fff, #f2f7ff);
  box-shadow: 10px 16px 24px rgba(41, 83, 151, .22), inset 0 0 0 1px #d9e4f6;
  transform: rotate(5deg);
}
.auin-offer-pool__device-top { display: flex; gap: 5px; padding: 14px 13px 0; }
.auin-offer-pool__device-top i { width: 6px; height: 6px; border-radius: 50%; background: #d2dff4; }
.auin-offer-pool__device-label { display: grid; gap: 9px; margin: 28px 21px 10px; }
.auin-offer-pool__device-label span:first-child { width: 42%; height: 10px; border-radius: 9px; background: #c2d5f4; }
.auin-offer-pool__device-label span:last-child { width: 71%; height: 15px; border-radius: 9px; background: #dfeafb; }
.auin-offer-pool__device-chart { display: flex; height: 33%; align-items: end; gap: 8px; padding: 0 20px; }
.auin-offer-pool__device-chart i {
  flex: 1 1 0;
  min-width: 0;
  height: 28%;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, #4c93ff, #a9ccff);
  box-shadow: inset -2px 0 rgba(26, 82, 186, .12);
}
.auin-offer-pool__device-chart i:nth-child(2) { height: 46%; }
.auin-offer-pool__device-chart i:nth-child(3) { height: 62%; }
.auin-offer-pool__device-chart i:nth-child(4) { height: 81%; }
.auin-offer-pool__device-chart i:nth-child(5) { height: 98%; }
.auin-offer-pool__device-line { display: grid; gap: 7px; margin: 20px 24px 0; }
.auin-offer-pool__device-line span { height: 7px; width: 80%; border-radius: 7px; background: #e2ecfa; }
.auin-offer-pool__device-line span:last-child { width: 54%; }
.auin-offer-pool__float {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 22%;
  aspect-ratio: 1.1;
  border: 1px solid #edf2fa;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 15px 26px rgba(44, 80, 146, .12);
}
.auin-offer-pool__float svg { width: 65%; height: 65%; }
.auin-offer-pool__float.is-one { top: 13%; left: 3%; transform: rotate(-12deg); }
.auin-offer-pool__float.is-two { top: 10%; right: 3%; transform: rotate(10deg); }
.auin-offer-pool__float.is-three { right: 0; bottom: 6%; transform: rotate(8deg); }
.auin-offer-pool__present {
  position: absolute;
  z-index: 3;
  width: 29%;
  height: 29%;
  left: 9%;
  bottom: -2%;
  filter: drop-shadow(0 11px 8px rgba(32, 69, 127, .19));
}
.auin-offer-pool__present-box {
  position: absolute;
  bottom: 0;
  left: 8%;
  width: 82%;
  height: 65%;
  border-radius: 6px 6px 11px 11px;
  background: linear-gradient(120deg, #4d96fa, #266ad8);
}
.auin-offer-pool__present-box::after {
  content: "";
  position: absolute;
  width: 20%;
  height: 100%;
  left: 40%;
  background: #a4d7ff;
}
.auin-offer-pool__present-lid {
  position: absolute;
  z-index: 2;
  width: 96%;
  height: 26%;
  left: 1%;
  top: 20%;
  border-radius: 7px;
  background: linear-gradient(90deg, #80bdff, #3c83ed);
}
.auin-offer-pool__present-lid::after {
  content: "";
  position: absolute;
  width: 18%;
  height: 100%;
  left: 42%;
  background: #c4e6ff;
}
.auin-offer-pool__present-bow {
  position: absolute;
  width: 40%;
  height: 22%;
  top: 0;
  left: 28%;
  border: 8px solid #659deb;
  border-radius: 50% 50% 15% 15%;
}
.auin-offer-pool__coin {
  position: absolute;
  bottom: 0;
  z-index: 4;
  width: 12%;
  aspect-ratio: 1.4;
  border: 6px solid #f1b643;
  border-radius: 50%;
  background: #ffe7a2;
  box-shadow: 3px 5px 8px rgba(144, 93, 14, .12);
}
.auin-offer-pool__coin.is-left { left: 1%; transform: rotate(18deg); }
.auin-offer-pool__coin.is-right { right: 12%; bottom: 2%; transform: rotate(-8deg); }
/* Use recognizable unmodified brand artwork, not a simulated 'UE' glyph. */
.auin-offer-card--courier .auin-offer-logo--uber {
  padding: 8px;
  border: 1px solid #d9e6de;
  border-radius: 16px;
  background: #fff;
}
.auin-offer-card--courier .auin-offer-logo--uber img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.auin-offer-card--courier .auin-offer-main h2 { overflow-wrap: anywhere; }
.auin-offer-card--courier .auin-offer-value > span { white-space: normal; line-height: 1.45; }
.auin-offer-card--courier .auin-offer-expiry { min-height: 98px; }
.auin-offer-card--courier .auin-offer-expiry > span { white-space: normal; }
.auin-offer-card--courier .auin-courier-terms > div { display: block; padding: 12px 15px; }
.auin-offer-card--courier .auin-courier-terms p + p { margin-top: 8px; }
@media (max-width: 1100px) {
  .auin-offer-pool { grid-template-columns: minmax(0, 1fr) minmax(220px, .7fr); }
  .auin-offer-pool__art { height: 250px; }
}
@media (max-width: 760px) {
  .auin-offer-pool { grid-template-columns: minmax(0, 1fr); padding: 21px; gap: 6px; }
  .auin-offer-pool__total { margin: 16px 0 16px; }
  .auin-offer-pool__art { width: min(100%, 350px); height: 235px; justify-self: center; }
  .auin-offer-pool__metric-icon { width: 42px; height: 42px; flex-basis: 42px; }
  .auin-offer-pool__metric small { white-space: normal; }
}
@media (max-width: 390px) {
  .auin-offer-pool__metrics { gap: 12px; }
  .auin-offer-pool__art { height: 196px; }
  .auin-offer-pool__metric strong { font-size: .97rem; }
}
@media (prefers-reduced-motion: reduce) {
  .auin-offer-pool *, .auin-offer-pool *::before, .auin-offer-pool *::after {
    animation: none !important;
    transition: none !important;
  }
}