body.login{
	background:
		radial-gradient(1200px circle at 22% -12%, rgba(22,178,138,.55) 0%, rgba(22,178,138,0) 55%),
		radial-gradient(900px circle at 92% 12%, rgba(22,178,138,.22) 0%, rgba(22,178,138,0) 58%),
		linear-gradient(180deg, #041714 0%, #07241f 48%, #041714 100%);
	min-height:100vh;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	padding:24px 0;
}
body.login #login{
	width:min(420px, calc(100% - 40px));
	padding:0;
	margin:0;
}
body.login #login h1{
	margin:0 0 18px 0;
	text-align:center;
}
body.login #login h1 a{
	background-size:contain;
	background-position:center;
	width:210px;
	height:84px;
	margin:0 auto;
}
body.login #loginform,
body.login #registerform,
body.login #lostpasswordform{
	border-radius:16px;
	border:1px solid rgba(255,255,255,.14);
	box-shadow:0 22px 60px rgba(0,0,0,.22);
	background:#ffffff;
	padding:26px;
}
body.login #loginform input[type="text"],
body.login #loginform input[type="password"],
body.login #registerform input[type="text"],
body.login #registerform input[type="password"],
body.login #registerform input[type="email"],
body.login #lostpasswordform input[type="text"]{
	border-radius:12px;
	border:1px solid rgba(6,31,27,.16);
	padding:12px 14px;
}
body.login .button-primary{
	border-radius:12px;
	font-weight:800;
	border:1px solid transparent;
	background:linear-gradient(180deg, rgba(22,178,138,1) 0%, rgba(14,163,124,1) 100%);
	color:#06241f;
	text-shadow:none;
}
body.login .button-primary:hover{
	filter:brightness(.98);
	background:linear-gradient(180deg, rgba(22,178,138,1) 0%, rgba(14,163,124,1) 100%);
	color:#06241f;
}
body.login #backtoblog a,
body.login #nav a{
	color:rgba(255,255,255,.78);
}
body.login #backtoblog a:hover,
body.login #nav a:hover{
	color:#fff;
}
body.login #nav,
body.login #backtoblog{
	text-align:center;
}
body.login .language-switcher{
	width:100%;
	display:flex;
	justify-content:center;
}