body {
	font-family: 'Inter', sans-serif;
}

.gradient-text {
	background: linear-gradient(to right, #B567C8, #65E1E1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.btn-primary {
	background-color: #65E1E1;
	color: #0F172A;
	transition: all 0.3s ease;
}

.btn-primary:hover {
	background: linear-gradient(to right, #B567C8, #65E1E1);
	transform: scale(1.05);
	color: white;
}

.btn-secondary {
	border: 2px solid #65E1E1;
	color: #0F172A;
	transition: all 0.3s ease;
}

.btn-secondary:hover {
	background-color: #65E1E1;
	color: white;
}

.reveal {
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.8s ease-out;
}

.reveal.active {
	opacity: 1;
	transform: translateY(0);
}

@keyframes pulse-logo {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.02);
	}
	100% {
		transform: scale(1);
	}
}

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

/* HTMX Indicators */
.htmx-indicator {
	display: none;
}

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

.htmx-request.btn-primary {
	opacity: 0.7;
	cursor: not-allowed;
}