body {
  background: linear-gradient(135deg, #f5fcf4 0%, #e8f4e5 100%);
  background-attachment: fixed;
  min-height: 100vh;
}

.wave-bg {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23be2527' fill-opacity='0.05' d='M0,160L48,149.3C96,139,192,117,288,128C384,139,480,181,576,181.3C672,181,768,139,864,122.7C960,107,1056,117,1152,128C1248,139,1344,149,1392,154.7L1440,160L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E");
  background-size: cover;
  background-position: bottom;
}

.link-card {
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  border: 2px solid rgba(190, 37, 39, 0.1);
}

.link-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 20px rgba(190, 37, 39, 0.15);
  border-color: rgba(190, 37, 39, 0.3);
}

.avatar {
  border: 4px solid #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.pulse {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(190, 37, 39, 0.4);
  }
  70% {
    box-shadow: 0 0 0 12px rgba(190, 37, 39, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(190, 37, 39, 0);
  }
}

.floating {
  animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}