/* HostingJet customer dashboard offer popup — v0.28.192.
 * Card geometry, typography, motion and effects are translated directly from
 * domain-hosting-offer-dark-v10.html. The outer fixed shell is intentionally
 * isolated so the source card can float above the live HALO dashboard. */
.hj-offer-popup-shell{
  --hj-offer-card-bg:#15161a;
  --hj-offer-card-bg-2:#1c1d22;
  --hj-offer-ink:#f5f5f7;
  --hj-offer-ink-soft:#9a9ba3;
  --hj-offer-white:#ffffff;
  --hj-offer-line:#2a2b31;
  position:fixed;
  inset:0;
  z-index:900;
  pointer-events:none;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif;
}
.hj-offer-popup-shell[hidden]{display:none!important}
.hj-offer-popup-shell *{box-sizing:border-box}
.hj-offer-popup-shell button{font-family:'Poppins',-apple-system,BlinkMacSystemFont,sans-serif}
.hj-offer-popup-shell .stage{position:absolute;inset:0;pointer-events:none}
.hj-offer-popup-shell .popup{
  position:absolute;
  bottom:28px;
  right:16px;
  width:250px;
  background:linear-gradient(180deg,var(--hj-offer-card-bg-2) 0%,var(--hj-offer-card-bg) 100%);
  border-radius:20px;
  box-shadow:0 1px 1px rgba(0,0,0,.2),0 10px 24px rgba(0,0,0,.4),0 24px 50px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.05),0 0 60px -12px rgba(255,255,255,.18);
  overflow:hidden;
  opacity:0;
  pointer-events:auto;
  animation:hjOfferPopUp 720ms cubic-bezier(.18,1.4,.36,1) 80ms both;
}
@keyframes hjOfferPopUp{
  0%{opacity:0;transform:translateY(60px) scale(.9) rotate(1.5deg)}
  55%{opacity:1;transform:translateY(-9px) scale(1.015) rotate(-.4deg)}
  80%{transform:translateY(3px) scale(.997) rotate(.15deg)}
  100%{opacity:1;transform:translateY(0) scale(1) rotate(0)}
}
.hj-offer-popup-shell .dismiss{
  position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:999px;
  background:rgba(255,255,255,.1);backdrop-filter:blur(6px);border:none;display:flex;
  align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background 150ms ease;
  padding:0;color:var(--hj-offer-ink);
}
.hj-offer-popup-shell .dismiss:hover{background:rgba(255,255,255,.18)}
.hj-offer-popup-shell .dismiss:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hj-offer-popup-shell .dismiss svg{width:11px;height:11px;display:block}
.hj-offer-popup-shell .scene{position:relative;height:108px;overflow:hidden}
.hj-offer-popup-shell .scene img{
  width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block;
  filter:saturate(1.12) brightness(1.08) contrast(1.03);
  animation:hjOfferDrift 9s ease-in-out infinite alternate;
}
@keyframes hjOfferDrift{from{transform:scale(1.06) translateY(0)}to{transform:scale(1.14) translateY(-4px)}}
.hj-offer-popup-shell .scene::after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 68%,rgba(10,11,14,.45) 100%);
}
.hj-offer-popup-shell .save-pill{
  position:absolute;top:10px;left:12px;z-index:2;background:var(--hj-offer-white);color:#0e0f12;
  font-weight:700;font-size:10.5px;letter-spacing:-.01em;padding:5px 9px;border-radius:999px;
  box-shadow:0 2px 8px rgba(0,0,0,.3);opacity:0;transform:scale(.6);
  animation:hjOfferPillPop 420ms cubic-bezier(.34,1.56,.64,1) 620ms both;
}
@keyframes hjOfferPillPop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
.hj-offer-popup-shell .body{padding:12px 13px 12px}
.hj-offer-popup-shell .headline{margin-bottom:9px;text-align:center}
.hj-offer-popup-shell .headline p{
  margin:0;font-size:13.5px;line-height:1.32;color:var(--hj-offer-ink);font-weight:700;letter-spacing:-.01em;
}
.hj-offer-popup-shell .headline p em{
  font-style:normal;background:linear-gradient(90deg,#fff 0%,#ffe8c2 25%,#fff 50%,#ffe8c2 75%,#fff 100%);
  background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:hjOfferShimmer 3.2s linear infinite;
}
@keyframes hjOfferShimmer{from{background-position:200% 0}to{background-position:-50% 0}}
.hj-offer-popup-shell .cta{
  display:block;width:100%;margin-top:4px;padding:10px 0;background:var(--hj-offer-white);color:#0e0f12;
  border:none;border-radius:11px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:-.01em;
  cursor:pointer;transition:background 150ms ease,transform 150ms ease;animation:hjOfferGlow 2.6s ease-in-out 1000ms infinite;
}
@keyframes hjOfferGlow{0%,100%{box-shadow:0 0 0 rgba(255,255,255,0)}50%{box-shadow:0 0 16px 2px rgba(255,255,255,.35)}}
.hj-offer-popup-shell .cta:hover{background:#e4e4e6}
.hj-offer-popup-shell .cta:active{transform:scale(.98)}
.hj-offer-popup-shell .cta:focus-visible{outline:2px solid var(--hj-offer-white);outline-offset:2px}
.hj-offer-popup-shell .footer{
  text-align:center;margin:8px 0 0;font-size:9.5px;color:var(--hj-offer-ink-soft);font-weight:600;letter-spacing:.02em;
}
@media (max-width:640px){
  .hj-offer-popup-shell .popup{right:12px;bottom:78px;width:min(250px,calc(100vw - 24px))}
}
@media (prefers-reduced-motion:reduce){
  .hj-offer-popup-shell .popup{animation:none;opacity:1}
  .hj-offer-popup-shell .scene img,.hj-offer-popup-shell .save-pill,.hj-offer-popup-shell .headline p em,.hj-offer-popup-shell .cta{animation:none}
  .hj-offer-popup-shell .save-pill{opacity:1;transform:none}
}