/* ==========================================================
	Login
========================================================== */
.login-page{
	min-height:100vh;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:24px;
}
.login-card{
	width:100%;
	max-width:420px;
	text-align:center;
}
.login-logo{
	width:80px;
	height:80px;
	margin:0 auto 24px;
	border:2px solid var(--border);
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-size:34px;
	box-shadow:3px 3px 0 var(--shadow);
}
.login-title{
	margin-bottom:6px;
}
.login-subtitle{
	margin-bottom:28px;
	color:#666;
	font-size:14px;
}
.login-form{
	text-align:left;
}
.login-form .form-group{
	margin-bottom:18px;
}
.login-form label{
	display:block;
	margin-bottom:8px;
	font-weight:bold;
}
.input-icon{
	position:relative;
}
.input-icon > i:first-child{
	position:absolute;
	left:12px;
	top:50%;
	transform:translateY(-50%);
}
.input-icon input{
	padding-left:42px;
}
.password-toggle{
	position:absolute;
	right:12px;
	top:50%;
	transform:translateY(-50%);
	cursor:pointer;
}
.login-remember{
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:20px;
}
.login-submit{
	width:100%;
}
.login-footer{
	margin-top:32px;
	text-align:center;
	font-size:13px;
	color:#777;
}