.page-contact{
  --contact-muted:color-mix(in srgb,var(--contact-text) 74%,transparent);
  --contact-muted-soft:color-mix(in srgb,var(--contact-text) 58%,transparent);
  --contact-line:color-mix(in srgb,var(--contact-border) 86%,transparent);
  --contact-glow:color-mix(in srgb,var(--contact-accent) 18%,transparent);
  --contact-panel-bg:linear-gradient(180deg,color-mix(in srgb,var(--contact-card-bg) 94%,var(--contact-accent)) 0%,color-mix(in srgb,var(--contact-card-bg) 96%,var(--contact-bg)) 100%);
  --contact-panel-head-bg:linear-gradient(135deg,color-mix(in srgb,var(--contact-accent) 10%,transparent),color-mix(in srgb,var(--button-secondary-bg) 10%,transparent));
  --contact-field-bg:color-mix(in srgb,var(--contact-card-bg) 82%,var(--contact-bg));
  --contact-field-border:color-mix(in srgb,var(--contact-border) 76%,transparent);
  padding-block:var(--dk-frame-gap);
  color:var(--contact-text);
}
.page-template-page-contact .contact-entry,
.page-contact .contact-entry{
  display:grid;
  gap:var(--dk-module-gap);
  margin:0;
}
.page-contact .contact-hero-official{
  display:block;
  margin:0;
  padding:clamp(26px,4vw,52px) clamp(18px,4vw,54px);
  color:var(--contact-text);
  text-align:center;
  background:
    radial-gradient(circle at 84% 14%,var(--contact-glow),transparent 24%),
    linear-gradient(135deg,var(--contact-bg) 0%,color-mix(in srgb,var(--contact-card-bg) 68%,var(--contact-bg)) 58%,color-mix(in srgb,var(--contact-card-bg) 76%,var(--button-secondary-bg)) 100%);
  border:1px solid var(--contact-line);
  border-radius:34px;
  box-shadow:0 28px 76px rgba(0,0,0,.34);
}
.page-contact .contact-hero-copy{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:clamp(16px,2vw,24px);
  width:min(100%,980px);
  min-width:0;
  margin-inline:auto;
}
.page-contact .contact-hero-official .entry-title,
.page-contact .contact-hero-copy .entry-title{
  max-width:980px;
  margin:0;
  color:var(--contact-heading);
  font-size:clamp(2rem,4.4vw,3.75rem);
  line-height:1.08;
  font-weight:520;
  letter-spacing:-.045em;
  text-shadow:none;
}
.page-contact .contact-hero-logo{
  display:flex;
  justify-content:center;
  width:100%;
}
.page-contact .contact-hero-logo img{
  display:block;
  width:clamp(102px,10vw,156px);
  height:auto;
  object-fit:contain;
  background:transparent;
  border:0;
  border-radius:0;
  box-shadow:none;
  filter:drop-shadow(0 20px 36px rgba(0,0,0,.32));
}
.page-contact .contact-hero__sub{
  max-width:860px;
  margin:0 auto;
  color:var(--contact-text);
  font-size:clamp(.98rem,1.18vw,1.16rem);
  line-height:1.7;
  font-weight:720;
}
.page-contact .contact-kicker,
.page-contact .contact-app-card{
  display:none;
}
.page-contact .contact-alert{
  margin:0;
  padding:14px 16px;
  border-radius:18px;
  font-weight:850;
}
.page-contact .contact-alert.success{
  color:var(--contact-text);
  background:color-mix(in srgb,var(--contact-accent) 12%,var(--contact-card-bg));
  border:1px solid var(--contact-line);
}
.page-contact .contact-alert.error{
  color:var(--contact-text);
  background:color-mix(in srgb,var(--color-accent) 12%,var(--contact-card-bg));
  border:1px solid var(--contact-line);
}
.page-contact .contact-workspace{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.72fr);
  align-items:start;
  gap:var(--dk-module-gap);
  margin:0;
}
.page-contact .contact-workspace--form-only{
  grid-template-columns:minmax(0,900px);
  justify-content:center;
}
.page-contact .contact-form-card,
.page-contact .contact-support-panel{
  overflow:hidden;
  color:var(--contact-text);
  background:var(--contact-panel-bg);
  border:1px solid var(--contact-line);
  border-radius:28px;
  box-shadow:0 22px 62px rgba(0,0,0,.28);
}
.page-contact .contact-form-card{
  padding:0;
}
.page-contact .contact-form-card__head,
.page-contact .contact-support-copy{
  margin:0;
  padding:clamp(18px,2.6vw,28px) clamp(20px,3vw,34px);
  color:var(--contact-text);
  background:var(--contact-panel-head-bg);
  border:0;
  border-bottom:1px solid var(--contact-line);
  box-shadow:none;
}
.page-contact .contact-support-copy.entry-content.no-auto-section,
.page-contact .contact-support-copy.entry-content{
  margin:0;
  max-width:none;
}
.page-contact .contact-title,
.page-contact .contact-support-copy.entry-content h2{
  display:block;
  grid-template-columns:none;
  min-height:0;
  margin:0 0 10px;
  padding:0;
  color:var(--contact-heading);
  background:transparent;
  border:0;
  font-size:clamp(1.26rem,2vw,1.62rem);
  line-height:1.2;
  font-weight:950;
  letter-spacing:-.02em;
  text-align:left;
  text-wrap:balance;
  overflow-wrap:anywhere;
  word-break:normal;
}
.page-contact .contact-support-copy.entry-content h2::before,
.page-contact .contact-support-copy.entry-content h2::after{
  display:none;
  content:none;
}
.page-contact .contact-sub,
.page-contact .contact-form-note,
.page-contact .contact-support-copy.entry-content p{
  margin:0;
  color:var(--contact-muted);
  line-height:1.7;
}
.page-contact .contact-support-panel{
  display:grid;
  gap:clamp(14px,1.8vw,20px);
  padding:clamp(18px,2.6vw,28px);
}
.page-contact .contact-support-panel .contact-support-copy{
  border:1px solid var(--contact-line);
  border-radius:20px;
}
.page-contact .contact-form{
  display:grid;
  gap:18px;
  margin:0;
  padding:clamp(20px,3vw,34px);
  color:var(--contact-text);
  background:transparent;
  border:0;
  box-shadow:none;
}
.page-contact .contact-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(14px,1.8vw,20px);
}
.page-contact .f-row{
  display:grid;
  gap:8px;
  margin:0;
}
.page-contact .f-row label{
  display:block;
  margin:0;
  color:var(--contact-heading);
  font-size:.9rem;
  font-weight:850;
}
.page-contact .f-row input,
.page-contact .f-row textarea,
.page-contact .contact-form input,
.page-contact .contact-form textarea{
  width:100%;
  padding:13px 14px;
  color:var(--contact-heading);
  background:var(--contact-field-bg);
  border:1px solid var(--contact-field-border);
  border-radius:18px;
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--contact-text) 6%,transparent);
}
.page-contact .f-row textarea,
.page-contact .contact-form textarea{
  min-height:clamp(190px,24vw,280px);
  resize:vertical;
}
.page-contact .f-row input::placeholder,
.page-contact .f-row textarea::placeholder,
.page-contact .contact-form input::placeholder,
.page-contact .contact-form textarea::placeholder{
  color:var(--contact-muted-soft);
}
.page-contact .f-row input:focus,
.page-contact .f-row textarea:focus,
.page-contact .contact-form input:focus,
.page-contact .contact-form textarea:focus{
  outline:0;
  border-color:color-mix(in srgb,var(--contact-accent) 62%,transparent);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--contact-accent) 12%,transparent), inset 0 1px 0 color-mix(in srgb,var(--contact-text) 6%,transparent);
}
.page-contact .hp{
  position:absolute;
  left:-9999px;
  opacity:0;
}
.page-contact .f-actions{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
.page-contact .contact-form-note{
  flex:1 1 260px;
  font-size:.88rem;
  line-height:1.5;
}
.page-contact .contact-route-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  margin:0;
  padding:0;
}
.page-contact .contact-route-item{
  display:grid;
  grid-template-areas:"tag title" "tag desc";
  grid-template-columns:46px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:14px;
  row-gap:3px;
  min-width:0;
  padding:16px 18px;
  color:var(--contact-text);
  background:color-mix(in srgb,var(--contact-text) 5.5%,transparent);
  border:1px solid var(--contact-line);
  border-radius:18px;
  box-shadow:none;
}
.page-contact .contact-route-item span{
  grid-area:tag;
  display:flex;
  align-items:center;
  justify-content:center;
  align-self:center;
  justify-self:center;
  width:44px;
  height:44px;
  min-width:44px;
  padding:0;
  color:color-mix(in srgb,var(--contact-bg) 92%,#000000);
  background:linear-gradient(135deg,var(--contact-accent),var(--button-secondary-bg));
  border:0;
  border-radius:999px;
  font-size:.78rem;
  font-weight:900;
  line-height:1;
  text-align:center;
}
.page-contact .contact-route-item strong{
  grid-area:title;
  align-self:end;
  min-width:0;
  margin:0;
  color:var(--contact-heading);
  font-size:1.05rem;
  line-height:1.2;
  font-weight:900;
}
.page-contact .contact-route-item em{
  grid-area:desc;
  align-self:start;
  min-width:0;
  margin:0;
  color:var(--contact-muted);
  font-size:.88rem;
  line-height:1.45;
  font-style:normal;
  overflow-wrap:anywhere;
}
.page-contact .contact-mail-strip{
  display:grid;
  gap:6px;
  margin:0;
  padding:16px;
  color:var(--contact-text);
  background:linear-gradient(135deg,color-mix(in srgb,var(--contact-accent) 10%,transparent),color-mix(in srgb,var(--button-secondary-bg) 14%,transparent));
  border:1px solid var(--contact-line);
  border-radius:18px;
}
.page-contact .contact-mail-strip span{
  display:block;
  color:var(--contact-muted);
  font-size:.78rem;
  font-weight:900;
  text-transform:uppercase;
}
.page-contact .contact-mail-strip a{
  display:block;
  margin-top:4px;
  color:var(--content-link-text,var(--contact-accent));
  font-weight:900;
  word-break:break-word;
  text-decoration:underline;
  text-underline-offset:3px;
}
@media (max-width:980px){
  .page-contact .contact-workspace{
    grid-template-columns:1fr;
  }
}
@media (max-width:767px){
  .page-contact{
    padding-block:18px;
  }
  .page-contact .contact-hero-official{
    padding:22px 16px;
    border-radius:22px;
  }
  .page-contact .contact-form-card__head,
  .page-contact .contact-support-copy,
  .page-contact .contact-form,
  .page-contact .contact-support-panel{
    padding:16px;
  }
  .page-contact .contact-form-grid{
    grid-template-columns:1fr;
  }
  .page-contact .f-actions{
    display:grid;
  }
  .page-contact .f-actions .btn-primary{
    width:100%;
  }
}
@media (max-width:640px){
  .page-contact .contact-hero-official .entry-title,
  .page-contact .contact-hero-copy .entry-title{
    font-size:clamp(1.9rem,8.2vw,2.75rem);
  }
  .page-contact .contact-hero-logo img{
    width:clamp(88px,28vw,118px);
  }
  .page-contact .contact-route-item{
    grid-template-columns:42px minmax(0,1fr);
    column-gap:12px;
  }
  .page-contact .contact-route-item span{
    width:40px;
    height:40px;
    min-width:40px;
  }
}