* {
	box-sizing: border-box;
}

html,
body {
	height: 100%;
}

body {
	margin: 0;

	background: #0b0f14;
	color: #e6edf3;

	font-family: Arial, Helvetica, sans-serif;

	display: flex;
	flex-direction: column;
}


/* Верхняя панель */

header {
	height: 70px;

	display: flex;
	align-items: center;
	justify-content: space-between;

	padding: 0 30px;

	border-bottom: 1px solid #1f2933;
}


.logo {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 1px;
}


nav {
	display: flex;
	gap: 25px;
}


nav a {

	color: #9ca3af;

	text-decoration: none;

	font-size: 15px;

}


nav a:hover {

	color: #e6edf3;

}


.logo a {
    color: inherit;
    text-decoration: none;
}


/* Основной блок */

main {
	flex: 1;

	display: flex;
	justify-content: center;
	align-items: center;

	padding: 20px;
}


/* Контент */

.container {
	max-width: 600px;

	text-align: center;
}


h1 {
	font-size: 42px;
	margin-bottom: 20px;
}


p {
	color: #9ca3af;
	font-size: 18px;
	line-height: 1.6;
}


/* Статус */

.status {

	margin-top: 30px;

	display: inline-flex;
	align-items: center;
	gap: 10px;

	padding: 10px 18px;

	background: #111827;

	border-radius: 20px;

	color: #a7f3d0;
}


.dot {

	width: 10px;
	height: 10px;

	background: #22c55e;

	border-radius: 50%;
}


/* Нижняя панель */

footer {

	height: 60px;

	display: flex;
	justify-content: center;
	align-items: center;

	border-top: 1px solid #1f2933;

	color: #6b7280;

	font-size: 14px;
}


/* Ссылки */

a {

	color: #60a5fa;

	text-decoration: none;

}


a:hover {

	text-decoration: underline;

}