* {
	box-sizing:border-box
}
body,html {
	height:100%
}
body {
	margin:0;
	font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	background:#0b0f14;
	color:#e9eef5;
	display:flex;
	align-items:center;
	justify-content:center
}
.container {
	max-width:720px;
	width:100%;
	padding:24px 20px;
	text-align:center
}
.logo {
	margin-bottom:8px
}
h1 {
	margin:8px 0 4px;
	font-size:26px;
	line-height:1.25;
	font-weight:700;
	letter-spacing:.2px
}
h2 {
	margin:0 0 16px;
	font-size:16px;
	font-weight:500;
	color:#9bb1c9
}
p {
	margin:10px 0 0;
	font-size:15px;
	line-height:1.6;
	color:#c6d4e5
}
.actions {
	margin-top:18px
}
.button,a.button {
	display:inline-block;
	padding:10px 14px;
	border:0;
	border-radius:8px;
	background:#1f6feb;
	color:#fff;
	text-decoration:none;
	font-weight:600
}
a.button:focus,a.button:hover {
	opacity:.95
}
.debug {
	margin-top:22px;
	text-align:left;
	border:1px solid #1f2a37;
	background:#0e141b;
	border-radius:8px;
	padding:12px;
	overflow:auto
}
.debug h3 {
	margin:0 0 6px;
	font-size:13px;
	color:#9bb1c9
}
.debug pre {
	margin:0;
	font-size:12px;
	line-height:1.5;
	color:#c6d4e5;
	white-space:pre-wrap;
	word-break:break-word
}
.small {
	margin-top:14px;
	font-size:12px;
	color:#9bb1c9
}
.button.secondary {
	background:#2d333b;
	color:#e9eef5
}
.badge {
	display:inline-block;
	margin:0 auto 10px;
	padding:6px 10px;
	border:1px solid #1f2a37;
	background:#0e141b;
	border-radius:999px;
	font-size:12px;
	font-weight:700;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#1f6feb
}