body {
	display: block;
	min-height: 0;
	min-width: 0;
}

@media (min-width: 576px) {
	html {
		scrollbar-gutter: auto !important;
	}

	body, html {
		height: 100%;
	}

	.pageform-in {
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 32px 16px;
	}

	.pform-box {
		background-color: hsl(var(--modal-bg));
		box-shadow: var(--modal-sw);
		border-radius: var(--modal-rd);
		width: 100%;
		max-width: 440px;
		overflow: hidden;
	}

	.pageform-copyright {
		color: hsl(var(--c-text-white));
	}
}

.pageform {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	position: relative;
	z-index: 1;
}

.pageform-copyright {
	text-align: center;
	font-size: var(--fs-3);
	padding: 16px;
	opacity: .7;
}

.pageform-in {
	flex: 1 1 auto;
}

.pform-box {
	--pform-box-pad: 32px;
}

.pform-box-head {
	padding: 20px;
	display: flex;
	align-items: center;
}

.pform-box-head > .btn {
	--btn-h: 40px;
	border-radius: 50%;
	margin-right: 12px;
}

.pform-box-head .logotype {
	margin: 0 auto;
}

.pform-box-head .lang-sel {
	margin-left: 0;
	width: 52px;
	display: flex;
	justify-content: center;
}

.pform-cont {
	min-height: 360px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.pform-cont-in {
	width: 100%;
}

@media (min-width: 576px) {
	.pageform-bg {
		position: fixed;
		z-index: -1;
		inset: 0;
		background-color: #43bb91;
		background-size: cover;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-image: url(../img/form5p-bg-768.webp);
	}

	.pageform-bg::after {
		content: "";
		position: absolute;
		inset: 0;
		z-index: -1;
		background-color: hsla(0, 0%, 0%, .5);
	}

	html.darkmod .pageform-bg::after {
		background-color: hsla(0, 0%, 0%, .7);
	}
}

@media (min-width: 992px) {
	.pageform-bg {
		background-image: url(../img/form5p-bg-1024.webp);
	}
}

@media (min-width: 1100px) {
	.pageform-bg {
		background-image: url(../img/form5p-bg-1200.webp);
	}
}

@media (min-width: 1280px) {
	.pageform-bg {
		background-image: url(../img/form5p-bg-1600.webp);
	}
}

@media (min-width: 1600px) {
	.pageform-bg {
		background-image: url(../img/form5p-bg-1920.webp);
	}
}

.pform-cont .contacts {
	text-align: center;
	padding: var(--pform-box-pad);
	width: 100%;
}

.pform-cont .contacts > img {
	margin: 0 auto var(--pform-box-pad) auto;
	width: 160px;
	height: 160px;
	border-radius: 8px;
}

.pform-cont .contacts > * {
	display: block;
}

.pform-cont-in .alert {
	text-align: center;
	background-color: transparent;
	margin-bottom: 0;
	border-radius: 0;
}

.pform-cont-in .alert + form {
	border-top: 1px solid hsla(var(--c-text), .1);
}

.rules .desc > form {
	display: flex;
}

.rules {
	padding: var(--pform-box-pad);
}

@media (min-width: 576px) {
	.rules {
		overflow: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		max-height: 500px;
	}

	.rules .desc > form {
		position: sticky;
		bottom: calc(var(--pform-box-pad)/-1);
		padding: var(--pform-box-pad);
		margin: calc(var(--pform-box-pad)/-1);
		margin-top: var(--pform-box-pad);
		pointer-events: none;
		background-image: linear-gradient(0deg, hsla(var(--modal-bg), 1) 0%, hsla(var(--modal-bg), 0) 100%);
		;
	}

	.rules .desc > form .bbcodes {
		pointer-events: all;
	}
}

.pform-cont-form {
	padding: var(--pform-box-pad);
}

.pform-cont-form .sep-text {
	margin-top: 48px;
}

@media (max-width: 575px) {
	.pform-cont-form .social-links {
		margin: 0;
	}
}

@media (min-width: 576px) {
	.pform-cont-form .social-links {
		margin: calc(var(--pform-box-pad) / -1);
		margin-top: 0;
	}
}