/* Existing Cheapplanet hero title + WhatsApp/sponsor footer additions. */
.cp-existing-brand-title {
  position: relative;
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: .02em;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
  perspective: 620px;
  transform-style: preserve-3d;
  overflow: visible;
  text-align: center;
  isolation: isolate;
}

.cp-existing-brand-title .cp-cheap,
.cp-existing-brand-title .cp-planet {
  position: relative;
  display: inline-block;
  opacity: .97;
  transform-origin: center bottom;
  transform-style: preserve-3d;
  -webkit-font-smoothing: antialiased;
  color: #ffb15a;
  -webkit-text-stroke: .8px rgba(255, 145, 38, .76);
  text-shadow:
    0 1px 0 #ffe0b2,
    0 2px 0 #ffbd72,
    0 3px 0 #ff8a1f,
    0 5px 0 #c85b00,
    0 9px 16px rgba(111, 42, 0, .38),
    0 0 9px rgba(255, 161, 46, .84),
    0 0 22px rgba(255, 111, 24, .64),
    0 0 38px rgba(255, 92, 0, .42);
  animation: cpOrangeNeonPulse 2.3s ease-in-out infinite;
  will-change: transform, filter, text-shadow, opacity;
}

.cp-existing-brand-title::before {
  content: '';
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: min(78%, 560px);
  height: 78%;
  transform: translate(-50%, -50%);
  border-radius: 999px;
  background: radial-gradient(ellipse at center, rgba(255, 126, 28, .18), rgba(255, 126, 28, 0) 70%);
  filter: blur(8px);
  opacity: .72;
  animation: cpOrangeAura 2.3s ease-in-out infinite;
  pointer-events: none;
}

.cp-existing-brand-title::after {
  content: '';
  position: absolute;
  left: 18%;
  right: 18%;
  bottom: -8px;
  height: 2px;
  border-radius: 999px;
  background: linear-gradient(90deg, transparent, #ff7a00 22%, #ffe5c2 50%, #ff7a00 78%, transparent);
  box-shadow: 0 0 8px #ff8a1f, 0 0 20px rgba(255, 116, 24, .62);
  animation: cpOrangeLine 2.3s ease-in-out infinite;
  pointer-events: none;
}

@keyframes cpOrangeNeonPulse {
  0%, 100% {
    opacity: .97;
    transform: perspective(620px) rotateX(5deg) translateZ(8px) scale(1);
    filter: brightness(1.04) saturate(1.06);
  }
  44% {
    opacity: .82;
    transform: perspective(620px) rotateX(5deg) translateZ(3px) scale(.995);
    filter: brightness(.9) saturate(.96);
  }
  52% {
    opacity: 1;
    transform: perspective(620px) rotateX(3deg) translateZ(13px) scale(1.012);
    filter: brightness(1.28) saturate(1.18);
  }
  61% {
    opacity: .9;
    transform: perspective(620px) rotateX(4deg) translateZ(7px) scale(1.003);
    filter: brightness(.98);
  }
}

@keyframes cpOrangeAura {
  0%,100% { opacity:.7; transform:translate(-50%, -50%) scale(1); }
  44% { opacity:.28; transform:translate(-50%, -50%) scale(.95); }
  52% { opacity:.95; transform:translate(-50%, -50%) scale(1.04); }
  61% { opacity:.46; transform:translate(-50%, -50%) scale(.99); }
}

@keyframes cpOrangeLine {
  0%,100% { opacity:.7; transform:scaleX(.94); }
  44% { opacity:.24; transform:scaleX(.72); }
  52% { opacity:1; transform:scaleX(1.04); }
  61% { opacity:.46; transform:scaleX(.88); }
}

.cp-community-footer-panel {
  width: min(1180px, calc(100% - 48px));
  margin: 34px auto 28px;
  padding: 32px;
  border-radius: 28px;
  color: #fff;
  background:
    radial-gradient(circle at 18% 20%, rgba(0, 211, 255, .18), transparent 34%),
    linear-gradient(145deg, #081a2b, #102a43 58%, #0a2035);
  border: 1px solid rgba(109, 214, 255, .2);
  box-shadow: 0 22px 50px rgba(4, 24, 44, .24), inset 0 0 0 1px rgba(255,255,255,.03);
}

.cp-community-footer-grid {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 34px;
  align-items: center;
}

.cp-community-qr-card {
  display: grid;
  justify-items: center;
  gap: 12px;
  padding: 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.055);
  border: 1px solid rgba(255,255,255,.09);
}

.cp-community-qr-card img {
  width: min(220px, 72vw);
  aspect-ratio: 1;
  padding: 10px;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(0,0,0,.28), 0 0 26px rgba(68, 203, 255, .22);
}

.cp-community-qr-card strong { font-size: 1.08rem; text-align: center; }
.cp-community-qr-card small { color: rgba(255,255,255,.68); text-align: center; line-height: 1.45; }

.cp-whatsapp-join {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 12px;
  color: #082214 !important;
  background: linear-gradient(135deg, #7cf7ad, #25d366);
  font-weight: 850;
  box-shadow: 0 10px 24px rgba(37, 211, 102, .22);
}

.cp-sponsor-copy h3 { margin: 0 0 10px; font-size: clamp(1.7rem, 3.2vw, 2.6rem); letter-spacing: -.04em; }
.cp-sponsor-copy > p { max-width: 650px; margin: 0 0 22px; color: rgba(255,255,255,.72); line-height: 1.65; }
.cp-sponsored-label { display: inline-block; margin-bottom: 10px; color: #8fe8ff; font-size: .8rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.cp-sponsor-links { display: grid; gap: 10px; }
.cp-sponsor-links a { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px 16px; border-radius: 14px; color: #dff8ff !important; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.08); font-weight: 800; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.cp-sponsor-links a:hover { transform: translateY(-2px); border-color: rgba(81, 205, 255, .45); box-shadow: 0 8px 24px rgba(0, 153, 255, .12); }

@media (max-width: 760px) {
  .cp-community-footer-panel { width: min(100% - 24px, 1180px); padding: 22px 16px; margin-bottom: 86px; }
  .cp-community-footer-grid { grid-template-columns: 1fr; gap: 22px; }
  .cp-sponsor-copy { text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .cp-existing-brand-title .cp-cheap,
  .cp-existing-brand-title .cp-planet,
  .cp-existing-brand-title::before,
  .cp-existing-brand-title::after {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}