.ct{
  --accent: #B4CF32;
  --ink: #C0C0C0;
  --ink-strong: #E9E9E9;
  --glass: rgba(12,14,18,.62);
  --stroke: rgba(255,255,255,.12);
  --shadow: 0 14px 36px rgba(0,0,0,.55);
  color: var(--ink);
  padding: clamp(44px,6vw,120px) 0;
}
.ct__inner{ max-width: 1100px; margin:0 auto; padding:0 clamp(16px,3vw,32px); }

.ct__header{ text-align:center; margin-bottom: clamp(24px,4vw,42px); }
.ct__title{
  margin:0 0 12px; font-weight:900; color:var(--ink-strong);
  font-size: clamp(28px,4.2vw,42px); line-height:1.06;
}
.ct__rule{
  display:inline-block; height:3px; width:min(300px,42%); border-radius:999px;
  background: linear-gradient(90deg, transparent, var(--ink), transparent);
  filter: drop-shadow(0 2px 4px rgba(0,0,0,.35));
}

.ct__panel{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: clamp(16px,2.6vw,24px);
}
@media (max-width: 820px){ .ct__panel{ grid-template-columns: 1fr; } }

.ct__list,
.ct__socials ul{ list-style:none; margin:0; padding:0; }

.ct__list,
.ct__socials{
  background: var(--glass);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  backdrop-filter: blur(10px) saturate(120%);
  border:1px solid var(--stroke);
  border-radius:18px;
  box-shadow: var(--shadow);
  padding: clamp(16px,2.2vw,22px);
}

.ct__row, .ct__srow{
  display:flex; align-items:center; gap:12px;
  padding: 10px 8px;
  color: inherit; text-decoration:none; border-radius:12px;
}
.ct__row:hover, .ct__srow:hover{
  background: rgba(255,255,255,.06);
}

.ct__ico, .ct__sico{
  width:36px; height:36px; display:grid; place-items:center;
  border:1px solid rgba(255,255,255,.12); border-radius:10px;
  background: rgba(16,18,22,.35);
  -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);
  color: var(--ink-strong);
}
.ct__ico svg, .ct__sico svg{ width:20px; height:20px; display:block; }
.ct__ico svg *, .ct__sico svg *{
  fill:none; stroke: currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;
}

.ct__label, .ct__slabel{
  font-weight: 800; letter-spacing:.01em; line-height:1.2;
  color: var(--ink-strong);
}

@media (hover:hover){
  .ct__row:hover .ct__ico, .ct__srow:hover .ct__sico{
    color: var(--accent);
    border-color: color-mix(in oklab, var(--accent) 40%, transparent);
  }
}