/* Campaign Landing Page Styles */
/* Based on Start Bootstrap - Personal template */

body,
html {
  height: 100%;
}

.bg-gradient-primary-to-secondary {
  background: #1e30f3;
  background: linear-gradient(135deg, #1e30f3 0%, #e21e80 100%);
}

.text-gradient {
  background: -webkit-linear-gradient(315deg, #1e30f3 0%, #e21e80 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.rounded-4 {
  border-radius: 1rem !important;
}

.feature {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3rem;
  width: 3rem;
  font-size: 1.5rem;
}

.profile {
  position: relative;
  height: 60vw;
  width: 75vw;
  border-radius: 5vw;
  margin-top: 5vw;
  max-height: 40rem;
  max-width: 40rem;
}

.profile .profile-img {
  height: 80vw;
  max-height: 45rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media (min-width: 576px) {
  .profile {
    height: 60vw;
    width: 60vw;
  }
  .profile .profile-img {
    height: 65vw;
  }
}

@media (min-width: 768px) {
  .profile {
    height: 50vw;
    width: 50vw;
  }
  .profile .profile-img {
    height: 55vw;
  }
}

@media (min-width: 992px) {
  .profile {
    height: 40vw;
    width: 40vw;
  }
  .profile .profile-img {
    height: 45vw;
  }
}

@media (min-width: 1200px) {
  .profile {
    height: 20vw;
    width: 35vw;
  }
  .profile .profile-img {
    height: 25vw;
  }
}

/* Campaign specific button styles */
.btn-primary {
  background: linear-gradient(135deg, #1e30f3 0%, #e21e80 100%);
  border: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.btn-primary:hover {
  background: linear-gradient(135deg, #1826c2 0%, #b8186a 100%);
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(30, 48, 243, 0.4);
}

/* Badge gradient */
.badge.bg-gradient-primary-to-secondary {
  font-size: 0.85rem;
  padding: 0.5rem 1rem;
}

/* Card styles for countdown */
.card.border-8 {
  border-radius: 1rem;
}

/* Footer links */
footer a {
  color: #6c757d;
  text-decoration: none;
}

footer a:hover {
  color: #1e30f3;
}