* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}
html,
body {
	height: 100%;
	background-color: #000;
}
:root {
	--c-v: calc((10vw + 10vh) / 25.75);
	--c-c: clamp(1.5rem, var(--c-v), 2.5rem);
	--c-f: clamp(0.688rem, 0.563rem + 0.33vw, 0.813rem);
	--logo-size: clamp(11.25rem, 5.625rem + 15vw, 16.875rem);
}
body {
	display: grid;
	justify-items: center;
	align-content: center;
	max-height: 999999px;
	background: url(bg-dark.svg) center fixed no-repeat #000;
	background-size: cover;
}
body * {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #eee;
}
form {
	
}
form * {
	font-size: var(--c-f);
	color: #fff;
	border: 0;
}
input, textarea {
	background-color: #000;
	width: calc(var(--c-c) * 16);
	-webkit-appearance: none;
	-moz-appearance: none;
}
input:focus, textarea:focus, input:active, textarea:active {
	border: 0;
}
input, textarea, button {
	border: 0;
	border-radius: 0;
	margin: calc(var(--c-c) / 4);
	padding: var(--c-c);
}
button {
	background-color: #161616;
	cursor: pointer;
}
button:hover {
	background-image: linear-gradient(#68686f, #98989f);
}
button:active {
	background-image: linear-gradient(#b8b8bf, #fff);
	color: #000;
}
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,
input:-internal-autofill-selected,
input:-internal-autofill-selected:hover,
input:-internal-autofill-selected:focus {
	border: 0;
	-webkit-text-fill-color: #fff;
	-webkit-box-shadow: 0 0 0px 1000px #000 inset;
	font-size: var(--c-f) !important;
}
input:-internal-autofill-previewed, input:-webkit-autofill::first-line, input:is(:-webkit-autofill, :autofill) {
	font-size: var(--c-f) !important;
}

.logo-container {
	position: relative;
	width: var(--logo-size);
	height: var(--logo-size);
}
.logo {
	line-height: 0;
}
.st0 {
	fill: #fff;
}
.footer-mail {
	position: absolute;
	width: 100%;
	text-align: center;
	bottom: var(--c-c);
}
.footer-mail a {
	color: #738499;
	font-size: var(--c-f);
	text-decoration: none;
	border-bottom: 1px solid #39424d;
}
.footer-mail a:hover {
	border-bottom: 1px solid transparent;
}
.error-404 {
	text-align: center;
}
.error-404 > h1 {
	font-size: clamp(1.75rem, 1.5rem + 0.67vw, 2rem);
	font-weight: 300;
}
.error-404 > p {
	font-size: clamp(0.75rem, 0.625rem + 0.33vw, 0.875rem);
}
@-moz-document url-prefix() {
	.side {	outline: 1px solid transparent;	}
}