/*
 * CTA Inline Advanced Styling for Adamas University
 * Modern, animated, and on-brand
 */
.cta-inline {
  background: linear-gradient(90deg, #1e5ba8 0%, #23394c 100%);
  color: #fff;
  border-radius: 18px;
  box-shadow: 0 8px 32px rgba(30, 91, 168, 0.18);
  padding: 2.2rem 2.5rem 2.2rem 2.5rem;
  margin: 2.5rem 0;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 120px;
  animation: ctaInlineFadeIn 1.2s cubic-bezier(0.23, 1, 0.32, 1);
}

.cta-inline::before {
  content: "";
  position: absolute;
  left: -60px;
  top: -60px;
  width: 180px;
  height: 180px;
  background: radial-gradient(circle, #8dc73f 0%, rgba(141, 199, 63, 0.12) 80%);
  opacity: 0.18;
  z-index: 0;
  pointer-events: none;
  animation: ctaPulse 3s infinite alternate;
}

.cta-inline::after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: -40px;
  width: 120px;
  height: 120px;
  background: radial-gradient(circle, #ffd54f 0%, rgba(255, 213, 79, 0.1) 80%);
  opacity: 0.15;
  z-index: 0;
  pointer-events: none;
  animation: ctaPulse 2.5s 1s infinite alternate;
}

.cta-inline p {
  position: relative;
  z-index: 2;
  font-size: 1.35rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin: 0;
  text-align: center;
  text-shadow: 0 2px 12px rgba(30, 91, 168, 0.1);
  animation: ctaTextSlideIn 1.1s cubic-bezier(0.23, 1, 0.32, 1);
}

.cta-inline .cta-btn {
  margin-left: 2rem;
  background: #8dc73f;
  color: #fff;
  border: none;
  border-radius: 30px;
  padding: 0.9rem 2.2rem;
  font-size: 1.1rem;
  font-weight: 700;
  box-shadow: 0 4px 18px rgba(141, 199, 63, 0.18);
  transition:
    background 0.3s,
    transform 0.2s,
    box-shadow 0.3s;
  cursor: pointer;
  position: relative;
  z-index: 2;
  animation: ctaBtnPop 1.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.cta-inline .cta-btn:hover,
.cta-inline .cta-btn:focus {
  background: linear-gradient(90deg, #8dc73f 0%, #f4b41a 100%);
  color: #23394c;
  transform: translateY(-3px) scale(1.04);
  box-shadow: 0 8px 32px rgba(244, 180, 26, 0.18);
}

@media (max-width: 600px) {
  .cta-inline {
    flex-direction: column;
    padding: 1.2rem 1rem;
    min-height: 80px;
  }
  .cta-inline .cta-btn {
    margin: 1.2rem 0 0 0;
    width: 100%;
    font-size: 1rem;
    padding: 0.8rem 1.2rem;
  }
  .cta-inline p {
    font-size: 1.05rem;
  }
}