/* =====================================================
   YUVAASOFT – ADVANCED ENQUIRY RESPONSE PAGE
===================================================== */

.ys-enquiry-wrap {
  min-height: 100vh;
  padding: 120px 20px;
  background:
    radial-gradient(circle at center, rgba(31,111,229,0.14), transparent 60%),
    linear-gradient(180deg, #ffffff, #f8fafc);
  animation: pageFade 1s ease forwards;
}

/* ---------- Card ---------- */

.ys-enquiry-card {
  background: #ffffff;
  padding: 70px 64px;
  border-radius: 38px;
  box-shadow: 0 45px 130px rgba(15,23,42,0.18);
  animation: cardLift 0.9s ease forwards;
}

/* ---------- Success Icon ---------- */

.ys-enquiry-icon {
  width: 88px;
  height: 88px;
  border-radius: 50%;
  background: rgba(31,111,229,0.15);
  color: #1f6fe5;
  font-size: 2.6rem;
  font-weight: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  animation: iconPop .7s ease forwards, iconPulse 2.8s ease-in-out infinite;
}

/* ---------- Main Title ---------- */

.ys-response-title {
  font-size: 2.7rem;
  font-weight: 900;
  color: #020617;
  animation: fadeUp .8s ease forwards;
  animation-delay: .2s;
  opacity: 0;
}

/* ---------- Message ---------- */

.ys-response-text {
  max-width: 700px;
  font-size: 1.05rem;
  line-height: 1.8;
  color: #475569;
  animation: fadeUp .8s ease forwards;
  animation-delay: .35s;
  opacity: 0;
}

/* ---------- Footer CTA ---------- */

.ys-footer-cta {
  padding: 100px 20px;
  background:
    linear-gradient(
      135deg,
      rgba(31,111,229,0.08),
      rgba(59,130,246,0.08)
    );
}

.ys-footer-title {
  font-size: 2.4rem;
  font-weight: 900;
  color: #020617;
  animation: fadeUp .8s ease forwards;
  animation-delay: .5s;
  opacity: 0;
}

.ys-footer-text {
  max-width: 760px;
  font-size: 1.05rem;
  line-height: 1.8;
  color: #334155;
  animation: fadeUp .8s ease forwards;
  animation-delay: .65s;
  opacity: 0;
}

.ys-footer-text strong {
  color: #1f6fe5;
}

/* ---------- Animations ---------- */

@keyframes pageFade {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes cardLift {
  from {
    opacity: 0;
    transform: translateY(60px) scale(.96);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

@keyframes iconPop {
  from { transform: scale(.5); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}

@keyframes iconPulse {
  0%,100% { box-shadow: 0 0 0 0 rgba(31,111,229,.45); }
  50% { box-shadow: 0 0 0 22px rgba(31,111,229,0); }
}

@keyframes fadeUp {
  from { opacity: 0; transform: translateY(28px); }
  to { opacity: 1; transform: translateY(0); }
}

/* ---------- Responsive ---------- */

@media (max-width: 768px) {
  .ys-enquiry-card {
    padding: 52px 28px;
  }

  .ys-response-title {
    font-size: 2.2rem;
  }

  .ys-footer-title {
    font-size: 2rem;
  }

  .ys-response-text,
  .ys-footer-text {
    font-size: 0.95rem;
  }
}

/* ---------- Accessibility ---------- */

@media (prefers-reduced-motion: reduce) {
  * {
    animation: none !important;
    transition: none !important;
  }
}