/* Contact Page CSS */
.contact-page-hero{padding:100px 32px 40px;text-align:center;max-width:600px;margin:0 auto}
.contact-page-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(59,130,246,.3);border-radius:9999px;padding:5px 18px;margin-bottom:24px;font-family:'Space Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.2em;color:#60a5fa;text-transform:uppercase}
.contact-page-heading{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1.1;margin-bottom:16px}
.contact-page-sub{font-size:14.5px;line-height:1.75;color:rgba(255,255,255,.55)}
.contact-page-body{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;max-width:960px;margin:40px auto 80px;padding:0 48px;align-items:start}
.contact-page-left-heading{font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1.15;margin-bottom:36px}
.contact-page-left-heading em{font-style:italic;font-family:'Playfair Display',serif;color:#3b82f6;-webkit-text-fill-color:#3b82f6;display:block}
.contact-info-item{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}
.contact-info-icon{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);flex-shrink:0}
.contact-info-text{display:flex;flex-direction:column;gap:2px;padding-top:4px}
.contact-info-label{font-family:'Space Mono',monospace;font-size:8.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.contact-info-value{font-size:14px;font-weight:500;color:#fff;text-decoration:none;transition:color .2s}
.contact-info-value:hover{color:#60a5fa;text-decoration:none}
.contact-social-row{display:flex;gap:12px;margin-top:32px}
.contact-social-btn{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.45);text-decoration:none;transition:all .2s}
.contact-social-btn:hover{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.45);text-decoration:none}
.contact-form-card-new{background:rgba(17,21,32,.8);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04)}
.cf-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}
.cf-field{margin-bottom:14px}
.cf-label{display:block;font-family:'Space Mono',monospace;font-size:8.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:7px}
.cf-input,.cf-textarea{display:block;width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:11px 14px;font-family:'DM Sans',sans-serif;font-size:13px;color:#e8eaf0;outline:none;transition:border-color .2s;resize:none}
.cf-input:focus,.cf-textarea:focus{border-color:rgba(59,130,246,.45)}
.cf-input::placeholder,.cf-textarea::placeholder{color:rgba(255,255,255,.45)}
.cf-textarea{min-height:120px}
.cf-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:#2563eb;color:#fff;border:none;border-radius:9999px;padding:14px 24px;font-family:'Space Mono',monospace;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;margin-top:8px;transition:background .2s,transform .15s}
.cf-submit-btn:hover{background:#1d4ed8;transform:translateY(-1px)}
.cf-submit-icon{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0}
@media(max-width:768px){.contact-page-body{grid-template-columns:1fr;padding:0 20px;gap:32px}.contact-page-hero{padding:100px 20px 32px}.cf-row-2{grid-template-columns:1fr}}

/* ── CONTACT PAGE — Light theme ──────────────────── */
body.pa-light .contact-page-hero   { background: transparent; }
body.pa-light .contact-page-badge  { border-color: rgba(37,99,235,.3); color: #2563eb; }
body.pa-light .contact-page-heading { color: #111827; }
body.pa-light .contact-page-sub    { color: rgba(0,0,0,.45); }
body.pa-light .contact-page-left-heading { color: #111827; }
body.pa-light .contact-page-left-heading em {
  color: #2563eb;
  -webkit-text-fill-color: #2563eb;
}
body.pa-light .contact-info-icon {
  background: rgba(0,0,0,.05);
  border-color:rgba(0,0,0,.5);
  color: rgba(0,0,0,.55);
}
body.pa-light .contact-info-label  { color:rgba(0,0,0,.55); }
body.pa-light .contact-info-value  { color: #111827; }
body.pa-light .contact-info-value:hover { color: #2563eb; }
body.pa-light .contact-social-btn {
  background: rgba(0,0,0,.05);
  border-color:rgba(0,0,0,.5);
  color:rgba(0,0,0,.6);
}
body.pa-light .contact-social-btn:hover { background: rgba(0,0,0,.09); color: #111827; }
body.pa-light .contact-form-card-new {
  background: #ffffff;
  border-color:rgba(0,0,0,.5);
  box-shadow: 0 4px 28px rgba(0,0,0,.07);
}
body.pa-light .cf-label { color:rgba(0,0,0,.6); }
body.pa-light .cf-input,
body.pa-light .cf-textarea {
  background: #f9fafb;
  border-color:rgba(0,0,0,.5);
  color: #111827;
}
body.pa-light .cf-input:focus,
body.pa-light .cf-textarea:focus { border-color: rgba(37,99,235,.4); }
body.pa-light .cf-input::placeholder,
body.pa-light .cf-textarea::placeholder { color:rgba(0,0,0,.5); }
body.pa-light .cf-submit-btn { background: #2563eb; color: #fff; }
body.pa-light .cf-submit-btn:hover { background: #1d4ed8; }