.social-page > .social-hero {
  margin-bottom: 22px;
  padding: 24px;
  border: 1px solid #28445d;
  border-radius: var(--r-lg);
  background: linear-gradient(125deg, #101e2d, #10161f);
  box-shadow: none;
  text-align: center;
}
.social-page > .social-hero h1 {
  position: relative;
  margin: 12px 0;
  background: linear-gradient(100deg, #fff 20%, #61d3ff 55%, #6ee7a1 85%);
  background-clip: text;
  color: transparent;
  font-size: clamp(30px, 4vw, 42px);
  letter-spacing: -.04em;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.social-page > .social-hero p { position: relative; color: var(--muted); line-height: 1.7; }
.social-page > .social-hero .eyebrow { color: #61d3ff; }
.social-page .orbit-one { width: 260px; height: 90px; left: 4%; top: 15px; transform: rotate(-18deg); }
.social-page .orbit-two {
  width: 190px;
  height: 64px;
  right: 7%;
  bottom: 17px;
  transform: rotate(22deg);
  border-color: color-mix(in oklab, var(--accent) 20%, transparent);
  animation-delay: -3s;
}
.social-page .social-card {
  border: 1px solid #293b52;
  border-radius: var(--r-lg);
  background: linear-gradient(155deg, #121e2e, #0f1723 80%);
  box-shadow: none;
}
.social-page .social-card:hover { box-shadow: none; transform: none; }
.social-page .social-card-glow { display: none; }
.social-page .social-telegram-main { border-color: #286e96; }
.social-page .social-telegram-main:hover { border-color: #4b9bc3; }
.social-page .social-telegram-chat { border-color: #70572d; background: linear-gradient(155deg, #211b0e, #17140f 80%); }
.social-page .social-telegram-chat:hover { border-color: #9a7b41; }
.social-page .social-vk-group { border-color: #2766a4; }
.social-page .social-vk-group:hover { border-color: #4285bf; }
.social-page .social-vk-chat { border-color: #70572d; background: linear-gradient(155deg, #211b0e, #17140f 80%); }
.social-page .social-vk-chat:hover { border-color: #9a7b41; }
.social-page .social-card-icon {
  border-color: #3284b2;
  background: #17608a;
  color: #fff;
}
.social-page .social-card-icon img { filter: brightness(0) invert(1); }
.social-page .social-card-header h2 { color: var(--text); }
.social-page .social-card-body > p { color: #b9c7df; }
.social-page .social-button-primary,
.social-page .social-button-vk {
  border: 1px solid #3a83ad;
  border-radius: var(--r-md);
  background: #17405b;
  box-shadow: none;
  color: #eaf7ff;
}
.social-page .social-button-secondary,
.social-page .social-vk-chat .social-button-vk {
  border: 1px solid #86662d;
  border-radius: var(--r-md);
  background: #3a301b;
  box-shadow: none;
  color: #ffe5ac;
}
.social-page .social-button-primary:hover,
.social-page .social-button-vk:hover { border-color: #61b9e8; background: #1b4b6b; color: #fff; }
.social-page .social-button-secondary:hover,
.social-page .social-vk-chat .social-button-vk:hover { border-color: #c39a48; background: #493b20; color: #fff0c8; }
.social-page .social-info { max-width: 1180px; margin: 0 auto; padding: 32px 20px; }

@media (max-width: 700px) {
  .social-page > .social-hero { padding: 16px; }
}