/* ============================================
   Contact page — refactored component styles
   (rename + reorganize + dedupe only; values byte-identical)
   ============================================ */

/* --- Hero --- */
.contact-hero {
  position:relative;padding:clamp(9rem,15vh,11rem) 0 clamp(4rem,8vh,6rem);overflow:hidden;
}
.contact-hero-glow {
  top:-25%;left:-10%;width:55vw;height:55vw;max-width:720px;max-height:720px;background:radial-gradient(circle,var(--accent),transparent 60%);opacity:.1;filter:blur(30px);
}
.contact-container {
  max-width:1200px;position:relative;
}
.contact-title {
  margin:0;font-size:clamp(2.6rem,6vw,5rem);line-height:1.05;letter-spacing:-.02em;font-weight:800;
}
.contact-title-accent {
  color:var(--accent);
}
.contact-lead {
  margin:1.6rem 0 0;max-width:46ch;font-size:clamp(1.05rem,1.4vw,1.3rem);line-height:1.65;color:#9BA3B4;
}
.contact-split {
  display:grid;grid-template-columns:1fr;gap:clamp(2rem,4vw,4rem);align-items:start;margin-top:clamp(3rem,6vh,4.5rem);
}
/* --- Form --- */
.contact-form {
  border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(160deg,#0E1116,#0A0C10);padding:clamp(1.8rem,4vw,2.8rem);display:flex;flex-direction:column;gap:1.3rem;
}
.contact-field {
  display:flex;flex-direction:column;gap:.45rem;
}
.contact-label {
  font-weight:600;font-size:1rem;
}
.contact-input,
.contact-textarea {
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.9rem 1.1rem;color:#ECEFF4;font-size:1.05rem;
}
.contact-textarea {
  resize:vertical;
}
.contact-submit {
  margin-top:.4rem;background:var(--accent);color:#04140F;font-weight:700;font-size:1.08rem;padding:.95rem 1.7rem;border:none;border-radius:999px;cursor:pointer;font-family:inherit;transition:transform .25s;
}
.contact-form-note {
  margin:0;font-size:.92rem;color:#6B7383;display:none;
}

/* --- Contact methods --- */
.contact-methods {
  display:flex;flex-direction:column;gap:1rem;
}
.contact-method {
  display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#0E1116;padding:1.3rem 1.5rem;text-decoration:none;transition:border-color .25s;
}
.contact-method-icon {
  width:44px;height:44px;border-radius:12px;background:rgba(47,212,190,.12);border:1px solid rgba(47,212,190,.25);display:flex;align-items:center;justify-content:center;flex:none;
}
.contact-method-text {
  display:flex;flex-direction:column;
}
.contact-method-value,
.contact-method-value-ltr {
  font-weight:700;font-size:1.08rem;
}
.contact-method-value-ltr {
  font-family:'Fredoka',sans-serif;
}
.contact-method-sub {
  color:#8A93A6;font-size:.95rem;
}
.contact-note {
  margin:.5rem 0 0;color:#6B7383;font-size:.95rem;line-height:1.6;
}

/* --- Breakpoints --- */
@media (min-width: 64em) {
  .contact-split { grid-template-columns:1.1fr .9fr; }
}