.registration-auth-form {
	width: clamp(150px, 15.625vw, 300px);
	gap: clamp(5px, 0.5vw, 10px);
}
.registration-auth-form input {
	width: 100%;
}
.registration-auth-content button {
	padding: clamp(2px, 0.2vw, 4px) clamp(5px, 0.6vw, 12px);
	font-size: clamp(10px, 1vw, 20px);
	margin: clamp(10px, 2.5vw, 48px);
}
.registration-auth-container {
	height: 100vh;
}
.registration-auth-container h2 {
	margin: clamp(10px, 4vw, 79px);
}
/* 
.registration-auth-container h2::after,
.registration-auth-container h2::before,
.registration-auth-form::before {
	content: '';
	width: var(--leaf-size);
	height: var(--leaf-size);
	position: absolute;
	background-image: url('../../images/bgImg/leaf.png');
	background-size: contain;
	background-repeat: no-repeat;
} */
.registration-auth-container h2::before {
	margin-left: clamp(-518px, -27vw, -10px);
	margin-top: clamp(-288px, -15vw, -10px);
	transform: rotate(200deg);
}
.registration-auth-container h2::after {
	margin-top: clamp(-76px, -4vw, -10px);
	margin-left: clamp(10px, 30vw, 576px);
}

.registration-auth-form::before {
	transform: rotate(-15deg) scaleX(-1);
	margin-top: clamp(10px, 38vw, 730px);
	margin-left: clamp(-1344px, -70vw, -10px);
}

#login {
	padding: 0.2vw clamp(10px, 1vw, 20px);
}
.logout-container h1::before{
	content: "";
    position: absolute;
    width: clamp(10px, 30vw, 576px);
    height: clamp(10px, 2.5vw, 48px);
    background-image: url('../../images/bgImg/2.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-top:clamp(10px, 1vw, 19px);
	margin-left:clamp(-19px, -1vw, -10px);
    z-index: -1;

}
.logout-container p{
	margin: clamp(10px, 1vw, 20px);
	font-size: var(--p-a-font-size);
}

.logout-container button{
	padding: clamp(2px, 0.4vw, 8px) clamp(5px, 0.8vw, 15px);
	margin: 0;
}

.logout-container .auth-links{
	margin-top: clamp(10px, 8vw, 153px);
}


#reset::before{
	width: clamp(10px, 40vw, 768px);
}
/*адаптив*/

@media (max-width: 1100px) {
	.registration-auth-content button {
		font-size: var(--p-a-font-size) !important;
		padding:0.4vw 1.2vw;
	}
	.logout-container h1::before{
		width: 48vw;
		height: 4vw;
		margin-top:1.5vw;
		margin-left:-2vw;

	}
	.registration-auth-form {
		width:35vw;
	}
	.registration-auth-form input{
		font-size: var(--p-a-font-size) ;
	}
	.logout-container h1::before{
		width: clamp(10px, 30vw, 576px);
		height: clamp(10px, 2.5vw, 48px);
		margin-top:clamp(10px, 1vw, 19px);
		margin-left:clamp(-19px, -1vw, -10px);
		z-index: -1;

	}
	#reset::before{
		width:61vw;
		height: 3vh;
	}
	.logout-container h1::before{
		width:47vw;
		height: 3.2vh;
		margin-top:1.5vw;
		margin-left:-2vw;
	}


	
}

@media (max-width: 768px) {
	.registration-auth-content button, #login{
		padding:1vw 4vw;
		margin-top: 6vh;
		border-radius: 3vw;
	}
	.registration-auth-form {
		gap:2vw;
	}
	.registration-auth-form {
		width:70vw;
	}
	.registration-auth-container h2::before {
		margin-left: -20vw;
		margin-top: -15vw;
	}
	.registration-auth-container h2::after {
		margin-top: 4vw;
		margin-left: 12vw;
	}

	.registration-auth-form::before {
		margin-top: 90vw;
		margin-left: -70vw;
	}
	.logout-container p{
		text-align: center;
	}

	#logout{
		margin: 0;
	}

	.logout-container h1::before{
		width: 48vw;
		height: 4vw;
		margin-top:1.5vw;
		margin-left:-2vw;

	}
	.logout-container h1::before{
		width: 75vw;
		height: 3.2vh;
		margin-top:2.5vw;
		margin-left:-2vw;
	}

	.registration-auth-container h2::before{
		margin-top: -40vw;
		margin-left: -40vw;
	}
	.registration-auth-container h2::after{
		margin-top: 60vw;
		margin-left: 25vw;
		transform: rotate(95deg);
	}
	#reset{
		margin-top:0;
	}
	#reset::before{
		width: 90vw;
		height: 4vh;
		margin-left: 2vw;
	}
	.registration-auth-content{
		margin-top: -12dvh;
	
	}
	.registration-auth-content h2::after{
		margin-left: 5vw;
		margin-top: -20vh;
		transform: rotate(125deg);
		/*.*/
	}

}