.page-contact{
  --contact-ink:#071f38;
  --contact-muted:#566d80;
  --contact-line:#d5e2eb;
  --contact-radius:24px;
}
.page-contact .club-hero{min-height:610px}
.page-contact .club-hero-grid{gap:58px}
.page-contact .club-hero aside{
  border-color:rgba(99,223,245,.25);
  border-radius:24px;
  background:rgba(4,19,40,.78);
  box-shadow:0 28px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.045);
}
.page-contact .club-benefits{gap:18px}
.page-contact .club-benefits article{
  padding:28px;
  border-color:rgba(158,187,208,.43);
  border-radius:22px;
  box-shadow:0 18px 44px rgba(10,49,88,.08);
}
.page-contact .club-contact-layout{
  gap:72px;
  padding-top:78px;
  padding-bottom:82px;
}
.page-contact .club-contact-copy h2{
  font-size:clamp(38px,4vw,50px);
  letter-spacing:-.045em;
}
.page-contact .club-contact-form,
.page-contact .feedback-form{
  border-radius:var(--contact-radius);
  box-shadow:0 25px 65px rgba(10,49,88,.1);
}
.page-contact .club-contact-form input,
.page-contact .club-contact-form select,
.page-contact .club-contact-form textarea{
  border-color:#d1dee7;
  border-radius:11px;
  box-shadow:inset 0 1px 2px rgba(7,31,56,.025);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.page-contact .club-contact-form input:focus,
.page-contact .club-contact-form select:focus,
.page-contact .club-contact-form textarea:focus{
  border-color:#439fbd;
  outline:0;
  box-shadow:0 0 0 3px rgba(67,159,189,.1);
}
.page-contact .ctl-telegram-section{
  padding:14px 0 82px;
  background:linear-gradient(180deg,#fff,#f4f9fc);
}
.page-contact .ctl-telegram-layout{
  grid-template-columns:minmax(0,1fr) minmax(280px,360px);
  gap:58px;
  min-height:0;
  padding:42px 46px;
  border-color:rgba(154,187,210,.48);
  border-radius:26px;
  background:
    radial-gradient(circle at 90% 8%,rgba(78,207,236,.09),transparent 20rem),
    linear-gradient(135deg,#fbfdff,#edf5fa);
  box-shadow:0 24px 66px rgba(10,49,88,.09);
}
.page-contact .ctl-telegram-copy{align-self:center}
.page-contact .ctl-telegram-copy h2{
  max-width:580px;
  margin:11px 0 14px;
  letter-spacing:-.045em;
}
.page-contact .ctl-telegram-copy p{
  max-width:590px;
  margin-bottom:22px;
}
.page-contact .ctl-telegram-qr{
  position:relative;
  width:100%;
  max-width:340px;
  aspect-ratio:.88;
  margin:0 auto;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(121,160,187,.38);
  border-radius:22px;
  background:#030711;
  box-shadow:0 20px 44px rgba(9,43,72,.18);
}
.page-contact .ctl-telegram-qr img{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  border-radius:0;
  object-fit:cover;
  object-position:center 39%;
}
.page-contact .ctl-telegram-qr figcaption{
  position:absolute;
  right:14px;
  bottom:14px;
  left:14px;
  padding:9px 12px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(3,10,24,.78);
  box-shadow:0 8px 22px rgba(0,0,0,.2);
  color:#fff;
  font-size:8px;
  letter-spacing:.11em;
  backdrop-filter:blur(10px);
}
.page-contact .platform-feedback{padding:82px 0}
.page-contact .feedback-layout{gap:72px}
.page-contact .platform-feedback{
  background:linear-gradient(180deg,#f7fbff,#eef5fa);
  color:var(--contact-ink);
}
.page-contact .feedback-copy,
.page-contact .feedback-copy h2,
.page-contact .feedback-copy h3,
.page-contact .feedback-copy strong{
  color:var(--contact-ink)!important;
  -webkit-text-fill-color:var(--contact-ink)!important;
}
.page-contact .feedback-copy p,
.page-contact .feedback-copy span{
  color:var(--contact-muted)!important;
  -webkit-text-fill-color:var(--contact-muted)!important;
}
.page-contact .feedback-copy .v3-kicker{
  color:#096f9f!important;
  -webkit-text-fill-color:#096f9f!important;
}
.page-contact .feedback-promise{
  display:grid;
  gap:12px;
}
.page-contact .feedback-promise article{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:13px;
  align-items:start;
  padding:15px;
  border:1px solid var(--contact-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 28px rgba(10,49,88,.07);
}
.page-contact .feedback-promise article b{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border-radius:14px;
  background:#071f38;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:13px;
}
.page-contact .feedback-promise article span,
.page-contact .feedback-promise article strong{
  display:block;
}
.page-contact .feedback-promise article strong{
  margin-bottom:3px;
}
.page-contact .feedback-form input:focus,
.page-contact .feedback-form select:focus,
.page-contact .feedback-form textarea:focus{
  border-color:#5ddbef;
  outline:0;
  box-shadow:0 0 0 3px rgba(93,219,239,.1);
}
@media(max-width:950px){
  .page-contact .club-contact-layout,
  .page-contact .feedback-layout{gap:38px}
  .page-contact .ctl-telegram-layout{
    grid-template-columns:minmax(0,1fr) 300px;
    gap:34px;
    padding:34px;
  }
}
@media(max-width:760px){
  .page-contact .club-hero{min-height:auto}
  .page-contact .club-benefits{gap:12px}
  .page-contact .club-contact-layout{padding-top:58px;padding-bottom:62px}
  .page-contact .ctl-telegram-section{padding:6px 0 62px}
  .page-contact .ctl-telegram-layout{
    grid-template-columns:1fr;
    gap:26px;
    padding:28px 20px 22px;
    text-align:left;
  }
  .page-contact .ctl-telegram-copy p{margin-left:0}
  .page-contact .ctl-telegram-qr{max-width:320px}
  .page-contact .platform-feedback{padding:64px 0}
}