body[data-path="login"],
body[data-path="login"] .main-section {
	background: #f5f7f5 !important;
}

body[data-path="login"] .for-login,
body[data-path="login"] .for-forgot,
body[data-path="login"] .for-signup,
body[data-path="login"] .for-email-login {
	font-family: Inter, "Avenir Next", Arial, sans-serif;
}

body[data-path="login"] .page-card {
	border: 1px solid #e4e8e6 !important;
	border-top: 6px solid #86ddd1 !important;
	border-radius: 22px !important;
	background: #ffffff !important;
	box-shadow: 0 24px 70px rgba(13, 15, 15, 0.09) !important;
	padding: 30px !important;
	width: 100% !important;
	max-width: 400px !important;
	margin: 80px auto !important;
	float: none !important;
}

body[data-path="login"] .page-card-container,
body[data-path="login"] .page-card-container .container,
body[data-path="login"] .content.center-content {
	display: flex !important;
	justify-content: center !important;
	width: 100% !important;
	max-width: none !important;
}

body[data-path="login"] .page-card-head {
	margin-bottom: 24px !important;
}

body[data-path="login"] .page-card-head img {
	display: none !important;
}

body[data-path="login"] .page-card-head::before {
	content: "";
	display: block;
	width: 68px;
	height: 68px;
	margin: 0 auto 14px;
	background: url("/assets/lms/wavenine/wavenine.png") center / contain no-repeat;
}

body[data-path="login"] .page-card-head h4 {
	margin-top: 18px !important;
	font-size: 0 !important;
}

body[data-path="login"] .page-card-head h4::after {
	content: "Welcome to Wave Nine Academy";
	font-size: 24px;
	line-height: 1.05;
	letter-spacing: -0.035em;
	font-weight: 900;
	color: #0d0f0f;
}

/* Screen-specific subtitles. The new text is laid over Frappe's paragraph so
   it keeps Frappe's font size, colour and line height; it must stay no longer
   than the text it covers. Sign up keeps Frappe's "Let's setup your account." */
body[data-path="login"] .for-login .page-card-subtitle,
body[data-path="login"] .for-forgot .page-card-subtitle {
	position: relative;
	visibility: hidden;
}

body[data-path="login"] .for-login .page-card-subtitle::after,
body[data-path="login"] .for-forgot .page-card-subtitle::after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	visibility: visible;
}

body[data-path="login"] .for-login .page-card-subtitle::after {
	content: "Please log in to continue.";
}

body[data-path="login"] .for-forgot .page-card-subtitle::after {
	content: "Enter your email to get a password reset link.";
}

body[data-path="login"] .form-control {
	min-height: 44px !important;
	border-radius: 10px !important;
	border-color: #dfe4e1 !important;
}

body[data-path="login"] .btn-primary {
	min-height: 44px !important;
	border-radius: 10px !important;
	background: #0d0f0f !important;
	border-color: #0d0f0f !important;
	font-weight: 800 !important;
}

body[data-path="login"] .btn-primary:hover {
	background: #202523 !important;
	border-color: #202523 !important;
}

body[data-path="login"] a {
	color: #278f83 !important;
}

body[data-path="login"] .navbar,
body[data-path="login"] footer.web-footer {
	border-color: #e4e8e6 !important;
}