/* QCoreTalk — auth pages (login, signup, forgot password) */
html, body {
	height: 100%;
}

body.qcoret-auth {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 40px;
	padding-bottom: 40px;
	background: linear-gradient(135deg, #003d75 0%, #0057A8 35%, #009FE3 70%, #0057A8 100%) !important;
	background-attachment: fixed !important;
	background-size: cover !important;
	min-height: 100vh;
}

body.qcoret-auth::before {
	content: "";
	position: fixed;
	inset: 0;
	background:
		radial-gradient(circle at 20% 80%, rgba(0, 159, 227, 0.25) 0%, transparent 50%),
		radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.08) 0%, transparent 40%);
	pointer-events: none;
	z-index: 0;
}

body.qcoret-auth .form_card {
	position: relative;
	z-index: 1;
}

body.qcoret-auth #login_form.card,
body.qcoret-auth form.card {
	background: rgba(255, 255, 255, 0.96) !important;
	border: none;
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0, 45, 90, 0.35);
	backdrop-filter: blur(8px);
}

body.qcoret-auth form .card {
	border-radius: 12px;
	border: 1px solid rgba(0, 87, 168, 0.12);
}

body.qcoret-auth .forgot_pass {
	color: #0057A8;
}

body.qcoret-auth .forgot_pass:hover {
	color: #009FE3;
}

body.qcoret-auth .btn-outline-primary {
	border-color: #0057A8 !important;
	color: #0057A8 !important;
}

body.qcoret-auth .btn-outline-primary:hover {
	background: #0057A8 !important;
	border-color: #0057A8 !important;
	color: #fff !important;
}