.page-contact{
  --ct-cyan-line:rgba(25,245,197,.42);
  --ct-violet-line:rgba(168,85,247,.42);
  --ct-gold-line:rgba(245,199,106,.45);
  --ct-blue-line:rgba(56,189,248,.42);
  --ct-card-bg:linear-gradient(180deg,rgba(14,27,46,.94),rgba(11,23,40,.94));
  position:relative;
  color:var(--text);
  padding-bottom:clamp(40px,6vw,80px);
  overflow-x:hidden;
}

.page-contact .breadcrumb{
  max-width:var(--w);
  margin:0 auto;
  padding:26px var(--gutter) 0;
  font-size:14px;
}
.page-contact .breadcrumb ol{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:0;
  padding:0;
  color:var(--muted);
}
.page-contact .breadcrumb a{
  color:var(--muted);
  text-decoration:none;
  transition:color .2s ease;
}
.page-contact .breadcrumb a:hover{color:var(--cyan);}
.page-contact .breadcrumb li+li::before{
  content:"/";
  margin-right:8px;
  color:rgba(159,179,200,.45);
}
.page-contact .breadcrumb [aria-current="page"]{color:var(--text);}

.page-contact .ct-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  padding:6px 12px;
  border-radius:var(--radius-pill);
  border:1px solid var(--line-cyan);
  background:rgba(25,245,197,.08);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.22em;
  color:var(--cyan);
  text-transform:uppercase;
}

.page-contact .ct-h1{
  margin:18px 0 0;
  font-size:clamp(32px,6.2vw,58px);
  line-height:1.08;
  letter-spacing:-.015em;
  font-weight:800;
  background:linear-gradient(100deg,#EAF4FF 0%,#EAF4FF 50%,#19F5C5 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.page-contact .ct-h2{
  margin:14px 0 0;
  font-size:clamp(23px,4vw,36px);
  line-height:1.2;
  letter-spacing:-.01em;
  color:var(--text);
}

.page-contact .ct-intro{
  margin:20px 0 0;
  max-width:58ch;
  font-size:clamp(15px,2.1vw,17px);
  line-height:1.82;
  color:var(--muted);
}

.page-contact .ct-lead{
  margin:14px 0 0;
  max-width:58ch;
  font-size:clamp(14.5px,1.9vw,16px);
  line-height:1.82;
  color:var(--muted);
}

.page-contact .ct-hero{
  padding:clamp(20px,3.5vw,38px) 0 clamp(40px,6vw,80px);
}
.page-contact .ct-hero-grid{
  display:grid;
  gap:clamp(28px,4vw,48px);
}
.page-contact .ct-hero-lead{min-width:0;}

.page-contact .ct-channels{
  list-style:none;
  margin:clamp(24px,3.5vw,34px) 0 0;
  padding:0;
  display:grid;
  gap:12px;
}
.page-contact .ct-channel{
  position:relative;
  padding:16px 18px 16px 22px;
  border-radius:var(--radius-md);
  border:1px solid var(--line);
  background:var(--ct-card-bg);
  box-shadow:0 12px 30px rgba(2,7,15,.4);
  transition:border-color .25s ease,box-shadow .25s ease;
}
.page-contact .ct-channel::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:3px;
  border-radius:3px 0 0 3px;
  background:var(--ct-cyan-line);
}
.page-contact .ct-channel:hover{
  border-color:var(--line-cyan);
  box-shadow:0 16px 38px rgba(2,7,15,.55);
}
.page-contact .ct-channel--violet{border-color:rgba(168,85,247,.28);}
.page-contact .ct-channel--violet::before{background:var(--ct-violet-line);}
.page-contact .ct-channel--violet:hover{border-color:var(--line-violet);}
.page-contact .ct-channel--gold{border-color:rgba(245,199,106,.28);}
.page-contact .ct-channel--gold::before{background:var(--ct-gold-line);}
.page-contact .ct-channel--gold:hover{border-color:var(--ct-gold-line);}
.page-contact .ct-channel--blue{border-color:rgba(56,189,248,.26);}
.page-contact .ct-channel--blue::before{background:var(--ct-blue-line);}
.page-contact .ct-channel--blue:hover{border-color:var(--ct-blue-line);}

.page-contact .ct-channel-key{
  display:block;
  font-size:11.5px;
  letter-spacing:.2em;
  color:var(--muted);
}
.page-contact .ct-channel-val{
  margin:7px 0 0;
  font-size:clamp(16px,2.4vw,20px);
  line-height:1.4;
  font-weight:600;
  color:var(--text);
  word-break:break-word;
}
.page-contact .ct-channel-val.is-mono{
  font-family:var(--font-mono);
  letter-spacing:.01em;
}
.page-contact .ct-channel-hint{
  margin:7px 0 0;
  font-size:13px;
  line-height:1.7;
  color:var(--muted);
}

.page-contact .ct-first-btn{margin-top:clamp(20px,3vw,28px);}

.page-contact .ct-hero-side{
  display:grid;
  gap:clamp(16px,2.5vw,22px);
  min-width:0;
}
.page-contact .ct-region{
  position:relative;
  margin:0;
  padding:clamp(12px,2vw,18px);
  border-radius:var(--radius-lg);
  border:1px solid var(--line-violet);
  background:
    radial-gradient(circle at 25% 18%,rgba(168,85,247,.28),transparent 60%),
    radial-gradient(circle at 78% 82%,rgba(25,245,197,.22),transparent 62%),
    var(--panel-deep);
  box-shadow:var(--shadow-lg);
  overflow:hidden;
}
.page-contact .ct-region img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:calc(var(--radius-lg) - 8px);
}
.page-contact .ct-region::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-linear-gradient(180deg,rgba(25,245,197,.06) 0 1px,transparent 1px 4px);
  mix-blend-mode:screen;
  opacity:.5;
}
.page-contact .ct-region-cap{
  position:relative;
  z-index:1;
  margin:12px 4px 2px;
  font-family:var(--font-mono);
  font-size:12.5px;
  letter-spacing:.14em;
  color:var(--muted);
}

.page-contact .ct-auth{
  padding:18px 20px;
  border-radius:var(--radius-md);
  border:1px solid var(--ct-gold-line);
  background:linear-gradient(180deg,rgba(245,199,106,.1),rgba(11,23,40,.92));
}
.page-contact .ct-auth-title{
  margin:12px 0 0;
  font-size:16px;
  font-weight:700;
  color:var(--gold);
  letter-spacing:.04em;
}
.page-contact .ct-auth p{
  margin:9px 0 0;
  font-size:13.5px;
  line-height:1.78;
  color:var(--muted);
}

.page-contact .ct-materials .ct-split,
.page-contact .ct-split{
  display:grid;
  gap:clamp(24px,4vw,52px);
}
.page-contact .ct-split-head{min-width:0;}

.page-contact .ct-checklist{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
  counter-reset:ctstep;
}
.page-contact .ct-checklist li{
  position:relative;
  counter-increment:ctstep;
  padding:16px 18px 16px 58px;
  border-radius:var(--radius-md);
  border:1px solid var(--line);
  background:var(--ct-card-bg);
  font-size:14.5px;
  line-height:1.75;
  color:var(--muted);
}
.page-contact .ct-checklist li::before{
  content:counter(ctstep,decimal-leading-zero);
  position:absolute;
  top:17px;
  left:18px;
  font-family:var(--font-mono);
  font-size:15px;
  font-weight:700;
  color:var(--cyan);
  text-shadow:0 0 12px rgba(25,245,197,.55);
}
.page-contact .ct-checklist strong{
  display:block;
  margin-bottom:5px;
  font-size:15.5px;
  color:var(--text);
}

.page-contact .ct-partners-head{max-width:70ch;}

.page-contact .ct-partner-grid{
  margin-top:clamp(24px,3.5vw,36px);
  display:grid;
  gap:14px;
}
.page-contact .ct-partner{
  display:flex;
  flex-direction:column;
  gap:11px;
  padding:20px;
  border-radius:var(--radius-md);
  border:1px solid var(--line);
  background:var(--ct-card-bg);
  border-top-width:3px;
  transition:transform .25s ease,box-shadow .25s ease;
}
.page-contact .ct-partner:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 40px rgba(2,7,15,.5);
}
.page-contact .ct-partner--violet{border-top-color:var(--violet);}
.page-contact .ct-partner--cyan{border-top-color:var(--cyan);}
.page-contact .ct-partner--gold{border-top-color:var(--gold);}
.page-contact .ct-partner-title{
  margin:0;
  font-size:19px;
  font-weight:700;
  color:var(--text);
}
.page-contact .ct-partner-text{
  margin:0;
  font-size:14px;
  line-height:1.78;
  color:var(--muted);
}
.page-contact .ct-subject{
  align-self:flex-start;
  margin-top:auto;
  padding:5px 10px;
  border-radius:8px;
  border:1px dashed var(--line-cyan);
  background:rgba(25,245,197,.07);
  font-family:var(--font-mono);
  font-size:12.5px;
  color:var(--cyan);
  word-break:break-all;
}

.page-contact .ct-response-grid{
  display:grid;
  gap:clamp(26px,4vw,52px);
}
.page-contact .ct-response-media{
  margin:0;
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid var(--line-cyan);
  box-shadow:var(--shadow-lg);
  background:var(--panel-deep);
}
.page-contact .ct-response-media img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:cover;
}
.page-contact .ct-response-body{min-width:0;}

.page-contact .ct-ring{
  position:relative;
  width:148px;
  height:148px;
  margin:clamp(22px,3vw,30px) 0;
  border-radius:50%;
  display:grid;
  place-content:center;
  gap:4px;
  text-align:center;
  background:conic-gradient(from -90deg,var(--cyan) 0deg 270deg,rgba(159,179,200,.16) 270deg 360deg);
}
.page-contact .ct-ring::after{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:50%;
  background:var(--panel-deep);
}
.page-contact .ct-ring span{position:relative;z-index:1;}
.page-contact .ct-ring-val{
  font-family:var(--font-mono);
  font-size:17px;
  font-weight:700;
  color:var(--text);
}
.page-contact .ct-ring-label{
  font-size:11.5px;
  letter-spacing:.18em;
  color:var(--muted);
}

.page-contact .ct-stats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
  grid-template-columns:repeat(auto-fit,minmax(140px,1fr));
}
.page-contact .ct-stat{
  padding:15px 16px;
  border-radius:var(--radius-md);
  border:1px solid var(--line);
  background:rgba(14,27,46,.72);
}
.page-contact .ct-stat-num{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(20px,3.2vw,26px);
  font-weight:700;
  color:var(--cyan);
  line-height:1.2;
}
.page-contact .ct-stat-label{
  display:block;
  margin-top:7px;
  font-size:12.5px;
  line-height:1.6;
  color:var(--muted);
}

.page-contact .ct-region-band{
  display:grid;
  gap:clamp(24px,3.5vw,40px);
  padding:clamp(22px,4vw,46px);
  border-radius:var(--radius-lg);
  border:1px solid var(--line-violet);
  background:
    radial-gradient(circle at 12% 20%,rgba(168,85,247,.24),transparent 58%),
    radial-gradient(circle at 88% 76%,rgba(25,245,197,.2),transparent 60%),
    var(--panel-deep);
  box-shadow:var(--shadow-lg);
}
.page-contact .ct-region-visual{min-width:0;}

.page-contact .ct-map{
  display:block;
  width:100%;
  max-width:380px;
  height:auto;
  margin:0 auto;
}
.page-contact .ct-map-grid line{stroke:rgba(159,179,200,.14);stroke-width:1;}
.page-contact .ct-map-shape{
  fill:rgba(25,245,197,.07);
  stroke:url(#ctMapGrad);
  stroke-width:2;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(25,245,197,.42));
}
.page-contact .ct-map-dots circle{fill:var(--cyan);}
.page-contact .ct-map-dots circle.ct-map-dot--violet{fill:var(--violet-text);}

.page-contact .ct-region-body{min-width:0;}

.page-contact .ct-quick{
  list-style:none;
  margin:clamp(18px,2.5vw,24px) 0 0;
  padding:0;
  display:grid;
  gap:10px;
}
.page-contact .ct-quick a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:12px 14px;
  border-radius:12px;
  border:1px solid var(--line);
  background:rgba(11,23,40,.7);
  color:var(--text);
  font-size:14.5px;
  text-decoration:none;
  transition:border-color .2s ease,background .2s ease,color .2s ease;
}
.page-contact .ct-quick a span{
  font-family:var(--font-mono);
  color:var(--cyan);
}
.page-contact .ct-quick a:hover{
  border-color:var(--line-cyan);
  background:rgba(25,245,197,.1);
  color:var(--cyan);
}

.page-contact .ct-details{
  margin-top:clamp(18px,2.5vw,24px);
  padding:14px 18px;
  border-radius:var(--radius-md);
  border:1px solid var(--line);
  background:rgba(14,27,46,.72);
}
.page-contact .ct-details summary{
  cursor:pointer;
  list-style:none;
  font-size:14.5px;
  color:var(--text);
}
.page-contact .ct-details summary::-webkit-details-marker{display:none;}
.page-contact .ct-details summary::after{
  content:"+";
  float:right;
  margin-left:12px;
  font-family:var(--font-mono);
  color:var(--cyan);
}
.page-contact .ct-details[open] summary::after{content:"–";}
.page-contact .ct-details ul{
  list-style:none;
  margin:14px 0 0;
  padding:0;
  display:grid;
  gap:9px;
  font-size:13.5px;
  line-height:1.75;
  color:var(--muted);
}
.page-contact .ct-details li{
  padding-left:14px;
  position:relative;
}
.page-contact .ct-details li::before{
  content:"";
  position:absolute;
  top:9px;
  left:0;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--violet-text);
}

@media (min-width:600px){
  .page-contact .ct-quick{grid-template-columns:repeat(2,minmax(0,1fr));}
  .page-contact .ct-partner-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
}

@media (min-width:920px){
  .page-contact .ct-hero-grid{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:clamp(32px,4vw,64px);
    align-items:start;
  }
  .page-contact .ct-split{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    align-items:start;
  }
  .page-contact .ct-response-grid{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    align-items:center;
  }
  .page-contact .ct-region-band{
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    align-items:center;
  }
}

@media (max-width:479px){
  .page-contact .breadcrumb{padding-top:20px;}
  .page-contact .ct-channel{padding-left:18px;}
  .page-contact .ct-checklist li{padding-left:50px;}
  .page-contact .ct-checklist li::before{left:14px;font-size:14px;}
  .page-contact .ct-ring{width:128px;height:128px;}
  .page-contact .ct-ring-val{font-size:15px;}
  .page-contact .ct-region-band{padding:20px 16px;}
}

@media (prefers-reduced-motion:reduce){
  .page-contact .ct-channel,
  .page-contact .ct-partner,
  .page-contact .ct-quick a{transition:none;}
  .page-contact .ct-partner:hover{transform:none;}
}
<<<END>>>