@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
body {
	font-family: 'Inter', sans-serif;
	background-color: #0a0a0a;
	color: #e0f7fa;
}
.neon-glow {
	color: #00f0ff;
	text-shadow: 0 0 5px #00f0ff, 0 0 10px #00f0ff;
}
.nav-neon {
	background-color: rgba(10, 10, 10, 0.8);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid #00f0ff33;
}
.nav-link {
	position: relative;
	color: #ccc;
	transition: color 0.3s, text-shadow 0.3s;
}
.nav-link:hover, .nav-link.active-link {
	color: #fff;
	text-shadow: 0 0 8px #00f0ff;
}
.nav-link::after {
	content: '';
	position: absolute;
	width: 0;
	height: 2px;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ff00c8;
	transition: width 0.3s ease-in-out;
}
.nav-link.active-link::after, .nav-link:hover::after {
	width: 100%;
}
.card {
	background-color: #1a1a2e;
	border: 1px solid #00f0ff33;
	transition: transform 0.3s, box-shadow 0.3s;
	border-radius: 1rem;
}
.card:hover {
	transform: translateY(-5px);
	box-shadow: 0 0 20px #ff00c888;
	border-color: #ff00c855;
}
.icon-circle {
	background-color: #00f0ff20;
	border: 1px solid #00f0ff88;
}