@font-face {
	font-family: 'Geologica-Medium';
	src:
			local('Geologica Medium'),
			local('Geologica-Medium'),
			url('../fonts/Geologica-Medium.woff2') format('woff2'),
			url('../fonts/Geologica-Medium.woff') format('woff'),
			url('../fonts/Geologica-Medium.ttf') format('truetype'),
			url('../fonts/Geologica-Medium.eot?#iefix') format('embedded-opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Geologica-Regural';
	src:
			local('Geologica Regural'),
			local('Geologica-Regural'),
			url('../fonts/Geologica-Regular.woff2') format('woff2'),
			url('../fonts/Geologica-Regular.woff') format('woff'),
			url('../fonts/Geologica-Regular.ttf') format('truetype'),
			url('../fonts/Geologica-Regular.eot?#iefix') format('embedded-opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Geologica-SemiBold';
	src:
			local('Geologica SemiBold'),
			local('Geologica-SemiBold'),
			url('../fonts/Geologica-SemiBold.woff2') format('woff2'),
			url('../fonts/Geologica-SemiBold.woff') format('woff'),
			url('../fonts/Geologica-SemiBold.ttf') format('truetype'),
			url('../fonts/Geologica-SemiBold.eot?#iefix') format('embedded-opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
:root {
	--bg: #1A0827;
}

html {
	background: var(--bg);
}
*{
	font-family: 'Geologica-Medium', sans-serif;
}
body {
	margin: 0 auto;
	font-family: 'Geologica-Medium', sans-serif;
	color: white;
	max-width: 1400px;
	font-style: normal;
	line-height: normal;
	position: relative;
}

main {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

button {
	padding: 24px 40px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-size: 24px;
	font-weight: 600;
	cursor: pointer;
}
/* Кастомный скроллбар */
::-webkit-scrollbar {
	width: 5px;
	background: #1A0827;
}

::-webkit-scrollbar-thumb {
	background: #571b82;
	border-radius: 8px;
}

::-webkit-scrollbar-track {
	background: #1A0827;
}

::-webkit-scrollbar-button {
	display: none !important;
	width: 0 !important;
	height: 0 !important;
}

.btn-dark {
	font-family: 'Geologica-SemiBold';
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background-color: #251F36;
	color: white;
	transition: background-color 0.3s ease-in, border 0.3s;
}

.btn-dark:hover {
	transition: background-color 0.3s ease-in-out, border 0.3s;
	border: 1px solid rgba(255, 255, 255, 0.30);
	background-color: #3e384f;
}

.btn-major {
	font-family: 'Geologica-SemiBold';
	border-radius: 100px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background-color: #07BD41;
	color: white;
	transition: background-color 0.3s ease-in, border 0.3s;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.btn-major:hover {
	transition: background-color 0.3s ease-in-out, border 0.3s;
	border: 1px solid rgba(255, 255, 255, 0.30);
	background-color: #06d548;
}

@media screen and (max-width: 750px) {
	.btn-dark {
		width: 100%;
	}

}

.position,
.development,
.our-team {
	padding: 0 80px;
}

@media (max-width: 750px) {

	.position,
	.development,
	.our-team {
		padding: 0 7%;
	}
}

header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 0;
	padding: 24px 80px;
	width: 100%;
	max-width: 1320px;
	position: fixed;
	z-index: 100;
	box-sizing: border-box;
	transition: backdrop-filter 0.3s;
}

/* Класс для блюра при скролле */
header.header-blur {
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	background: rgba(26, 8, 39, 0.70);
}

.header {
	display: flex;
	align-items: flex-end;
	padding: 72px 80px 72px 80px;
}

.header img {
	max-width: 700px;
	width: 50%;
	transform: translateX(100px);
	opacity: 0;
	transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.8s ease;
}

.header img.animate {
	transform: translateX(0);
	opacity: 1;
}

.header__left {
	margin-bottom: 40px;
}

.header__left h1 {
	background: linear-gradient(180deg, #7CDBFE 0%, #B37EF0 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 70px;
	font-weight: 500;
	line-height: 110%;
}

.header__left h2 {
	font-size: 70px;
	font-weight: 500;
	line-height: 110%;
}

.header__left p {
	font-family: 'Geologica-Regural';
	color: rgba(255, 255, 255, 0.70);
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 140%;
	margin-top: 24px;
	max-width: 60%;
}

.header__left .btn-dark {
	margin-top: 64px;
}

.logo {
	cursor: pointer;
	display: flex;
	font-size: 32px;
	font-weight: 700;
	gap: 10px;
	align-items: center;
}

nav {
	display: flex;
	gap: 33px;
}

nav a {
	color: rgba(255, 255, 255, 0.70);
	font-size: 20px;
	font-family: 'Geologica-Regural';
	transition: color 0.3s;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

nav a:hover {
	color: white;
	transition: color 0.3s;
}

@media (max-width: 1280px) {
	.header {
		flex-direction: column-reverse;
		margin: 0 auto;
		align-items: center;
	}

	.header img {
		width: 100%;
		max-width: 1200px;
	}
}

@media (max-width: 750px) {
	.header {
		padding: 48px 40px;
	}

	.header__left h1 {
		font-size: 40px;
	}

	.header__left h2 {
		font-size: 40px;
	}

	.header__left p {
		font-size: 18px;
		max-width: 100%;
	}

	.logo {
		font-size: 23.552px;
	}
}

@media (max-width: 460px) {
	.header {
		padding: 48px 24px;
	}
}

@media (max-width: 340px) {
	.logo {
		font-size: 16px;
	}
}

/* даты */

.timeline {
	position: relative;
	width: calc(100% - 50px);
	margin: 150px auto auto auto;
}

.timeline__line {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	height: 3px;
	width: 96%;
	background-color: #371C4A;
	margin: auto;
	transform: scaleX(0); /* Начальное состояние - линия сжата до 0 */
	transform-origin: left center; /* Точка трансформации слева */
	transition: transform 2.2s cubic-bezier(0.16, 1, 0.3, 1);
}
.timeline__line.animate {
	transform: scaleX(1); /* Конечное состояние - линия в полную ширину */
}
@media (max-width: 1480px) {
	.timeline__line {
		width: 90%;
	}
}

.timeline__line::before {
	content: '';
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	right: -50px;
	background: linear-gradient(to right, #371C4A, rgba(55, 28, 74, 0));
}

.timeline__line:after {
	content: '';
	position: absolute;
	top: 0;
	width: 50px;
	height: 100%;
	left: -50px;
	background: linear-gradient(to left, #371C4A, rgba(55, 28, 74, 0));
}

.timeline__item {
	position: absolute;
	top: -18px;
	/* transform: translate(-50%, -50%); */
	display: flex;
	gap: 12px;
	flex-direction: column;
	align-items: center;
	z-index: 2;
	text-align: left;
}

.timeline__item:nth-child(2) {
	left: 73px;
}

.timeline__item:nth-child(3) {
	right: 25%;
}

.timeline__item:nth-child(4) {
	right: 50px;
}

.timeline__dot {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #93B3F8;
	border: 16px solid var(--bg);
}

.timeline__date {
	position: absolute;
	top: -70px;
	font-size: 60px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.20) 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.timeline__text {
	position: absolute;
	bottom: -40px;
	padding: 5px 10px;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

/* даты конец */


/* топ позиция */
.position {
	display: flex;
	margin: 400px auto auto auto;
	align-items: center;
}

@media (max-width: 1000px) {
	.position {
		flex-direction: column;
		margin: 100px auto auto auto;
	}

}

.position__img {
	flex: 1;
}

.position__img img {
	max-width: 358px;
	height: auto;
	mix-blend-mode: color-dodge;
	-webkit-mix-blend-mode: color-dodge;
}

.position__blocks {
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex: 1;
}

.position__blocks__item {
	border-radius: 40px;
	background: #1E0D2B;
	padding: 72px;
	display: flex;
	flex-direction: column;
	gap: 30px;
	background-repeat: no-repeat;
	background-position: bottom right;
	z-index: 1;
}

.position__blocks__item:first-child {
	background-image: url(/img/position__blocks.svg);
	background-size: contain;
}

.position__blocks__item:last-child {
	background-image: url(/img/position__blocks2.svg);
	background-size: contain;
}

.position__blocks__item h2 {
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}

.position__blocks__item p {
	font-family: 'Geologica-Regural';
	color: rgba(255, 255, 255, 0.70);
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}

@media screen and (max-width: 750px) {
	.position__blocks__item {
		padding: 40px 32px;
	}

	.position__blocks__item h2 {
		font-size: 24px;
	}

	.position__blocks__item p {
		font-size: 16px;
	}
}

/* Анимация появления блоков снизу вверх с каскадным эффектом */
.position__blocks__item {
	opacity: 0;
	transform: translateY(60px);
	will-change: transform, opacity;
	/* Оптимизация для браузера */
}

.position__blocks.position-animate .position__blocks__item {
	animation: positionBlockFadeIn 1.1s cubic-bezier(.77, 0, .18, 1) forwards;
}

/* Каскадные задержки для элементов */
.position__blocks.position-animate .position__blocks__item:nth-child(1) {
	animation-delay: 0.1s;
}

.position__blocks.position-animate .position__blocks__item:nth-child(2) {
	animation-delay: 0.25s;
}

.position__blocks.position-animate .position__blocks__item:nth-child(3) {
	animation-delay: 0.4s;
}

.position__blocks.position-animate .position__blocks__item:nth-child(4) {
	animation-delay: 0.55s;
}

/* Ключевые кадры анимации */
@keyframes positionBlockFadeIn {
	0% {
		opacity: 0;
		transform: translateY(60px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* топ позиция конец*/

/* наша команда */
.our-team {
	/* display: flex; */
	width: 100%;
	position: relative;
	box-sizing: border-box;
	margin-top: 155px;
	opacity: 0;
}

.our-team.animate {
	opacity: 1;
}

.our-team h2 {
	font-size: 48px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s;
}

.our-team.animate h2 {
	opacity: 1;
	transform: translateY(0);
}

.our-team__wrap {
	display: flex;
	flex-direction: column;
	gap: 60px;
	margin-top: 80px;
	max-width: 50%;
}

.our-team__item {
	display: flex;
	gap: 20px;
	opacity: 0;
	transform: translateX(-30px);
	transition: all 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.our-team__item:nth-child(even) {
	transform: translateX(30px);
}

.our-team.animate .our-team__item {
	opacity: 1;
	transform: translateX(0);
}

.our-team__item__text h3 {
	font-family: 'Geologica-SemiBold';
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
}

.our-team__item__text p {
	margin-top: 16px;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	color: rgba(255, 255, 255, 0.70);
}

.our-team__img {
	position: absolute;
	right: 9%;
	top: 19%;
}

.our-team__img img {
	mix-blend-mode: color-dodge;
	-webkit-mix-blend-mode: color-dodge;
	max-width: 290px;
	height: auto;
	animation: subtle-levitation 8s ease-in-out infinite;
}



.our-team__item__img {
	border-radius: 100px;
	background: linear-gradient(180deg, #7CDBFE 0%, #B37EF0 100%);
	min-width: 72px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.our-team__item__img img {
	width: 40px;
	height: 40px;
}

.our-team .btn-dark {
	margin-top: 80px;
	opacity: 0;
	transform: translateY(20px);
	transition: all 0.6s ease 1.3s;
}

.our-team.animate .btn-dark {
	opacity: 1;
	transform: translateY(0);
}

.our-team.animate .our-team__item:nth-child(1) {
	transition-delay: 0.3s;
}

.our-team.animate .our-team__item:nth-child(2) {
	transition-delay: 0.5s;
}

.our-team.animate .our-team__item:nth-child(3) {
	transition-delay: 0.7s;
}

.our-team.animate .our-team__item:nth-child(4) {
	transition-delay: 0.9s;
}

.our-team.animate .our-team__item:nth-child(5) {
	transition-delay: 1.1s;
}

.our-team__img__ring {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 40%;
	height: 40%;
	border: 1px solid rgb(119, 114, 99);
	border-radius: 50%;
	opacity: 0;
	animation: ring-pulse 4s linear infinite;
}

@keyframes float {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-15px);
	}
}

@keyframes ring-pulse {
	0% {
		transform: translate(-50%, -50%) scale(0.8);
		opacity: 0.7;
		width: 40%;
		height: 40%;
	}

	100% {
		transform: translate(-50%, -50%) scale(1.3);
		opacity: 0;
		width: 100%;
		height: 100%;
	}
}

.our-team__img__ring:nth-child(1) {
	animation-delay: 0s;
}

.our-team__img__ring:nth-child(2) {
	animation-delay: 1.3s;
}

.our-team__img__ring:nth-child(3) {
	animation-delay: 2.6s;
}

@keyframes float {

	0%,
	100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-15px);
	}
}

@media (max-width: 1000px) {
	.our-team {
		margin-top: 40px;
		flex-direction: column;
		display: flex;
	}

	.our-team__wrap {
		max-width: 100%;
	}

	.our-team__img {
		order: 1;
		position: relative;
		margin: 20px auto 80px auto;
		right: 0;
		left: 0;
	}

	.our-team h2 {
		order: 2;
	}

	.our-team__left {
		order: 3;
	}
}

@media (max-width: 600px) {
	.our-team h2 {
		font-size: 32px;
	}

	.our-team__img__ring {
		width: 60%;
		height: 60%;
	}
	.our-team__item__text h3 {
		font-size: 20px;
	}
	.our-team__item__text p {
		font-size: 16px;
	}
}

/* наша команда конец */

/* разработка */
.development {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	box-sizing: border-box;
	margin: 160px 0 0 0;
}

.development__item {
	flex: 1 1 calc(50% - 20px);
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	padding: 72px;
	gap: 24px;
	border-radius: 40px;
	background: rgba(255, 255, 255, 0.02);
	opacity: 0;
	transform: translateY(30px);
	transition: opacity 0.6s ease-out, transform 0.8s cubic-bezier(.23, 1, .32, 1);
	will-change: transform, opacity;
}
.development__item h2{

	font-size: 40px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
}
.development__item p{
	font-family: 'Geologica-Regural';
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
}
h2
	/* Анимация для каждого элемента с разных сторон */
.development__item:nth-child(odd) {
	transform: translateX(-50px);
}

.development__item:nth-child(even) {
	transform: translateX(50px);
}

/* Анимация при появлении */
.development__item.animate {
	opacity: 1;
	transform: translate(0, 0);
}

/* Задержки для последовательного появления */
.development__item:nth-child(1) {
	transition-delay: 0.1s;
}

.development__item:nth-child(2) {
	transition-delay: 0.2s;
}

.development__item:nth-child(3) {
	transition-delay: 0.3s;
}

.development__item:nth-child(4) {
	transition-delay: 0.4s;
}

.development__item__img {
	width: 88px;
	height: 88px;
	transition: transform 0.3s ease;
}

/* Эффекты при наведении */
.development__item:hover {
	background: rgba(255, 255, 255, 0.05);
}

.development__item:hover .development__item__img {
	transform: scale(1.05);
}

@media (max-width: 900px) {
	.development {
		flex-direction: column;
	}

	.development__item {
		padding: 32px;
	}

}

@media (max-width: 600px) {
	.development {
		margin: 80px 0 0 0;
	}
	.development__item h2{
		font-size: 24px;
	}
}

/* разработка */

/* форма отправки */
.form {
	padding: 70px 60px;
	background: rgba(255, 255, 255, 0.02);
	border-radius: 40px;
	box-sizing: border-box;
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}

.form h2 {
	margin-bottom: 45px;
	font-size: 40px;
	font-style: normal;
	font-weight: 600;
	line-height: 110%;
}

.form-container {
	background: white;
	border-radius: 10px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
	padding: 30px;
	width: 100%;
	max-width: 500px;
}

.form-group {
	position: relative;
	margin-bottom: 25px;
}

.form-group input,
.form-group textarea,
.form-group select {
	width: 100%;
	padding: 24px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	border-radius: 5px;
	font-family: 'Geologica-Regural';
	font-size: 16px;
	outline: none;
	color: white;
	transition: border-color 0.3s;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: rgba(255, 255, 255, 0.05);
	box-sizing: border-box;
}

.error {
	border: 1px solid red;
}
.form-group select {
	height: 68px;
	background-image: linear-gradient(55deg, transparent 50%, gray 50%), linear-gradient(125deg, gray 50%, transparent 50%);
	background-position: calc(100% - 23px) calc(50% - 0px), calc(100% - 15px) calc(50% - 0px), calc(100% - 2.5px) 50%;
	background-size: 10px 10px, 10px 10px, 1px 1.5px;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

.form-group select option {
	background: #1A0D23;
	border: none;
	padding: 10px;
}

.form-group textarea {
	min-height: 100px;
	resize: vertical;
}

.form-group label {
	position: absolute;
	top: 24px;
	left: 24px;
	color: #999;
	font-size: 16px;
	transition: all 0.3s ease;
	pointer-events: none;
}

.form-group-flex {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 32px;
}

.form-group-flex>div {
	flex: 1;
	width: 100%;
}

@media screen and (max-width: 750px) {
	.form {
		padding: 40px;
		margin: 0 46px;
	}

	.form .btn-major {
		width: 100%;
		font-size: 20px;
		padding: 12px;
		font-weight: 500;
		line-height: normal;
	}

	.form-group-flex {
		flex-direction: column;
		gap: 0px;
	}
	.form h2{
		font-size: 28px;
	}
}

@media screen and (max-width: 460px) {
	.form {
		padding: 24px;
		margin: 0 24px;
	}

}

/* Анимация лейбла при фокусе или если поле заполнено */
.form-group input:focus+label,
.form-group textarea:focus+label,
.form-group select:focus+label,
.form-group input:not(:placeholder-shown)+label,
.form-group textarea:not(:placeholder-shown)+label,
.form-group select:not(:placeholder-shown)+label {
	top: 5px;
	font-size: 12px;
	color: rgba(255, 255, 255, 0.60);
}

.form-group input:focus,
.form-group textarea:focus {
	border-color: rgba(255, 255, 255, 0.60);
}

.file-input {
	margin: 20px 0;
	position: relative;
}

.file-input label {
	display: flex;
	align-items: center;
	padding: 24px;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, 0.10);
	background: rgba(255, 255, 255, 0.05);
	color: white;
	font-size: 16px;
	cursor: pointer;
	transition: all 0.3s ease;
}

.file-input label:hover {
	border: 1px solid rgba(255, 255, 255, 0.30);
	background: rgba(255, 255, 255, 0.30);
}

.file-input label::before {
	content: "";
	display: inline-block;
	min-width: 20px;
	height: 20px;
	margin-right: 10px;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.5053 11.1669L11.1907 18.4815C10.0893 19.5829 10.0893 21.3695 11.1907 22.4709V22.4709C12.292 23.5722 14.0787 23.5722 15.18 22.4709L24.8227 12.8282C26.8427 10.8082 26.8427 7.53353 24.8227 5.51354V5.51354C22.8027 3.49354 19.528 3.49354 17.508 5.51354L7.86535 15.1562C4.92668 18.0949 4.92668 22.8575 7.86535 25.7962V25.7962C10.804 28.7349 15.5667 28.7349 18.5053 25.7962L24.3573 19.9442' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.file-input input[type="file"] {
	position: absolute;
	width: 50px;
	height: 50px;
	padding: 0;
	margin: 24px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.file-name {
	margin-left: 10px;
	color: #666;
	font-size: 14px;
	font-style: italic;
}

.checkbox-group {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.checkbox-group input[type="checkbox"] {
	display: none;
}

/* Стили для кастомного чекбокса */
.checkbox-group label {
	display: flex;
	align-items: center;
	cursor: pointer;
	user-select: none;
	position: relative;
	color: rgba(255, 255, 255, 0.60);
	font-family: 'Geologica-Regural';
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
}

.checkbox-group label::before {
	content: '';
	display: inline-block;
	min-width: 20px;
	height: 20px;
	border: 2px solid #0EA33D;
	border-radius: 4px;
	margin-right: 10px;
	transition: all 0.3s;
}

/* Стиль при checked */
.checkbox-group input[type="checkbox"]:checked+label::before {
	background-color: #0EA33D;
	border-color: #0EA33D;

}

/* Белая галочка */
.checkbox-group input[type="checkbox"]:checked+label::after {
	content: '';
	position: absolute;
	top: 3px;
	left: 8px;
	width: 6px;
	height: 12px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

@media screen and (max-width: 603px) {
	.checkbox-group input[type="checkbox"]:checked+label::after {
		top: auto;
	}
}

/* форма отправки конец */


.tripl img,
.spril img {
	mix-blend-mode: color-dodge;
	-webkit-mix-blend-mode: color-dodge;
	width: 100%;
	height: auto;
	position: absolute;
}

.tripl img {
	max-width: 644px;
	top: -190px;
	left: -261px;
	animation: subtle-levitation 8s ease-in-out infinite;
	will-change: transform;
}

.tripl {
	position: relative;
	height: 300px;
}

.spril {
	mix-blend-mode: color-dodge;
	-webkit-mix-blend-mode: color-dodge;
	position: absolute;
	height: 500px;
	width: 100%;
	overflow-x: hidden;
	bottom: 140px;
	z-index: -1;
}

.spril img {
	max-width: 577px;
	width: 100%;
	height: 100%;
	right: -270px;
}
@media (max-width: 860px) {
	.spril {
		bottom: -75px;
		position: absolute;
		height: 390px;
	}
	.spril img{
		right: -200px;
		width: 363px;
		bottom: 22px;
	}
}
@media (max-width: 750px) {
	.tripl {
		height: 220px;
	}

	.tripl img {
		max-width: 500px;
		top: -42%;
		left: -45%;
	}
}

/* подвал */
footer {
	display: flex;
	justify-content: space-between;
	padding: 40px 80px;
	align-items: center;
	flex-wrap: wrap;
	gap: 24px;
}

footer .logo p {
	color: white;
}

.footer__right {
	display: flex;
	gap: 33px;
}

footer a {
	text-decoration: underline;
	color: rgba(255, 255, 255, 0.70);

}

footer p {
	color: rgba(255, 255, 255, 0.70);
}

@media (max-width: 860px) {
	footer {
		flex-direction: column;
		align-items: center;
	}

	.footer__right {
		flex-direction: column;
		gap: 16px;
		align-items: center;
		text-align: center;
	}
}

/* подвал конец */

/* Мобильное меню и бургер */
.burger {
	display: none;
	background: none;
	border: none;
	cursor: pointer;
	width: 48px;
	height: 48px;
	position: relative;
	z-index: 201;
}

.burger__icon,
.burger__icon::before,
.burger__icon::after {
	display: block;
	background: #fff;
	height: 4px;
	width: 32px;
	border-radius: 2px;
	position: absolute;
	left: 8px;
	transition: all 0.3s;
}

.burger__icon {
	top: 22px;
}

.burger__icon::before {
	content: '';
	top: -10px;
	position: absolute;
	width: 32px;
	height: 4px;
	background: #fff;
	border-radius: 2px;
}

.burger__icon::after {
	content: '';
	top: 10px;
	position: absolute;
	width: 32px;
	height: 4px;
	background: #fff;
	border-radius: 2px;
}

.mobile-menu__close {
	position: absolute;
	top: 24px;
	right: 0px;
	padding: 24px;
	background: none;
	border: none;
	cursor: pointer;
	width: 48px;
	height: 48px;
	z-index: 202;
}

.mobile-menu__close-icon,
.mobile-menu__close-icon::before,
.mobile-menu__close-icon::after {
	position: absolute;
	left: 16px;
	top: 22px;
	width: 24px;
	height: 4px;
	background: #fff;
	border-radius: 2px;
	content: '';
	display: block;
}

.mobile-menu__close-icon::before {
	transform: rotate(45deg);
}

.mobile-menu__close-icon::after {
	transform: rotate(-45deg);
}

.mobile-menu__close-icon {
	background: transparent;
}

.mobile-menu__close-icon::before,
.mobile-menu__close-icon::after {
	position: absolute;
	left: 0;
	top: 0;
}

.mobile-menu {
	display: none;
	position: fixed;
	z-index: 200;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: rgba(26, 8, 39, 0.98);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	justify-content: center;
	align-items: center;
	flex-direction: column;
	transition: opacity 0.3s;
	opacity: 0;
	pointer-events: none;
}

.mobile-menu.open {
	display: flex;
	opacity: 1;
	pointer-events: auto;
}

.mobile-menu__nav {
	display: flex;
	flex-direction: column;
	gap: 40px;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.mobile-menu__nav a {
	color: rgba(255, 255, 255, 0.70);
	font-size: 20px;
	font-weight: 400;
	text-decoration: none;
	transition: color 0.2s;
}

.mobile-menu__nav a:hover {
	color: white;
}

@media (max-width: 960px) {
	header {
		padding: 24px 20px;
		width: 100vw;
	}

	nav {
		display: none;
	}

	.burger {
		display: block;
	}

	.mobile-menu {
		display: flex;
		opacity: 0;
		pointer-events: none;
	}

	.mobile-menu.open {
		opacity: 1;
		pointer-events: auto;
	}
}

/* адаптивный timeline */


/* новые стили для колец */
.position__img {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.position__img__ring {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 120px;
	height: 120px;
	border: 1px solid rgb(119, 114, 99);
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	animation: ring-pulse 4.8s linear infinite;
}

.position__img__ring:nth-child(1) {
	animation-delay: 0s;
}

.position__img__ring:nth-child(2) {
	animation-delay: 1.6s;
}

.position__img__ring:nth-child(3) {
	animation-delay: 3.2s;
}

@keyframes ring-pulse {
	0% {
		transform: translate(-50%, -50%) scale(1.5);
		opacity: 0.7;
	}

	70% {
		opacity: 0.3;
	}

	100% {
		transform: translate(-50%, -50%) scale(4.2);
		opacity: 0;
	}
}

.position__img img {
	width: 60%;
	height: auto;
	position: relative;
	z-index: 2;
	animation: subtle-levitation 8s ease-in-out infinite;
	will-change: transform;
}

@keyframes subtle-levitation {

	0%,
	100% {
		transform: translateY(0) rotate(-10deg);
	}

	25% {
		transform: translateY(-3px) rotate(-15deg);
	}

	50% {
		transform: translateY(0) rotate(-20deg);
	}

	75% {
		transform: translateY(-3px) rotate(-15deg);
	}
}

/* Стили для попапа политики конфиденциальности */
.privacy-popup {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 100vw;
	height: 100vh;
	background: rgba(26, 8, 39, 0.85);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	display: flex;
	justify-content: center;
	align-items: center;
	/* было flex-end, стало center */
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s;
	z-index: 9999;
}

.privacy-popup.open {
	opacity: 1;
	pointer-events: auto;
}

.privacy-popup__content {
	position: relative;
	background: #251F36;
	color: white;
	border-radius: 24px;
	padding: 40px 32px 32px 32px;
	max-width: 800px;
	width: 100%;
}

@keyframes privacy-popup-up {
	from {
		transform: translateY(100%);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.privacy-popup__close {
	position: absolute;
	top: 16px;
	right: 3px;
	padding: 24px;
	background: none;
	border: none;
	color: #fff;
	font-size: 32px;
	cursor: pointer;
	line-height: 1;
}

.privacy-popup__text {
	max-height: 40vh;
	overflow-y: auto;
	margin-top: 24px;
	padding: 24px;
	font-size: 16px;
	line-height: 1.5;
	scrollbar-width: thin;
	scrollbar-color: #571b82 #251F36;
}

.privacy-popup__text {
	font-family: 'Segoe UI', Arial, sans-serif;
	line-height: 1.7;
}

.privacy-popup__text h2 {
	font-size: 2.2em;
	margin-bottom: 0.5em;
	font-weight: 700;
}

.privacy-popup__text h3 {
	font-size: 1.3em;
	margin-top: 2em;
	margin-bottom: 0.7em;
	color: #efefef;
	font-weight: 600;
}

.privacy-popup__text h4 {
	font-size: 1.1em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	font-weight: 600;
}

.privacy-popup__text p, .privacy-popup__text li {
	margin-bottom: 1.2em;
	color: rgba(255, 255, 255, 0.80);
}
.privacy-popup__text li strong{
	color: white;
}
.privacy-popup__text ul,
.privacy-popup__text ol {
	margin: 0 0 1.2em 1.5em;
	padding: 0;
}

.privacy-popup__text ul {
	list-style: disc inside;
}

.privacy-popup__text ol {
	list-style: decimal inside;
}

.privacy-popup__text ul ul,
.privacy-popup__text ol ul {
	list-style: circle inside;
	margin-left: 1.5em;
}

.privacy-popup__text li {
	margin-bottom: 0.5em;
	padding-left: 0.2em;
}

.privacy-popup__text strong {
	color: white;
	font-weight: 600;
}
.site-style{
	color: #fff200;
}
.email-style{
	color: #37ff00;
}
@media (max-width: 600px) {
	.privacy-popup__text {
		padding: 16px 6px;
		font-size: 15px;
	}
	.privacy-popup__text h2 {
		font-size: 1.4em;
	}
	.privacy-popup__text h3 {
		font-size: 1.1em;
	}
}


/* Более плавная анимация появления элементов внутри header__left */
.header__left>* {
	opacity: 0;
	transform: translateX(-80px);
	transition: none;
}

.header .header__left>h1 {
	animation: headerLeftFadeIn 1.2s cubic-bezier(.77, 0, .18, 1) 0.45s forwards;
}

.header .header__left>h2 {
	animation: headerLeftFadeIn 1.2s cubic-bezier(.77, 0, .18, 1) 0.75s forwards;
}

.header .header__left>p {
	animation: headerLeftFadeIn 1.2s cubic-bezier(.77, 0, .18, 1) 1.05s forwards;
}

.header .header__left>a {
	animation: headerLeftFadeIn 1.2s cubic-bezier(.77, 0, .18, 1) 1.35s forwards;
}

@keyframes headerLeftFadeIn {
	from {
		opacity: 0;
		transform: translateX(-80px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* Плавное появление блока header сверху */
header {
	opacity: 0;
	transform: translateY(-60px);
	transition: none;
}

header.header-animate {
	animation: headerDropIn 1.1s cubic-bezier(.77, 0, .18, 1) 0.1s forwards;
}

@keyframes headerDropIn {
	from {
		opacity: 0;
		transform: translateY(-60px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}






/* Базовые стили временной шкалы */

.timeline__line {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: -46px auto auto auto !important;
	height: 3px;
	width: 100%;
	background-color: #371C4A;
	margin: auto;
	transform: scaleX(0);
	transform-origin: left center;
}

.timeline__item {
	position: absolute;
	top: -18px;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 2;
	text-align: center;
}

.timeline__dot {
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background-color: #93B3F8;
	border: 16px solid #1A0827;
	opacity: 0;
	transform: scale(0);
	transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.timeline__date {

	opacity: 0;
	transform: translateY(30px);
	transition: all 0.8s ease;
}

.timeline-text {
	opacity: 0;
	transform: translateY(-30px);
	transition: all 0.8s ease;
}



/* Анимационные классы */
.timeline__line.animate {
	animation: drawLine 5.7s forwards;
}

.timeline__item.active .timeline__dot {
	opacity: 1;
	transform: scale(1);
}

.timeline__item.active .timeline__date {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.5s;
}

.timeline__item.active .timeline-text {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.7s;
}

@keyframes drawLine {
	0% {
		transform: scaleX(0);

	}
	33% {
		transform: scaleX(0.05);

	}
	66% {
		transform: scaleX(0.58);

	}
	100% {
		transform: scaleX(1);

	}
}
@media (max-width: 1000px) {
	.timeline {
		margin: 40px 0 0 0;
		padding-left: 40px;
		min-height: 350px;
		position: relative;
	}

	.timeline__line {
		position: absolute;
		top: 0;
		left: 40px;
		width: 4px;
		height: 100%;
		background: #371C4A;
		margin: 0;
		right: auto;
	}

	.timeline__line::before,
	.timeline__line::after {
		display: none;
	}

	.timeline__item {
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		margin-bottom: 60px;
		display: flex;
		flex-direction: row;
		align-items: flex-start;
		gap: 20px;
		text-align: left;
		z-index: 2;
	}

	.timeline__dot {
		left: -20px;
		top: 12px;
	}

	/* дата и текст справа от линии */
	.timeline__item {
		flex-direction: column;
		transform: translate(0%, 0%);
	}

	.timeline__dot {
		position: absolute;
	}

	.timeline__item-content {
		display: flex;
		flex-direction: column;
	}

	.timeline__date {
		top: auto;
		left: 52px;
		font-size: 60px;
	}

	.timeline-text {
		margin: 75px 0px 0px 52px;
	}

	.timeline__item:nth-child(2),
	.timeline__item:nth-child(3),
	.timeline__item:nth-child(4) {
		left: auto;
		right: auto;
	}
}
.label-error {
	color: #f44336 !important;
}
.success-popup, .error-popup {
	display:none;
	position:fixed;
	left: 30px;
	top: 100px;
	background:#4caf50;
	color:#fff;
	padding:12px 24px;
	border-radius:6px;
	box-shadow:0 2px 8px rgba(0,0,0,0.15);
	z-index:1000;
}

.error-popup {
	background: #f44336;
}
@media (max-width: 460px) {
	.success-popup, .error-popup {
		left: 0;
		right: 0;
		margin: auto;
		width: 80%;
	}
}


.loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	display: none;
}

.loader.show {
	display: block;
}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 5px solid #ccc;
	border-top-color: #333;
	animation: spin 1s linear infinite;
}

@keyframes spin {
	0% {
		transform: translate(-50%, -50%) rotate(0deg);
	}
	100% {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

.g-recaptcha {
	margin-bottom: 20px;
}