body{
	margin:0;
	padding:0;
	height:100vh;
	background:linear-gradient(135deg,#1f1c2c,#928dab);
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	font-family:'Roboto Mono',monospace;
	color:#ffffff;
	overflow:hidden;
	text-align:center
}
.neon-text{
	font-size:clamp(2.5rem,10vw,6rem);
	text-transform:uppercase;
	letter-spacing:.05em;
	position:relative;
	animation:flicker 1.5s infinite alternate
}
.neon-text::before{
	content:attr(data-text);
	position:absolute;
	inset:0;
	color:#ff004c;
	filter:blur(4px);
	z-index:-1
}
@keyframes flicker{
	0%,19%,21%,23%,25%,54%,56%,100%{
		text-shadow:0 0 4px #fff,0 0 11px #ff004c,0 0 19px #ff004c,0 0 40px #ff004c,0 0 80px #ff004c,0 0 90px #ff004c,0 0 100px #ff004c
	}
	20%,24%,55%{text-shadow:none}
}
.social-icons{
	margin-top:2.5rem;
	display:flex;
	gap:1.2rem;
	justify-content:center
}
.social-icons a{
	width:3.5rem;
	height:3.5rem;
	border-radius:50%;
	border:2px solid #ffffff80;
	display:flex;
	align-items:center;
	justify-content:center;
	text-decoration:none;
	transition:transform .2s ease,border-color .2s ease,background-color .2s ease
}
.social-icons a i{
	font-size:1.6rem;
	color:#ffffffd0;
	transition:color .2s ease
}
.social-icons a:hover,
.social-icons a:focus{
	transform:scale(1.15) rotate(4deg);
	border-color:#ff004c;
	background-color:#ffffff10
}
.social-icons a:hover i,
.social-icons a:focus i{
	color:#ff004c
}
.sr-only{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	white-space:nowrap;
	border:0
}
@media (prefers-reduced-motion:reduce){
	.neon-text{animation:none}
	.social-icons a:hover,
	.social-icons a:focus{transform:none}
}
.page-links{
	margin-top:1.5rem;
	display:flex;
	justify-content:center;
}
.projects-link{
	display:inline-flex;
	align-items:center;
	gap:.6rem;
	font-size:1.1rem;
	padding:.8rem 1.5rem;
	border:2px solid #ffffff80;
	border-radius:9999px;
	text-decoration:none;
	color:#ffffffd0;
	transition:transform .2s ease,border-color .2s ease,background-color .2s ease;
}
.projects-link:hover,
.projects-link:focus{
	transform:scale(1.08) rotate(-2deg);
	border-color:#ff004c;
	background-color:#ffffff10;
	color:#ff004c;
}