section.confirm{
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	max-width: 456px !important;
	border-radius: var(--dialog-radius);
	background-color: var(--color-light);
	box-shadow: 0 11px 23px 0 rgba(0, 0, 0, 0.1);
	margin: 128px 0 176px 0;
	padding: 32px;
	text-align:center;
	gap: 37px;
	h2{
		font-size: var(--extra-big-font-size);
	}
	.txt{
		font-size: var(--prm-font-size);
		font-family: var(--primary-font);
		color: var(--txt-light);
	}
	.action{
		width: 100%;
		background-color: var(--highlight);
		color: var(--color-light);
		height: 48px;
		line-height: 48px;
	}
}
section.signup{
	display: grid;
	grid-template-columns: 1fr 458px;
	align-content: center;
	align-items: center;
	max-width: 940px !important;
	>div{
		width:100%;
		height: 100%;
	}
	.promo{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 0 144px 0 0;
		>div{
			display: flex;
			flex-direction: column;
			gap: 24px;
			h3{
				font-size: var(--big-font-size);
				margin-bottom: 4px;
			}
		}
	}
	.form{
		border-radius: var(--dialog-radius);
		box-shadow: 0 11px 23px 0 rgba(0, 0, 0, 0.1);
		background-color: #fff;		
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 48px 32px 42px;
		gap: 24px;
		img{
			width: 44px;
			height: 50px;
		}
		.txt{
			margin-bottom: 8px;
			font-size: var(--prm-font-size);
			a{
				color: inherit;
				font-weight: var(--strong-weight);
			}
		}
		>div.field{
			width:100%;
			input{
				border: solid 2px #d3d4df;
			}
			input:focus{
				outline: none;
			}			
		}
		input.Error{
			border: 2px var(--highlight) solid !important;
		}		
	}	
}
@media (max-width: 1024px) {
}
@media (max-width: 600px) {
	section.signup{
		grid-template-columns: 1fr;
		.promo{display: none;}
	}
	section.signup,
	section.confirm{
		width: calc(100% - 48px);
		margin: 0 24px;
	}
}