.login-with-email-link,
.for-login-with-email-link {
	display: none !important;
}

body:has(.for-login .login-content),
body:has(.for-email-login .login-content),
body:has(.for-forgot .login-content),
body:has(.for-signup .login-content) {
	min-height: 100vh;
	background:
		linear-gradient(135deg, rgba(10, 30, 63, 0.78), rgba(10, 30, 63, 0.36)),
		url("/assets/dosare_legale/images/desk/desk-bg.jpg") center center / cover no-repeat fixed;
}

body:has(.for-login .login-content) .page-card,
body:has(.for-email-login .login-content) .page-card,
body:has(.for-forgot .login-content) .page-card,
body:has(.for-signup .login-content) .page-card {
	background: rgba(255, 255, 255, 0.94) !important;
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: 18px;
	box-shadow: 0 24px 56px rgba(10, 30, 63, 0.22);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

body:has(.for-login .login-content) .page-card-head,
body:has(.for-email-login .login-content) .page-card-head,
body:has(.for-forgot .login-content) .page-card-head,
body:has(.for-signup .login-content) .page-card-head {
	padding-top: 8px;
}

body:has(.for-login .login-content) .page-card-head .app-logo,
body:has(.for-email-login .login-content) .page-card-head .app-logo,
body:has(.for-forgot .login-content) .page-card-head .app-logo,
body:has(.for-signup .login-content) .page-card-head .app-logo {
	width: min(320px, 100%);
	height: auto;
	max-width: 320px;
	max-height: 96px;
	object-fit: contain;
	margin: 0 auto 18px;
	display: block;
}

body:has(.for-login .login-content) .page-card-head h4,
body:has(.for-email-login .login-content) .page-card-head h4,
body:has(.for-forgot .login-content) .page-card-head h4,
body:has(.for-signup .login-content) .page-card-head h4 {
	color: #0a1e3f;
	font-weight: 700;
	letter-spacing: -0.01em;
}

body:has(.for-login .login-content) .page-card-actions .btn.btn-primary,
body:has(.for-email-login .login-content) .page-card-actions .btn.btn-primary,
body:has(.for-forgot .login-content) .page-card-actions .btn.btn-primary,
body:has(.for-signup .login-content) .page-card-actions .btn.btn-primary {
	background: #0a1e3f !important;
	border-color: #0a1e3f !important;
}

body:has(.for-login .login-content) .page-card-actions .btn.btn-primary:hover,
body:has(.for-email-login .login-content) .page-card-actions .btn.btn-primary:hover,
body:has(.for-forgot .login-content) .page-card-actions .btn.btn-primary:hover,
body:has(.for-signup .login-content) .page-card-actions .btn.btn-primary:hover {
	background: #14325f !important;
	border-color: #14325f !important;
}

@media (max-width: 767px) {
	body:has(.for-login .login-content),
	body:has(.for-email-login .login-content),
	body:has(.for-forgot .login-content),
	body:has(.for-signup .login-content) {
		background-position: 58% center;
	}

	body:has(.for-login .login-content) .page-card,
	body:has(.for-email-login .login-content) .page-card,
	body:has(.for-forgot .login-content) .page-card,
	body:has(.for-signup .login-content) .page-card {
		border-radius: 16px;
		margin-left: 16px;
		margin-right: 16px;
	}

	body:has(.for-login .login-content) .page-card-head .app-logo,
	body:has(.for-email-login .login-content) .page-card-head .app-logo,
	body:has(.for-forgot .login-content) .page-card-head .app-logo,
	body:has(.for-signup .login-content) .page-card-head .app-logo {
		max-width: 220px;
		max-height: 72px;
	}
}