/* contact.css — contact page only (shared nav/footer/buttons via style.css) */
.contact-hero{text-align:center;padding:48px 0 28px}
.contact-hero h1{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800;letter-spacing:-.02em}
.contact-hero p{color:var(--ec-muted);font-size:.92rem;max-width:480px;margin:.6rem auto 0}
.connect-card{background:#E7DEF8 url('../images/footer-img-bg.jpeg') center/cover no-repeat;border-radius:20px;padding:56px 40px 40px;height:100%;min-height:440px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.connect-card::before{content:"";position:absolute;top:-2px;right:120px;width:48px;height:48px;background:#fff;border-radius:0 0 20px 20px}
.connect-logo-badge{position:absolute;top:-16px;right:28px;background:#fff;border-radius:14px;padding:8px 16px;box-shadow:var(--ec-shadow-sm)}
.connect-logo-badge img{height:28px}
.connect-card h2{font-size:clamp(2.4rem,4vw,3.2rem);font-weight:800;line-height:1.08;letter-spacing:-.02em}
.connect-card p{font-size:.9rem;color:#111;margin-top:auto;max-width:320px;line-height:1.55}
.connect-rows{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:440px;padding:8px 0 8px 24px}
.contact-row{display:flex;gap:20px;align-items:flex-start;padding:26px 4px;border-bottom:1px solid #e5e5e5}
.contact-row:last-child{border-bottom:0}
.contact-ic{width:52px;height:52px;border-radius:50%;background:#F7F4FD;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contact-ic img{width:22px;height:22px}
.contact-row small{display:block;font-size:.88rem;color:#777;margin-bottom:.2rem}
.contact-row strong{font-size:1.25rem;font-weight:500;color:#111}
.contact-row a{color:var(--ec-purple)}
/* form */
.help-title{font-size:clamp(2rem,4.5vw,3rem);font-weight:800;text-align:center;letter-spacing:-.02em}
.form-card label{font-size:1rem;font-weight:500;margin-bottom:.5rem}
.form-card .form-control{border-radius:12px;font-size:.9rem;padding:1.05rem 1.1rem;border:1px solid #c9c9c9}
.form-card .form-control::placeholder{color:#c4c4c4}
.form-card .form-control:focus{border-color:var(--ec-purple-2);box-shadow:0 0 0 .2rem rgba(126,63,214,.12)}
.btn-send{background:#7E3FD6;color:#fff;border-radius:100px;padding:.75rem 2.4rem;font-size:.85rem;font-weight:600;border:0}
.btn-send:hover{background:#5C1FAF;color:#fff}
/* faq */
.faq-side{background:#E7DEF8 url('../images/footer-img-bg.jpeg') center/cover no-repeat;border-radius:20px;padding:32px 26px;height:100%;display:flex;flex-direction:column}
.faq-side img.logo{height:30px;align-self:flex-end;margin-bottom:1.5rem}
.faq-side h6{font-size:.95rem;font-weight:700}
.faq-side p{font-size:.85rem;color:#333}
.faq-contact{background:#fff;border-radius:100px;text-align:center;font-weight:600;font-size:.88rem;padding:.7rem;margin-top:auto;display:block;color:var(--ec-black)}
.accordion-item{border:1px solid var(--ec-lilac-light)!important;border-radius:14px!important;overflow:hidden;margin-bottom:.7rem}
.accordion-button{font-size:.92rem;font-weight:600}
.accordion-button:not(.collapsed){background:#F7F4FD;color:var(--ec-black);box-shadow:none}
.accordion-button:focus{box-shadow:none}
/* cta */
.cta-img{border-radius:24px;object-fit:cover;width:100%;height:480px}
.cta-box{display:flex;flex-direction:column;justify-content:center;height:100%;padding:10px 0 10px 32px}
.cta-title{font-size:clamp(2rem,4vw,3.3rem);font-weight:800;line-height:1.08;letter-spacing:-.03em}
.cta-text{color:#2b2b2b;font-size:1rem;max-width:440px}
.cta-btn{background:#7E3FD6;color:#fff;border-radius:100px;padding:.8rem 2rem;font-weight:600}
.cta-btn:hover{background:#5C1FAF;color:#fff}
@media(max-width:991px){
  .connect-card{min-height:320px;margin-bottom:8px;padding:48px 28px 32px}
  .connect-rows{min-height:0;padding:0}
  .contact-row strong{font-size:1.05rem}
  .cta-img{height:340px}
  .cta-box{padding:8px 0 0;text-align:center;align-items:center}
  .cta-text{margin:0 auto}
  .faq-side{margin-bottom:16px;min-height:280px}
}