.contact-page{}

.contact-hero-inner{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-4);
}

.contact-options .card{
  transition:box-shadow var(--transition-fast);
}

.contact-options .card:hover{
  box-shadow:0 10px 24px var(--color-shadow);
}

.contact-form-grid{
  display:grid;
  grid-template-columns:2fr 1fr;
  gap:var(--space-5);
}

.contact-form{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.form-group{
  display:flex;
  flex-direction:column;
  gap:var(--space-2);
}

.form-group input,
.form-group textarea,
.form-group select{
  border:1px solid var(--color-border);
  padding:10px;
  border-radius:var(--radius-sm);
  background:#0f0f0f;
}

.form-group input:focus,
.form-group textarea:focus,
.form-group select:focus{
  outline:1px solid var(--color-accent);
}

.contact-form-text{
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
  max-width:360px;
}

.contact-discretion-inner{
  max-width:600px;
  margin-inline:auto;
  text-align:center;
  display:flex;
  flex-direction:column;
  gap:var(--space-3);
}

.contact-cta{
  padding:var(--space-5) 0;
  background:var(--color-accent);
}

.contact-cta h2{
  margin-bottom:var(--space-3);
}

.contact-faq .faq-item{
  border:1px solid var(--color-border);
  border-radius:var(--radius-sm);
  margin-bottom:var(--space-3);
  overflow:hidden;
}

.faq-question{
  width:100%;
  text-align:left;
  padding:var(--space-3);
}

.faq-answer{
  display:none;
  padding:var(--space-3);
  border-top:1px solid var(--color-border);
}

.contact-closing-inner{
  max-width:500px;
  margin-inline:auto;
  text-align:center;
}

@media (max-width:768px){
  .contact-form-grid{
    grid-template-columns:1fr;
  }

  .contact-form-text{
    max-width:none;
  }
}