body {
	margin: 0;
	background-color: #001144;
	font-family: Verdana, Geneva, sans-serif;
}
img {
	max-width: 2048px;
	width: 100%;
}
#linkwrap {
	width: min(1100px, calc(100% - 32px));
	margin: 24px auto 48px;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}
.featurelink {
	display: block;
	padding: 20px 22px;
	border: 1px solid rgba(255,255,255,0.18);
	border-radius: 18px;
	background: linear-gradient(145deg, rgba(255,255,255,0.16), rgba(255,255,255,0.06));
	box-shadow: 0 14px 28px rgba(0,0,0,0.25);
	color: #ffffff;
	text-decoration: none;
	transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.2s ease;
	backdrop-filter: blur(6px);
}
.featurelink:hover,
.featurelink:focus {
	transform: translateY(-3px);
	box-shadow: 0 18px 34px rgba(0,0,0,0.32);
	border-color: rgba(255,255,255,0.34);
	background: linear-gradient(145deg, rgba(255,255,255,0.2), rgba(120,190,255,0.14));
}
.featurelink_title {
	display: block;
	font-size: 1.35rem;
	font-weight: bold;
	letter-spacing: 0.03em;
	text-align: center;
}
@media (min-width: 650px) {
	#pagewrap {
		max-width: 2048px;
		width: 100%;
		margin: 0 auto;
	}
	#pagewrap_mob {
		display: none;
	}
}
@media (max-width: 650px) {
	#pagewrap {
		display: none;
	}
	#pagewrap_mob {
		width: 100%;
		margin: 0 auto;
	}
	#linkwrap {
		width: min(100% - 24px, 540px);
		margin: 18px auto 32px;
		grid-template-columns: 1fr;
	}
	.featurelink {
		padding: 18px 18px;
		border-radius: 16px;
	}
}