:root { color-scheme: dark; }

body {
	margin: 0;
	min-height: 100vh;
	display: grid;
	place-items: center;
	padding: 24px;
	background: #14181f;
	color: #dfe4ec;
	font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

main { max-width: 560px; text-align: center; }
h1 { font-size: 28px; margin: 0 0 16px; }
p { color: #93a0b2; margin: 0 0 16px; }
.note { font-size: 14px; }
code { color: #d1a233; }

.enter {
	display: inline-block;
	margin-top: 8px;
	padding: 12px 28px;
	color: #14181f;
	background: #d1a233;
	border-radius: 4px;
	font-weight: 600;
	text-decoration: none;
}
.enter:hover { background: #e2b854; }