/* Telegram members theme — same layout as IG (followers.css), Telegram blue */

body.tg-svc {
  --ig-a: #2aabee;
  --ig-b: #229ed9;
  --ig-c: #2aabee;
}

body.tg-svc .svc-glow-a {
  background: radial-gradient(circle, rgba(42, 171, 238, 0.26), transparent 68%);
}
body.tg-svc .svc-glow-b {
  background: radial-gradient(circle, rgba(34, 158, 217, 0.16), transparent 70%);
}

body.tg-svc .svc-badge {
  color: #9ad8f7;
  background: linear-gradient(135deg, rgba(42, 171, 238, 0.12), rgba(34, 158, 217, 0.1));
  border-color: rgba(42, 171, 238, 0.38);
}
body.tg-svc .svc-badge i {
  background: linear-gradient(135deg, #2aabee, #229ed9);
  box-shadow: 0 0 0 0 rgba(42, 171, 238, 0.45);
  animation: svcPulseTg 2s ease-out infinite;
}
@keyframes svcPulseTg {
  0% { box-shadow: 0 0 0 0 rgba(42, 171, 238, 0.5); }
  70% { box-shadow: 0 0 0 8px rgba(42, 171, 238, 0); }
  100% { box-shadow: 0 0 0 0 rgba(42, 171, 238, 0); }
}

body.tg-svc .svc-hero h1 em {
  background: linear-gradient(115deg, #fff 0%, #9ad8f7 40%, #2aabee 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.tg-svc .svc-step.is-active .svc-step-n {
  background: linear-gradient(135deg, #2aabee, #229ed9);
  box-shadow: 0 8px 20px -8px rgba(42, 171, 238, 0.65);
}

body.tg-svc .pkg-card.is-selected {
  border-color: rgba(42, 171, 238, 0.5);
  background: linear-gradient(165deg, rgba(42, 171, 238, 0.1) 0%, rgba(34, 158, 217, 0.08) 100%);
  box-shadow:
    0 0 0 1px rgba(42, 171, 238, 0.1),
    0 18px 40px -20px rgba(42, 171, 238, 0.4);
}
body.tg-svc .pkg-hot {
  background: linear-gradient(135deg, #2aabee, #229ed9);
  color: #041018;
  box-shadow: 0 6px 16px -6px rgba(42, 171, 238, 0.65);
}
body.tg-svc .pkg-card.is-selected .pkg-radio {
  border-color: rgba(42, 171, 238, 0.7);
  box-shadow: 0 0 0 3px rgba(42, 171, 238, 0.12);
}
body.tg-svc .pkg-radio::after {
  background: linear-gradient(135deg, #2aabee, #229ed9);
}
body.tg-svc .pkg-card.is-selected .pkg-price strong {
  background: linear-gradient(115deg, #fff, #9ad8f7, #2aabee);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

body.tg-svc .field-wrap:focus-within {
  border-color: rgba(42, 171, 238, 0.55);
  box-shadow: 0 0 0 4px rgba(42, 171, 238, 0.1);
}

body.tg-svc .order-total strong {
  background: linear-gradient(115deg, #fff, #9ad8f7, #2aabee);
  -webkit-background-clip: text;
  background-clip: text;
}

body.tg-svc .pay-bar-btn {
  background: linear-gradient(135deg, #2aabee, #229ed9);
  box-shadow: 0 10px 28px -10px rgba(42, 171, 238, 0.75);
}