/* Custom Styles */
.gradient-text {
	background: linear-gradient(135deg, #22c55e 0%, #16a34a 50%, #15803d 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
}

.gradient-bg {
	background: linear-gradient(135deg, #22c55e 0%, #16a34a 50%, #0d9488 100%);
}

.gradient-bg-animated {
	background: linear-gradient(-45deg, #22c55e, #16a34a, #0d9488, #15803d);
	background-size: 300% 300%;
	animation: gradient 8s ease infinite;
}

.glass {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.glass-dark {
	background: rgba(0, 0, 0, 0.2);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border: 1px solid rgba(255, 255, 255, 0.1);
}

/* Navbar and language dropdown above hero / main content */
#navbar {
	z-index: 50;
}

#lang-dropdown {
	z-index: 50;
}

.hero-glow {
	position: absolute;
	width: 600px;
	height: 600px;
	background: radial-gradient(circle, rgba(34, 197, 94, 0.3) 0%, transparent 70%);
	border-radius: 50%;
	filter: blur(80px);
	z-index: 0;
}

.card-hover {
	transition: all 0.3s ease;
}

.card-hover:hover {
	transform: translateY(-8px);
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

/* Smooth transitions */
* {
	transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
	transition-duration: 150ms;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

/* Scrollbar styling */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: #22c55e;
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: #16a34a;
}