.profile-support-channels{
  display:grid;
  gap:14px;
  width:100%;
  max-width:560px;
  margin:30px auto 0;
}

.profile-channel-heading{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:center;
  gap:12px;
  padding:0 4px 2px;
}

.profile-channel-heading-line{
  width:38px;
  height:1px;
  background:linear-gradient(90deg,rgba(45,182,255,.95),rgba(121,82,255,.35));
  box-shadow:0 0 12px rgba(50,155,255,.32);
}

.profile-channel-heading-copy{
  display:grid;
  gap:4px;
  min-width:0;
}

.profile-channel-section-title{
  color:#dce7ff;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:10px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.24em;
}

.profile-channel-section-note{
  color:#69738d;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:11px;
  line-height:1.35;
  letter-spacing:.02em;
}

.profile-channel-link{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:64px minmax(0,1fr) auto;
  align-items:center;
  gap:17px;
  min-height:112px;
  padding:18px 18px 18px 16px;
  overflow:hidden;
  border:1px solid transparent;
  border-radius:24px;
  color:#fff;
  text-decoration:none;
  background:
    linear-gradient(118deg,rgba(4,10,24,.985),rgba(7,10,27,.985) 52%,rgba(14,7,35,.985)) padding-box,
    linear-gradient(122deg,rgba(43,183,255,.78),rgba(78,93,255,.32) 47%,rgba(157,66,255,.68)) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 -1px 0 rgba(0,0,0,.52),
    0 18px 40px rgba(0,0,0,.3),
    0 0 34px rgba(57,95,255,.09);
  transform:translateZ(0);
  transition:transform .22s ease,box-shadow .22s ease,filter .22s ease;
}

.profile-channel-link::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 8% 18%,rgba(35,161,255,.19),transparent 30%),
    radial-gradient(circle at 88% 100%,rgba(126,53,255,.16),transparent 42%),
    linear-gradient(90deg,rgba(255,255,255,.025),transparent 35%,rgba(255,255,255,.015));
}

.profile-channel-link::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:8%;
  right:8%;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(88,199,255,.75),rgba(132,92,255,.7),transparent);
  opacity:.75;
  filter:blur(.15px);
}

.profile-channel-ambient{
  position:absolute;
  z-index:-3;
  width:180px;
  height:180px;
  left:-84px;
  top:-68px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(34,158,217,.17),rgba(34,158,217,0) 68%);
  filter:blur(2px);
}

.profile-channel-community .profile-channel-ambient{
  left:auto;
  right:-82px;
  top:-62px;
  background:radial-gradient(circle,rgba(126,71,255,.18),rgba(126,71,255,0) 68%);
}

.profile-channel-link:hover,
.profile-channel-link:focus-visible{
  transform:translateY(-3px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.075),
    0 22px 50px rgba(0,0,0,.34),
    0 0 42px rgba(50,115,255,.17);
  filter:brightness(1.035);
  outline:none;
}

.profile-channel-community{
  background:
    linear-gradient(118deg,rgba(4,10,24,.985),rgba(8,10,29,.985) 50%,rgba(17,7,39,.985)) padding-box,
    linear-gradient(122deg,rgba(45,169,255,.56),rgba(87,82,255,.36) 47%,rgba(172,61,255,.78)) border-box;
}

.profile-channel-icon{
  position:relative;
  display:grid;
  place-items:center;
  width:64px;
  height:64px;
  border:1px solid rgba(88,166,255,.28);
  border-radius:20px;
  background:
    linear-gradient(145deg,rgba(25,42,79,.72),rgba(8,14,31,.94)),
    rgba(7,12,27,.96);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    inset 0 0 24px rgba(34,158,217,.07),
    0 0 22px rgba(28,127,255,.09);
}

.profile-channel-icon::before{
  content:"";
  position:absolute;
  inset:7px;
  border-radius:15px;
  border:1px solid rgba(99,194,255,.13);
  pointer-events:none;
}

.profile-telegram-mark{
  display:block;
  width:44px;
  height:44px;
  filter:drop-shadow(0 0 10px rgba(34,158,217,.28));
}

.profile-channel-status{
  position:absolute;
  right:5px;
  bottom:5px;
  width:9px;
  height:9px;
  border:2px solid #08101f;
  border-radius:50%;
  background:#55d6ff;
  box-shadow:0 0 10px rgba(85,214,255,.85);
}

.profile-channel-community .profile-channel-status{
  background:#9f7dff;
  box-shadow:0 0 10px rgba(159,125,255,.8);
}

.profile-channel-copy{
  display:grid;
  align-content:center;
  gap:6px;
  min-width:0;
  text-align:left;
}

.profile-channel-badge{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  min-height:20px;
  padding:0 8px;
  border:1px solid rgba(70,181,255,.2);
  border-radius:999px;
  color:#70c7ff;
  background:rgba(35,158,217,.065);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:8px;
  font-weight:700;
  line-height:1;
  letter-spacing:.16em;
  white-space:nowrap;
}

.profile-channel-community .profile-channel-badge{
  border-color:rgba(141,105,255,.22);
  color:#ad99ff;
  background:rgba(121,76,255,.065);
}

.profile-channel-title{
  display:block;
  overflow:hidden;
  color:#f7f9ff;
  font-family:"Cinzel",Georgia,"Times New Roman",serif;
  font-size:18px;
  font-weight:500;
  line-height:1.18;
  letter-spacing:.075em;
  text-overflow:ellipsis;
  white-space:nowrap;
  text-shadow:0 0 18px rgba(112,143,255,.12);
}

.profile-channel-note{
  display:block;
  overflow:hidden;
  color:#7d879e;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:11px;
  line-height:1.45;
  letter-spacing:.018em;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.profile-channel-action{
  display:grid;
  grid-template-columns:auto 34px;
  align-items:center;
  gap:9px;
  justify-self:end;
}

.profile-channel-action-text{
  color:#9ca9c7;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:8px;
  font-weight:700;
  line-height:1;
  letter-spacing:.14em;
  white-space:nowrap;
}

.profile-channel-arrow{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(101,137,255,.27);
  border-radius:50%;
  color:#a2b8ff;
  background:linear-gradient(145deg,rgba(73,101,220,.13),rgba(79,45,150,.08));
  box-shadow:inset 0 1px rgba(255,255,255,.025);
  transition:transform .22s ease,border-color .22s ease,color .22s ease,background .22s ease;
}

.profile-channel-arrow svg{
  width:16px;
  height:16px;
}

.profile-channel-link:hover .profile-channel-arrow,
.profile-channel-link:focus-visible .profile-channel-arrow{
  transform:translate(2px,-2px);
  border-color:rgba(96,183,255,.52);
  color:#d6e6ff;
  background:linear-gradient(145deg,rgba(49,149,255,.17),rgba(104,56,220,.14));
}

@media(max-width:560px){
  .profile-support-channels{
    max-width:none;
    margin-top:26px;
    gap:12px;
  }

  .profile-channel-heading{
    grid-template-columns:28px minmax(0,1fr);
    gap:10px;
    padding:0 2px 1px;
  }

  .profile-channel-heading-line{
    width:28px;
  }

  .profile-channel-section-title{
    font-size:9px;
    letter-spacing:.19em;
  }

  .profile-channel-section-note{
    font-size:10px;
  }

  .profile-channel-link{
    grid-template-columns:56px minmax(0,1fr) 34px;
    gap:13px;
    min-height:98px;
    padding:15px 14px;
    border-radius:20px;
  }

  .profile-channel-icon{
    width:56px;
    height:56px;
    border-radius:18px;
  }

  .profile-channel-icon::before{
    inset:6px;
    border-radius:13px;
  }

  .profile-telegram-mark{
    width:39px;
    height:39px;
  }

  .profile-channel-title{
    font-size:15px;
    letter-spacing:.055em;
  }

  .profile-channel-note{
    font-size:10px;
  }

  .profile-channel-badge{
    min-height:18px;
    padding:0 7px;
    font-size:7px;
    letter-spacing:.12em;
  }

  .profile-channel-action{
    grid-template-columns:34px;
    gap:0;
  }

  .profile-channel-action-text{
    display:none;
  }
}

@media(max-width:390px){
  .profile-channel-link{
    grid-template-columns:50px minmax(0,1fr) 30px;
    gap:11px;
    min-height:92px;
    padding:13px 12px;
    border-radius:18px;
  }

  .profile-channel-icon{
    width:50px;
    height:50px;
    border-radius:16px;
  }

  .profile-telegram-mark{
    width:35px;
    height:35px;
  }

  .profile-channel-title{
    font-size:14px;
  }

  .profile-channel-note{
    font-size:9px;
  }

  .profile-channel-arrow{
    width:30px;
    height:30px;
  }
}

@media(prefers-reduced-motion:reduce){
  .profile-channel-link,
  .profile-channel-arrow{
    transition:none!important;
  }

  .profile-channel-link:hover,
  .profile-channel-link:focus-visible,
  .profile-channel-link:hover .profile-channel-arrow,
  .profile-channel-link:focus-visible .profile-channel-arrow{
    transform:none;
  }
}