/* TrainingBot Community V162 — blue/purple neon theme */
body.tb-community-page{background:#070a12;color:#f6f8ff}

.tb-community-main{
  position:relative;
  overflow:hidden;
  padding:58px 0 72px;
  background:
    radial-gradient(circle at 16% 8%,rgba(124,58,237,.18),transparent 30%),
    radial-gradient(circle at 84% 14%,rgba(37,99,235,.16),transparent 32%),
    linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px),
    #070a12;
  background-size:auto,auto,54px 54px,54px 54px,auto;
}
.tb-community-main:before,
.tb-community-main:after{
  content:"";
  position:absolute;
  width:460px;
  height:460px;
  border-radius:50%;
  filter:blur(70px);
  opacity:.18;
  pointer-events:none;
}
.tb-community-main:before{top:-210px;left:-170px;background:#7c3aed}
.tb-community-main:after{top:-180px;right:-150px;background:#2563eb}

.tb-community-shell{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 22px}

.tb-community-hero{max-width:700px;margin:0 0 44px;text-align:left}
.tb-community-hero h1{
  margin:0 0 18px;
  font:900 clamp(2.35rem,5vw,4.2rem)/.98 "Space Grotesk",Inter,sans-serif;
  letter-spacing:-.055em;
  text-transform:uppercase;
  color:#fff;
  text-shadow:0 0 26px rgba(255,255,255,.05);
}
.tb-community-hero h1 span{
  background:linear-gradient(90deg,#a855f7 0%,#7c3aed 38%,#6366f1 68%,#38bdf8 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 0 18px rgba(99,102,241,.22));
}
.tb-community-hero p{max-width:650px;margin:0;color:#a8b2c4;font-size:1rem;line-height:1.68}
.tb-community-meta{
  display:inline-flex;
  align-items:center;
  gap:7px;
  margin-top:22px;
  padding-left:12px;
  border-left:3px solid #6366f1;
  color:#9aa6ba;
  font-size:.86rem;
  font-weight:650;
}
.tb-community-meta b{color:#d9ddff}

.tb-community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}

.tb-community-card{
  --accent:#8b5cf6;
  --accent2:#38bdf8;
  position:relative;
  display:flex;
  min-height:260px;
  flex-direction:column;
  align-items:flex-start;
  padding:30px 26px 26px;
  border:1px solid rgba(121,135,170,.28);
  border-radius:20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 0%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 42%),
    linear-gradient(180deg,rgba(16,23,39,.94),rgba(8,13,24,.98));
  color:inherit;
  text-align:left;
  text-decoration:none;
  box-shadow:0 20px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,filter .22s ease;
}
.tb-community-card:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 9%,transparent),transparent 45%,color-mix(in srgb,var(--accent2) 7%,transparent));
}
.tb-community-card:after{
  content:"";
  position:absolute;
  top:-70px;
  right:-70px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:var(--accent);
  filter:blur(70px);
  opacity:.08;
  pointer-events:none;
}
.tb-community-card>*{position:relative;z-index:1}
.tb-community-card:hover{
  transform:translateY(-5px);
  border-color:color-mix(in srgb,var(--accent) 70%,#fff 8%);
  box-shadow:
    0 24px 65px rgba(0,0,0,.32),
    0 0 0 1px color-mix(in srgb,var(--accent) 18%,transparent),
    0 0 32px color-mix(in srgb,var(--accent) 18%,transparent);
}

.tb-community-card.tiktok{--accent:#d946ef;--accent2:#8b5cf6}
.tb-community-card.telegram{--accent:#3b82f6;--accent2:#38bdf8}
.tb-community-card.facebook{--accent:#6366f1;--accent2:#a855f7}

.tb-social-icon{
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  margin-bottom:24px;
  border-radius:50%;
  color:#fff;
  border:1px solid color-mix(in srgb,var(--accent) 62%,transparent);
  background:color-mix(in srgb,var(--accent) 18%,#0b1020);
  box-shadow:
    0 0 0 7px color-mix(in srgb,var(--accent) 6%,transparent),
    0 0 28px color-mix(in srgb,var(--accent) 22%,transparent);
}
.tb-social-icon svg{width:32px;height:32px;display:block}
.tb-social-icon.tiktok,
.tb-social-icon.telegram,
.tb-social-icon.facebook{background:color-mix(in srgb,var(--accent) 18%,#0b1020);color:#fff;border-radius:50%}

.tb-community-card h2{margin:0 0 11px;color:#fff;font:800 1.3rem/1.1 "Space Grotesk",Inter,sans-serif}
.tb-community-card p{margin:0;color:#9ba8bb;font-size:.89rem;line-height:1.62}
.tb-community-cta{margin-top:auto;padding-top:24px;color:var(--accent2);font-size:.86rem;font-weight:850}
.tb-community-card.tiktok .tb-community-cta{color:#e879f9}
.tb-community-card.telegram .tb-community-cta{color:#38bdf8}
.tb-community-card.facebook .tb-community-cta{color:#a78bfa}

.tb-community-contact{
  position:relative;
  overflow:hidden;
  margin-top:22px;
  padding:42px 28px 44px;
  border:1px solid rgba(121,135,170,.28);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 0%,rgba(99,102,241,.14),transparent 38%),
    linear-gradient(180deg,rgba(14,20,35,.95),rgba(8,13,24,.98));
  text-align:center;
  box-shadow:0 22px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025);
}
.tb-community-contact:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:36px 36px;
  pointer-events:none;
}
.tb-community-contact>*{position:relative;z-index:1}

.tb-contact-icon{
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  margin:0 auto 18px;
  border:1px solid rgba(139,92,246,.5);
  border-radius:14px;
  background:linear-gradient(145deg,rgba(124,58,237,.22),rgba(37,99,235,.16));
  color:#b794ff;
  box-shadow:0 0 30px rgba(124,58,237,.17);
}
.tb-contact-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.tb-community-contact h2{
  margin:0 0 10px;
  font:900 clamp(1.5rem,3vw,2rem)/1 "Space Grotesk",Inter,sans-serif;
  text-transform:uppercase;
  background:linear-gradient(90deg,#fff 0%,#d8b4fe 55%,#67e8f9 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.tb-community-contact p{margin:0;color:#aeb8ca;font-size:.94rem}
.tb-community-email{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  margin-top:20px;
  padding:0 24px;
  border:1px solid rgba(139,92,246,.45);
  border-radius:999px;
  background:rgba(76,29,149,.14);
  color:#f7f5ff;
  font:800 clamp(1.05rem,2.5vw,1.4rem)/1.2 Inter,sans-serif;
  text-decoration:none;
  word-break:break-word;
  box-shadow:0 0 26px rgba(99,102,241,.11);
}
.tb-community-email:hover{
  border-color:#8b5cf6;
  color:#fff;
  box-shadow:0 0 34px rgba(124,58,237,.22);
}

@media(max-width:900px){
  .tb-community-main{padding-top:42px}
  .tb-community-hero{margin-bottom:34px}
  .tb-community-grid{grid-template-columns:1fr}
  .tb-community-card{min-height:230px}
  .tb-community-contact{margin-top:18px}
}
@media(max-width:560px){
  .tb-community-main{padding:30px 0 48px;background-size:auto,auto,34px 34px,34px 34px,auto}
  .tb-community-shell{padding:0 14px}
  .tb-community-hero{margin-bottom:28px}
  .tb-community-hero h1{font-size:2.45rem}
  .tb-community-hero p{font-size:.9rem}
  .tb-community-meta{font-size:.76rem}
  .tb-community-grid{gap:14px}
  .tb-community-card{min-height:220px;padding:24px 20px;border-radius:16px}
  .tb-social-icon{width:58px;height:58px;margin-bottom:20px}
  .tb-social-icon svg{width:29px;height:29px}
  .tb-community-contact{padding:34px 20px 36px;border-radius:16px}
  .tb-community-email{width:100%;padding:0 14px}
}