/* ═══════════════════════════════════════
   CONTACT PAGE
═══════════════════════════════════════ */
.contact-body{
  display:grid;grid-template-columns:1fr 1.4fr;gap:4rem;align-items:start;
  margin-top:3rem;
}
.contact-info{display:flex;flex-direction:column;gap:1.2rem}
.info-block{padding:1.6rem;border:1px solid var(--border);border-radius:3px;background:linear-gradient(135deg,rgba(7,18,40,0.9),rgba(4,12,26,0.95))}
.info-block-tag{font-family:'Space Mono',monospace;font-size:0.56rem;letter-spacing:0.32em;text-transform:uppercase;color:var(--cyan);margin-bottom:0.5rem}
.info-block-val{font-size:0.95rem;color:var(--pale);line-height:1.6}
.contact-form{padding:2.5rem;border:1px solid var(--border);border-radius:3px;background:linear-gradient(155deg,rgba(7,18,40,0.9),rgba(4,12,26,0.95))}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}
.form-field{margin-bottom:1rem}
.form-label{font-family:'Space Mono',monospace;font-size:0.56rem;letter-spacing:0.28em;text-transform:uppercase;color:var(--dim);display:block;margin-bottom:0.42rem}
.form-input{
  width:100%;background:rgba(7,18,40,0.7);
  border:1px solid var(--border);border-radius:2px;
  padding:0.72rem 1rem;color:var(--white);font-size:1rem;outline:none;
  transition:border-color 0.2s;
}
.form-input:focus{border-color:var(--border-hi)}
.form-input::placeholder{color:var(--dim);opacity:0.45}
textarea.form-input{resize:vertical}

@media(max-width:960px){
  .contact-body{grid-template-columns:1fr;gap:2rem}
}
@media(max-width:480px){
  .contact-body{margin-top:2rem}
  .contact-form{padding:1.6rem}
  .info-block{padding:1.2rem}
  .form-row{grid-template-columns:1fr}
}