/* Charta 3.7.0 — youthful growth and creative learning visual layer */
:root{
	--charta-37-education:#1d5ed1;
	--charta-37-cyan:#11b9c4;
	--charta-37-violet:#7154df;
	--charta-37-coral:#f47768;
	--charta-37-yellow:#f3ba4b;
	--charta-37-ink:#172d4a;
	--charta-37-soft:#f3f7fc;
}

/* A brighter but still professional header identity. */
.charta-header-shell{
	background:
		radial-gradient(circle at 12% -30%,rgba(65,210,220,.22),transparent 34%),
		radial-gradient(circle at 78% -20%,rgba(118,84,223,.20),transparent 34%),
		linear-gradient(118deg,#07182e 0%,#0c2f55 55%,#104b69 100%)!important;
}
.charta-header-shell:before{
	content:"";
	position:absolute;
	inset:0 0 auto;
	height:3px;
	background:linear-gradient(90deg,var(--charta-37-cyan),var(--charta-37-education),var(--charta-37-violet),var(--charta-37-coral),var(--charta-37-yellow));
	z-index:20;
}
.charta-header-member-button{
	background:linear-gradient(135deg,var(--charta-37-education),var(--charta-37-violet) 58%,var(--charta-37-cyan))!important;
	box-shadow:0 10px 25px rgba(39,105,213,.28)!important;
}

/* Center atmosphere: clean education surfaces with creative accents. */
body:has(.clc-learning-app),
body:has(.clc-teacher-front),
body:has(.clc-role-portal){
	background:
		radial-gradient(circle at 8% 280px,rgba(17,185,196,.07),transparent 24%),
		radial-gradient(circle at 92% 360px,rgba(113,84,223,.07),transparent 25%),
		linear-gradient(180deg,#eaf2fb 0,#f8fafe 410px,#f4f7fb 100%)!important;
}
.clc-app-header,.clc-workspace-header{
	border-color:rgba(191,214,238,.48)!important;
	background:
		radial-gradient(circle at 86% 10%,rgba(60,204,214,.19),transparent 30%),
		radial-gradient(circle at 64% 100%,rgba(115,83,225,.15),transparent 32%),
		linear-gradient(125deg,#071b34,#0d3d69 64%,#0d5f72)!important;
}
.clc-app-header:before,.clc-workspace-header:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:4px;
	background:linear-gradient(180deg,var(--charta-37-cyan),var(--charta-37-violet),var(--charta-37-coral));
}
.clc-profile-copy h1,.clc-workspace-identity h1{letter-spacing:-.025em!important}
.clc-profile-meta span:first-child,.clc-workspace-identity>div>span{
	border-color:rgba(99,218,226,.28)!important;
	background:rgba(27,177,191,.12)!important;
	color:#80e5eb!important;
}

/* Make the new growth modules feel native to the theme. */
.clc-growth-level-card,.clc-daily-challenge,.clc-weekly-report,.clc-badge-preview,.clc-weekly-stage,.clc-teacher-impact{
	box-shadow:0 14px 38px rgba(29,57,95,.065)!important;
}
.clc-growth-level-card{
	border-color:#d5e2f2!important;
	background:
		radial-gradient(circle at 88% 0,rgba(113,84,223,.13),transparent 31%),
		radial-gradient(circle at 7% 100%,rgba(17,185,196,.10),transparent 32%),
		linear-gradient(135deg,#fbfdff,#f7f5ff)!important;
}
.clc-growth-level-card__mark,.clc-badge-level-summary>strong{
	background:linear-gradient(145deg,var(--charta-37-education),var(--charta-37-violet) 57%,var(--charta-37-cyan))!important;
}
.clc-growth-progress i,.clc-teacher-goal__bar i{
	background:linear-gradient(90deg,var(--charta-37-education),var(--charta-37-violet) 55%,var(--charta-37-cyan))!important;
}
.clc-daily-challenge button{
	background:linear-gradient(135deg,var(--charta-37-education),var(--charta-37-violet))!important;
}
.clc-weekly-stage__media>span{
	background:linear-gradient(135deg,rgba(26,78,173,.92),rgba(103,71,208,.90))!important;
}
.clc-badge-preview article.is-unlocked>b,.clc-badge-wall article.is-unlocked>b{
	background:linear-gradient(145deg,var(--charta-37-violet),#565fda)!important;
}
.clc-role-admissions_teacher .clc-role-motivation>b{background:linear-gradient(145deg,#267bd6,#15aaba)!important}
.clc-role-operations_teacher .clc-role-motivation>b{background:linear-gradient(145deg,#168e80,#20b8a4)!important}

/* Small delight, never distracting. */
.clc-growth-level-card__mark:after{
	content:"✦";
	position:absolute;
	right:-7px;
	top:-9px;
	display:grid;
	place-items:center;
	width:25px;
	height:25px;
	border:3px solid #f8fbff;
	border-radius:50%;
	background:var(--charta-37-yellow);
	color:#fff;
	font-size:11px;
	box-shadow:0 5px 12px rgba(198,141,35,.25);
}
.clc-badge-wall article.is-unlocked,.clc-badge-preview article.is-unlocked{
	position:relative;
	overflow:hidden;
}
.clc-badge-wall article.is-unlocked:after,.clc-badge-preview article.is-unlocked:after{
	content:"";
	position:absolute;
	right:-20px;
	top:-24px;
	width:60px;
	height:60px;
	border:11px solid rgba(113,84,223,.045);
	border-radius:50%;
}

/* Footer gets a slightly more youthful creative glow without losing trust. */
.charta-footer-shell{
	background:
		radial-gradient(circle at 8% 10%,rgba(17,185,196,.13),transparent 22%),
		radial-gradient(circle at 85% 25%,rgba(113,84,223,.13),transparent 25%),
		linear-gradient(145deg,#051426,#092640 58%,#0b3954)!important;
}
.charta-education-footer-cta{
	background:
		radial-gradient(circle at 12% 20%,rgba(255,255,255,.12),transparent 28%),
		linear-gradient(108deg,#245fd5,#5d57dc 54%,#13aeba)!important;
}
.charta-education-footer-directory span{color:#62dbe2!important}
.charta-education-footer-directory a:hover{color:#fff!important}

@media(max-width:900px){
	.clc-app-header,.clc-workspace-header{border-radius:22px!important}
}
@media(max-width:600px){
	.clc-growth-level-card__mark:after{right:-4px;top:-7px;width:22px;height:22px}
	.charta-header-shell:before{height:2px}
}
@media(prefers-reduced-motion:reduce){
	.clc-growth-level-card__mark:after{animation:none!important}
}