body{
	min-height:100vh;
	background:#f8f9fa;
}

.login-image{
	min-height:100vh;
	background:
	linear-gradient(135deg,rgba(13,110,253,.85),rgba(0,0,0,.65)),
	url('https://images.unsplash.com/photo-1563013544-824ae1b704d3') center/cover;
}

.login-card{
	width:100%;
	max-width:520px;
	border:0;
	border-radius:24px;
	background:#fff;
	box-shadow:0 20px 50px rgba(0,0,0,.12)!important;
}

body.login .card-body{
	padding:45px!important;
}

body.login h2,
body.login h3{
	font-weight:700;
	color:#111827;
	letter-spacing:-.03em;
}

body.login .form-label{
	color:#374151;
	font-size:.9rem;
	font-weight:600;
	margin-bottom:8px;
}

body.login .form-control{
	height:52px;
	border-radius:14px;
	border:1px solid #e5e7eb;
	padding:0 16px;
	font-size:.95rem;
	color:#111827;
	background:#fff;
	box-shadow:0 2px 5px rgba(0,0,0,.03);
	transition:.25s;
}

body.login .form-control:hover{
	border-color:#cbd5e1;
}

body.login .form-control:focus{
	border-color:#0d6efd;
	box-shadow:0 0 0 4px rgba(13,110,253,.12),0 8px 20px rgba(13,110,253,.08);
}

body.login .btn-login{
	height:52px;
	border-radius:14px;
	border:0;
	background:linear-gradient(135deg,#0d6efd,#084298);
	font-weight:700;
	font-size:.95rem;
	box-shadow:0 10px 25px rgba(13,110,253,.25);
	transition:.25s;
}

body.login .btn-login:hover{
	transform:translateY(-2px);
	box-shadow:0 15px 35px rgba(13,110,253,.35);
}

body.login .form-check-input{
	width:18px;
	height:18px;
	margin-top:.2em;
	accent-color:#0d6efd;
}

body.login .form-check-label{
	color:#64748b;
	font-size:.9rem;
}

body.login a{
	color:#0d6efd;
	font-weight:500;
	text-decoration:none;
}

body.login a:hover{
	color:#084298;
}

@media(max-width:991px){
	.login-image{
		min-height:220px;
		height:220px;
	}

	.login-card{
		margin:30px 15px;
	}

	body.login .card-body{
		padding:30px!important;
	}
}