.my-indicator {
	display: none;
}

.htmx-request .my-indicator {
	display: inline;
}

.htmx-request.my-indicator {
	display: inline;
}

.spinner {
	display: inline-block;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px) scale(0.9);
	}

	to {
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}

.submit-btn {
	transition: transform 0.25s ease;
}

/* 2. The Hover Zoom Effect */
.submit-btn:hover {
	/* Zooms in 10% */
	transform: scale(1.1);
}

.gradient-text-indigo-purple {
	background: linear-gradient(to right, #4f46e5, #7c3aed, #ec4899);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", helvetica, Arial, sans-serif;
}
.gradient-indigo-purple {
	background-color: linear-gradient(to right, #4f46e5, #7c3aed, #ec4899);
}
.logo {
	font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: 700;
	background: linear-gradient(to right, rgb(37, 99, 235), rgb(79, 70, 229));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	padding-left:10px;
}