.login-page {
	background: 
		linear-gradient(108.5deg, 
			var(--blue-2) 1.42%, 
			var(--blue-4) 44.1%, 
			var(--blue-6) 72.86%, 
			var(--blue-7) 94.88%
		);
}
.login-page .login.section { background: transparent; }

.login__block {
	max-width: 600px;
	padding: 20px;
	border-radius: var(--radius-lg);
	background-color: var(--white-a15);
	margin: 0 auto;
	display: flex; gap: 40px;
	flex-direction: column;
}

.login__title {
	color: var(--white);
	font-size: 50px;
	font-weight: 400;
	line-height: 1.2;
}

.login__form {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.login__field {
	width: 100%;
}

.login__input {
	width: 100%;
	height: 75px;
	padding: 0 12px;
	border: 1px solid var(--whihe-a25);
	border-radius: 6px;
	background-color: var(--white-a15);
	color: var(--white);
	font-size: 12px;
	outline: none;
}

.login__input::placeholder {
	font-weight: 400;
	font-size: 20px;
	line-height: 1;
	color: var(--white);
}

.login__button {
	height: 75px;
	width: 100%;
    height: 75px;
    padding: 0 12px;
    border: 1px solid var(--whihe-a25);
    border-radius: 6px;
    background-color: var(--white-a15);
    color: var(--white);
    font-size: 12px;
    outline: none;
    align-content: center;
    text-align: start;
    font-weight: 400;
    font-size: 20px;
    line-height: 1;
    color: var(--white);
    transition: background-color 0.2s ease;
}
.login__button:hover {
	background-color: var(--whihe-a25);
}

.login__bottom-text {
	font-weight: 400;
	font-size: 18px;
	line-height: 1;
	color: var(--white);
}