.login-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding-top: 200px;
	min-height: 100vh;
	gap: 24px;
}

.login-logo {
	width: 180px;
}

.login-form {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 280px;
	padding: 24px;
	border-radius: 16px;

	background:
		linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.02),
			rgba(255, 255, 255, 0.004)
		),
		rgba(6, 6, 6, 0.68);

	backdrop-filter: blur(18px) saturate(120%);
	-webkit-backdrop-filter: blur(18px) saturate(120%);

	border: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.06) inset,
		0 8px 32px -8px rgba(0, 0, 0, 0.6);
}

.login-error {
	color: #ff6b6b;
	font-size: 14px;
	text-align: center;
}

.login-input {
	padding: 9px 16px;
	border-radius: 33px;
	border: 1px solid rgba(255, 255, 255, 0.08);
	background: rgba(0, 0, 0, 0.3);
	color: var(--c_grey-1);
	font-size: 16px;
	font-family: 'Inter';
	width: 100%;
	transition: border-color 140ms ease-out;
}

.login-input:focus {
	border-color: var(--c_green-1);
}