/* ================================================
   CONTACT
================================================ */
#contact { background:var(--ink3); position:relative; overflow:hidden; }
#contact-canvas { position:absolute; inset:0; opacity:.3; }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:6rem; position:relative; z-index:5; }

.c-info-items { margin-top:3rem; display:flex; flex-direction:column; gap:2rem; }
.c-item { display:flex; align-items:center; gap:1.4rem; }
.c-ico {
  width:54px; height:54px; flex-shrink:0;
  background:var(--gdim); border:1px solid var(--border);
  border-radius:14px; display:flex; align-items:center; justify-content:center; font-size:1.4rem;
}
.c-lbl { font-family:var(--mono); font-size:.65rem; letter-spacing:.2em; text-transform:uppercase; color:var(--w40); margin-bottom:.3rem; }
.c-val { font-size:.95rem; color:var(--white); font-weight:500; }

.c-form {
  background:rgba(17,17,25,.9);
  backdrop-filter:blur(30px);
  border:1px solid var(--border2); border-radius:20px; padding:3rem 2.5rem;
}
.fg { margin-bottom:1.5rem; }
.fg label {
  display:block; font-family:var(--mono);
  font-size:.65rem; font-weight:600; letter-spacing:.22em; text-transform:uppercase;
  color:var(--w40); margin-bottom:.7rem;
}
.fg input, .fg textarea, .fg select {
  width:100%; background:rgba(24,24,34,.8);
  border:1px solid var(--border2); border-radius:10px;
  padding:1rem 1.2rem; color:var(--white); font-size:.95rem;
  font-family:var(--sans); outline:none;
  transition:border-color .3s, background .3s;
  -webkit-appearance:none;
}
.fg input:focus, .fg textarea:focus, .fg select:focus {
  border-color:var(--gold);
  background:rgba(201,168,76,.05);
  box-shadow:0 0 0 3px rgba(201,168,76,.08);
}
.fg select option { background:var(--ink3); color:var(--white); }
.fg textarea { resize:none; height:130px; }
.fg-row { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; }
.c-submit {
  width:100%; background:var(--gold); color:var(--ink);
  border:none; padding:1.15rem; border-radius:12px;
  font-size:.88rem; font-weight:700; letter-spacing:.15em; text-transform:uppercase;
  transition:all .3s var(--ease);
}
.c-submit:hover { background:var(--gold2); transform:translateY(-2px); box-shadow:0 14px 40px var(--gglow); }
.c-submit.sent { background:var(--green); color:var(--white); }