body {
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
}
.login-container {
	background: #f0f5f7;/*#f0f5f7*/ /*white*/
	padding: 25px;
	border-radius: 8px;
	/*box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);*/
	width: 380px;
	text-align: center;
}
.login-container h4 {
	font-weight: bold;
	color: #2d1e5c;
}
.login-container input {
	background: #f0f0f0;
	border: none;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	margin-bottom: 10px;
}
.login-container input:focus {
	outline: none;
}
.remember-me {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
}
.remember-me label {
	display: flex;
	align-items: center;
	gap: 5px;
	white-space: nowrap;
}
.login-btn {
	background: #59d5cc;
	border: none;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	color: white;
	font-weight: bold;
	transition: 0.3s;
}
.login-btn:hover {
	opacity: 0.9;
}