@keyframes gradientShift {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.card-wrapper::before {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	right: -20px;
	bottom: -20px;
	background: linear-gradient(45deg, 
		rgba(52, 211, 153, 0.2),
		rgba(16, 185, 129, 0.2),
		rgba(52, 211, 153, 0.2),
		rgba(34, 197, 94, 0.2));
	background-size: 300% 300%;
	border-radius: 30px;
	filter: blur(30px);
	animation: glowPulse 8s ease-in-out infinite;
	z-index: -1;
}

@keyframes glowPulse {
	0%, 100% {
		background-position: 0% 50%;
		opacity: 0.5;
	}
	50% {
		background-position: 100% 50%;
		opacity: 0.8;
	}
}

@keyframes cardFadeIn {
	to {
		opacity: 1;
	}
}

@keyframes profilePulse {
	0%, 100% {
		transform: scale(1);
		box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.4);
	}
	50% {
		transform: scale(1.05);
		box-shadow: 0 0 0 15px rgba(52, 211, 153, 0);
	}
}