body {
	font-family: 'Inter', sans-serif;
	background-color: #0a0a0a;
	overflow: hidden;
}

.content-container {
	position: relative;
	z-index: 1;
}

.link-btn {
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.link-btn:hover {
	transform: translateY(-4px) scale(1.02);
	box-shadow: 0 10px 20px rgba(255, 0, 0, 0.2);
}

.image-strobe {
	box-shadow: 0 0 35px 20px rgba(255, 255, 255, 0.9);
	transition: box-shadow 0.05s ease-in-out;
}

.wave-container {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 200px;
	z-index: 0;
	overflow: hidden;
}

.wave {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 200%;
	height: 100%;
	background-repeat: repeat-x;
	background-size: 50% 100px;
	animation: wave-flow 10s linear infinite;
}

.wave.one {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 100' preserveAspectRatio='none'%3e%3cpath d='M 0 50 C 200 0 200 100 400 50 C 600 0 600 100 800 50 L 800 100 L 0 100 Z' fill='%23dc2626'/%3e%3c/svg%3e");
	opacity: 0.6;
	animation-duration: 8s;
	animation-direction: reverse;
}

.wave.two {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 100' preserveAspectRatio='none'%3e%3cpath d='M 0 60 C 150 100 250 0 400 50 C 550 100 650 0 800 60 L 800 100 L 0 100 Z' fill='%23ffffff'/%3e%3c/svg%3e");
	opacity: 0.4;
	animation-duration: 12s;
}

@keyframes wave-flow {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-50%);
	}
}

#strobe-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	pointer-events: none;
	background-color: transparent;
	transition: background-color 0.05s ease-out;
}