html, body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: 'Inter', sans-serif;
	font-optical-sizing: auto;
	font-size: 16px;
	color: #1b292a;
}

* {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	outline: none;
	-webkit-appearance: none;
	vertical-align: top;
	border-spacing: 0;
	border-collapse: collapse;
	list-style: none;
}

input, select, textarea, button {
	font-family: 'Inter', sans-serif;
	font-optical-sizing: auto;
	font-size: 15px;
	color: #1b292a;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

::-webkit-input-placeholder {
	color: #767f7f;
}
::-moz-placeholder {
	color: #767f7f;
}
:-ms-input-placeholder {
	color: #767f7f;
}
:-moz-placeholder {
	color: #767f7f;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	font-family: 'Inter', sans-serif;
	font-size: 15px;
	-webkit-text-fill-color: #1b292a;
	-webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
}

a {
	text-decoration: none;
	color: #0066ff;
}

.wrap {
	max-width: 1200px;
	margin: 0 auto;
}

header {
	padding: 20px;
	background: #fff;
	border-bottom: 1px solid #e8e9ea;
}
	.header-grid {
		display: grid;
		grid-template-columns: min-content auto;
		align-items: center;
	}

	.logo {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 8px;
		font-size: 20px;
		font-weight: 800;
		color: #1b292a;
		white-space: nowrap;
	}
	a.logo:hover {
		text-decoration: underline;
	}
		.logo img {
			margin: 0 0 1px 0;
		}

	.header-grid .menu {
		justify-self: end;
	}
		.header-grid .menu li a {
			color: #1b292a;
			font-size: 15px;
		}
		.header-grid .menu li a:hover {
			text-decoration: underline;
		}

main {
	padding: 60px 20px;
}
main.home {
	padding: 40px 20px;
	background: #f7f8f9;
}

.main-grid {
	display: grid;
	grid-template-columns: auto 300px;
	grid-gap: 40px;
}

.form,
.sidebar {
	padding: 20px;
	background: #fff;
	border: 1px solid #e8e9ea;
	border-radius: 5px;
	box-shadow:
		0px 0px 1.2px rgba(0, 0, 0, 0.002),
		0px 0px 2.7px rgba(0, 0, 0, 0.003),
		0px 0px 4.6px rgba(0, 0, 0, 0.004),
		0px 0px 6.9px rgba(0, 0, 0, 0.004),
		0px 0px 10px rgba(0, 0, 0, 0.005),
		0px 0px 14.2px rgba(0, 0, 0, 0.006),
		0px 0px 20.1px rgba(0, 0, 0, 0.006),
		0px 0px 29.2px rgba(0, 0, 0, 0.007),
		0px 0px 45px rgba(0, 0, 0, 0.008),
		0px 0px 80px rgba(0, 0, 0, 0.01);
}
	.form .stats {
		display: grid;
		grid-template-columns: repeat(4, auto);
		grid-row-gap: 20px;
		border-bottom: 1px solid #e8e9ea;
		padding: 0 0 20px 0;
	}
		.form .stats .title {
			font-size: 14px;
		}
		.form .stats .value {
			margin: 10px 0 0 0;
			font-size: 24px;
			font-weight: 800;
			color: #0066ff;
		}
	.form .form-textarea,
	.form .form-file {
		background: #fff;
		width: 100%;
		resize: none;
	}
	.form .form-textarea {
		padding: 20px 0;
		height: 275px;
	}
	.form .file-title {
		border-top: 1px solid #e8e9ea;
		padding: 20px 0 0 0;
		font-size: 15px;
	}
	.form .form-file {
		padding: 20px 0;
		border-radius: 0;
	}

	.form .form-footer {
		border-top: 1px solid #e8e9ea;
		padding: 20px 0 0 0;
		text-align: center;
	}

.button {
	display: inline-block;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 500;
	background: #0066ff;
	color: #fff;
	border-radius: 999px;
}

.sidebar .title {
	font-size: 18px;
	font-weight: 700;
	margin: 0 0 20px 0;
}

.keywords {
	display: grid;
	grid-template-columns: 1fr;
	font-size: 14px;
	line-height: 1.5;
}
	.keywords .item {
		display: grid;
		grid-template-columns: auto 40px 40px;
		align-items: center;
		grid-gap: 10px;
		font-size: 14px;
		padding: 10px;
	}
	.keywords .item:nth-child(odd) {
		background: #f7f8f9;
	}
		.keywords .item .value {
			text-align: center;
		}

.about {
	border-top: 1px solid #e8e9ea;
	padding: 60px 20px;
}

	article h1 {
		font-size: 24px;
		font-weight: 800;
	}
	article h2 {
		margin: 40px 0 0 0;
		font-size: 20px;
		font-weight: 800;
	}
	article p {
		margin: 20px 0 0 0;
		line-height: 1.6;
	}
		article p a {
			text-decoration: underline;
		}
		article p a:hover {
			text-decoration: none;
		}

footer {
	padding: 40px 20px;
	background: #f7f8f9;
	border-top: 1px solid #e8e9ea;
}
	footer .copyright {
		margin: 10px 0 0 0;
		font-size: 14px;
	}
	footer p {
		margin: 20px 0 0 0;
		max-width: 600px;
		font-size: 14px;
		line-height: 1.4;
		color: #0e1515;
	}
		footer a {
			color: #0e1515;
			text-decoration: underline;
		}
		footer a:hover {
			text-decoration: none;
		}
		}