.s2a-about,
.s2a-about * {
	box-sizing: border-box;
}

.s2a-about {
	--s2a-about-accent: #3478ff;
	--s2a-about-accent-soft: #78b8ff;
	--s2a-about-ambient: rgba(74,145,255,.20);
	--s2a-about-speed: 7s;
	--s2a-about-glass: rgba(255,255,255,.74);
	--s2a-about-badge-bg: rgba(255,255,255,.82);
	--s2a-about-heading-glass: rgba(121,188,255,.16);
	--s2a-about-aura: rgba(109,185,255,.22);
	--s2a-qualification-x: 68%;
	--s2a-qualification-y: 13%;
	--s2a-qualification-rotate: 0deg;
	position: relative;
	isolation: isolate;
	overflow: hidden;
	width: 100%;
	min-height: 840px;
	background: #ffffff;
	border: 1px solid rgba(78,135,224,.12);
	border-radius: 34px;
	color: #26303d;
	font-family: inherit;
}

.s2a-about::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -4;
	pointer-events: none;
	background: transparent;
}

.s2a-about::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -3;
	pointer-events: none;
	display: none;
}

.s2a-about__inner {
	position: relative;
	z-index: 5;
	width: 100%;
	max-width: 1520px;
	min-height: inherit;
	margin: 0 auto;
	padding: 70px 55px 34px;
	display: flex;
	flex-direction: column;
}

.s2a-about__main {
	display: flex;
	align-items: stretch;
	gap: 38px;
	min-width: 0;
	flex: 1 1 auto;
}

.s2a-about__content,
.s2a-about__visual {
	min-width: 0;
}

.s2a-about__content {
	position: relative;
	z-index: 12;
	flex: 0 0 48%;
	max-width: 48%;
	padding-top: 3px;
}

.s2a-about__visual {
	position: relative;
	z-index: 8;
	flex: 0 0 52%;
	max-width: 52%;
	min-height: 720px;
}

.s2a-about__badge {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 11px;
	max-width: 100%;
	margin-bottom: 28px;
	padding: 9px 18px 9px 9px;
	overflow: hidden;
	background:
		linear-gradient(135deg, var(--s2a-about-badge-bg), rgba(235,244,255,.52));
	border: 1px solid rgba(79,139,235,.22);
	border-radius: 18px;
	box-shadow:
		0 18px 45px rgba(45,92,162,.12),
		inset 0 1px 0 rgba(255,255,255,.95),
		inset 0 -1px 0 rgba(89,147,235,.05);
	color: #225fd9;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4;
	-webkit-backdrop-filter: blur(22px) saturate(1.2);
	backdrop-filter: blur(22px) saturate(1.2);
}

.s2a-about__badge::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(110deg, transparent 18%, rgba(255,255,255,.62) 45%, transparent 70%);
	transform: translateX(-120%);
	animation: s2aAboutShine calc(var(--s2a-about-speed) * 1.8) ease-in-out infinite;
}

.s2a-about__badge::after {
	content: "";
	position: absolute;
	right: -28px;
	top: -32px;
	width: 74px;
	height: 74px;
	border-radius: 24px;
	background: rgba(74,139,255,.08);
	transform: rotate(28deg);
	pointer-events: none;
}

.s2a-about__badge > span:last-child {
	position: relative;
	z-index: 2;
}

.s2a-about__badge-icon {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	flex: 0 0 35px;
	border: 1px solid rgba(76,137,235,.18);
	border-radius: 12px;
	background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(221,235,255,.64));
	box-shadow: 0 10px 24px rgba(52,112,214,.14), inset 0 1px 0 rgba(255,255,255,.95);
	font-size: 16px;
}

.s2a-about__badge-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.s2a-about__heading {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: .12em;
	margin: 0;
	font-size: clamp(44px, 5.5vw, 76px);
	font-weight: 650;
	letter-spacing: -2px;
	line-height: 1.08;
	text-wrap: balance;
}

.s2a-about__heading-main {
	color: #232b37;
}

.s2a-about__heading-highlight {
	position: relative;
	display: inline-block;
	padding: 0;
	color: var(--s2a-about-accent);
	-webkit-text-fill-color: var(--s2a-about-accent);
	text-shadow: 0 7px 24px rgba(48,111,255,.13);
}

.s2a-about__heading-highlight::before {
	display: none;
}

.s2a-about__heading-line {
	position: relative;
	display: block;
	width: 102px;
	height: 5px;
	margin: 21px 0 28px;
	overflow: hidden;
	border-radius: 999px;
	background: rgba(52,120,255,.12);
}

.s2a-about__heading-line::after {
	content: "";
	position: absolute;
	inset: 0;
	width: 64%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--s2a-about-accent), var(--s2a-about-accent-soft));
	box-shadow: 0 7px 18px rgba(52,120,255,.24);
	animation: s2aAboutLine 3.2s ease-in-out infinite alternate;
}

.s2a-about__description {
	max-width: 690px;
	color: #35404e;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.95;
}

.s2a-about__description p {
	margin: 0 0 14px;
}

.s2a-about__description p:last-child {
	margin-bottom: 0;
}

.s2a-about__description strong,
.s2a-about__description a {
	color: #2e72f7;
	font-weight: 600;
}

.s2a-about__quote {
	position: relative;
	margin-top: 24px;
	padding: 20px 34px 20px 46px;
	overflow: hidden;
	background: linear-gradient(135deg, var(--s2a-about-glass), rgba(240,247,255,.48));
	border: 1px solid rgba(82,141,232,.22);
	border-radius: 24px;
	box-shadow: 0 20px 54px rgba(46,91,154,.11), inset 0 1px 0 rgba(255,255,255,.92);
	color: #2252b5;
	-webkit-backdrop-filter: blur(20px) saturate(1.14);
	backdrop-filter: blur(20px) saturate(1.14);
}

.s2a-about__quote::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	bottom: 0;
	width: 4px;
	border-radius: inherit 0 0 inherit;
	background: linear-gradient(180deg, var(--s2a-about-accent), var(--s2a-about-accent-soft));
	box-shadow: 7px 0 20px rgba(52,120,255,.15);
}

.s2a-about__quote::after {
	content: "";
	position: absolute;
	right: -44px;
	top: -48px;
	width: 130px;
	height: 130px;
	border-radius: 38px;
	background: linear-gradient(145deg, rgba(86,151,255,.08), transparent);
	transform: rotate(24deg);
	pointer-events: none;
}

.s2a-about__quote-text {
	position: relative;
	z-index: 2;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.75;
}

.s2a-about__quote-mark {
	position: absolute;
	z-index: 2;
	color: #4b84ff;
	font-family: Georgia, serif;
	font-size: 48px;
	font-weight: 700;
	line-height: 1;
	opacity: .82;
}

.s2a-about__quote-mark--open {
	left: 18px;
	top: 13px;
}

.s2a-about__quote-mark--close {
	right: 16px;
	bottom: -3px;
	opacity: .24;
	font-size: 58px;
}


.s2a-about__youtube-button {
	position: relative;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	margin-top: 14px;
	padding: 10px 17px;
	border: 1px solid rgba(255,255,255,.34);
	border-radius: 12px;
	background: #2676ff;
	box-shadow: 0 10px 24px rgba(38,118,255,.22), inset 0 1px 0 rgba(255,255,255,.28);
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease;
}
.s2a-about__youtube-button:hover,
.s2a-about__youtube-button:focus-visible {
	transform: translateY(-2px);
	background: #1557c8;
	box-shadow: 0 14px 30px rgba(38,118,255,.28), inset 0 1px 0 rgba(255,255,255,.3);
	color: #fff;
	text-decoration: none;
	outline: none;
}
.s2a-about__youtube-icon { width: 18px; height: 18px; flex: 0 0 18px; }

.s2a-about__highlights {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin-top: 18px;
}

.s2a-about__highlight-card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
	padding: 14px;
	overflow: hidden;
	background: rgba(255,255,255,.56);
	border: 1px solid rgba(79,137,226,.16);
	border-radius: 18px;
	box-shadow: 0 14px 36px rgba(40,87,155,.08), inset 0 1px 0 rgba(255,255,255,.88);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	transition: transform .3s ease, border-color .3s ease, box-shadow .3s ease, background .3s ease;
}

.s2a-about__highlight-card::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(120deg, rgba(255,255,255,.36), transparent 38%, rgba(78,142,255,.04));
}

.s2a-about__highlight-card:hover {
	border-color: rgba(68,137,246,.28);
	background: rgba(255,255,255,.7);
	box-shadow: 0 20px 44px rgba(44,97,177,.13), inset 0 1px 0 rgba(255,255,255,.95);
}

.s2a-about__highlight-icon {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 42px;
	height: 42px;
	flex: 0 0 42px;
	border: 1px solid rgba(68,132,238,.13);
	border-radius: 14px;
	background: rgba(52,120,255,.10);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
	color: #3478ff;
	font-size: 17px;
}

.s2a-about__highlight-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.s2a-about__highlight-copy {
	position: relative;
	z-index: 2;
	min-width: 0;
}

.s2a-about__highlight-title {
	color: #263446;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.4;
}

.s2a-about__highlight-text {
	margin-top: 3px;
	color: #6a778b;
	font-size: 9px;
	font-weight: 500;
	line-height: 1.45;
}

.s2a-about__aura {
	position: absolute;
	z-index: 1;
	left: 49%;
	top: 48%;
	width: 88%;
	height: 72%;
	transform: translate(-50%, -50%) rotate(-4deg);
	border: 1px solid rgba(84,151,246,.12);
	border-radius: 34% 66% 52% 48% / 48% 37% 63% 52%;
	background:
		linear-gradient(145deg, rgba(255,255,255,.56), var(--s2a-about-aura) 48%, rgba(58,126,244,.11));
	box-shadow: 0 52px 110px rgba(54,113,205,.18), inset 0 1px 0 rgba(255,255,255,.78);
	filter: saturate(1.08);
	animation: s2aAboutAura calc(var(--s2a-about-speed) * 1.7) ease-in-out infinite alternate;
}

.s2a-about__aura::before {
	content: "";
	position: absolute;
	inset: 8% 5% 12% 11%;
	border: 1px solid rgba(255,255,255,.48);
	border-radius: 58% 42% 66% 34% / 42% 60% 40% 58%;
	background: linear-gradient(120deg, rgba(255,255,255,.12), transparent 50%);
}

.s2a-about__aura::after {
	content: "";
	position: absolute;
	left: 8%;
	right: 6%;
	bottom: -9%;
	height: 18%;
	border-radius: 50%;
	background: rgba(62,139,255,.20);
	filter: blur(28px);
}

.s2a-about__aura span,
.s2a-about__aura i {
	position: absolute;
	display: block;
	border-radius: 999px;
	background: rgba(255,255,255,.48);
	box-shadow: 0 0 22px rgba(79,154,255,.28);
}

.s2a-about__aura span {
	right: 11%;
	top: 13%;
	width: 86px;
	height: 7px;
	transform: rotate(28deg);
}

.s2a-about__aura i {
	left: 8%;
	bottom: 18%;
	width: 54px;
	height: 5px;
	transform: rotate(-24deg);
}

.s2a-about__teacher {
	position: absolute;
	z-index: 7;
	left: 48%;
	bottom: -40px;
	width: 80%;
	max-width: none;
	height: auto;
	max-height: 110%;
	object-fit: contain;
	object-position: center bottom;
	transform: translateX(calc(-50% - 10px));
	filter: drop-shadow(0 30px 45px rgba(42,126,255,.22));
	will-change: transform;
}

.s2a-about__qualification {
	position: absolute;
	z-index: 13;
	left: var(--s2a-qualification-x, 68%);
	top: var(--s2a-qualification-y, 13%);
	width: 300px;
	padding: 24px;
	overflow: hidden;
	transform: translateX(-50%) rotate(var(--s2a-qualification-rotate, 0deg));
	background:
		linear-gradient(145deg, var(--s2a-about-glass), rgba(235,245,255,.48));
	border: 1px solid rgba(82,144,238,.24);
	border-radius: 26px;
	box-shadow:
		0 30px 80px rgba(43,87,150,.18),
		inset 0 1px 0 rgba(255,255,255,.96),
		inset 0 -1px 0 rgba(75,137,232,.04);
	-webkit-backdrop-filter: blur(26px) saturate(1.2);
	backdrop-filter: blur(26px) saturate(1.2);
}

.s2a-about__qualification {
	transition: transform .35s cubic-bezier(.2,.75,.25,1), box-shadow .35s ease, border-color .35s ease;
}

.s2a-about__qualification:hover {
	transform: translateX(-50%) translateY(-5px) rotate(var(--s2a-qualification-rotate, 0deg));
	border-color: rgba(82,144,238,.36);
	box-shadow: 0 38px 96px rgba(43,87,150,.22), inset 0 1px 0 rgba(255,255,255,.98);
}

.s2a-about__qualification::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	pointer-events: none;
	background:
		linear-gradient(118deg, rgba(255,255,255,.62), transparent 35%, rgba(77,143,255,.06));
}

.s2a-about__qualification::after {
	content: "";
	position: absolute;
	right: -42px;
	top: -58px;
	width: 145px;
	height: 145px;
	border-radius: 42px;
	background: linear-gradient(145deg, rgba(69,139,255,.13), rgba(133,205,255,.02));
	transform: rotate(28deg);
	pointer-events: none;
}

.s2a-about__qualification-glow {
	position: absolute;
	left: 18%;
	right: 18%;
	bottom: -28px;
	height: 44px;
	border-radius: 50%;
	background: rgba(55,132,255,.18);
	filter: blur(24px);
	pointer-events: none;
}

.s2a-about__qualification-head {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: flex-start;
	gap: 14px;
}

.s2a-about__qualification-copy {
	min-width: 0;
	padding-top: 2px;
}

.s2a-about__qualification-icon {
	position: relative;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin: 0;
	flex: 0 0 48px;
	border: 1px solid rgba(66,133,243,.18);
	border-radius: 15px;
	background: linear-gradient(145deg, #ffffff, rgba(215,233,255,.72));
	box-shadow: 0 13px 30px rgba(67,125,235,.16), inset 0 1px 0 rgba(255,255,255,.96);
	color: var(--s2a-about-accent);
	font-size: 21px;
}

.s2a-about__qualification-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.s2a-about__qualification-title {
	position: relative;
	z-index: 2;
	color: #202a39;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.42;
}

.s2a-about__qualification-subtitle {
	position: relative;
	z-index: 2;
	margin-top: 7px;
	color: #5d6a7e;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.55;
}

.s2a-about__qualification-line {
	position: relative;
	z-index: 2;
	display: block;
	width: 100%;
	height: 1px;
	margin: 18px 0 16px;
	background: linear-gradient(90deg, rgba(52,120,255,.36), rgba(86,145,226,.10), transparent);
}

.s2a-about__qualification-line::before {
	content: "";
	position: absolute;
	left: 0;
	top: -1px;
	width: 44px;
	height: 3px;
	border-radius: 99px;
	background: linear-gradient(90deg, var(--s2a-about-accent), var(--s2a-about-accent-soft));
}

.s2a-about__qualification-points {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 0;
	border: 0;
}

.s2a-about__qualification-point {
	display: flex;
	align-items: flex-start;
	gap: 9px;
	padding: 9px 10px;
	border: 1px solid rgba(79,137,226,.09);
	border-radius: 12px;
	background: rgba(255,255,255,.34);
	color: #4a5668;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.5;
}

.s2a-about__qualification-point > span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 18px;
	width: 18px;
	height: 18px;
	margin-top: 0;
	border-radius: 50%;
	background: rgba(52,120,255,.10);
	color: #5d94ff;
}

.s2a-about__qualification-point svg {
	width: .72em;
	height: .72em;
	fill: currentColor;
}

.s2a-about__signature {
	position: absolute;
	z-index: 12;
	right: 1.5%;
	bottom: 0;
	width: 220px;
	color: #273343;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.55;
	text-align: left;
}

.s2a-about__signature img {
	display: block;
	width: 170px;
	max-width: 100%;
	height: auto;
	margin-bottom: 2px;
	filter: brightness(.12) saturate(0);
}

.s2a-about__atom {
	position: absolute;
	z-index: 10;
	left: 4%;
	top: 8%;
	width: 80px;
	height: 80px;
	color: var(--s2a-about-accent);
	animation: s2aAboutFloat var(--s2a-about-speed) ease-in-out infinite;
}

.s2a-about__atom i {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 37%;
	border: 3px solid currentColor;
	border-radius: 50%;
	opacity: .45;
}

.s2a-about__atom i:nth-child(2) { transform: translate(-50%, -50%) rotate(0deg); }
.s2a-about__atom i:nth-child(3) { transform: translate(-50%, -50%) rotate(60deg); }
.s2a-about__atom i:nth-child(4) { transform: translate(-50%, -50%) rotate(-60deg); }

.s2a-about__atom-core {
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;	
	width: 12px;
	height: 12px;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: currentColor;
	box-shadow: 0 0 22px currentColor;
}

.s2a-about__stats-wrap {
	position: relative;
	z-index: 20;
	margin-top: 2px;
}

.s2a-about__stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 16px;
	padding: 18px 26px;
	background: linear-gradient(135deg, var(--s2a-about-glass), rgba(239,247,255,.48));
	border: 1px solid rgba(90,145,230,.18);
	border-radius: 28px;
	box-shadow: 0 24px 70px rgba(43,87,150,.13), inset 0 1px 0 rgba(255,255,255,.86);
	-webkit-backdrop-filter: blur(20px) saturate(1.12);
	backdrop-filter: blur(20px) saturate(1.12);
}

.s2a-about__stat {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	min-width: 0;
	padding: 7px 17px 7px 6px;
}

.s2a-about__stat:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -8px;
	top: 13%;
	width: 1px;
	height: 74%;
	background: linear-gradient(to bottom, transparent, rgba(86,132,197,.22), transparent);
}

.s2a-about__stat-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 58px;
	height: 58px;
	flex: 0 0 58px;
	border-radius: 18px;
	background: rgba(64,123,255,.08);
	box-shadow: 0 12px 28px rgba(53,104,202,.10), inset 0 1px 0 rgba(255,255,255,.82);
	color: #4d85ff;
	font-size: 25px;
}

.s2a-about__stat-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
}

.s2a-about__stat-copy {
	min-width: 0;
}

.s2a-about__stat-number {
	color: #3274f5;
	font-size: 27px;
	font-weight: 700;
	line-height: 1.15;
}

.s2a-about__stat-label {
	margin-top: 6px;
	color: #4e5a6c;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.55;
}

.s2a-about__pagination {
	display: none;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 13px;
}

.s2a-about__pagination-dot {
	appearance: none;
	-webkit-appearance: none;
	width: 8px;
	height: 8px;
	padding: 0;
	border: 1px solid rgba(72,129,226,.3);
	border-radius: 99px;
	background: rgba(72,129,226,.18);
	cursor: pointer;
	transition: width .25s ease, background .25s ease, transform .25s ease;
}

.s2a-about__pagination-dot.is-active {
	width: 24px;
	background: #3478ff;
	border-color: #3478ff;
	box-shadow: 0 0 14px rgba(52,120,255,.35);
}

.s2a-about__ambient {
	position: absolute;
	z-index: -2;
	pointer-events: none;
	border-radius: 50%;
	filter: blur(20px);
}

.s2a-about__ambient--one {
	right: -12%;
	top: -30%;
	width: 760px;
	height: 760px;
	background: radial-gradient(circle, var(--s2a-about-ambient), transparent 68%);
	animation: s2aAboutBreathe calc(var(--s2a-about-speed) * 1.4) ease-in-out infinite;
}

.s2a-about__ambient--two {
	left: 20%;
	bottom: -34%;
	width: 620px;
	height: 620px;
	background: radial-gradient(circle, rgba(115,182,255,.12), transparent 70%);
	animation: s2aAboutBreathe calc(var(--s2a-about-speed) * 1.8) ease-in-out infinite reverse;
}

.s2a-about__molecule-network {
	position: absolute;
	z-index: -1;
	right: 0;
	top: 15%;
	width: 54%;
	height: 72%;
	opacity: .28;
	pointer-events: none;
}

.s2a-about__molecule-network::before,
.s2a-about__molecule-network::after {
	content: "";
	position: absolute;
	left: 6%;
	top: 34%;
	width: 88%;
	height: 1px;
	transform: rotate(-8deg);
	background: linear-gradient(90deg, transparent, rgba(64,139,255,.38), transparent);
}

.s2a-about__molecule-network::after {
	top: 57%;
	transform: rotate(11deg);
}

.s2a-about__molecule-network span {
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: rgba(80,153,255,.68);
	box-shadow: 0 0 18px rgba(63,134,255,.56);
	animation: s2aAboutNode var(--s2a-about-speed) ease-in-out infinite;
}

.s2a-about__molecule-network span:nth-child(1) { left: 8%; top: 31%; }
.s2a-about__molecule-network span:nth-child(2) { left: 26%; top: 40%; animation-delay: -1s; }
.s2a-about__molecule-network span:nth-child(3) { left: 45%; top: 30%; animation-delay: -2s; }
.s2a-about__molecule-network span:nth-child(4) { left: 63%; top: 57%; animation-delay: -3s; }
.s2a-about__molecule-network span:nth-child(5) { left: 82%; top: 47%; animation-delay: -4s; }
.s2a-about__molecule-network span:nth-child(6) { left: 94%; top: 63%; animation-delay: -5s; }

.s2a-about__particles {
	position: absolute;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	overflow: hidden;
}

.s2a-about__particles i {
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 0 14px rgba(71,145,255,.8);
	animation: s2aAboutSpark calc(var(--s2a-about-speed) * 1.2) ease-in-out infinite;
}

.s2a-about__particles i:nth-child(1) { left: 6%; top: 14%; }
.s2a-about__particles i:nth-child(2) { left: 43%; top: 22%; animation-delay: -1.2s; }
.s2a-about__particles i:nth-child(3) { left: 62%; top: 11%; animation-delay: -2.4s; }
.s2a-about__particles i:nth-child(4) { left: 91%; top: 19%; animation-delay: -3.5s; }
.s2a-about__particles i:nth-child(5) { left: 72%; top: 67%; animation-delay: -4.7s; }
.s2a-about__particles i:nth-child(6) { left: 35%; top: 73%; animation-delay: -5.3s; }
.s2a-about__particles i:nth-child(7) { left: 12%; top: 88%; animation-delay: -6s; }
.s2a-about__particles i:nth-child(8) { left: 95%; top: 82%; animation-delay: -7s; }

.s2a-about--entrance .s2a-about__content,
.s2a-about--entrance .s2a-about__visual,
.s2a-about--entrance .s2a-about__highlights,
.s2a-about--entrance .s2a-about__stats-wrap {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity .8s ease, transform .8s cubic-bezier(.2,.75,.25,1);
}

.s2a-about--entrance .s2a-about__visual {
	transform: translateY(30px) scale(.97);
	transition-delay: .12s;
}

.s2a-about--entrance .s2a-about__highlights {
	transition-delay: .16s;
}

.s2a-about--entrance .s2a-about__stats-wrap {
	transition-delay: .22s;
}

.s2a-about--entrance.is-visible .s2a-about__content,
.s2a-about--entrance.is-visible .s2a-about__visual,
.s2a-about--entrance.is-visible .s2a-about__highlights,
.s2a-about--entrance.is-visible .s2a-about__stats-wrap {
	opacity: 1;
	transform: none;
}

@keyframes s2aAboutShine {
	0%, 45% { transform: translateX(-130%); }
	65%, 100% { transform: translateX(130%); }
}

@keyframes s2aAboutLine {
	0% { width: 48%; }
	100% { width: 88%; }
}

@keyframes s2aAboutAura {
	0% { transform: translate(-50%, -50%) rotate(-4deg) scale(.98); border-radius: 34% 66% 52% 48% / 48% 37% 63% 52%; }
	100% { transform: translate(-50%, -50%) rotate(-1deg) scale(1.02); border-radius: 55% 45% 38% 62% / 42% 57% 43% 58%; }
}

@keyframes s2aAboutRotate {
	to { transform: rotate(360deg); }
}

@keyframes s2aAboutPulse {
	0%, 100% { opacity: .62; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.03); }
}

@keyframes s2aAboutFloat {
	0%, 100% { transform: translate3d(0,0,0) rotate(-2deg); }
	50% { transform: translate3d(0,-13px,0) rotate(4deg); }
}

@keyframes s2aAboutBreathe {
	0%, 100% { opacity: .72; transform: scale(1); }
	50% { opacity: 1; transform: scale(1.08); }
}

@keyframes s2aAboutNode {
	0%, 100% { opacity: .42; transform: scale(.8); }
	50% { opacity: 1; transform: scale(1.28); }
}

@keyframes s2aAboutSpark {
	0%, 100% { opacity: .18; transform: scale(.7); }
	50% { opacity: 1; transform: scale(1.45); }
}

@media (min-width: 1025px) {
	.s2a-about__visual {
		order: 1;
	}

	.s2a-about__content {
		order: 2;
	}
}

@media (max-width: 1199px) {
	.s2a-about__main {
		gap: 24px;
	}

	.s2a-about__content {
		flex-basis: 46%;
		max-width: 46%;
	}

	.s2a-about__visual {
		flex-basis: 54%;
		max-width: 54%;
		min-height: 650px;
	}

	.s2a-about__heading {
		font-size: clamp(40px, 5.2vw, 62px);
	}

	.s2a-about__description {
		font-size: 15px;
		line-height: 1.82;
	}

	.s2a-about__qualification {
		left: var(--s2a-qualification-x, 65%);
		top: var(--s2a-qualification-y, 12%);
		width: 280px;
		padding: 22px 20px;
	}

	.s2a-about__signature {
		width: 190px;
	}

	.s2a-about__stat {
		gap: 12px;
		padding-right: 8px;
	}

	.s2a-about__stat-icon {
		width: 50px;
		height: 50px;
		flex-basis: 50px;
		font-size: 21px;
	}

	.s2a-about__stat-number {
		font-size: 23px;
	}
}

@media (max-width: 1024px) {
	.s2a-about__inner {
		padding: 55px 28px 30px;
	}

	.s2a-about__main {
		flex-direction: column;
	}

	.s2a-about__content,
	.s2a-about__visual {
		flex-basis: 100% !important;
		max-width: 100% !important;
	}

	.s2a-about__content {
		padding: 0 12px;
	}

	.s2a-about__description {
		max-width: none;
	}

	.s2a-about__visual {
		min-height: 650px;
	}

	.s2a-about__aura {
		left: 47%;
		top: 48%;
		width: 88%;
		height: 70%;
	}

	.s2a-about__teacher {
		left: 47%;
		bottom: -30px;
		width: 76%;
	}

	.s2a-about__qualification {
		left: var(--s2a-qualification-x, 68%);
		top: var(--s2a-qualification-y, 12%);
	}


	.s2a-about__stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.s2a-about__stat:nth-child(2)::after {
		display: none;
	}

	.s2a-about__stat:nth-child(-n+2) {
		border-bottom: 1px solid rgba(86,132,197,.11);
		padding-bottom: 18px;
	}
}

@media (max-width: 767px) {
	.s2a-about {
		min-height: 0;
		border-radius: 24px;
	}

	.s2a-about__inner {
		padding: 42px 18px 26px;
	}

	.s2a-about__content {
		padding: 0;
	}

	.s2a-about__badge {
		margin-bottom: 20px;
		padding: 8px 13px;
		font-size: 11px;
	}

	.s2a-about__badge-icon {
		width: 26px;
		height: 26px;
		flex-basis: 26px;
	}

	.s2a-about__heading {
		font-size: clamp(38px, 12vw, 54px);
		letter-spacing: -1px;
	}

	.s2a-about__heading-line {
		width: 68px;
		height: 3px;
		margin: 16px 0 22px;
	}

	.s2a-about__description {
		font-size: 14px;
		line-height: 1.85;
	}

	.s2a-about__quote {
		margin-top: 20px;
		padding: 16px 22px 16px 35px;
		border-radius: 20px;
	}

	.s2a-about__quote-text {
		font-size: 14px;
	}

	.s2a-about__quote-mark--open {
		left: 10px;
	}

	.s2a-about__highlights {
		display: flex;
		gap: 10px;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 2px 1px 8px;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	.s2a-about__highlights::-webkit-scrollbar {
		display: none;
	}

	.s2a-about__highlight-card {
		flex: 0 0 82%;
		min-height: 82px;
		scroll-snap-align: center;
	}

	.s2a-about__visual {
		min-height: 690px;
		margin-top: 8px;
	}

	.s2a-about__aura {
		left: 50%;
		top: 34%;
		width: 92%;
		height: 58%;
		max-width: none;
		max-height: none;
	}

	.s2a-about__teacher {
		left: 50%;
		bottom: 150px;
		width: 82%;
		max-height: 76%;
		transform: translateX(-50%);
	}

	.s2a-about__atom {
		left: 4%;
		top: 5%;
		width: 62px;
		height: 62px;
	}

	.s2a-about__qualification {
		left: var(--s2a-qualification-x, 50%);
		top: var(--s2a-qualification-y, 64%);
		bottom: auto;
		width: 92%;
		padding: 18px;
		border-radius: 22px;
		transform: translateX(-50%) rotate(var(--s2a-qualification-rotate, 0deg));
	}

	.s2a-about__qualification-icon {
		width: 43px;
		height: 43px;
		border-radius: 13px;
		font-size: 19px;
	}

	.s2a-about__qualification-head {
		gap: 11px;
	}

	.s2a-about__qualification-title {
		font-size: 16px;
	}

	.s2a-about__qualification-subtitle {
		margin-top: 7px;
		font-size: 12px;
	}

	.s2a-about__qualification-line {
		margin: 12px 0 12px;
	}

	.s2a-about__qualification-points {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 10px;
		padding-top: 12px;
	}

	.s2a-about__qualification-point {
		font-size: 10px;
	}

	.s2a-about__signature {
		width: 144px;
		font-size: 9px;
	}

	.s2a-about__signature img {
		width: 126px;
	}

	.s2a-about__stats-wrap {
		margin-top: 24px;
		min-width: 0;
	}

	.s2a-about__stats {
		display: flex;
		grid-template-columns: none;
		gap: 10px;
		overflow-x: auto;
		overflow-y: hidden;
		padding: 11px 12px;
		border-radius: 22px;
		scroll-snap-type: x mandatory;
		scroll-padding-inline: 12px;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		overscroll-behavior-inline: contain;
	}

	.s2a-about__stats::-webkit-scrollbar {
		display: none;
	}

	.s2a-about__stat,
	.s2a-about__stat:nth-child(-n+2) {
		flex: 0 0 86%;
		min-height: 106px;
		padding: 15px;
		background: rgba(255,255,255,.52);
		border: 1px solid rgba(78,138,230,.12);
		border-radius: 18px;
		scroll-snap-align: center;
		scroll-snap-stop: always;
	}

	.s2a-about__stat::after,
	.s2a-about__stat:nth-child(2)::after {
		display: none;
	}

	.s2a-about__stat-icon {
		width: 52px;
		height: 52px;
		flex-basis: 52px;
	}

	.s2a-about__stat-number {
		font-size: 24px;
	}

	.s2a-about__stat-label {
		font-size: 11px;
	}

	.s2a-about__pagination {
		display: flex;
	}

	.s2a-about__molecule-network {
		width: 100%;
		height: 48%;
		top: 45%;
		opacity: .2;
	}
}

@media (max-width: 420px) {
	.s2a-about__visual {
		min-height: 650px;
	}

	.s2a-about__teacher {
		bottom: 165px;
		width: 88%;
	}


	.s2a-about__qualification-points {
		grid-template-columns: 1fr;
	}

	.s2a-about__qualification {
		padding: 16px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.s2a-about *,
	.s2a-about *::before,
	.s2a-about *::after {
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
	}
}

@media (max-width: 767px) {
	.s2a-about--reduce-mobile *,
	.s2a-about--reduce-mobile *::before,
	.s2a-about--reduce-mobile *::after {
		animation: none !important;
		transition: none !important;
	}
}

@media (max-width: 767px) {
	.s2a-about__qualification:hover { transform: translateX(-50%) rotate(var(--s2a-qualification-rotate, 0deg)); }
}


/* v1.14.2 — stronger YouTube visual language for the quote CTA. */
.s2a-about__youtube-button {
	background: #ff0000;
	border-color: rgba(255,255,255,.36);
	box-shadow: 0 10px 26px rgba(255,0,0,.24), inset 0 1px 0 rgba(255,255,255,.3);
}
.s2a-about__youtube-button::before {
	content: \"\";
	position: absolute;
	inset: -1px;
	z-index: -1;
	border-radius: inherit;
	background: linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0));
	pointer-events: none;
}
.s2a-about__youtube-button:hover,
.s2a-about__youtube-button:focus-visible {
	background: #cc0000;
	box-shadow: 0 14px 32px rgba(255,0,0,.32), 0 0 0 5px rgba(255,0,0,.08), inset 0 1px 0 rgba(255,255,255,.34);
}
.s2a-about__youtube-icon {
	width: 19px;
	height: 19px;
	flex-basis: 19px;
}