body {background:#f9fafb;font-family:'Inter',sans-serif;color:#1e293b;}

/* HERO */
.hero-support {
  padding:120px 20px;
  text-align:center;
}
.hero-support h1 {
  font-size:3rem;
  color:#6366f1;
}
.hero-support p {
  max-width:800px;
  margin:auto;
  color:#475569;
}

/* FAQ */
.faq-support {
  padding:80px 0;
}
.faq-card {
  background:#fff;
  padding:20px 25px;
  border-radius:15px;
  margin-bottom:15px;
  box-shadow:0 10px 30px rgba(0,0,0,0.05);
  transition:0.3s;
}
.faq-card:hover {
  transform:translateY(-6px);
}

/* FORM */
.contact-form form {
  max-width:600px;
  margin:auto;
  display:grid;
  gap:15px;
}
.contact-form input,
.contact-form textarea {
  padding:15px;
  border-radius:12px;
  border:1px solid #cbd5e1;
}
.contact-form textarea {height:120px;}

.btn-primary {
  background:linear-gradient(90deg,#6366f1,#7c83ff);
  color:#fff;
  padding:14px;
  border-radius:12px;
  border:none;
  cursor:pointer;
  transition:0.3s;
}
.btn-primary:hover {
  transform:translateY(-3px);
}

/* DIRECT CONTACT */
.cards-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:20px;
  margin-top:30px;
}
.card {
  background:#fff;
  padding:25px;
  border-radius:15px;
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.05);
}

/* ANIMATION */
.fade-up {
  opacity:0;
  transform:translateY(40px);
  transition:0.8s;
}
.fade-up.show {
  opacity:1;
  transform:translateY(0);
}