@import 'reset.css';

	/* Хедер */
	.header {
	 position: fixed;
	 top: 0;
	 left: 0;
	 width: 100%;
	 background: #FFF;
	 padding: 20px 10px;
	 border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	 z-index: 1000;
	 height: 80px;
	 display: flex;
	 align-items: center;
	}

	.nav {
	 display: flex;
	 justify-content: space-between;
	 align-items: center;
	}

	.logo {
	 width: 60px;
	 height: auto;
	}

	.header__list {
	 display: flex;
	 align-items: center;
	 gap: 26px;
	}

	.header__list-link {
	 font-size: 20px;
	}

	.header__list-link a {
	 color: #212529;
	 transition: .4s;
	}

	.header__list-link a:hover {
	 color: #40A3F8;
	}

	/* Видео секция */
	.video-wrapper {
	 position: relative;
	 height: calc(100vh - 80px);
	 width: 100%;
	 overflow: hidden;
	 margin-top: 80px;
	}

	.video-bg {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 min-width: 100%;
	 min-height: 100%;
	 transform: translate(-50%, -50%);
	 object-fit: cover;
	 z-index: -2;
	}

	.video-overlay {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 backdrop-filter: blur(5px);
	 background: rgba(0, 0, 0, 0.3);
	 z-index: -1;
	}

	.video-content {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%, -50%);
	 color: white;
	 text-align: center;
	 z-index: 10;
	}

	.LOGO {
	 display: flex;
	 gap: 17px;
	 align-items: center;
	}

	.video-content h1 {
	 font-size: 48px;
	 margin-bottom: 20px;
	 background: #FFF;
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 background-clip: text;
	 text-fill-color: transparent;
	}

	.video-content p {
	 font-size: 24px;
	 margin-bottom: 30px;
	}

	/* Кнопка */
	.btn {
	 position: relative;
	 appearance: button;
	 background-color: #1899D6;
	 border: solid transparent;
	 border-radius: 16px;
	 border-width: 0 0 4px;
	 color: #FFFFFF;
	 cursor: pointer;
	 display: inline-block;
	 font-family: din-round, sans-serif;
	 font-size: 15px;
	 font-weight: 700;
	 letter-spacing: .8px;
	 line-height: 20px;
	 padding: 13px 20px;
	 text-align: center;
	 text-transform: uppercase;
	 touch-action: manipulation;
	 transition: filter .2s;
	 user-select: none;
	 vertical-align: middle;
	 white-space: nowrap;
	}

	.btn:after {
	 background-clip: padding-box;
	 background-color: #1CB0F6;
	 border: solid transparent;
	 border-radius: 16px;
	 border-width: 0 0 4px;
	 bottom: -4px;
	 content: "";
	 left: 0;
	 position: absolute;
	 right: 0;
	 top: 0;
	 z-index: -1;
	}

	.btn:hover:not(:disabled) {
	 filter: brightness(1.1);
	}

	.btn:disabled {
	 cursor: auto;
	}

	.btn:active {
	 border-width: 4px 0 0;
	 background: none;
	}

	/* Секция счётчиков — премиальный стиль */
	.stats {
	 background: linear-gradient(135deg, #fdfdfd 0%, #f7f8fc 100%);
	 padding: 50px 20px;
	 text-align: center;
	}

	.sponsors__title,
	.stats__title,
	.venue__title,
	.join__title,
	.contacts__title {
	 font-size: 42px;
	 font-weight: 800;
	 margin-bottom: 30px;
	 color: #1e3c72;
	 position: relative;
	 z-index: 2;
	}

	.sponsors__title::after,
	.stats__title::after,
	.venue__title::after,
	.join__title::after,
	.contacts__title::after {
	 content: "";
	 display: block;
	 width: 80px;
	 height: 4px;
	 margin: 15px auto 0;
	 background: linear-gradient(90deg, #1e3c72, #d4af37);
	 border-radius: 2px;
	}

	.stats__container {
	 display: flex;
	 justify-content: center;
	 flex-wrap: wrap;
	 gap: 50px;
	 max-width: 1200px;
	 margin: 0 auto;
	}

	.stat {
	 flex: 1 1 280px;
	 background: #ffffff;
	 border-radius: 24px;
	 padding: 50px 30px;
	 box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
	 border: 1px solid rgba(0, 0, 0, 0.06);
	 transition: transform 0.4s ease, box-shadow 0.4s ease;
	 animation: fadeInUp 1s ease forwards;
	 opacity: 0;
	 position: relative;
	 overflow: hidden;
	}

	.stat::before {
	 content: "";
	 position: absolute;
	 top: 0;
	 left: -100%;
	 width: 100%;
	 height: 100%;
	 background: linear-gradient(120deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0) 60%);
	 transition: left 0.6s ease;
	}

	.stat:hover::before {
	 left: 100%;
	}

	.stat:nth-child(1) {
	 animation-delay: 0.2s;
	}

	.stat:nth-child(2) {
	 animation-delay: 0.4s;
	}

	.stat:nth-child(3) {
	 animation-delay: 0.6s;
	}

	.stat:nth-child(4) {
	 animation-delay: 0.8s;
	}

	.stat:nth-child(5) {
	 animation-delay: 1.0s;
	}

	.stat:nth-child(6) {
	 animation-delay: 1.2s;
	}

	.stat:hover {
	 transform: translateY(-12px);
	 box-shadow: 0 12px 40px rgba(30, 60, 114, 0.25);
	}

	.stat i {
	 font-size: 54px;
	 margin-bottom: 25px;
	 background: linear-gradient(135deg, #1e3c72, #2a5298, #d4af37);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	}

	.stat .num {
	 display: block;
	 font-size: 48px;
	 font-weight: 900;
	 margin-bottom: 12px;
	 letter-spacing: -1px;
	 background: linear-gradient(135deg, #1e3c72, #2a5298, #d4af37);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	}

	.stat .text {
	 font-size: 20px;
	 color: #444;
	 font-weight: 500;
	}

	/* Анимация появления */
	@keyframes fadeInUp {
	 from {
	  transform: translateY(40px);
	  opacity: 0;
	 }

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

	.sponsors {
	 padding: 40px 20px;
	 background: #eceff2;
	 text-align: center;
	}

	.sponsors .section-divider {
	 width: 80%;
	 height: 1px;
	 background: rgba(0, 0, 0, 0.1);
	 margin: 30px auto;
	 border-radius: 2px;
	}

	.sponsors__title {
	 font-size: 46px;
	 font-weight: 900;
	 background: linear-gradient(90deg, #1e3c72, #2a5298);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
	 text-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
	 margin-bottom: 60px;
	}


	.sponsors h3 {
	 font-weight: 700;
	 margin-bottom: 30px;
	 letter-spacing: 0.5px;
	 position: relative;
	 display: inline-block;
	}

	.sponsors h3::after {
	 content: '';
	 display: block;
	 width: 50%;
	 height: 3px;
	 background: linear-gradient(90deg, #1e3c72, #2a5298);
	 margin: 8px auto 0;
	 border-radius: 2px;
	}

	/* Больше пространства между основными уровнями спонсоров */
	.general-sponsors {
	 margin-bottom: 40px;
	 /* раньше было ~40-50px, теперь больше */
	}

	.icon {
	 width: 35px;
	 height: auto;
	}

	.lower-sponsors {
	 margin-bottom: 40px;
	 /* чтобы отделить от скроллов */
	 display: flex;
	 justify-content: center;
	 gap: 120px;
	 /* расстояние между платиновыми и партнёром конгресса */
	}

	/* Скроллы тоже немного раздвинем */
	.scroll-section {
	 margin-bottom: 30px;
	 /* раньше было 40-50px */
	}

	/* Лёгкий дополнительный зазор под заголовками */

	.general {
	 font-size: 30px;
	 color: #252525;
	 text-shadow: 1px 1px 1px #0F2027;
	}

	/* Генеральные спонсоры */
	.congress img {
	 height: 120px;
	 transition: transform 0.3s ease;
	}

	.congress img:hover {
	 transform: scale(1.05);
	}

	.general-sponsors .logos {
	 display: flex;
	 justify-content: center;
	 gap: 100px;
	 margin-bottom: 60px;
	}

	.general-sponsors img {
	 height: 80px;
	 object-fit: contain;
	 filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.1));
	 transition: transform 0.3s ease;
	}

	.general-sponsors img:hover {
	 transform: scale(1.05);
	}

	/* Платиновые и партнёр конгресса */
	.lower-sponsors .logos {
	 display: flex;
	 justify-content: center;
	}

	.lower-sponsors img {
	 height: 60px;
	 object-fit: contain;
	 filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.08));
	 transition: transform 0.3s ease;
	}

	.lower-sponsors img:hover {
	 transform: scale(1.05);
	}


	.bronze-sponsors .bronze-logos {
	 display: flex;
	 justify-content: center;
	 /* центрируем логотипы */
	 gap: 80px;
	 /* расстояние между двумя логотипами */
	 margin-top: 30px;
	}

	.bronze-sponsors .bronze-logos img {
	 height: 80px;
	 /* можно подстроить под дизайн */
	 object-fit: contain;
	 transition: transform 0.3s ease;
	}

	.bronze-sponsors .bronze-logos img:hover {
	 transform: scale(1.05);
	}

	/* Универсальный контейнер для логотипов */
	.logo-box {
	 width: 200px;
	 height: 100px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex: 0 0 auto;
	 padding: 0 40px;
	}

	/* Сами логотипы */
	.logo-box img {
	 height: 60px;
	 object-fit: contain;
	 filter: drop-shadow(0 2px 5px rgba(0, 0, 0, 0.08));
	 transition: transform 0.3s ease;
	}

	.logo-box img:hover {
	 transform: scale(1.05);
	}

	/* Для скролл-каруселей */
	.scroll {
	 overflow: hidden;
	 position: relative;
	 width: 100%;
	}

	@keyframes scroll {
	 0% {
	  transform: translateX(0);
	 }

	 100% {
	  transform: translateX(-50%);
	  /* уезжаем на ширину первой половины */
	 }
	}

	/* Чтобы дублированный контент не прыгал */
	.scroll .logo-box {
	 flex: 0 0 auto;
	}


	/* Общая карусель */
	.scroll {
	 overflow: hidden;
	 white-space: nowrap;
	 position: relative;
	 width: 100%;
	}

	.scroll-section {
	 margin-bottom: 60px;
	}

	.scroll-section h3 {
	 margin-bottom: 20px;
	}

	.scroll.animated .logos-track {
	 display: flex;
	 width: max-content;
	 animation: scroll 10s linear infinite;
	 /* скорость — 25s, можно менять */

	}

	@keyframes scroll-left {
	 from {
	  transform: translateX(0);
	 }

	 to {
	  transform: translateX(-50%);
	 }
	}

	.venue {
	 padding: 65px 20px 40px 20px;
	 background: linear-gradient(180deg, #ffffff 0%, #f9f9f9 100%);
	 text-align: center;
	 color: #222;
	 font-family: "Segoe UI", sans-serif;
	}

	.venue__card {
	 position: relative;
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 gap: 30px;
	 border-radius: 20px;
	 padding: 30px;
	 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
	 max-width: 1100px;
	 margin: 0 auto 40px;
	 overflow: hidden;
	}

	/* полупрозрачный белый слой для читаемости */
	.venue__card::before {
	 content: "";
	 position: absolute;
	 inset: 0;
	 background: #0F2027;
	 /* fallback for old browsers */
	 background: -webkit-linear-gradient(to right, #2C5364, #203A43, #0F2027);
	 /* Chrome 10-25, Safari 5.1-6 */
	 background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
	 /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	 z-index: 0;
	}

	/* контент поднимаем выше слоя */
	.venue__gallery,
	.venue__info {
	 position: relative;
	 z-index: 1;
	}

	.venue__gallery {
	 flex: 1 1 500px;
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
	 gap: 10px;
	}

	.venue__gallery img {
	 width: 100%;
	 height: 180px;
	 object-fit: cover;
	 border-radius: 12px;
	 transition: transform .3s ease;
	}

	.venue__gallery img:hover {
	 transform: scale(1.05);
	}

	.venue__info {
	 flex: 1 1 300px;
	 text-align: left;
	}

	.venue__info h3 {
	 font-size: 28px;
	 font-weight: 700;
	 margin-bottom: 10px;
	 color: #d4af37;
	}

	.venue__subtitle {
	 font-size: 18px;
	 margin-bottom: 20px;
	 color: #d4af37;
	}

	.venue__details {
	 display: flex;
	 flex-direction: column;
	 gap: 10px;
	 list-style: none;
	 padding: 0;
	}

	.venue__details li {
	 display: flex;
	 align-items: center;
	 gap: 15px;
	 /*margin: 12px 0;*/
	 font-size: 16px;
	 color: #FFF;

	}

	.venue__details i {
	 color: #FFF;
	 margin-right: 10px;
	}

	.venue__map iframe {
	 border-radius: 20px;
	 overflow: hidden;
	 box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	 max-width: 1100px;
	 margin: 0 auto;
	 display: block;
	}

	.join {
	 text-align: center;
	 margin: 40px 0 100px 0;
	}

	.contacts {
	 text-align: center;
	 margin: 40px 0 120px 0;
	}

	.contacts__card {
	 background: linear-gradient(90deg, #1e3c72, #2a5298, #d4af37);
	 padding: 5px;
	 border-radius: 20px;
	 max-width: 1000px;
	 margin: 0 auto;
	 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	 transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	.join__card {
	 display: flex;
	 gap: 10px;
	 background: url(https://static.vecteezy.com/system/resources/previews/049/698/755/non_2x/travel-landmarks-uzbekistan-of-asia-famous-architectural-tashkent-monument-panorama-free-vector.jpg);
	 background-repeat: no-repeat;
	 background-position: center;
	 background-size: cover;
	 padding: 5px;
	 border-radius: 20px;
	 max-width: 1000px;
	 margin: 0 auto;
	 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
	 transition: transform 0.3s ease, box-shadow 0.3s ease;
	}

	.welcome {
	 padding: 30px 20px;
	 background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
	 color: #fff;

	}

	.welcome__container {
	 display: flex;
	 align-items: flex-start;
	 gap: 30px;
	 max-width: 1200px;
	 margin: 0 auto;
	 flex-wrap: wrap;
	 /* для адаптива */
	}

	.welcome__image {
	 flex: 0 0 300px;
	 height: 484px;
	 background: url("../images/image-Photoroom (4) (1).png") no-repeat center;
	 background-size: cover;
	 border-radius: 20px;
	 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
	 animation: fadeIn 1.2s ease;
	}

	.welcome__text {
	 font-weight: normal;
	 flex: 1;
	 font-size: 20px;
	 text-align: justify;
	 animation: fadeInUp 1.2s ease;
	}

	.welcome__text p {
	 margin-bottom: 18px;
	}

	@keyframes fadeIn {
	 from {
	  opacity: 0;
	  transform: scale(0.95);
	 }

	 to {
	  opacity: 1;
	  transform: scale(1);
	 }
	}

	@keyframes fadeInUp {
	 from {
	  opacity: 0;
	  transform: translateY(30px);
	 }

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

	/* 📱 Мобильная версия */
	@media (max-width: 768px) {
	 .welcome__container {
	  flex-direction: column;
	  align-items: center;
	  text-align: center;
	 }

	 .welcome__image {
	  width: 250px;
	  height: 300px;
	 }

	 .welcome__text {
	  font-size: 18px;
	  text-align: left;
	 }
	}



	.join__inner {
	 width: 100%;
	 backdrop-filter: blur(1px);
	 background: rgba(0, 0, 0, 0.3);
	 border-radius: 18px;
	 padding: 30px;
	 gap: 20px;
	 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	}

	.join__inner h2 {
	 font-size: 20px;
	 margin-bottom: 20px;
	}

	.join__inner p {
	 margin-bottom: 10px;
	}

	.contacts__card:hover {
	 transform: translateY(-5px);
	 box-shadow: 0 14px 40px rgba(0, 0, 0, 0.2);
	}

	.join__card:hover {
	 transform: translateY(-5px);
	 box-shadow: 0 14px 40px rgba(0, 0, 0, 0.2);
	}

	.contacts__inner {
	 display: flex;
	 flex-wrap: wrap;
	 justify-content: center;
	 background: #fff;
	 border-radius: 18px;
	 padding: 30px;
	 gap: 20px;
	 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	}

	.contacts__form {
	 flex: 1 1 45%;
	 display: flex;
	 flex-direction: column;
	 gap: 15px;
	}

	.join__form {
	 flex: 1 1 45%;
	 display: flex;
	 flex-direction: column;
	 gap: 15px;
	}

	.contacts__form input,
	.contacts__form textarea {
	 resize: none;
	 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	 padding: 12px 15px;
	 border: 1px solid #ddd;
	 border-radius: 10px;
	 font-size: 15px;
	 transition: border-color 0.3s;
	}

	.contacts__form input:focus,
	.contacts__form textarea:focus {
	 border-color: #1e3c72;
	 outline: none;
	}

	.contacts__form button {
	 background: #1e3c72;
	 color: #fff;
	 border: none;
	 padding: 14px;
	 border-radius: 10px;
	 font-size: 16px;
	 font-weight: 600;
	 cursor: pointer;
	 transition: background 0.3s;
	}

	.contacts__form button:hover {
	 background: #2a5298;
	}

	/*  */
	.join__form input,
	.join__form textarea {
	 resize: none;
	 font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
	 padding: 12px 15px;
	 border: 1px solid #ddd;
	 border-radius: 10px;
	 font-size: 15px;
	 transition: border-color 0.3s;
	}

	.join__form input:focus,
	.join__form textarea:focus {
	 border-color: #1e3c72;
	 outline: none;
	}

	.join__form button {
	 background: #1e3c72;
	 color: #fff;
	 border: none;
	 padding: 14px;
	 border-radius: 10px;
	 font-size: 16px;
	 font-weight: 600;
	 cursor: pointer;
	 transition: background 0.3s;
	}

	.join__form button:hover {
	 background: #2a5298;
	}

	.join__inner p {
	 color: red;
	 font-size: 20px;
	}

	.join__inner h2 {
	 color: white;
	 font-size: 23px;
	}

	/*  */
	.contacts__info {
	 flex: 1 1 45%;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 gap: 20px;
	}

	.contacts__info ul {
	 width: 100%;
	 list-style: none;
	 padding: 0;
	 margin: 0;
	 font-size: 20px;
	 color: #333;
	}

	.contacts__info li {
	 font-size: 25px;
	 margin-bottom: 12px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 gap: 20px;
	 text-align: left;
	}

	.contacts__info i {
	 color: #1e3c72;
	 font-size: 18px;
	}

	.contacts__socials {
	 display: flex;
	 gap: 25px;
	 justify-content: end;
	}

	.contacts__socials a {
	 color: #1e3c72;
	 font-size: 30px;
	 transition: color 0.3s;
	}

	.contacts__socials a:hover {
	 color: #d4af37;
	}

	.lang-dropdown {
	 position: relative;
	 display: inline-block;
	}

	.lang-btn {
	 background: none;
	 border: none;
	 font-size: 22px;
	 cursor: pointer;
	}

	.lang-menu {
	 display: none;
	 position: absolute;
	 right: 0;
	 margin-top: 8px;
	 background: #fff;
	 border-radius: 8px;
	 box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	 list-style: none;
	 padding: 8px 0;
	 min-width: 140px;
	 z-index: 1000;
	}

	.lang-menu li {
	 padding: 10px 15px;
	 cursor: pointer;
	 transition: background 0.2s;
	}

	.lang-menu li:hover {
	 background: #f0f0f0;
	}

	/* Показ меню */
	.lang-dropdown.open .lang-menu {
	 display: block;
	}

.footer{
	width: 100%;
	color: white;
	background: linear-gradient(to right, #2C5364, #203A43, #0F2027);
}