.mvr-learner-progress-ring.is-success {
	background: conic-gradient(#85dde2 0 100%);
	box-shadow: 0 0 0 7px rgba(255,255,255,.1), 0 20px 42px rgba(1,35,48,.3);
}
.mvr-learner-progress-ring__icon {
	align-items: center;
	background: #e26c78;
	border-radius: 50%;
	color: #fff;
	display: flex;
	font-size: 1.05rem;
	height: 29px;
	justify-content: center;
	line-height: 1;
	margin: 0 auto 7px;
	width: 29px;
}
.mvr-learner-progress-ring.is-success strong { font-size: 2.35rem; }
.mvr-learner-progress-ring.is-success span { color: #fff; font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; }
.mvr-learner-success {
	align-items: center;
	background: linear-gradient(125deg,#073d50 0%,#0c6176 55%,#168396 100%);
	border: 1px solid rgba(255,255,255,.2);
	border-radius: 28px;
	box-shadow: 0 24px 60px rgba(7,61,80,.2);
	color: #fff;
	display: grid;
	gap: 34px;
	grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr);
	margin: 0 0 24px;
	min-height: 430px;
	overflow: hidden;
	padding: 42px 48px;
	position: relative;
}
.mvr-learner-success:before {
	background: radial-gradient(circle,rgba(133,221,226,.24),transparent 66%);
	content: "";
	height: 560px;
	position: absolute;
	right: -170px;
	top: -170px;
	width: 560px;
}
.mvr-learner-success:after {
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.14),transparent);
	content: "";
	height: 1px;
	left: 5%;
	position: absolute;
	top: 20%;
	transform: rotate(-15deg);
	width: 90%;
}
.mvr-learner-success__copy { max-width: 690px; position: relative; z-index: 2; }
.mvr-learner-success__eyebrow { color: #92edf0; font-size: .7rem; font-weight: 900; letter-spacing: .14em; margin: 0 0 9px; text-transform: uppercase; }
.mvr-learner-success h2 { color: #fff; font-size: clamp(1.8rem,3.4vw,2.8rem); letter-spacing: -.025em; line-height: 1.08; margin: 0 0 14px; }
.mvr-learner-success__copy>p:not(.mvr-learner-success__eyebrow):not(.mvr-learner-success__scope) { color: #d9f3f4; font-size: .98rem; line-height: 1.6; margin: 0; max-width: 660px; }
.mvr-learner-success__copy>p strong { color: #fff; }
.mvr-learner-success__proofs { display: flex; flex-wrap: wrap; gap: 9px; margin: 22px 0; }
.mvr-learner-success__proofs span { align-items: baseline; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); border-radius: 999px; color: #cae8eb; display: inline-flex; font-size: .72rem; gap: 5px; padding: 8px 12px; }
.mvr-learner-success__proofs b { color: #fff; font-size: .85rem; }
.mvr-learner-success__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.mvr-learner-success__actions a { background: #fff; border: 1px solid #fff; border-radius: 999px; color: #0b5267; font-size: .78rem; font-weight: 850; padding: 11px 16px; text-decoration: none; }
.mvr-learner-success__actions a:last-child { background: transparent; color: #fff; }
.mvr-learner-success__scope { border-left: 3px solid #ef7681; color: #c9e6e9; font-size: .7rem; line-height: 1.5; margin: 20px 0 0; max-width: 660px; padding-left: 11px; }
.mvr-learner-success__scope strong { color: #fff; }
.mvr-learner-success__visual { align-items: center; display: flex; flex-direction: column; justify-content: center; min-height: 330px; position: relative; z-index: 2; }
.mvr-learner-success__visual svg { display: block; filter: drop-shadow(0 20px 24px rgba(1,34,47,.24)); max-width: 350px; width: 100%; }
.mvr-learner-success__visual>span { backdrop-filter: blur(6px); background: rgba(4,42,57,.66); border: 1px solid rgba(255,255,255,.22); border-radius: 15px; color: #ccebef; display: flex; flex-direction: column; font-size: .67rem; gap: 2px; margin-top: -27px; min-width: 205px; padding: 9px 15px; position: relative; text-align: center; }
.mvr-learner-success__visual>span b { color: #fff; font-size: .76rem; letter-spacing: .1em; text-transform: uppercase; }
.mvr-learner-success__sparkles { inset: 0; pointer-events: none; position: absolute; }
.mvr-learner-success__sparkles i { background: #f4cc67; border-radius: 50%; height: 7px; position: absolute; width: 7px; z-index: 2; }
.mvr-learner-success__sparkles i:nth-child(1){left:4%;top:15%}.mvr-learner-success__sparkles i:nth-child(2){left:23%;top:9%;height:5px;width:5px}.mvr-learner-success__sparkles i:nth-child(3){left:17%;bottom:10%;background:#8ce9eb}.mvr-learner-success__sparkles i:nth-child(4){right:28%;top:9%;background:#ef7681}.mvr-learner-success__sparkles i:nth-child(5){right:5%;bottom:19%;height:5px;width:5px}.mvr-learner-success__sparkles i:nth-child(6){right:43%;bottom:8%;background:#8ce9eb}
@media (max-width: 860px) {
	.mvr-learner-success { grid-template-columns: minmax(0,1fr) minmax(230px,.65fr); padding: 34px; }
	.mvr-learner-success__visual { min-height: 270px; }
}
@media (max-width: 680px) {
	.mvr-learner-success { gap: 16px; grid-template-columns: 1fr; min-height: 0; padding: 27px 22px 30px; }
	.mvr-learner-success__copy { text-align: left; }
	.mvr-learner-success h2 { font-size: clamp(1.8rem,9vw,2.35rem); }
	.mvr-learner-success__visual { grid-row: 1; min-height: 190px; }
	.mvr-learner-success__visual svg { max-width: 230px; }
	.mvr-learner-success__visual>span { margin-top: -20px; }
	.mvr-learner-success__proofs { margin: 18px 0; }
	.mvr-learner-success__actions { display: grid; }
	.mvr-learner-success__actions a { text-align: center; }
	.mvr-learner-success__scope { text-align: left; }
}
@media (prefers-reduced-motion: no-preference) {
	.mvr-learner-success__visual { animation: mvr-success-arrive .75s cubic-bezier(.2,.9,.25,1.08) both; }
	.mvr-learner-success__sparkles i { animation: mvr-sparkle 1.8s ease-in-out infinite alternate; }
	.mvr-learner-success__sparkles i:nth-child(even) { animation-delay: -.8s; }
	@keyframes mvr-success-arrive { from { opacity: 0; transform: translateY(12px) scale(.94); } to { opacity: 1; transform: none; } }
	@keyframes mvr-sparkle { from { opacity: .25; transform: scale(.65); } to { opacity: 1; transform: scale(1.25); } }
}