/*
BioGurukul Branded Login v2.9.0
Author: Abhishek Das
*/

/* Frontend custom login pages */
.bgk-brand-login-wrap{
	min-height:calc(100vh - 40px);
	width:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:28px 0.1mm;
	background:
		radial-gradient(circle at 10% 10%, rgba(35,87,245,.16), transparent 34%),
		radial-gradient(circle at 90% 20%, rgba(255,193,7,.22), transparent 32%),
		linear-gradient(135deg,#eef4ff 0%,#ffffff 48%,#fff8e7 100%);
}
.bgk-brand-login-shell{
	width:min(1120px, calc(100vw - 0.2mm));
	display:grid;
	grid-template-columns:1.08fr .92fr;
	gap:22px;
	align-items:stretch;
}
.bgk-brand-login-left,
.bgk-brand-login-card{
	background:rgba(255,255,255,.94);
	border:1px solid #e4eaf5;
	border-radius:34px;
	box-shadow:0 22px 70px rgba(16,24,40,.12);
	padding:34px;
	backdrop-filter:blur(16px);
}
.bgk-brand-login-left{
	background:
		linear-gradient(135deg,rgba(35,87,245,.95),rgba(19,32,68,.96)),
		radial-gradient(circle at 90% 10%, rgba(255,255,255,.25), transparent 30%);
	color:#fff;
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.bgk-brand-mark{
	width:84px;
	height:84px;
	border-radius:26px;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	box-shadow:0 16px 40px rgba(0,0,0,.16);
	margin-bottom:20px;
}
.bgk-brand-mark img{
	width:100%;
	height:100%;
	object-fit:contain;
	padding:8px;
}
.bgk-brand-mark span{
	color:#2357f5;
	font-weight:1000;
	font-size:30px;
}
.bgk-brand-login-left h1,
.bgk-brand-login-card h1,
.bgk-brand-login-card h2{
	margin:0 0 12px;
	font-size:clamp(32px,5vw,62px);
	line-height:.96;
	letter-spacing:-.06em;
	font-weight:1000;
}
.bgk-brand-login-card h1,
.bgk-brand-login-card h2{
	color:#111827;
	font-size:clamp(30px,4vw,46px);
}
.bgk-brand-login-left p,
.bgk-brand-subtitle,
.bgk-brand-login-card p{
	color:rgba(255,255,255,.86);
	font-weight:800;
	font-size:17px;
	line-height:1.55;
	margin:0 0 20px;
}
.bgk-brand-subtitle,
.bgk-brand-login-card p{
	color:#5d6778;
}
.bgk-brand-login-points{
	display:grid;
	gap:12px;
	margin-top:10px;
}
.bgk-brand-login-points span{
	display:flex;
	align-items:center;
	gap:10px;
	background:rgba(255,255,255,.12);
	border:1px solid rgba(255,255,255,.18);
	border-radius:18px;
	padding:12px 14px;
	font-weight:900;
}
.bgk-brand-login-points span:before{
	content:"✓";
	width:24px;
	height:24px;
	border-radius:999px;
	background:#fff;
	color:#2357f5;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:1000;
	flex:0 0 auto;
}
.bgk-brand-login-card form{
	margin-top:18px;
}
.bgk-brand-login-card label{
	display:block;
	color:#172033;
	font-weight:950;
	margin:0 0 7px;
}
.bgk-brand-login-card input[type="text"],
.bgk-brand-login-card input[type="password"],
.bgk-brand-login-card input[type="email"]{
	width:100%!important;
	border:1px solid #dbe3f2!important;
	border-radius:18px!important;
	padding:15px 16px!important;
	background:#fbfcff!important;
	color:#111827!important;
	font-weight:800!important;
	font-size:16px!important;
	box-shadow:none!important;
	outline:none!important;
}
.bgk-brand-login-card input:focus{
	border-color:#2357f5!important;
	box-shadow:0 0 0 4px rgba(35,87,245,.12)!important;
}
.bgk-brand-login-card .login-remember label{
	display:flex;
	align-items:center;
	gap:8px;
	color:#5d6778;
	font-weight:850;
}
.bgk-brand-login-card input[type="checkbox"]{
	width:18px;
	height:18px;
	accent-color:#2357f5;
}
.bgk-brand-btn,
.bgk-brand-login-card input[type="submit"],
#bgk_wp_submit{
	width:100%!important;
	min-height:52px!important;
	border:0!important;
	border-radius:999px!important;
	background:#2357f5!important;
	color:#fff!important;
	display:flex!important;
	align-items:center!important;
	justify-content:center!important;
	font-weight:1000!important;
	text-decoration:none!important;
	cursor:pointer!important;
	box-shadow:0 14px 28px rgba(35,87,245,.25)!important;
	padding:13px 18px!important;
}
.bgk-brand-login-actions,
.bgk-brand-role-links{
	display:flex;
	justify-content:space-between;
	gap:12px;
	flex-wrap:wrap;
	margin-top:16px;
}
.bgk-brand-login-actions a,
.bgk-brand-role-links a,
.bgk-brand-link{
	color:#2357f5!important;
	text-decoration:none!important;
	font-weight:950;
}
.bgk-brand-role-links{
	background:#f4f7ff;
	border:1px solid #e1e9ff;
	border-radius:18px;
	padding:12px;
}
.bgk-brand-forgot-card{
	max-width:560px;
	width:min(560px, calc(100vw - 0.2mm));
}
.bgk-brand-forgot-card .bgk-brand-link{
	display:block;
	text-align:center;
	margin-top:14px;
}

/* Core wp-login.php branding */
body.login{
	min-height:100vh;
	background:
		radial-gradient(circle at 10% 10%, rgba(35,87,245,.18), transparent 34%),
		radial-gradient(circle at 90% 20%, rgba(255,193,7,.22), transparent 32%),
		linear-gradient(135deg,#eef4ff 0%,#ffffff 48%,#fff8e7 100%)!important;
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
body.login #login{
	width:min(430px, calc(100vw - 0.2mm))!important;
	padding:7vh 0.1mm 0!important;
}
body.login #login h1 a{
	width:92px!important;
	height:92px!important;
	background-size:contain!important;
	background-position:center!important;
	border-radius:28px!important;
	background-color:#fff!important;
	box-shadow:0 16px 42px rgba(16,24,40,.12)!important;
	margin-bottom:18px!important;
}
body.login #loginform,
body.login #lostpasswordform,
body.login #registerform,
body.login #resetpassform{
	border:1px solid #e4eaf5!important;
	border-radius:30px!important;
	box-shadow:0 22px 70px rgba(16,24,40,.12)!important;
	padding:28px!important;
	background:rgba(255,255,255,.95)!important;
	backdrop-filter:blur(16px);
}
body.login label{
	color:#172033!important;
	font-weight:950!important;
}
body.login input[type="text"],
body.login input[type="password"],
body.login input[type="email"]{
	width:100%!important;
	border:1px solid #dbe3f2!important;
	border-radius:18px!important;
	padding:12px 14px!important;
	background:#fbfcff!important;
	color:#111827!important;
	font-weight:800!important;
	font-size:16px!important;
	box-shadow:none!important;
	outline:none!important;
}
body.login input:focus{
	border-color:#2357f5!important;
	box-shadow:0 0 0 4px rgba(35,87,245,.12)!important;
}
body.login .button-primary,
body.login #wp-submit{
	width:100%!important;
	min-height:50px!important;
	border:0!important;
	border-radius:999px!important;
	background:#2357f5!important;
	color:#fff!important;
	font-weight:1000!important;
	box-shadow:0 14px 28px rgba(35,87,245,.25)!important;
	text-shadow:none!important;
}
body.login #nav,
body.login #backtoblog{
	text-align:center!important;
}
body.login #nav a,
body.login #backtoblog a{
	color:#2357f5!important;
	font-weight:900!important;
	text-decoration:none!important;
}
body.login .privacy-policy-page-link,
body.login .language-switcher,
body.login .wp-hide-pw .dashicons{
	color:#2357f5!important;
}
body.login .message,
body.login .notice,
body.login .success,
body.login #login_error{
	border-left:0!important;
	border-radius:18px!important;
	border:1px solid #e5eaf3!important;
	background:#fff!important;
	box-shadow:0 12px 28px rgba(16,24,40,.08)!important;
	color:#344054!important;
	font-weight:800!important;
}
@media(max-width:900px){
	.bgk-brand-login-wrap{
		align-items:flex-start;
		padding-top:14px;
	}
	.bgk-brand-login-shell{
		grid-template-columns:1fr;
		gap:14px;
	}
	.bgk-brand-login-left,
	.bgk-brand-login-card{
		border-radius:26px;
		padding:22px;
		margin-left:0!important;
		margin-right:0!important;
	}
	.bgk-brand-login-left h1{
		font-size:38px;
	}
	.bgk-brand-login-actions,
	.bgk-brand-role-links{
		display:grid;
		grid-template-columns:1fr;
		text-align:center;
	}
	body.login #login{
		padding-top:24px!important;
	}
}