/* =========================================================
   CONSULTATION PAGE (consultation.html) — form + info panel.
   ========================================================= */

.consult-grid{display:grid; grid-template-columns:1fr 380px; gap:56px; align-items:start;}

.form-card{
  background:var(--ink); border:1px solid var(--ink-line); border-radius:16px;
  padding:40px;
}
.form-row{display:grid; grid-template-columns:1fr 1fr; gap:20px;}
.field{margin-bottom:22px;}
.field:last-child{margin-bottom:0;}
.field label{
  display:flex; align-items:center; gap:8px; font-family:'IBM Plex Mono',monospace;
  font-size:12px; letter-spacing:0.04em; text-transform:uppercase; color:var(--ink-mute);
  margin-bottom:9px;
}
.field label .optional{
  font-family:'Inter',sans-serif; text-transform:none; letter-spacing:0; font-size:12px;
  color:#5E6A88; font-style:italic;
}
.field input, .field textarea{
  width:100%; background:var(--ink-2); border:1px solid var(--ink-line); border-radius:8px;
  padding:13px 15px; font-family:'Inter',sans-serif; font-size:14.5px; color:var(--ink-text);
  transition:border-color .2s, background .2s;
}
.field input::placeholder, .field textarea::placeholder{color:#5E6A88;}
.field input:focus, .field textarea:focus{
  outline:none; border-color:var(--brass); background:#101827;
}
.field textarea{resize:vertical; min-height:140px; line-height:1.6;}
.form-note{font-size:12.5px; color:#5E6A88; margin-top:18px;}
.form-submit{width:100%; margin-top:6px; padding:14px 22px;}

.form-success{
  display:none; text-align:center; padding:60px 20px; border:1px solid var(--ink-line);
  border-radius:16px; background:var(--ink);
}
.form-success .check{
  width:52px; height:52px; border-radius:50%; border:1.6px solid var(--brass);
  color:var(--brass); display:flex; align-items:center; justify-content:center;
  font-size:22px; margin:0 auto 20px;
}
.form-success h3{font-size:21px; margin-bottom:10px; color:var(--ink-text);}
.form-success p{font-size:14.5px; color:var(--ink-mute);}

.info-panel{
  background:var(--paper-2); border:1px solid var(--paper-line); border-radius:16px; padding:32px;
}
.info-panel h3{
  font-family:'IBM Plex Mono',monospace; font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase;
  color:var(--brass); font-weight:400; margin-bottom:18px;
}
.info-item{display:flex; gap:13px; margin-bottom:20px;}
.info-item:last-child{margin-bottom:0;}
.info-item .mark{
  width:34px; height:34px; border-radius:50%; border:1.4px solid var(--brass);
  color:var(--brass); flex-shrink:0; display:flex; align-items:center; justify-content:center;
  font-family:'IBM Plex Mono',monospace; font-size:13px;
}
.info-item h4{font-size:14.5px; margin-bottom:4px; color:var(--paper-text); font-weight:600;}
.info-item p{font-size:13.5px; color:var(--paper-mute); margin:0;}
.info-panel .divider{height:1px; background:var(--paper-line); margin:26px 0;}
.info-panel .expect-list{list-style:none;}
.info-panel .expect-list li{
  font-size:13.5px; color:var(--paper-mute); padding:7px 0 7px 20px; position:relative;
}
.info-panel .expect-list li::before{content:"—"; position:absolute; left:0; color:var(--brass-dark);}

@media (max-width:900px){
  .consult-grid{grid-template-columns:1fr;}
}
@media (max-width:600px){
  .form-row{grid-template-columns:1fr;}
  .form-card{padding:28px 22px;}
}