.contact-page{padding:2.5rem 0 3.5rem}
.contact-wrap{display:grid;gap:1.75rem;align-items:start}
@media(min-width:900px){
  .contact-wrap{grid-template-columns:1.05fr .95fr;gap:2.25rem}
}
.contact-kicker{
  display:inline-flex;margin:0 0 .75rem;padding:.35rem .7rem;border-radius:999px;
  background:rgba(255,77,157,.1);color:#ff2e8a;font-size:.78rem;font-weight:800;
}
.contact-copy h1{
  margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.15;color:var(--ink,#32143F);
}
.contact-copy .lead{
  margin:0 0 1.25rem;color:var(--muted,#6b6280);font-weight:600;line-height:1.55;max-width:36rem;
}
.contact-points{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.contact-points li{
  display:flex;gap:.65rem;align-items:flex-start;font-weight:700;color:var(--ink,#32143F);
}
.contact-points span[aria-hidden]{font-size:1.15rem;line-height:1.2}
.contact-points a{color:#ff2e8a;text-decoration:none}
.contact-points a:hover{text-decoration:underline}

.contact-card{
  background:#fff;border:1px solid rgba(255,77,157,.16);border-radius:24px;
  padding:1.25rem 1.2rem 1.35rem;box-shadow:0 14px 34px rgba(50,20,63,.07);
}
html[data-theme="dark"] .contact-card{
  background:#1f1230;border-color:#3a2448;box-shadow:0 14px 34px rgba(0,0,0,.28);
}
.contact-card h2{margin:0 0 1rem;font-size:1.2rem;color:var(--ink,#32143F)}
.contact-form{display:grid;gap:.85rem}
.contact-form label{display:grid;gap:.35rem;font-weight:800;font-size:.9rem;color:var(--ink,#32143F)}
.contact-form input,
.contact-form textarea{
  width:100%;border:1px solid rgba(255,77,157,.22);border-radius:14px;
  padding:.75rem .9rem;font:inherit;font-weight:600;color:var(--ink,#32143F);
  background:#fff0f7;
}
html[data-theme="dark"] .contact-form input,
html[data-theme="dark"] .contact-form textarea{
  background:#2a1638;border-color:#3a2448;color:#f6eaf8;
}
.contact-form input:focus,
.contact-form textarea:focus{
  outline:2px solid rgba(255,77,157,.35);outline-offset:1px;
}
.contact-consent{
  display:flex!important;grid-template-columns:auto 1fr;gap:.65rem;align-items:flex-start;
  font-weight:600!important;font-size:.86rem!important;color:var(--muted,#6b6280)!important;
}
.contact-consent input{width:auto;margin-top:.15rem;accent-color:#ff2e8a}
.contact-consent a{color:#ff2e8a;font-weight:800;text-decoration:none}
.contact-hp{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important}
.contact-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-top:.25rem}
.contact-actions .btn{
  border:0;border-radius:999px;padding:.85rem 1.25rem;font:inherit;font-weight:900;
  background:linear-gradient(135deg,#ff4d9d,#e01575);color:#fff;cursor:pointer;
  box-shadow:0 10px 22px rgba(255,46,138,.28);
}
.contact-actions .btn:disabled{opacity:.65;cursor:wait}
.contact-msg{margin:0;font-weight:700;font-size:.9rem}
.contact-msg.is-ok{color:#1a7f4b}
.contact-msg.is-err{color:#c62828}
html[data-theme="dark"] .contact-copy h1,
html[data-theme="dark"] .contact-card h2,
html[data-theme="dark"] .contact-form label,
html[data-theme="dark"] .contact-points li{color:#f6eaf8}
