.trf-scope {
	--trf-bg: #f3f3f3;
	--trf-text: #111820;
	--trf-muted: #6f747b;
	--trf-line: #20242b;
	--trf-accent: #e3000f;
	--trf-white: #ffffff;
	--trf-font-main: "Avenir Next", "Century Gothic", Arial, sans-serif;
	--trf-font-label: "DIN Condensed", "Roboto Condensed", "Arial Narrow", Arial, sans-serif;
	padding: 48px 22px 72px;
}

.trf-scope * {
	box-sizing: border-box;
}

.trf-scope .trf-shell {
	max-width: 800px;
	margin: 0 auto;
}

.trf-scope .trf-title {
    margin: 0 0 35px;
    text-align: center;
    color: var(--trf-text);
    font: 500 19px / 1.2 var(--trf-font-main);
    letter-spacing: 0.08em;
    /* text-transform: uppercase; */
}

.trf-scope .trf-form {
	margin: 0;
}

.trf-scope .trf-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 36px 28px;
	margin: 0;
}

.trf-scope .trf-grid-single {
	grid-template-columns: 1fr;
	margin-top: 34px;
}

.trf-scope .trf-field {
	width: 100%;
}

.trf-scope .trf-field-full {
	grid-column: 1 / -1;
}

.trf-scope .trf-field label {
	display: none;
}

.trf-scope .trf-field input,
.trf-scope .trf-field select {
	width: 100%;
	height: 54px;
	border: 0;
	border-bottom: 1px solid rgba(32, 36, 43, 0.62);
	border-radius: 0;
	padding: 14px 2px 12px;
	background: transparent;
	color: var(--trf-text);
	font: 500 18px / 1 var(--trf-font-label);
	letter-spacing: 0.06em;
	text-transform: uppercase;
	outline: none;
	box-shadow: none;
	appearance: none;
}

.trf-scope .trf-field select {
	background-image:
		linear-gradient(45deg, transparent 50%, var(--trf-line) 50%),
		linear-gradient(135deg, var(--trf-line) 50%, transparent 50%);
	background-position:
		calc(100% - 16px) calc(50% - 2px),
		calc(100% - 10px) calc(50% - 2px);
	background-size: 7px 7px, 7px 7px;
	background-repeat: no-repeat;
	padding-right: 30px;
}

.trf-scope .trf-field input::placeholder,
.trf-scope .trf-field select,
.trf-scope .trf-field select option:first-child {
	color: #707780;
}

.trf-scope .trf-field input:focus,
.trf-scope .trf-field select:focus {
	border-bottom-color: var(--trf-accent);
}

.trf-scope .trf-field input::-webkit-input-placeholder {
	color: #707780;
	opacity: 1;
}

.trf-scope .trf-field input::-moz-placeholder {
	color: #707780;
	opacity: 1;
}

.trf-scope .trf-field input:-ms-input-placeholder {
	color: #707780;
}

.trf-scope .requirements {
	margin-top: 10px;
	color: var(--trf-accent);
	font: 700 14px/1.2 var(--trf-font-main);
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

.trf-scope .zgods {
	margin-top: 68px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 12px;
}

.trf-scope .zgods .swge {
	margin: 4px 0 0;
	width: 18px;
	height: 18px;
	accent-color: var(--trf-text);
	flex: 0 0 auto;
}

.trf-scope .zgods span, .trf-scope .zgods a {
    color: var(--trf-text);
    font: 500 16px / 1.25 var(--trf-font-label);
    letter-spacing: 0.04em;
    /* text-transform: uppercase; */
}

.trf-scope .zgods a {
	text-underline-offset: 2px;
}

.trf-scope .dgwsteg {
    display: block;
    margin: 24px auto 0;
    min-width: 200px;
    border: 0;
    background: var(--trf-accent);
    color: var(--trf-white);
    font: 500 18px / 1 var(--trf-font-main);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    padding: 18px 18px;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease;
}

.trf-scope .dgwsteg:hover {
	transform: translateY(-1px);
	filter: brightness(1.08);
}

.trf-scope .dgwsteg:active {
	transform: translateY(0);
}

@media (max-width: 860px) {
	.trf-scope .trf-title {
		font-size: 24px;
		margin-bottom: 30px;
	}

	.trf-scope .trf-grid {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.trf-scope .trf-field input,
	.trf-scope .trf-field select {
		font-size: 22px;
		height: 48px;
		padding-top: 12px;
	}

	.trf-scope .zgods {
		margin-top: 42px;
		justify-content: flex-start;
	}

	.trf-scope .zgods span,
	.trf-scope .zgods a {
		font-size: 20px;
	}

	.trf-scope .dgwsteg {
		margin-top: 46px;
		min-width: 220px;
		font-size: 18px;
		padding: 18px 26px;
	}

	.trf-scope {
		padding: 24px 14px 48px;
	}
}