/* Phase 118: organiser join banner and calmer homepage live strip */
.premium-join-banner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 2rem;
  isolation: isolate;
  overflow: hidden;
  padding: clamp(1.4rem, 3vw, 2.2rem) clamp(1.25rem, 4vw, 3.2rem);
  border: 1px solid rgba(255,255,255,.2);
  background:
    radial-gradient(circle at 88% 18%, rgba(255,188,240,.34), transparent 24%),
    radial-gradient(circle at 8% 110%, rgba(105,228,255,.22), transparent 34%),
    linear-gradient(112deg, #25174e 0%, #5632a5 54%, #8c3fc2 100%);
  color: #fff;
  box-shadow: 0 22px 52px rgba(48,25,111,.22);
}
.premium-join-banner-copy,
.premium-join-banner-actions { position: relative; z-index: 1; }
.premium-join-banner .eyebrow { color: rgba(255,255,255,.74); }
.premium-join-banner h2 { max-width: 760px; margin: .35rem 0 .55rem; color: #fff; font-size: clamp(1.35rem, 3vw, 2.35rem); line-height: 1.05; }
.premium-join-banner p { max-width: 720px; margin: 0; color: rgba(255,255,255,.84); line-height: 1.55; }
.premium-join-banner-actions { display: flex; align-items: center; justify-content: flex-end; gap: 1rem; flex-wrap: wrap; }
.premium-join-banner-actions .button-light { box-shadow: 0 10px 24px rgba(25,10,74,.2); white-space: nowrap; }
.premium-join-pricing-link { color: #fff; font-size: .86rem; font-weight: 800; text-decoration: none; white-space: nowrap; }
.premium-join-pricing-link:hover,
.premium-join-pricing-link:focus-visible { color: #ffe5fa; text-decoration: underline; text-underline-offset: .22em; }
.premium-join-pricing-link span { display: inline-block; margin-left: .3rem; transition: transform .18s ease; }
.premium-join-pricing-link:hover span,
.premium-join-pricing-link:focus-visible span { transform: translateX(3px); }
.premium-join-banner-glow { position: absolute; z-index: 0; inset: 0; pointer-events: none; }
.premium-join-banner-glow span { position: absolute; display: block; width: 120px; height: 120px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; transform: rotate(18deg); }
.premium-join-banner-glow span:nth-child(1) { right: 14%; top: -68px; }
.premium-join-banner-glow span:nth-child(2) { right: 5%; bottom: -82px; width: 170px; height: 170px; }
.premium-join-banner-glow span:nth-child(3) { right: 27%; bottom: -95px; width: 210px; height: 210px; border-color: rgba(255,255,255,.1); }
.premium-live-strip-track { animation-duration: 58s; }
@media (max-width: 820px) {
  .premium-join-banner { grid-template-columns: 1fr; gap: 1.2rem; }
  .premium-join-banner-actions { justify-content: flex-start; }
}
@media (max-width: 520px) {
  .premium-join-banner { padding: 1.25rem 1rem; }
  .premium-join-banner-actions { align-items: flex-start; flex-direction: column; gap: .75rem; }
  .premium-join-banner-actions .button-light { width: 100%; }
}