/*
BioGurukul Course-Centric Class Hub v9.7.0
Author: Abhishek Das
*/

.bgk-course-hub-page{
	width:100%!important;
	max-width:100%!important;
	padding:34px 14px!important;
	background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%)!important;
	box-sizing:border-box!important;
	font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

.bgk-course-hub-shell{
	width:min(1180px,100%)!important;
	margin:0 auto!important;
	box-sizing:border-box!important;
}

.bgk-course-hub-hero{
	display:grid!important;
	grid-template-columns:minmax(0,1fr) minmax(320px,.48fr)!important;
	gap:24px!important;
	align-items:stretch!important;
	padding:34px!important;
	border-radius:30px!important;
	background:#fff!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 24px 70px rgba(15,23,42,.10)!important;
	box-sizing:border-box!important;
	margin-bottom:22px!important;
	position:relative!important;
	overflow:hidden!important;
}

.bgk-course-hub-hero::before{
	content:""!important;
	position:absolute!important;
	left:0!important;
	top:0!important;
	right:0!important;
	height:6px!important;
	background:linear-gradient(90deg,#2563eb,#7c3aed,#22c55e)!important;
}

.bgk-course-hub-eyebrow{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	padding:9px 15px!important;
	border-radius:999px!important;
	background:#eef2ff!important;
	color:#4338ca!important;
	font-size:13px!important;
	font-weight:1000!important;
	line-height:1!important;
	margin-bottom:16px!important;
}

.bgk-course-hub-hero h1{
	margin:0 0 12px!important;
	color:#0f172a!important;
	font-size:clamp(34px,4vw,58px)!important;
	line-height:1.06!important;
	letter-spacing:-1.4px!important;
	font-weight:1000!important;
}

.bgk-course-hub-hero p{
	margin:0!important;
	color:#53627a!important;
	font-size:17px!important;
	line-height:1.75!important;
	font-weight:700!important;
	max-width:760px!important;
}

.bgk-course-hub-stats{
	display:grid!important;
	grid-template-columns:repeat(2,minmax(0,1fr))!important;
	gap:12px!important;
}

.bgk-course-hub-stats div{
	min-height:112px!important;
	border-radius:22px!important;
	background:linear-gradient(135deg,#f8fbff,#eef4ff)!important;
	border:1px solid #dfe7f2!important;
	display:flex!important;
	flex-direction:column!important;
	align-items:center!important;
	justify-content:center!important;
	box-sizing:border-box!important;
}

.bgk-course-hub-stats strong{
	color:#0f172a!important;
	font-size:32px!important;
	font-weight:1000!important;
	line-height:1!important;
	margin-bottom:6px!important;
}

.bgk-course-hub-stats span{
	color:#64748b!important;
	font-size:12px!important;
	font-weight:1000!important;
	text-transform:uppercase!important;
	letter-spacing:.4px!important;
	text-align:center!important;
}

.bgk-course-hub-notices{
	display:grid!important;
	grid-template-columns:150px minmax(0,1fr)!important;
	gap:14px!important;
	align-items:center!important;
	margin:0 0 22px!important;
	padding:18px 20px!important;
	border-radius:22px!important;
	background:#fff7ed!important;
	border:1px solid #fed7aa!important;
	box-sizing:border-box!important;
}

.bgk-course-hub-notices strong{
	color:#9a3412!important;
	font-weight:1000!important;
}

.bgk-course-hub-notices > div{
	display:flex!important;
	flex-wrap:wrap!important;
	gap:10px!important;
}

.bgk-course-hub-notices a{
	display:inline-flex!important;
	padding:8px 12px!important;
	border-radius:999px!important;
	background:#fff!important;
	color:#7c2d12!important;
	text-decoration:none!important;
	font-size:13px!important;
	font-weight:900!important;
}

.bgk-course-hub-main-title{
	margin:0 0 16px!important;
	display:flex!important;
	align-items:flex-end!important;
	justify-content:space-between!important;
	gap:16px!important;
}

.bgk-course-hub-main-title h2{
	margin:0!important;
	color:#0f172a!important;
	font-size:28px!important;
	line-height:1.15!important;
	font-weight:1000!important;
	letter-spacing:-.5px!important;
}

.bgk-course-hub-main-title p{
	margin:0!important;
	color:#64748b!important;
	font-size:15px!important;
	line-height:1.5!important;
	font-weight:700!important;
	max-width:520px!important;
}

.bgk-course-hub-course-list{
	display:grid!important;
	gap:20px!important;
}

.bgk-course-hub-course-card{
	padding:24px!important;
	border-radius:28px!important;
	background:#fff!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 16px 44px rgba(15,23,42,.075)!important;
	box-sizing:border-box!important;
	position:relative!important;
	overflow:hidden!important;
}

.bgk-course-hub-course-card::before{
	content:""!important;
	position:absolute!important;
	left:0!important;
	top:0!important;
	bottom:0!important;
	width:6px!important;
	background:linear-gradient(180deg,#2563eb,#7c3aed,#22c55e)!important;
}

.bgk-course-hub-course-top{
	display:grid!important;
	grid-template-columns:minmax(0,1fr) auto!important;
	gap:18px!important;
	align-items:start!important;
	margin-bottom:16px!important;
}

.bgk-course-hub-course-label{
	display:inline-flex!important;
	padding:7px 11px!important;
	border-radius:999px!important;
	background:#eef2ff!important;
	color:#4338ca!important;
	font-size:12px!important;
	font-weight:1000!important;
	line-height:1!important;
	margin-bottom:12px!important;
}

.bgk-course-hub-course-card h3{
	margin:0 0 8px!important;
	color:#0f172a!important;
	font-size:25px!important;
	line-height:1.2!important;
	font-weight:1000!important;
	letter-spacing:-.45px!important;
}

.bgk-course-hub-course-card p{
	margin:0!important;
	color:#53627a!important;
	font-size:15px!important;
	line-height:1.65!important;
	font-weight:700!important;
}

.bgk-course-hub-open{
	display:inline-flex!important;
	align-items:center!important;
	justify-content:center!important;
	min-height:42px!important;
	padding:10px 17px!important;
	border-radius:999px!important;
	background:linear-gradient(135deg,#2563eb,#7c3aed)!important;
	color:#fff!important;
	text-decoration:none!important;
	font-weight:1000!important;
	font-size:14px!important;
	white-space:nowrap!important;
}

.bgk-course-hub-counts,
.bgk-course-hub-topics{
	display:flex!important;
	flex-wrap:wrap!important;
	gap:8px!important;
	margin:12px 0!important;
}

.bgk-course-hub-counts span{
	display:inline-flex!important;
	padding:8px 11px!important;
	border-radius:999px!important;
	background:#f1f5f9!important;
	color:#334155!important;
	border:1px solid #dbe4ef!important;
	font-size:12px!important;
	font-weight:900!important;
	line-height:1!important;
}

.bgk-course-hub-topics span{
	display:inline-flex!important;
	padding:7px 10px!important;
	border-radius:999px!important;
	background:#ecfdf5!important;
	color:#047857!important;
	border:1px solid #bbf7d0!important;
	font-size:12px!important;
	font-weight:900!important;
	line-height:1!important;
}

.bgk-course-hub-content-grid{
	display:grid!important;
	grid-template-columns:repeat(3,minmax(0,1fr))!important;
	gap:14px!important;
	margin-top:18px!important;
}

.bgk-course-hub-content-grid section{
	padding:18px!important;
	border-radius:20px!important;
	background:#f8fafc!important;
	border:1px solid #e5edf7!important;
	box-sizing:border-box!important;
}

.bgk-course-hub-content-grid h4{
	margin:0 0 12px!important;
	color:#0f172a!important;
	font-size:17px!important;
	line-height:1.25!important;
	font-weight:1000!important;
}

.bgk-course-hub-links{
	display:grid!important;
	gap:8px!important;
}

.bgk-course-hub-links a{
	display:block!important;
	padding:12px!important;
	border-radius:14px!important;
	background:#fff!important;
	border:1px solid #e6edf6!important;
	text-decoration:none!important;
}

.bgk-course-hub-links a:hover,
.bgk-course-hub-links a:focus{
	background:#eef4ff!important;
	border-color:#c7d2fe!important;
	text-decoration:none!important;
}

.bgk-course-hub-links small{
	display:block!important;
	color:#4338ca!important;
	font-size:11px!important;
	font-weight:1000!important;
	line-height:1.2!important;
	margin-bottom:5px!important;
}

.bgk-course-hub-links strong{
	display:block!important;
	color:#0f172a!important;
	font-size:14px!important;
	font-weight:900!important;
	line-height:1.35!important;
}

.bgk-course-hub-empty-mini{
	display:block!important;
	padding:12px!important;
	border-radius:14px!important;
	background:#fff!important;
	border:1px dashed #cbd5e1!important;
	color:#64748b!important;
	font-size:13px!important;
	font-weight:800!important;
}

.bgk-course-hub-empty-state,
.bgk-course-hub-unassigned{
	padding:24px!important;
	border-radius:26px!important;
	background:#fff!important;
	border:1px solid #dfe7f2!important;
	box-shadow:0 14px 38px rgba(15,23,42,.06)!important;
	box-sizing:border-box!important;
}

.bgk-course-hub-empty-state h3{
	margin:0 0 8px!important;
	color:#0f172a!important;
	font-size:24px!important;
	font-weight:1000!important;
}

.bgk-course-hub-empty-state p{
	margin:0!important;
	color:#64748b!important;
	font-size:15px!important;
	font-weight:700!important;
	line-height:1.6!important;
}

.bgk-course-hub-unassigned{
	margin-top:22px!important;
}

@media(max-width:980px){
	.bgk-course-hub-hero{
		grid-template-columns:1fr!important;
	}
	.bgk-course-hub-content-grid{
		grid-template-columns:1fr!important;
	}
}

@media(max-width:760px){
	.bgk-course-hub-page{
		padding:26px 10px!important;
	}
	.bgk-course-hub-hero,
	.bgk-course-hub-course-card,
	.bgk-course-hub-unassigned{
		padding:22px!important;
		border-radius:24px!important;
	}
	.bgk-course-hub-main-title{
		align-items:flex-start!important;
		flex-direction:column!important;
		gap:6px!important;
	}
	.bgk-course-hub-course-top{
		grid-template-columns:1fr!important;
	}
	.bgk-course-hub-open{
		width:100%!important;
	}
	.bgk-course-hub-notices{
		grid-template-columns:1fr!important;
	}
}

@media(max-width:460px){
	.bgk-course-hub-stats{
		grid-template-columns:1fr!important;
	}
}