/**
 * Partners about/community section — ported from partners/components/TheAbout.vue (lines 191-300, 552-565)
 */

.about-base {
	background: #101218;
	border-radius: 80px 80px 0 0;
	padding: 100px 0 300px;
	position: relative;
	margin-bottom: -100px;
}

.about-base::after {
	content: '';
	background: #005763CC;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border-radius: 100%;
	height: 470px;
	filter: blur(200px);
}

@media (max-width: 768px) {
	.about-base::after {
		background: unset;
	}

	.about-base {
		border-radius: 24px 24px 0 0;
		padding: 24px 16px 60px;
		margin-bottom: -24px;
	}
}

.about-title {
	color: #fff;
	font-weight: 700;
	font-size: 52px;
	line-height: 120%;
	letter-spacing: 0;
	font-variant-numeric: lining-nums tabular-nums;
	margin-bottom: 20px;
	text-align: center;
}

@media (max-width: 768px) {
	.about-title {
		font-size: 26px;
		line-height: 120%;
		text-align: left;
	}
}

.about-description {
	color: #b8bfcd;
	font-weight: 600;
	font-size: 20px;
	line-height: 140%;
	letter-spacing: 0;
	text-align: center;
}

@media (max-width: 768px) {
	.about-description {
		font-size: 14px;
		line-height: 140%;
		text-align: left;
	}
}

.about-socials {
	display: flex;
	justify-content: center;
	margin: 40px auto;
	gap: 16px;
}

@media (max-width: 768px) {
	.about-socials {
		margin: 16px auto;
		display: flex;
		gap: 8px;
		flex-wrap: wrap;
		justify-content: start;
	}
}

.about-social {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 20px;
	min-height: 77px;
	min-width: 170px;
	transition: filter 0.2s ease-in-out;
}

.about-social--instagram {
	background: linear-gradient(110.38deg, #F64ED1 8.46%, #FF77A6 60.71%, #F8C880 94.97%);
}

.about-social--linkedin {
	background: linear-gradient(97.91deg, #4B85C8 6.1%, #456D9E 103.66%);
}

.about-social--telegram {
	background: linear-gradient(97.91deg, #66B4FF 6.1%, #54C7EB 103.66%);
}

.about-social--youtube {
	background: linear-gradient(97.91deg, #FF5A5E 6.1%, #CF3438 103.66%);
}

.about-social:hover {
	filter: brightness(120%);
}

@media (max-width: 768px) {
	.about-social {
		border-radius: 12px;
		min-height: 44px;
		min-width: 44px;
	}

	.about-social img {
		width: 44px;
		height: 44px;
	}
}

#faq {
	scroll-margin: 980px;
}

#media {
	scroll-margin: 100px;
}

@media (max-width: 768px) {
	#faq {
		scroll-margin: 650px;
	}

	#media {
		scroll-margin: 80px;
	}
}