/* Non-critical styles and enhancements */
.interests-list li:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

a:hover {
	color: #003380;
}

@media (max-width: 768px) {
	h1 {
		font-size: 2.5rem;
	}

	h1 span {
		font-size: 3rem;
	}

	.intro {
		font-size: 1rem;
	}
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
	body {
		background-color: #1a1a1a;
		color: #ffffff;
	}

	.interests-section h2 {
		color: #ffffff;
	}

	a {
		color: #66b3ff;
	}

	a:hover {
		color: #99ccff;
	}
}