/* Start:/css/style.css?177997614187815*/
:root {
	/* Переход от Dark Luxury к Professional Fintech (White/Navy/Blue) */
	--black: #FFFFFF;
	/* Фон теперь белый для читаемости данных */
	--white: #1A202C;
	/* Текст теперь темно-синий/почти черный */
	--dark-gold: #F1F5F9;
	/* Светло-серый для фонов секций */
	--gold: #0056D2;
	/* Классический "Broker Blue" вместо золота */
	--font-size: 0.9vw;
	/* Чуть уменьшаем для большей плотности */
	--border-color: #CBD5E0;
	/* Добавлена переменная для границ */
	--danger: #E53E3E;
	/* Цвет падения */
	--success: #38A169;
	/* Цвет роста */
}

* {
	font-family: "Manrope", "Roboto", "Microsoft YaHei", sans-serif;
	/* Добавил системные шрифты для азиатской локали */
	font-size: var(--font-size);
	box-sizing: border-box;
	/* Важно для сеток */
}

html {
	width: 100%;
	max-width: 100%;
	overflow-x: hidden;
}

body {
	background: var(--black);
	color: var(--white);
	font-size: var(--font-size);
	font-optical-sizing: auto;
	font-weight: 500;
	/* Чуть жирнее для читаемости на светлом */
	font-style: normal;
	max-width: 100%;
	width: 100%;
	overflow-x: hidden;
	margin: 0;
	line-height: 1.5;
}

a {
	color: var(--gold);
	/* Ссылки синие */
	text-decoration: none;
	transition: 200ms ease-in-out;
}

a:hover {
	color: #003c96;
	/* Темно-синий при наведении */
	text-decoration: underline;
}

.grecaptcha-badge {
	display: none !important;
}

h1 {
	font-size: 5rem;
	/* Уменьшил гигантский размер для большей строгости */
	font-weight: 700;
	letter-spacing: -0.05em;
	color: #2D3748;
}

.fancybox__backdrop {
	background: rgba(26, 32, 44, 0.8) !important;
	/* Темная подложка */
}

.button {
	height: 2.5rem;
	/* Более компактно */
	border-radius: 4px;
	/* Квадратные углы - стандарт трейдинг-терминалов */
	background: var(--gold);
	border: 1px solid var(--gold);
	color: #FFFFFF;
	/* Текст на кнопке белый */
	transition: 200ms;
	padding: 0 1.5rem;
	display: flex;
	align-content: center;
	align-items: center;
	font-size: 1rem;
	font-weight: 600;
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.button_alt {
	border: 1px solid var(--gold);
	background: transparent;
	color: var(--gold);
}

.button:hover {
	box-shadow: 0 4px 6px rgba(0, 86, 210, 0.2);
	background: #0044A6;
	border: 1px solid #0044A6;
	color: #FFFFFF;
	transform: translateY(-1px);
}

.wrapper {
	margin-left: 5vw;
	/* Используем относительные единицы */
	margin-right: 5vw;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 2rem;
}

.fs {
	margin-left: 0;
	padding-top: 3rem;
	width: 100%;
	max-width: 100%;
	position: relative;
	z-index: 2;
	/* Светлый фон для первого экрана */
	padding-bottom: 3rem;
}

.fs__video {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	position: relative;
	z-index: 2;
	width: 50%;
	transition: width 0.1s ease;
	border: 1px solid var(--border-color);
	/* Рамка как у графика */
	background: #000;
}

.fs__video-link {
	width: 100%;
	display: block;
	font-size: 0;
}

.fs__video-icon {
	width: 4rem;
	height: 3rem;
	top: calc(50% - 1.5rem);
	left: calc(50% - 2rem);
	position: absolute;
	transition: 300ms;
	filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
}

.fs__video-pic {
	width: 100%;
	font-size: 0;
	opacity: 0.9;
}

.fs__video:hover .fs__video-pic {
	transform: scale(1.0);
	/* Убрали зум, трейдеры любят статику */
	opacity: 1;
	transition: 300ms;
}

.fs__video:hover .fs__video-icon {
	opacity: 0;
}

.fs__title {
	font-size: 1.2rem;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	width: 100%;
	margin-top: 1rem;
	position: relative;
	z-index: 2;
	padding: 0 5vw;
	color: #4A5568;
	font-weight: 600;
}

.fs__title_m {
	display: none;
}

.fs__icons {
	display: flex;
	align-items: center;
	align-content: center;
	background: #fff;
	padding: 5px 15px;
	border-radius: 4px;
	border: 1px solid var(--border-color);
}

.fs__icons-item {
	margin-left: 1rem;
}

.fs__icons-item-src {
	height: 1.2rem;
	width: 1.2rem;
	fill: #718096;
	transition: 300ms;
}

.fs__icons-item:hover .fs__icons-item-src {
	fill: var(--gold);
}

.fs__icons-item-src_01 {
	width: 1.8rem;
}

.fs__bg {
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
	opacity: 0.1;
	/* Еле заметный фон */
	filter: grayscale(100%);
}

.fs__bg_m {
	display: none;
}

.marquee {
	display: flex;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	background: #002B5C;
	/* Темно-синий фон тикера (Bloomberg style) */
	color: #fff;
	border-top: 2px solid var(--gold);
	border-bottom: 2px solid var(--gold);
	padding: 0.5rem 0;
}

.marquee span {
	display: inline-block;
	animation: marquee 20s linear infinite;
	/* Чуть медленнее для чтения */
	font-size: 2rem;
	font-family: "Roboto Mono", monospace;
	/* Моноширинный шрифт как на табло */
	text-transform: uppercase;
}

.marquee span::after {
	content: attr(data-text);
	font-size: 2rem;
	margin-left: 2rem;
}

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

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

.mp__marquee {
	margin-top: 2rem;
	margin-bottom: 5rem;
	position: relative;
	z-index: 3;
}

.about__marquee {
	margin-top: 5rem;
	margin-bottom: 3rem;
}

.cat__marquee {
	margin-bottom: 3rem;
}

.mp__about {
	position: relative;
	max-width: 1100px;
	/* Делаем блок шире */
	margin: 6rem auto;
	/* Больше воздуха сверху и снизу от бегущих строк */
	padding: 5rem 4rem;
	/* Щедрые внутренние отступы */
	background: #fff;

	/* Оформление границ */
	border: 1px solid #E2E8F0;
	border-top: 4px solid var(--gold);
	/* Фирменная синяя шапка */

	/* Типографика */
	font-size: 2rem;
	/* Крупный, читаемый шрифт */
	line-height: 1.5;
	color: #1A202C;
	text-align: center;
	font-weight: 500;

	/* Глубина */
	box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.05);
	/* Мягкая тень, приподнимающая блок */
	overflow: hidden;
	/* Чтобы картинка не вылезала */
	z-index: 2;
}

/* Добавляем надпись-лейбл сверху (Псевдоэлемент) */
.mp__about::before {
	content: 'MISSION STATEMENT';
	/* Или 'ABOUT US' */
	display: block;
	font-size: 0.9rem;
	font-weight: 800;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--gold);
	margin-bottom: 2rem;
	position: relative;
	z-index: 2;
}

/* Работаем с фоновой картинкой */
.mp__about .fs__bg_m {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.06;
	/* Делаем её еле заметной текстурой */
	z-index: 0;
	/* Убираем на задний план */
	pointer-events: none;
	filter: grayscale(100%);
	/* ЧБ для строгости */
	display: block;
	/* Включаем, если она была скрыта */
}

/* Чтобы текст был поверх картинки */
.mp__about {
	/* Поскольку текст внутри не обернут в тег, 
       мы полагаемся на то, что картинка absolute, 
       а текст потоковый. Но лучше добавить z-index контенту, если это возможно.
       В текущей структуре текст ляжет поверх absolute картинки автоматически. */
}


/* Адаптация для мобильных */
@media (max-width: 990px) {
	.mp__about {
		width: calc(100% - 3rem);
		/* Отступы по бокам */
		margin: 4rem auto;
		padding: 3rem 1.5rem;
		font-size: 1.25rem;
		/* Уменьшаем шрифт */
		text-align: left;
		/* На мобильном читать слева направо удобнее */
	}

	.mp__about::before {
		margin-bottom: 1.5rem;
		text-align: left;
	}
}

.cat__block {
	margin-bottom: 5rem;
	position: relative;
	z-index: 1;
	padding: 0 5vw;
}

.cat__list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto;
	grid-column-gap: 2rem;
	grid-row-gap: 1rem;
	background: #fff;
	border: 1px solid var(--border-color);
	padding: 2rem;
}

.cat__list-block {}

.cat__list-block-title {
	font-size: 1.8rem;
	font-weight: 700;
	color: #1A202C;
	border-bottom: 2px solid var(--gold);
	padding-bottom: 0.5rem;
	margin-bottom: 1rem;
}

.cat__list-block-item {
	display: flex;
	align-items: center;
	align-content: center;
	border-bottom: 1px solid #E2E8F0;
	/* Светлый разделитель */
	padding: 0.8rem 0;
	transition: background 0.2s;
}

.cat__list-block-item:hover {
	background: #F7FAFC;
	padding-left: 10px;
}

.cat__list-block-item-num {
	font-size: 1rem;
	opacity: 1;
	color: var(--gold);
	font-weight: 700;
	width: 3rem;
}

.cat__list-block-item-name {
	width: calc(100% - 10rem);
	margin-right: 1rem;
	font-size: 1rem;
	font-weight: 600;
	color: #2D3748;
}

.cat__list-block-item-count {
	margin-right: 1rem;
	background: #EDF2F7;
	padding: 2px 8px;
	border-radius: 4px;
	font-size: 0.8rem;
	color: #4A5568;
}

.cat__list-block-item-button {
	width: auto;
	padding: 0 1rem;
	height: 2rem;
	font-size: 0.8rem;
	justify-content: center;
}

.cat__list-block-item:hover .cat__list-block-item-button {
	box-shadow: none;
	background: var(--gold);
	border: 1px solid var(--gold);
	color: #fff;
}



/* --- Новости (Лента событий) --- */
.news__marquee {
	margin-top: 3rem;
	margin-bottom: 2rem;
	background: #002B5C;
	color: #fff;
	border: none;
	font-family: "Roboto Mono", monospace;
}

.news-list {
	margin-left: 5vw;
	margin-right: 5vw;
	margin-bottom: 2rem;
	position: relative;
	z-index: 4;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 1.5rem;
}

.news-list__item {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
	background: #fff;
	border: 1px solid var(--border-color);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
	transition: transform 0.2s;
}

.news-list__item:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
	border-color: var(--gold);
}

.news-list__item-pic {
	width: 100%;
	height: 200px;
	overflow: hidden;
	border-bottom: 1px solid var(--border-color);
}

.news-list__item-pic-src {
	width: 100%;
	height: 100% !important;
	transition: 300ms;
	object-fit: cover;
}

.news-list__item-text {
	padding: 1.5rem;
	width: 100%;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	flex-grow: 1;
}

.news-list__item-text-title {
	font-size: 1.1rem;
	font-weight: 700;
	color: #2D3748;
	margin-bottom: 1rem;
	line-height: 1.4;
}

.news-list__item-text-date {
	border-radius: 4px;
	border: none;
	background: #EDF2F7;
	height: auto;
	padding: 0.25rem 0.5rem;
	display: inline-flex;
	align-items: center;
	width: fit-content;
	color: #718096;
	font-size: 0.8rem;
	font-family: "Roboto Mono", monospace;
	opacity: 1;
}

.mp__news-more {
	display: flex;
	justify-content: center;
	position: relative;
	z-index: 3;
	padding-bottom: 4rem;
}

/* --- Страница контента / Детальная новость --- */
.news-detail {
	margin-left: 15vw;
	/* Уже, как колонка газеты */
	margin-right: 15vw;
	margin-bottom: 4rem;
	background: #fff;
	padding: 3rem;
	border: 1px solid var(--border-color);
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}

.news-detail__title {
	font-size: 2.5rem;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 1.5rem;
	color: #1A202C;
	font-weight: 800;
}

.news-detail__date {
	color: #718096;
	font-size: 0.9rem;
	border: none;
	padding: 0;
	opacity: 1;
	margin-bottom: 2rem;
	display: block;
}

.news-detail__text {
	font-size: 1.1rem;
	line-height: 1.8;
	color: #2D3748;
}

/* --- Таблица Номинантов (Биржевой стакан) --- */
.nominess__top {
	display: flex;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: #F7FAFC;
	padding: 1rem 5vw;
	border-bottom: 1px solid var(--border-color);
}

.nominess__top-prev a,
.nominess__top-next a {
	font-size: 2rem;
	color: #CBD5E0;
}

.nominess__top-prev a:hover,
.nominess__top-next a:hover {
	color: var(--gold);
}

.nominess__top-name {
	width: calc(100% - 5.5rem);
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	color: #2D3748;
}

.nominess__table-head {
	display: flex;
	flex-wrap: wrap;
	background: #EDF2F7;
	padding: 0 5vw;
	border-bottom: 2px solid #CBD5E0;
	font-size: 0.8rem;
}

.nominess__table-head-item {
	font-size: 0.75rem;
	color: #4A5568;
	font-weight: 700;
	text-transform: uppercase;
	padding: 0.75rem 0;
	letter-spacing: 0.05em;
}

/* Сетка таблицы */
.nominess__table-head-item:nth-child(1),
.nominess__table-item:nth-child(1) {
	width: 5%;
	text-align: center;
}

.nominess__table-head-item:nth-child(2),
.nominess__table-item:nth-child(2) {
	width: 45%;
}

.nominess__table-head-item:nth-child(3),
.nominess__table-item:nth-child(3) {
	width: 20%;
	text-align: right;
	padding-right: 2rem;
}

.nominess__table-head-item:nth-child(4),
.nominess__table-item:nth-child(4) {
	width: 20%;
	text-align: right;
	padding-right: 2rem;
}

.nominess__table-head-item:nth-child(5),
.nominess__table-item:nth-child(5) {
	width: 10%;
	display: flex;
	justify-content: flex-end;
}

/* --- Формы обратной связи --- */
.feedback-form_pu {
	max-height: 95vh;
	/* Не больше высоты экрана */
	overflow: hidden;
	/* Скроллить будем саму форму внутри */
	display: flex;
	flex-direction: column;
	border-radius: 8px;
	/* Немного скруглим само окно */
}

.feedback-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 2rem 3rem 0 3rem;
	/* Уменьшил верхний/нижний отступ с 3rem до 2rem */
	background: #fff;
	border: 1px solid #E2E8F0;

	/* !!! ВАЖНО: Разрешаем скролл внутри формы */
	overflow-y: auto;
	max-height: 90vh;

	/* Плавный скролл */
	scroll-behavior: smooth;

	/* Чтобы скроллбар не наезжал на контент (опционально) */
	scrollbar-width: thin;
	scrollbar-color: var(--gold) #f1f1f1;
}

/* Стили для скроллбара (WebKit) */
.feedback-form::-webkit-scrollbar {
	width: 6px;
}

.feedback-form::-webkit-scrollbar-thumb {
	background-color: var(--gold);
	border-radius: 3px;
}

.form-input {
	background: #F7FAFC;
	border: 1px solid #CBD5E0;
	color: #2D3748;
	border-radius: 4px;
}

.form-input:focus {
	border-color: var(--gold);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(0, 86, 210, 0.1);
}

.form-group label {
	color: #718096;
}

.form-input:focus+label,
.form-input:not(:placeholder-shown)+label {
	color: var(--gold);
	background: #fff;
	padding: 0 5px;
}

.form-group_last {
	margin-bottom: 0;
	margin-top: auto;
	/* Прижимаем к низу при flex-раскладке */

	position: sticky !important;
	bottom: -1px !important;
	/* Приклеиваем к низу области просмотра формы */
	z-index: 10 !important;

	/* Визуальное оформление "подвала" формы */
	background: #fff;
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
	/* Отступ снизу для красоты */
	margin-left: -3rem !important;
	/* Компенсируем padding родителя, чтобы фон был во всю ширь */
	margin-right: -3rem !important;
	/* Компенсируем padding родителя */
	padding-left: 3rem !important;
	padding-right: 3rem !important;
	margin-bottom: 0 !important;
	/* Тень, чтобы отделить кнопку от контента под ней */
	box-shadow: 0 -10px 20px rgba(255, 255, 255, 0.9), 0 -2px 5px rgba(0, 0, 0, 0.05);
	border-top: 1px solid #f0f0f0 !important;
	box-sizing: content-box !important;
}

/* Адаптация для невысоких экранов (ноутбуки) */
@media (max-height: 800px) {
	.feedback-form {
		padding: 1.5rem 2rem;
		/* Еще компактнее */
	}

	.feedback-form__title {
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}

	.form-group {
		margin-bottom: 1.2rem;
		/* Уменьшаем отступы между полями */
	}

	.form-input {
		height: 3rem;
		/* Чуть ниже поля */
	}

	textarea.form-input {
		height: 5rem;
		/* Текстовое поле поменьше */
	}

	/* Корректируем sticky-блок для новых отступов */
	.form-group_last {
		margin-left: -2rem;
		margin-right: -2rem;
		padding-left: 2rem;
		padding-right: 2rem;
		padding-top: 0.8rem;
		padding-bottom: 0.5rem;
	}
}

/* Мобильная адаптация (доработка вашего кода) */
@media (max-width: 600px) {
	.feedback-form {
		padding: 1rem 1.5rem;
	}

	.form-group_last {
		/* Пересчет компенсации отступов для мобильных */
		margin-left: -1.5rem;
		margin-right: -1.5rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

/* --- Адаптация (Mobile) --- */
@media (max-width:990px) {
	:root {
		--font-size: 14px;
	}

	.fs__title_m {
		color: #2D3748;
		font-size: 2rem;
	}

	.nominess__top-name {
		width: calc(100% - 4rem);
	}

	.cat__list {
		grid-template-columns: 1fr;
	}

	.nominess__table-head {
		display: none;
	}

	.nominess__table-item-el {
		flex-direction: column;
		align-items: flex-start;
		position: relative;
		padding: 1.5rem;
		border: 1px solid var(--border-color);
		margin-bottom: 1rem;
		border-radius: 4px;
	}

	.nominess__table-item {
		width: 100% !important;
		margin-bottom: 0.5rem;
	}

	.nominess__table-item:nth-child(2) {
		margin-bottom: 1rem;
	}

	.nominess__table-item-title {
		display: inline-block;
		width: 100px;
		color: #718096;
		font-size: 0.8rem;
	}

	.nominess__table-item:nth-child(5) {
		margin-top: 1rem;
		width: 100%;
		justify-content: center;
	}

	.vote-btn {
		width: 100%;
		justify-content: center;
	}

}

/* --- Кнопка скролла вверх --- */
.scroll-to-top {
	position: fixed;
	bottom: 2rem;
	right: 2rem;
	width: 3.5rem;
	height: 3.5rem;
	background: #fff;
	border: 1px solid #E2E8F0;
	border-radius: 4px;
	/* Квадратная кнопка, как в терминалах */
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	z-index: 999;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease;
	opacity: 0;
	/* Скрыта по умолчанию, пока JS не покажет */
	visibility: hidden;
	transform: translateY(10px);
}

/* Класс, который JS добавит при скролле */
.scroll-to-top.is-visible {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.scroll-to-top svg {
	width: 1.5rem;
	height: 1.5rem;
	fill: #0056D2;
	/* Синий цвет стрелки */
	transition: fill 0.3s ease;
}

.scroll-to-top:hover {
	background: #0056D2;
	/* Синий фон при наведении */
	border-color: #0056D2;
	box-shadow: 0 6px 16px rgba(0, 86, 210, 0.3);
	transform: translateY(-2px);
}

.scroll-to-top:hover svg {
	fill: #fff;
	/* Белая стрелка */
}

/* Мобильная версия */
@media (max-width: 990px) {
	.scroll-to-top {
		bottom: 1.5rem;
		right: 1.5rem;
		width: 3rem;
		height: 3rem;
	}
}

/* --- Бегущая строка соцсетей (Партнеры / Листинг) --- */
.socials-marquee-container {
	background: #fff;
	border-top: 1px solid #E2E8F0;
	border-bottom: 1px solid #E2E8F0;
	padding: 1.5rem 0;
	margin-top: 0;
	/* Убираем лишние отступы */
}

.socials-marquee {
	display: flex;
	align-items: center;
}

.socials-marquee__content a {
	color: #A0AEC0;
	/* Серый по умолчанию */
	margin: 0 3rem;
	transition: 0.2s;
	display: flex;
	align-items: center;
	text-decoration: none;
	/* Убираем подчеркивание */
}

.socials-marquee__content a:hover {
	color: var(--gold);
	/* Синий при наведении */
	transform: scale(1.05);
}

.socials-marquee__content a svg {
	width: 2.5rem;
	/* Аккуратный размер иконок */
	height: 2.5rem;
	fill: currentColor;
	margin-right: 0.5rem;
	/* Иконка слева от текста, если он есть */
}

/* --- Попап формы (Feedback Popup) --- */
/* Этот класс обычно используется внутри Fancybox или модального окна */
.feedback-form_pu {
	display: block;
	/* Показываем, так как управление видимостью берет на себя скрипт/модал */
	max-width: 450px;
	background: #fff;
	padding: 0rem !important;
	border-radius: 8px;
	/* Скругленные углы как у iOS */
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	margin: 0 auto;
	border: 1px solid #E2E8F0;
	color: #2D3748;
}

/* Заголовок внутри попапа */
.feedback-form_pu .feedback-form__title {
	font-size: 1.5rem;
	color: #1A202C;
	text-align: center;
	margin-bottom: 1.5rem;
	font-weight: 700;
	border-bottom: 2px solid var(--gold);
	padding-bottom: 1rem;
}

/* Поля внутри попапа */
.feedback-form_pu .form-group {
	width: 100%;
	/* На всю ширину в попапе */
	margin-bottom: 1.2rem;
}

.feedback-form_pu .form-input {
	background: #F7FAFC;
	border: 1px solid #CBD5E0;
	color: #1A202C;
	height: 4.5rem;
}

.feedback-form_pu .button {
	width: 100%;
	justify-content: center;
	margin-top: 1rem;
	height: 3rem;
}



/* Адаптация для мобильных (Subscribe) */
@media (max-width: 990px) {
	.event-section__title {
		font-size: 1.8rem;
	}

	.socials-marquee__content a {
		margin: 0 1.5rem;
	}

	.socials-marquee__content a svg {
		width: 2rem;
		height: 2rem;
	}

}

/* =========================================
   1. SOCIALS MARQUEE (Бегущая строка соцсетей)
   ========================================= */
.socials-marquee-container {
	width: 100%;
	overflow: hidden;
	background: #1A202C;
	/* Темный контрастный фон */
	border-top: 4px solid var(--gold);
	/* Синяя линия сверху */
	border-bottom: 1px solid #CBD5E0;
	padding: 1.5rem 0;
	position: relative;
	z-index: 2;
}

.socials-marquee {
	display: flex;
	width: fit-content;
	/* Важно: дублируем контент для бесшовности */
}

.socials-marquee__content {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	animation: scroll-socials 20s linear infinite;
}

.socials-marquee__content a {
	display: inline-flex;
	align-items: center;
	font-size: 3rem;
	/* Крупный, уверенный шрифт */
	font-weight: 800;
	color: #fff;
	text-decoration: none;
	margin: 0 4vw;
	/* Отступы между элементами */
	text-transform: uppercase;
	font-family: "Roboto Condensed", sans-serif;
	/* Более узкий шрифт для заголовков */
	transition: color 0.3s ease;
	white-space: nowrap;
}

.socials-marquee__content a:hover {
	color: var(--gold);
}

.socials-marquee__content a svg {
	width: 2.5rem;
	height: 2.5rem;
	fill: currentColor;
	margin-left: 1rem;
	transform: translateY(-2px);
}

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

	100% {
		transform: translateX(-100%);
	}
}


/* =========================================
   2. FEEDBACK FORM (Строгая форма заявки)
   ========================================= */
/* Контейнер попапа */
.feedback-form_pu {
	background: #fff;
	max-width: 600px;
	width: 100%;
	border-radius: 4px;
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
	margin: 0 auto;
	overflow: hidden;
	/* Чтобы углы не обрезались */
	display: none;
	/* Fancybox сам переключит на block */
}

/* Сама форма */
.feedback-form {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 3rem;
	background: #fff;
	border: 1px solid #E2E8F0;
}

.feedback-form__title {
	width: 100%;
	font-size: 1.8rem;
	font-weight: 800;
	color: #1A202C;
	margin: 0 0 2rem 0;
	padding-bottom: 1rem;
	border-bottom: 2px solid var(--gold);
	text-align: center;
	text-transform: uppercase;
}

/* Группы полей */
.form-group {
	position: relative;
	width: 48%;
	/* Две колонки */
	margin-bottom: 2rem;
}

.form-group_2x {
	width: 100%;
	/* Полная ширина */
}

.form-group_last {
	margin-bottom: 0;
	margin-top: 1rem;
}

/* Поля ввода (Input / Select / Textarea) */
.form-input {
	width: 100%;
	height: 3.5rem;
	padding: 0 1rem;
	font-size: 1rem;
	color: #2D3748;
	background: #fff;
	border: 1px solid #CBD5E0;
	border-radius: 4px;
	outline: none;
	transition: all 0.2s ease;
	appearance: none;
	/* Убираем стандартные стрелки select */
	font-weight: 500;
}

textarea.form-input {
	height: 8rem;
	padding-top: 1rem;
	resize: vertical;
}

/* Состояния полей */
.form-input:focus {
	border-color: var(--gold);
	box-shadow: 0 0 0 3px rgba(0, 86, 210, 0.1);
	background: #fff;
}

/* Плавающий лейбл (Floating Label) */
.form-group label {
	position: absolute;
	left: 1rem;
	top: 1.7rem;
	padding: 0 0.4rem;
	color: #718096;
	font-size: 1rem;
	background: #fff;
	/* Перекрывает границу инпута */
	transition: all 0.2s ease;
	pointer-events: none;
	/* Клик проходит сквозь лейбл */
	line-height: 1;
}

/* Поднимаем лейбл при фокусе или если есть текст (placeholder трюк) */
.form-input:focus+label,
.form-input:not(:placeholder-shown)+label,
.form-input:valid+label {
	/* Для select с required */
	top: -0.6rem;
	font-size: 0.8rem;
	color: var(--gold);
	font-weight: 700;
}

/* Кнопка отправки */
.feedback-form .button {
	width: 100%;
	justify-content: center;
	height: 3.5rem;
	font-size: 1.1rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	background: var(--gold);
	color: #fff;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	text-transform: uppercase;
	box-sizing: border-box;
}

.feedback-form .button:hover {
	background: #0044A6;
	/* Темнее при наведении */
}

/* Кастомизация Select стрелки */
.form-group select {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232D3748' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 1rem center;
	background-size: 1em;
}

/* Мобильная адаптация формы */
@media (max-width: 600px) {
	.feedback-form_pu {
		padding: 0;
	}

	.feedback-form {
		padding: 1.5rem;
	}

	.form-group {
		width: 100%;
		margin-bottom: 1.5rem;
	}
}


/* =========================================
   3. CRI-INSIDER (Двойная наклонная лента)
   ========================================= */
.cri-insider {
	display: none;
}




/* =========================================
   4. HEADER (Адаптивная шапка)
   ========================================= */
/* --- HEADER: Sticky & Perfectly Centered --- */

/* Контейнер-обертка (чтобы контент не прыгал, если хедер fixed) */
.header-wrap {
	height: 90px;
	/* Должна совпадать с высотой хедера */
	width: 100%;
	display: block;
	/* Резервируем место */
}

.header {
	position: fixed;
	/* Фиксация */
	top: 0;
	left: 0;
	width: 100%;
	height: 90px;
	z-index: 1000;

	/* Эффект матового стекла */
	background: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 3rem;
	/* Больше воздуха по бокам */
	transition: all 0.3s ease;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
	/* Еле заметная тень */
}

/* 1. Логотип (Абсолютный центр) */
.header__logo {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;
}

.header__logo-src {
	height: 3.8rem;
	/* Оптимальный размер */
	width: auto;
	color: #020617;
	/* Черный логотип */
	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@media (max-width: 600px) {
	.header__logo-src {
		height: 2.8rem;
	}
}

.header__logo:hover .header__logo-src {
	transform: scale(1.1);
	/* Живой отклик */
}

/* 2. Меню (Левая часть) */
.header__menu {
	flex: 1;
	/* Занимает всё свободное место слева */
	display: flex;
	justify-content: flex-start;
	/* Прибиваем влево */
	align-items: center;
}

.header__menu-item {
	font-size: 0.9rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: #475569;
	/* Темно-серый, не чисто черный */
	margin-right: 2.5rem;
	text-decoration: none;
	position: relative;
	transition: color 0.2s;
}

/* Эффект подчеркивания при наведении */
.header__menu-item::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 0;
	height: 2px;
	background: var(--gold);
	transition: width 0.3s ease;
}

.header__menu-item:hover {
	color: var(--gold);
	text-decoration: none;
}

.header__menu-item:hover::after {
	width: 100%;
}

/* 3. Кнопки (Правая часть) */
.header__button {
	flex: 1;
	/* Занимает всё свободное место справа */
	display: flex;
	justify-content: flex-end;
	/* Прибиваем вправо */
	align-items: center;
	gap: 1rem;
}

/* Стили кнопок в хедере (Острые углы) */
.header__button .button {
	height: 2.8rem;
	padding: 0 1.8rem;
	font-size: 0.85rem;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-radius: 0;
	/* SHARP STYLE */
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.2s;
	cursor: pointer;
	border-radius: 4px;
}

.header__button-val-m {
	display: none !important;
}

/* Кнопка "Become a Nominee" (Контурная) */
.header__button-val-p {
	background: transparent;
	color: #020617;
	border: 1px solid #CBD5E0;
}

.header__button-val-p:hover {
	border-color: var(--gold);
	color: var(--gold);
	background: #fff;
}

/* Кнопка "VOTE" (Акцентная) */
.header__button-val {
	background: var(--gold);
	color: #fff;
	border: 1px solid var(--gold);
	box-shadow: 0 4px 10px rgba(0, 86, 210, 0.2);
}

.header__button-val:hover {
	background: #0044A6;
	/* Темнее при наведении */
	border-color: #0044A6;
	transform: translateY(-1px);
}

/* --- Mobile Adaptation (Burger & Layout) --- */
@media (max-width: 990px) {
	.header {
		padding: 0 1.5rem;
		height: 70px;
		/* Чуть ниже на мобилках */
	}

	.header-wrap {
		height: 70px;
	}

	/* Бургер меню */
	.header__mm {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 24px;
		height: 18px;
		cursor: pointer;
		z-index: 1100;
		/* Поверх всего */
	}

	.header__mm-stripe {
		width: 100%;
		height: 2px;
		background: #020617;
		transition: 0.3s;
	}

	/* Мобильное меню (Выезжающая панель) */
	.header__menu {
		position: fixed;
		top: 0;
		left: -100%;
		/* Скрыто */
		width: 100%;
		height: 100vh;
		background: rgba(255, 255, 255, 0.98);
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 2rem;
		transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
		z-index: 1050;
	}

	/* Класс открытия (добавляется через JS) */
	.header.is-open .header__menu {
		left: 0;
	}

	/* Анимация бургера */
	.header.is-open .header__mm-stripe:nth-child(1) {
		transform: rotate(45deg) translate(5px, 6px);
	}

	.header.is-open .header__mm-stripe:nth-child(2) {
		opacity: 0;
	}

	.header.is-open .header__mm-stripe:nth-child(3) {
		transform: rotate(-45deg) translate(5px, -6px);
	}

	.header__menu-item {
		margin: 0;
		font-size: 1.5rem;
		color: #020617;
	}

	/* Скрываем кнопку "Become a nominee" на мобильном, места мало */
	.header__button-val-p {
		display: none !important;
	}

	/* Кнопка "Participate" внутри мобильного меню */
	.header__button-val-m {
		display: flex !important;
		justify-content: center;
		margin-top: 1rem;
		width: 200px;
	}
}

/* --- Vote Modal (Ордер на голосование) --- */
.vote-modal {
	display: none;
	background: #fff !important;
	padding: 2.5rem 3rem !important;
	border-radius: 8px;
	max-width: 420px;
	width: 100%;
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
	text-align: center;
	color: #2D3748;
}

.vote-modal__title {
	font-size: 1.5rem;
	font-weight: 800;
	color: #1A202C;
	margin-bottom: 0.5rem;
	line-height: 1.2;
}

.vote-modal__title span {
	color: var(--gold);
	font-size: 1.5rem;
}

.vote-modal__stitle {
	font-size: 0.9rem;
	color: #718096;
	margin-bottom: 2rem;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 600;
}

/* Контейнер управления */
.vote-modal__controls {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

/* Кастомный инпут количества (Stepper) */
.vote-modal__number-input {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #F7FAFC;
	border: 1px solid #CBD5E0;
	border-radius: 4px;
	height: 3.5rem;
	padding: 0 0.5rem;
	transition: 0.2s;
}

.vote-modal__number-input:focus-within {
	border-color: var(--gold);
	box-shadow: 0 0 0 3px rgba(0, 86, 210, 0.1);
	background: #fff;
}

/* Кнопки +/- */
.vote-modal__number-btn {
	width: 2.5rem;
	height: 2.5rem;
	background: #fff;
	border: 1px solid #E2E8F0;
	border-radius: 4px;
	color: var(--gold);
	font-size: 1.2rem;
	font-weight: 700;
	cursor: pointer;
	transition: 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.vote-modal__number-btn:hover {
	background: var(--gold);
	color: #fff;
	border-color: var(--gold);
}

.vote-modal__number-btn:active {
	transform: scale(0.95);
}

/* Само поле ввода цифр */
.vote-modal__number-value {
	width: calc(100% - 6rem);
	border: none;
	background: transparent;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 800;
	color: #1A202C;
	font-family: "Roboto Mono", monospace;
	outline: none;
	-moz-appearance: textfield;
	/* Убираем стрелки в Firefox */
}

/* Убираем стрелки в Chrome/Safari */
.vote-modal__number-value::-webkit-outer-spin-button,
.vote-modal__number-value::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Кнопка отправки */
#submit-vote {
	width: 100%;
	height: 3.5rem;
	font-size: 1.1rem;
	border-radius: 4px;
	justify-content: center;
}

/* --- Nominees Table Row (Строка таблицы) --- */

/* =========================================
   DESKTOP STYLES (Табличный вид)
   ========================================= */

/* Скрываем мобильные заголовки на десктопе */
.nominess__table-item-title {
	display: none;
}

/* Строка таблицы */
.nominess__table-item-el {
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
	border-bottom: 1px solid #E2E8F0;
	padding: 0.8rem 0;
	background: #fff;
	margin: 0 5vw;
	transition: background 0.1s ease;
}

.nominess__table-item-el:hover {
	background: #F7FAFC;
	/* Подсветка строки при наведении */
}

/* Ячейки */
.nominess__table-item {
	display: flex;
	align-items: center;
	padding: 0 1rem;
	box-sizing: border-box;
}

/* 1. Место/Трофей (Центрируем) */
.nominess__table-item:nth-child(1) {
	width: 5%;
	justify-content: center;
	border-right: 1px solid #EDF2F7;
	font-weight: 700;
	color: #CBD5E0;
}

/* 2. Лого + Название (Основная колонка) */
.nominess__table-item:nth-child(2) {
	width: 45%;
	justify-content: flex-start;
	padding-left: 2rem;
}

/* 3. Статистика (Выравнивание вправо для цифр) */
.nominess__table-item:nth-child(3),
.nominess__table-item:nth-child(4) {
	width: 20%;
	justify-content: flex-end;
	/* Цифры всегда справа */
	font-family: "Roboto Mono", monospace;
	font-size: 1.1rem;
	font-weight: 600;
	color: #2D3748;
}

/* Цвет процентов */
.nominess__table-item:nth-child(3) {
	color: var(--gold);
}

/* 4. Кнопка (Выравнивание вправо) */
.nominess__table-item:nth-child(5) {
	width: 10%;
	justify-content: flex-end;
	padding-right: 0;
}

/* Ссылка внутри ячейки */
.nominess__table-item-trigger {
	display: flex;
	align-items: center;
	text-decoration: none;
	color: inherit;
	width: 100%;
}

.nominess__table-item-logo {
	width: 4.5rem;
	height: 4.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 1rem;
	background: #fff;
	border: 1px solid #E2E8F0;
	border-radius: 50%;
	padding: 4px;
	flex-shrink: 0;
}

.nominess__table-item-logo-src {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.nominess__table-item-name {
	font-size: 1.1rem;
	font-weight: 700;
	margin-right: 0.8rem;
	color: #1A202C;
}

.nominess__table-item-ticker {
	font-size: 0.75rem;
	background: #EDF2F7;
	color: #718096;
	padding: 2px 6px;
	border-radius: 4px;
	font-weight: 600;
	font-family: "Roboto Mono", monospace;
}

/* =========================================
   MOBILE STYLES (Карточный вид)
   @media (max-width: 990px)
   ========================================= */
@media (max-width: 990px) {

	/* Включаем мобильные заголовки */
	.nominess__table-item-title {
		display: block;
		/* Показываем! */
		font-size: 0.75rem;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		color: #A0AEC0;
		/* Светло-серый, как лейбл */
		font-weight: 700;
		margin-bottom: 0.3rem;
		line-height: 1;
		width: 100%;
	}

	/* Контейнер строки превращаем в карточку */
	.nominess__table-item-el {
		flex-direction: column;
		align-items: flex-start;
		padding: 1.5rem;
		border: 1px solid #E2E8F0;
		border-radius: 8px;
		margin: 0 0 1rem 0;
		/* Отступ между карточками */
		background: #fff;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
	}

	/* Сбрасываем ширину ячеек */
	.nominess__table-item {
		width: 100% !important;
		padding: 0;
		border: none !important;
		justify-content: flex-start !important;
		margin-bottom: 1rem;
		flex-wrap: wrap;
		/* Чтобы лейбл и значение переносились корректно */
	}

	/* 1. Трофей (Слева сверху) */
	.nominess__table-item:nth-child(1) {
		flex-direction: row;
		justify-content: flex-start !important;
		margin-bottom: 0.5rem;
		font-size: 1.2rem;
	}

	/* 2. Лого и Имя (Крупно) */
	.nominess__table-item:nth-child(2) {
		margin-bottom: 1.5rem;
		padding-left: 0;
		border-bottom: 1px solid #F7FAFC !important;
		/* Разделитель внутри карточки */
		padding-bottom: 1rem;
	}

	.nominess__table-item-name {
		font-size: 1.3rem;
	}

	/* 3. Статистика (В две колонки) */
	.nominess__table-item:nth-child(3),
	.nominess__table-item:nth-child(4) {
		width: 50% !important;
		/* Половина ширины */
		display: flex;
		flex-direction: column;
		/* Лейбл над цифрой */
		align-items: flex-start !important;
		margin-bottom: 1.5rem;
	}

	/* Цифры крупнее на мобильном */
	.nominess__table-item:nth-child(3),
	.nominess__table-item:nth-child(4) {
		font-size: 1.2rem;
		line-height: 1.2;
	}

	/* 4. Кнопка (На всю ширину) */
	.nominess__table-item:nth-child(5) {
		width: 100% !important;
		margin-bottom: 0;
		margin-top: 0.5rem;
	}

	.vote-btn {
		width: 100%;
		height: 3rem;
		font-size: 1rem;
	}
}

/* =========================================
   EVENT SECTION (The Oscar Night)
   ========================================= */

.event-section {
	display: none;
	position: relative;
	background: radial-gradient(circle at center, #0F172A 0%, #020617 100%);
	/* Глубокий премиальный темно-синий */
	padding: 6rem 5vw;
	margin-top: 4rem;
	text-align: center;
	overflow: hidden;
	color: #fff;
	border-top: 4px solid var(--gold);
	/* Золотая линия сверху */
	border-bottom: 1px solid #1A202C;
}

/* Фоновый паттерн (Сетка котировок) для глубины */
.event-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
	background-size: 50px 50px;
	z-index: 0;
	pointer-events: none;
}

/* Декоративное свечение по центру (Spotlight) */
.event-section::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60vw;
	height: 60vw;
	background: radial-gradient(circle, rgba(0, 86, 210, 0.15) 0%, transparent 70%);
	z-index: 0;
	pointer-events: none;
}

.event-section .wrapper {
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* --- Marquee (Бегущая строка - Лента победителей) --- */
.event-marquee {
	background: transparent;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding: 0.8rem 0;
	margin-bottom: 4rem;
	position: relative;
	z-index: 2;
}

.event-marquee span {
	color: var(--gold);
	/* Золотой текст */
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	font-size: 1rem;
	animation: marquee-event 30s linear infinite;
}

@keyframes marquee-event {
	0% {
		transform: translateX(0);
	}

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

/* --- Заголовок (Золотой градиент) --- */
.event-section__title {
	font-size: 4.5rem;
	line-height: 1.1;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 1.5rem;
	letter-spacing: -0.02em;

	/* Эффект золотого слитка */
	background: linear-gradient(to right,
			#BF953F,
			#FCF6BA,
			#B38728,
			#FBF5B7,
			#AA771C);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	text-shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
	/* Глубокая тень */
}

/* --- Описание --- */
.event-section__description {
	font-size: 1.25rem;
	line-height: 1.6;
	color: #94A3B8;
	/* Серебристый текст */
	max-width: 700px;
	margin: 0 auto 3.5rem auto;
	font-weight: 400;
}

/* --- Кнопка (Билет) --- */
.event-section .button {
	height: 4rem;
	padding: 0 3rem;
	font-size: 1.1rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	border-radius: 4px;

	/* Золотой фон */
	background: linear-gradient(135deg, #BF953F 0%, #AA771C 100%);
	border: 1px solid #FBF5B7;
	color: #fff;

	box-shadow:
		0 4px 6px rgba(0, 0, 0, 0.3),
		0 0 20px rgba(191, 149, 63, 0.4);
	/* Золотое свечение */

	transition: all 0.3s ease;
	text-transform: uppercase;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.event-section .button:hover {
	transform: translateY(-2px);
	box-shadow:
		0 10px 15px rgba(0, 0, 0, 0.4),
		0 0 30px rgba(191, 149, 63, 0.6);
	background: linear-gradient(135deg, #FBF5B7 0%, #BF953F 100%);
	color: #1A202C;
	/* Текст становится темным на светлом золоте */
}

/* --- Mobile Adaptation --- */
@media (max-width: 990px) {
	.event-section {
		padding: 4rem 1.5rem;
	}

	.event-section__title {
		font-size: 2.5rem;
		/* Уменьшаем гигантский заголовок */
	}

	.event-section__description {
		font-size: 1rem;
	}

	.event-section .button {
		width: 100%;
		/* Кнопка во всю ширину */
		height: 3.5rem;
	}

	.event-marquee span {
		font-size: 0.9rem;
		/* Чуть меньше бегущая строка */
	}
}

@media (max-width: 990px) {

	/* Контейнер карточки */
	.nominess__table-item-el {
		display: grid;
		grid-template-columns: 1fr 1fr;
		/* Две колонки */
		grid-template-rows: auto auto auto auto;
		/* Четыре ряда */
		gap: 1rem 1.5rem;
		/* Отступы между ячейками */
		padding: 1.5rem;
		background: #fff;
		border: 1px solid #E2E8F0;
		border-radius: 8px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
		align-items: start;
		margin-bottom: 1rem;
	}

	/* 1. Блок с Трофеем (Первая строка, левая колонка, но мы его сместим) */
	.nominess__table-item:nth-child(1) {
		grid-column: 1 / -1;
		/* На всю ширину */
		grid-row: 1;
		width: 100% !important;
		margin-bottom: 0;
		border: none;
		display: flex;
		align-items: center;
		gap: 0.5rem;
	}

	.nominess__table-item-trophy {
		font-size: 1.2rem;
	}

	/* 2. Логотип и Имя (Вторая строка, на всю ширину) */
	.nominess__table-item:nth-child(2) {
		grid-column: 1 / -1;
		grid-row: 2;
		width: 100% !important;
		padding-left: 0;
		margin-bottom: 0.5rem;
		/* Отступ до статистики */
		border-bottom: 1px solid #F1F5F9 !important;
		/* Легкая линия */
		padding-bottom: 1rem;
	}

	.nominess__table-item-logo {
		width: 3.5rem;
		/* Чуть крупнее лого */
		height: 3.5rem;
		margin-right: 1rem;
		background: #fff;
		border: 1px solid #E2E8F0;
		border-radius: 50%;
		padding: 0.5rem;
		/* Больше воздуха вокруг лого */
	}

	.nominess__table-item-name {
		font-size: 1.5rem;
		/* Крупное имя */
		color: #1A202C;
	}

	/* 3. Проценты (Третья строка, левая колонка) */
	.nominess__table-item:nth-child(3) {
		grid-column: 1;
		grid-row: 3;
		width: 100% !important;
		display: flex;
		flex-direction: column;
		align-items: flex-start !important;
		text-align: left;
	}

	/* 4. Голоса (Третья строка, правая колонка) */
	.nominess__table-item:nth-child(4) {
		grid-column: 2;
		grid-row: 3;
		width: 100% !important;
		display: flex;
		flex-direction: column;
		align-items: flex-start !important;
		/* Выравнивание по левому краю второй колонки */
		text-align: left;
	}

	/* Заголовки (PERCENTAGE / VOTES) */
	.nominess__table-item-title {
		font-size: 0.75rem;
		font-weight: 700;
		color: #94A3B8;
		/* Светло-серый, не отвлекает */
		margin-bottom: 0.4rem;
		display: block;
		letter-spacing: 0.05em;
	}

	/* Значения цифр */
	.nominess__table-item:nth-child(3),
	.nominess__table-item:nth-child(4) {
		font-size: 1.4rem;
		/* Крупные цифры для пальцев */
		font-weight: 700;
		font-family: "Roboto Mono", monospace;
		line-height: 1;
	}

	/* 5. Кнопка VOTE (Четвертая строка, на всю ширину) */
	.nominess__table-item:nth-child(5) {
		grid-column: 1 / -1;
		grid-row: 4;
		width: 100% !important;
		margin-top: 0.5rem;
		padding: 0;
		display: block;
	}

	.vote-btn {
		width: 100%;
		height: 3.2rem;
		font-size: 1rem;
		border-radius: 4px;
		box-shadow: 0 4px 6px rgba(56, 161, 105, 0.15);
		/* Мягкая тень */
	}
}

/* --- Блок спонсоров --- */
.sponsors {
	padding-top: 6rem;
	padding-bottom: 6rem;
	background: #fff;
	/* Исходный цвет для GSAP */
	border-top: 1px solid var(--border-color);
	position: relative;
	z-index: 2;
}

/* Бегущая строка (разделитель) */
.sponsors__marquee {
	margin-bottom: 4rem;
	background: #002B5C;
}

.sponsors__marquee span {
	color: #A0AEC0;
	/* Светло-серый текст */
	font-size: 1rem;
	text-transform: uppercase;
	letter-spacing: 0.2em;
}

/* Сетка логотипов */
/* --- SPONSORS SECTION (LIGHT MODE / TRADING PROTOCOL STYLE) --- */

/* Основной контейнер */
.sponsors {
	background: #FFFFFF;
	/* Чистый белый лист */
	color: #1E2329;
	/* Темно-серый, почти черный текст */
	padding-top: 5rem;
	padding-bottom: 6rem;
	position: relative;
	z-index: 1;
}

/* --- MARQUEE (TICKER TAPE) --- */
.sponsors__marquee {
	margin-bottom: 0;
	/* Убираем отступ, стыкуем с сеткой */
	background: #002B5C;
	/* Выделяем полосу фона */
}

.sponsors__marquee span {
	color: #fff;
	/* Цвет неактивного тикера */
	font-family: "Roboto Mono", monospace;
	/* Или моноширинный */
	font-size: 2rem;
	/* Оптимальный размер */
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

/* --- GRID SYSTEM (COMMON) --- */
/* Общие стили для сеток */
.sponsors__list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	/* Сбрасываем внешние границы, так как используем систему "умных границ" внутри */
	border: none;
	margin-top: 4rem;
	padding-left: 0;
	padding-right: 0;
}

/* --- BIG SPONSORS (TIER 1) --- */
.sponsors__list_big {
	/* Добавляем верхнюю границу для начала таблицы */
	border-top: 1px solid #EAECEF;
	border-left: 1px solid #EAECEF;
	padding-left: 0;
	padding-right: 0;
	/* Левая граница контейнера */
}

.sponsors__list_big .sponsors__list-item {
	width: 33.33%;
	/* 3 колонки */
	background: #FFFFFF;
	border-right: 1px solid #EAECEF;
	/* Сетка */
	border-bottom: 1px solid #EAECEF;
	/* Сетка */
	padding: 3rem 2rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
	position: relative;
}

/* Ссылка внутри ячейки */
.sponsors__list_big .sponsors__list-item a {
	text-decoration: none;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}

/* Логотип */
.sponsors__list-item-logo {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
	transition: transform 0.3s ease;
}

.sponsors__list-item-logo-src {
	max-width: 160px;
	max-height: 100%;
	object-fit: contain;
	/* В светлой теме логотипы обычно цветные или темные, 
       можно добавить легкий grayscale для спокойствия */
	filter: grayscale(100%);
	opacity: 0.7;
	transition: all 0.3s;
}

/* Название компании */
.sponsors__list-item-title {
	font-size: 1.15rem;
	font-weight: 800;
	text-transform: uppercase;
	color: #1E2329;
	letter-spacing: 0.02em;
	text-align: center;
	transition: color 0.3s;
}

/* Описание (пустой div в примере, но стили нужны) */
.sponsors__list-item-text {
	font-size: 0.9rem;
	color: #707A8A;
	/* Вторичный текст */
	text-align: center;
	margin-top: 1rem;
	line-height: 1.5;
}

/* --- HOVER EFFECTS (BIG LIST) --- */
.sponsors__list_big .sponsors__list-item:hover {
	box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
	/* Мягкая тень на белом */
	transform: translateY(-5px);
	z-index: 10;
	border-color: transparent;
	/* Скрываем границы, чтобы тень работала чисто */
}

.sponsors__list_big .sponsors__list-item:hover .sponsors__list-item-logo-src {
	filter: grayscale(0%);
	opacity: 1;
	transform: scale(1.05);
}

.sponsors__list_big .sponsors__list-item:hover .sponsors__list-item-title {
	color: #D4AF37;
	/* Темно-золотой, хорошо читаемый на белом */
}

/* --- SMALL SPONSORS (TIER 2 - LOGO GRID) --- */
.sponsors__list_s {
	margin-top: 0;
	/* Приклеиваем к большому блоку, если они идут подряд */
	border-left: 1px solid #EAECEF;
}

/* Обертка ссылки в малом списке - это и есть list-item */
.sponsors__list_s .sponsors__list-item {
	width: 16.666%;
	/* 6 колонок */
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-right: 1px solid #EAECEF;
	border-bottom: 1px solid #EAECEF;
	padding: 1.5rem;
	background: #FFFFFF;
	transition: background 0.2s;
}

.sponsors__list_s .sponsors__list-item-logo-src {
	max-width: 80%;
	max-height: 60%;
	filter: grayscale(100%);
	opacity: 0.5;
	transition: all 0.3s;
}

/* Hover для малых спонсоров */
.sponsors__list_s .sponsors__list-item:hover {
	background: #F7F9FC;
	/* Легкая подсветка фона */
}

.sponsors__list_s .sponsors__list-item:hover .sponsors__list-item-logo-src {
	filter: grayscale(0%);
	opacity: 1;
}

/* --- BUTTON AREA --- */
.sponsors-bottom {
	margin-top: 4rem;
	display: flex;
	justify-content: center;
	width: 100%;
}

/* Кнопка "Become a sponsor" */
.sponsors-bottom .button {
	height: 3.5rem;
	padding: 0 3rem;
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	border-radius: 4px;
	/* Техническое скругление */

	/* Золотая кнопка в светлой теме */
	background: #FCD535;
	/* Яркий желтый Binance-style */
	color: #1E2329;
	/* Черный текст */
	border: 1px solid #FCD535;

	cursor: pointer;
	transition: all 0.2s ease;
}

.sponsors-bottom .button:hover {
	background: #FFE060;
	/* Чуть светлее при наведении */
	box-shadow: 0 4px 12px rgba(252, 213, 53, 0.4);
	/* Желтая тень */
	transform: translateY(-2px);
}

.sponsors-bottom .button_alt {
	/* Если класс _alt, делаем контурную кнопку */
	background: transparent;
	border: 2px solid #1E2329;
	color: #1E2329;
}

.sponsors-bottom .button_alt:hover {
	background: #1E2329;
	color: #FFFFFF;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* --- RESPONSIVE --- */
@media (max-width: 990px) {
	.sponsors {
		padding-top: 3rem;
		padding-bottom: 4rem;
	}

	.sponsors__marquee span {
		font-size: 1.5rem;
	}

	/* Большие спонсоры: 1 колонка */
	.sponsors__list_big {
		border-left: none;
		/* Убираем левую границу на мобилке */
		border-right: none;
	}

	.sponsors__list_big .sponsors__list-item {
		width: 100%;
		border-right: none;
		padding: 2rem 1rem;
	}

	/* Малые спонсоры: 2 колонки (или 3) */
	.sponsors__list_s {
		border-left: none;
	}

	.sponsors__list_s .sponsors__list-item {
		width: 50%;
		/* 2 колонки */
		border-right: 1px solid #EAECEF;
		/* Возвращаем правую границу для сетки */
	}

	/* Убираем правую границу у четных элементов на мобилке */
	.sponsors__list_s .sponsors__list-item:nth-child(2n) {
		border-right: none;
	}
}

/* --- HERO SECTION: Sharp & Bold --- */

.hero-section {
	width: 100%;
	padding: 0;
	/* Убираем лишние отступы, раз у нас острые углы */
	background: #fff;
	box-sizing: border-box;
}

/* 1. Карточка (Теперь без скруглений) */
.hero-card {
	position: relative;
	width: 100%;
	height: 85vh;
	min-height: 650px;
	max-height: 1080px;

	border-radius: 0px;
	/* ОСТРЫЕ УГЛЫ */

	overflow: hidden;
	display: flex;
	flex-direction: column;
	/* Тень оставляем для объема */
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.2);
}

/* 2. Видео фон (без изменений) */
.hero-card__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: #000;
}

.hero-card__video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 0.9;
}

.hero-card__overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle at 30% 30%, transparent 0%, rgba(0, 10, 30, 0.4) 100%),
		linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 0%, transparent 40%, rgba(0, 0, 0, 0.9) 100%);
	z-index: 1;
}

/* 3. Контент */
.hero-card__content {
	position: relative;
	z-index: 2;
	height: 100%;
	padding: 4rem 5vw;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* --- ВЕРХ: Заголовок и ГОД --- */
.hero-card__header {
	width: 100%;
}

.hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.6rem 1.2rem;
	background: #fff;
	border-radius: 6px;
	font-size: 0.9rem;
	font-weight: 800;
	color: #000;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	margin-bottom: 1.5rem;
}

.hero-badge__dot {
	width: 6px;
	height: 6px;
	background: #E53E3E;
	/* Точку можно оставить круглой для контраста форм, или сделать квадратной: */
	border-radius: 0;
}

.hero-title {
	font-size: clamp(3.5rem, 6vw, 6rem);
	line-height: 0.9;
	font-weight: 800;
	color: #fff;
	margin: 0;
	letter-spacing: -0.04em;
	text-transform: uppercase;
	position: relative;
}

/* ГИГАНТСКИЙ ГОД */
.hero-year {
	display: block;
	font-size: clamp(6rem, 15vw, 16rem);
	/* ОЧЕНЬ КРУПНО */
	line-height: 0.8;

	color: transparent;
	-webkit-text-stroke: 2px #fff;
	/* Жирный контур */

	font-weight: 800;
	margin-left: -5px;
	/* Визуальная компенсация отступа буквы */
	margin-top: 0.5rem;
	opacity: 0.8;

	/* Эффект наложения (смешивание слоев) для стиля */
	mix-blend-mode: overlay;
}

/* --- НИЗ: Футер --- */
.hero-card__footer {
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}

.hero-card__footer-inner {
	max-width: 600px;
	text-align: left;
}

.hero-text {
	font-size: 1.15rem;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 2.5rem;
	font-weight: 400;
	border-left: 2px solid var(--gold);
	/* Акцентная линия слева */
	padding-left: 1.5rem;
}

.hero-text b {
	color: #fff;
	font-weight: 600;
}

/* Блок действий */
.hero-actions {
	display: flex;
	align-items: center;
	gap: 3rem;
	/* Больше воздуха между кнопкой и сабмитом */
}

/* Основная кнопка (Острая) */
.hero-btn-primary {
	background: var(--gold);
	color: #fff;
	border: none;
	height: 4rem;
	padding: 0 3rem;
	font-size: 1.1rem;
	font-weight: 700;

	border-radius: 4px;

	transition: all 0.2s;
	display: flex;
	align-items: center;
	justify-content: center;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.hero-btn-primary:hover {
	background: #fff;
	color: var(--gold);
	/* Инверсия при наведении */
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
}

/* Блок "Submit Company" */
.hero-submit-group {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.hero-submit-link {
	font-size: 1.2rem;
	color: #fff;
	font-weight: 700;
	text-decoration: none;
	margin-bottom: 0.5rem;
	transition: color 0.2s;
	display: inline-flex;
	align-items: center;
}

.hero-submit-link:hover {
	color: var(--gold);
}

.hero-submit-stat {
	font-size: 0.85rem;
	color: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

.hero-submit-stat-num {
	color: #fff;
	font-weight: 700;
}

/* --- Mobile Adaptation --- */
@media (max-width: 990px) {
	.hero-section {
		padding: 1rem;
		padding-top: 1rem;
	}

	.hero-title {
		font-size: 3rem;
	}

	.hero-year {
		font-size: 6rem;
		/* Крупно, но влезает в экран */
		-webkit-text-stroke: 1px #fff;
	}

	.hero-text {
		border-left: none;
		/* Убираем линию на моб, места мало */
		padding-left: 0;
		margin-top: 2rem;
	}

	.hero-actions {
		flex-direction: column;
		align-items: flex-start;
		gap: 2rem;
	}

	.hero-btn-primary {
		width: 100%;
	}
}

/* --- SUBSCRIPTION SECTION: The Black Card --- */

.ica-subscribe {
	position: relative;
	background: #020617;
	/* Deepest Navy / Black */
	color: #fff;
	padding-top: 8rem;
	padding-bottom: 4rem;
	overflow: hidden;

	/* Декоративная линия сверху */
	border-top: 4px solid var(--gold);
}

/* Фоновая сетка (еле заметная) */
.ica-subscribe::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
	background-size: 60px 60px;
	pointer-events: none;
	z-index: 0;
}

.ica-subscribe .wrapper {
	position: relative;
	z-index: 2;
	max-width: 1200px;
	margin: 0 auto;
	padding: 3rem 2rem;
}

/* --- ВЕРХНЯЯ ЧАСТЬ: Композиция заголовка --- */
.ica-subscribe__top {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	/* Три колонки: Текст - Заголовок - Текст */
	align-items: center;
	margin-bottom: 5rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 4rem;
}

/* Боковые надписи (SIGN UP / NOTIFIED) */
.ica-subscribe__top-text {
	font-size: 0.85rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	color: var(--gold);
	/* Синий акцент */
	text-transform: uppercase;
	display: flex;
	align-items: center;
}

.ica-subscribe__top-text::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 1px;
	background: var(--gold);
	margin-right: 1rem;
}

.ica-subscribe__top-text_right {
	justify-content: flex-end;
	text-align: right;
}

.ica-subscribe__top-text_right::before {
	display: none;
	/* Убираем черту слева */
}

.ica-subscribe__top-text_right::after {
	content: '';
	display: inline-block;
	width: 40px;
	height: 1px;
	background: var(--gold);
	margin-left: 1rem;
}

/* Центральный Заголовок */
.ica-subscribe__top-title {
	font-size: 5rem;
	line-height: 0.9;
	text-align: center;
	font-weight: 300;
	/* Тонкий для первой строки */
	margin: 0;
	text-transform: uppercase;
	color: #fff;
}

/* Делаем слово "Insider" жирным или наоборот */
.ica-subscribe__top-title br {
	display: block;
	margin-bottom: 0.5rem;
}

/* Можно выделить слово INSIDER через псевдоэлемент или JS, но здесь оставим как есть,
   предполагая, что <br> разделяет iCrypto Awards и insider */

/* --- ФОРМА ПОДПИСКИ --- */
.ica-subscribe__form {
	max-width: 600px;
	margin: 0 auto 6rem auto;
	display: flex;
	gap: 0;
	/* Склеиваем инпут и кнопку */
	position: relative;
}

.ica-subscribe__form-input {
	width: 100%;
	height: 4.5rem;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-right: none;
	/* Убираем границу справа, чтобы склеить с кнопкой */
	color: #fff;
	font-size: 1.2rem;
	padding: 0 2rem;
	border-radius: 0;
	/* ОСТРЫЕ УГЛЫ */
	transition: all 0.3s;
}

.ica-subscribe__form-input:focus {
	background: rgba(255, 255, 255, 0.05);
	border-color: #fff;
	outline: none;
}

.ica-subscribe__form-input::placeholder {
	color: rgba(255, 255, 255, 0.3);
	text-transform: uppercase;
	font-size: 0.9rem;
	letter-spacing: 0.1em;
}

.ica-subscribe__form-button {
	height: 4.5rem;
	padding: 0 3rem;
	background: var(--gold);
	color: #fff;
	border: none;
	font-weight: 800;
	font-size: 1rem;
	letter-spacing: 0.1em;
	cursor: pointer;
	border-radius: 0;
	/* ОСТРЫЕ УГЛЫ */
	transition: all 0.2s;
}

.ica-subscribe__form-button:hover {
	background: #fff;
	color: var(--gold);
}

/* --- ПОДВАЛ (FOOTER) --- */
/* Основная сетка подвала */
.footer {
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	padding-top: 4rem;
	padding-bottom: 4rem;
	display: grid;
	grid-template-columns: 2fr 1fr 1fr 1fr;
	/* Первая колонка шире остальных */
	gap: 3rem;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.5);
}

/* Колонки и заголовки */
.footer__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.footer__title {
	font-size: 0.85rem;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0 0 1.5rem 0;
	opacity: 0.8;
}

.footer__title--mt {
	margin-top: 2rem;
}

/* Копирайт и Донаты */
.footer__cr {
	line-height: 1.6;
	margin-bottom: 2rem;
}

.footer__cr b {
	color: #fff;
	font-weight: 600;
}

.footer__cr a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	transition: 0.2s;
}

.footer__cr a:hover {
	color: var(--gold, #d4af37);
	border-color: var(--gold, #d4af37);
}

/* Кнопка Vote */
.footer__button {
	height: 3rem;
	padding: 0 2rem;
	font-size: 0.9rem;
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #fff;
	border-radius: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	transition: 0.2s;
}

.footer__button:hover {
	background: #fff;
	color: #000;
	border-color: #fff;
}

/* Встроенное меню в подвале 
  (Меняем только поведение ВНУТРИ футера, глобальные классы не трогаем) 
*/
.footer .header__menu {
	display: flex;
	flex-direction: column;
	/* Выстраиваем вертикально */
	gap: 1rem;
	margin: 0;
	padding: 0;
	width: 100%;
	align-items: flex-start;
}

.footer .header__menu-item {
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.7);
	text-transform: uppercase;
	font-weight: 600;
	margin: 0;
	text-decoration: none;
	transition: color 0.2s;
	text-align: left;
}

.footer .header__menu-item:hover {
	color: #fff;
}

/* Скрываем ненужные элементы хедера */
.footer .header__mm,
.footer .header__button-val-m {
	display: none;
}

/* Вертикальные списки соцсетей */
.footer__links {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.footer__links a {
	color: rgba(255, 255, 255, 0.7);
	text-decoration: none;
	font-size: 0.9rem;
	transition: color 0.2s ease, transform 0.2s ease;
}

.footer__links a:hover {
	color: #fff;
	transform: translateX(5px);
	/* Легкий сдвиг вправо при наведении для динамики */
}

/* --- Адаптация (Mobile & Tablet) --- */
@media (max-width: 1024px) {
	.footer {
		grid-template-columns: 1fr 1fr;
		/* Перестраиваем в 2 колонки на планшетах */
	}
}

@media (max-width: 600px) {
	.footer {
		grid-template-columns: 1fr;
		/* Одна колонка на телефонах */
		text-align: center;
		gap: 2.5rem;
		padding-top: 3rem;
		padding-bottom: 3rem;
	}

	.footer__col {
		align-items: center;
		/* Центрируем контент */
	}

	.footer__links a:hover {
		transform: none;
		/* Отключаем сдвиг на мобильных (неудобно тапать) */
	}
}

/* --- Адаптация (Mobile) --- */
@media (max-width: 990px) {
	.ica-subscribe {
		padding-top: 4rem;
	}

	.ica-subscribe__top {
		grid-template-columns: 1fr;
		/* Одна колонка */
		gap: 1rem;
		text-align: center;
		border-bottom: none;
	}

	.ica-subscribe__top-text {
		justify-content: center;
	}

	.ica-subscribe__top-text::before,
	.ica-subscribe__top-text_right::after {
		display: none;
		/* Убираем линии на мобиле */
	}

	.ica-subscribe__top-title {
		font-size: 3rem;
		margin: 1rem 0;
	}

	.ica-subscribe__form {
		flex-direction: column;
		gap: 1rem;
	}

	.ica-subscribe__form-input {
		border-right: 1px solid rgba(255, 255, 255, 0.3);
		/* Возвращаем границу */
		text-align: center;
	}

	.ica-subscribe__form-button {
		width: 100%;
	}

}

/* --- RULES SECTION: Compliance Grid --- */

.rules-section {
	padding-top: 4rem;
	padding-bottom: 6rem;
}

/* Заголовок страницы */
.page__title {
	font-size: 4rem;
	font-weight: 800;
	text-transform: uppercase;
	color: #020617;
	margin: 0 0 3rem 0;
	letter-spacing: -0.02em;
	position: relative;
	display: inline-block;
}

/* Декоративная линия под заголовком */
.page__title::after {
	content: '';
	display: block;
	width: 60px;
	height: 4px;
	background: var(--gold);
	/* Наш синий акцент */
	margin-top: 1rem;
}

/* Сетка списка правил */
.rules-list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	/* Адаптивная сетка: автозаполнение */
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 0;
	/* Смыкаем границы для эффекта таблицы */
	border-top: 1px solid #E2E8F0;
	border-left: 1px solid #E2E8F0;

	/* Инициализация счетчика */
	counter-reset: rules-counter;
}

/* Карточка правила */
.rules-list li {
	position: relative;
	padding: 2.5rem;
	background: #fff;
	border-right: 1px solid #E2E8F0;
	border-bottom: 1px solid #E2E8F0;
	transition: all 0.3s ease;

	/* Счетчик */
	counter-increment: rules-counter;
}

/* Эффект при наведении */
.rules-list li:hover {
	background: #F8FAFC;
	z-index: 1;
	/* Поднимаем над соседями */
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
	border-color: transparent;
	/* Скрываем границы, чтобы тень работала чисто */
}

/* Номер правила (01, 02...) */
.rules-list li::before {
	content: "0" counter(rules-counter);
	/* Добавляем ноль перед цифрой */
	display: block;
	font-size: 2.5rem;
	font-weight: 800;
	color: #CBD5E0;
	/* Светло-серый по умолчанию */
	margin-bottom: 1.5rem;
	font-family: "Roboto Mono", monospace;
	/* Технический шрифт */
	transition: color 0.3s ease, transform 0.3s ease;
}

/* Подсветка номера при наведении */
.rules-list li:hover::before {
	color: var(--gold);
	/* Загорается синим */
	transform: translateX(5px);
}

/* Текст правила */
.rules-list li {
	font-size: 1.1rem;
	line-height: 1.6;
	color: #475569;
	font-weight: 500;
}

/* --- Адаптация для мобильных --- */
@media (max-width: 990px) {
	.page__title {
		font-size: 2.5rem;
		margin-bottom: 2rem;
	}

	.rules-list {
		grid-template-columns: 1fr;
		/* Одна колонка */
	}

	.rules-list li {
		padding: 2rem 1.5rem;
	}
}

/* --- POPUP: COMPANY CARD (ASSET INFO STYLE) --- */

/* Контейнер модального окна - стиль "Торговый виджет" */
.company-info-modal {
	/* Цвет фона карточек Binance/Bybit */
	border: 1px solid var(--dark-gold);
	/* Техническая рамка */
	padding: 3rem 2.5rem 2.5rem;
	border-radius: 4px;
	/* Минимальное скругление */
	max-width: 450px;
	width: 90%;
	color: var(--white);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);
	/* Глубокая тень для "парения" */
	position: relative;
	overflow: visible;
	/* Чтобы кнопка закрытия могла выходить за пределы, если нужно */
}

/* Логотип - стиль "Монета/Токен" */
.company-info-logo {
	width: 140px;
	height: 140px;
	object-fit: contain;
	background: #FFFFFF;
	/* Белый фон, чтобы лого читалось */
	/* border-radius: 50%; */
	/* Круглая форма как у иконок криптовалют */
	padding: 15px;
	margin-bottom: 1.5rem;
	border: 2px solid var(--dark-gold);
	/* Окантовка */
	box-shadow: 0 0 20px rgba(252, 213, 53, 0.15);
	/* Легкое свечение "Cyber Yellow" */
}

/* Заголовок - стиль "Тикер" */
.company-info-name {
	font-size: 2rem;
	font-weight: 700;
	margin: 0 0 1rem 0;
	color: var(--white);
	text-transform: uppercase;
	letter-spacing: 0.05em;
	position: relative;
	display: inline-block;
}

/* Декоративная линия под заголовком */
.company-info-name::after {
	content: '';
	display: block;
	width: 40px;
	height: 2px;
	background: var(--gold);
	margin: 0.5rem auto 0;
	box-shadow: 0 0 5px var(--gold);
}

/* Описание - стиль "Техническая сводка" */
.company-info-description {
	font-size: 0.9rem;
	line-height: 1.6;
	color: #848E9C;
	/* Приглушенный серый для снижения шума */
	margin-bottom: 2rem;
	font-weight: 400;
}

/* Кнопка ссылки - растягиваем на всю ширину для удобства */
.company-info-link {
	width: 100%;
	justify-content: center;
	font-size: 1rem;
	height: 3.5rem;
	/* Чуть выше для важности */
	background: var(--gold);
	/* Активный цвет */
	color: var(--black);
	border: none;
	font-weight: 700;
	letter-spacing: 0.05em;
}

.company-info-link:hover {
	background: var(--white);
	box-shadow: 0 0 15px rgba(255, 255, 255, 0.3);
	color: var(--black);
}

/* Кнопка закрытия (Fancybox override) - стиль "Управление окном" */
.company-info-modal .carousel__button.is-close {
	top: 10px;
	right: 10px;
	background: transparent;
	border: 1px solid transparent;
	color: #848E9C;
	border-radius: 4px;
	transition: all 0.2s;
	width: 2.5rem;
	height: 2.5rem;
}

.company-info-modal .carousel__button.is-close svg {
	filter: none;
	/* Убираем стандартные тени fancybox */
	width: 24px;
	height: 24px;
	stroke-width: 2;
}

.company-info-modal .carousel__button.is-close:hover {
	color: var(--gold);
	background: rgba(255, 255, 255, 0.05);
	border-color: var(--dark-gold);
}

/* Адаптив для мобильных */
@media (max-width: 500px) {
	.company-info-modal {
		padding: 2rem 1.5rem;
		width: 95%;
	}

	.company-info-logo {
		width: 70px;
		height: 70px;
	}

	.company-info-name {
		font-size: 1.5rem;
	}
}

/* --- CONTENT PAGE (DOCUMENTATION / TRADING RULES STYLE) --- */

.content-page {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding-top: 4rem;
	/* Отступ от хедера */
	padding-bottom: 6rem;
	align-items: flex-start;
	/* Важно для sticky сайдбара */
}

/* --- BACK BUTTON --- */
.content-page__back-btn {
	width: 100%;
	/* Занимает всю строку, чтобы вытолкнуть H1 вниз */
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 0.85rem;
	color: #848E9C;
	/* В цвет неактивных пунктов меню */
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 600;
	margin-bottom: 1.5rem;
	/* Отступ до главного заголовка */
	transition: color 0.2s ease-in-out;
}

.content-page__back-btn svg {
	width: 18px;
	height: 18px;
	transition: transform 0.2s ease-in-out;
}

.content-page__back-btn:hover {
	color: var(--gold, #fcd535);
	/* Золотой при наведении */
}

/* Эффект сдвига стрелочки при наведении (эффект терминала/возврата) */
.content-page__back-btn:hover svg {
	transform: translateX(-4px);
}

/* Заголовок страницы - стиль "Раздел Терминала" */
.content-page__title {
	width: 100%;
	margin: 0 0 3rem 0;
	text-align: left;
	/* Выравнивание влево, как в дашбордах */
	font-size: 3rem;
	/* Крупно, но не гигантски */
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: -0.02em;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid var(--dark-gold);
	/* Линия раздела */
	color: var(--white);
	position: relative;
}

/* --- SIDEBAR (NAVIGATION) --- */
.content-page__sidebar {
	width: 25%;
	padding-right: 2rem;
	position: sticky;
	/* Липкий сайдбар */
	top: 100px;
	/* Отступ сверху при скролле */
	border-right: 1px solid var(--dark-gold);
	/* Вертикальный разделитель */
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.content-page__sidebar-item {
	font-size: 0.9rem;
	text-transform: none;
	/* Убираем капс для длинных названий */
	display: block;
	padding: 0.8rem 1rem;
	color: #848E9C;
	/* Серый текст (неактивный) */
	border-left: 2px solid transparent;
	/* Линия активности слева */
	transition: all 0.2s ease-in-out;
	border-radius: 0 4px 4px 0;
	line-height: 1.4;
}

.content-page__sidebar-item:hover,
.content-page__sidebar-item.active {
	/* Добавьте класс .active текущей странице в HTML */
	background: rgba(252, 213, 53, 0.05);
	/* Очень легкий фон */
	color: var(--gold);
	border-left: 2px solid var(--gold);
	padding-left: 1.2rem;
	/* Сдвиг вправо */
}

/* --- BODY (TEXT CONTENT) --- */
.content-page__body {
	width: 75%;
	padding-left: 3rem;
	/* Отступ от линии разделителя */
	font-size: 1rem;
	color: var(--white);
}

/* H2 - Внутренний заголовок секции */
.content-page__body h2 {
	font-size: 2rem;
	font-weight: 600;
	margin-bottom: 2rem;
	color: var(--white);
	opacity: 1;
	display: flex;
	align-items: center;
}

.content-page__body h2::after {
	/* Меняем линию на более тонкую и длинную */
	content: '';
	flex-grow: 1;
	/* Занимает все пространство справа */
	height: 1px;
	background: #2B3139;
	margin-left: 1.5rem;
	margin-top: 5px;
}

/* H3 - Вопросы / Подпункты */
.content-page__body h3 {
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--gold);
	/* Золотой цвет для вопросов */
	margin-top: 2.5rem;
	margin-bottom: 1rem;
	opacity: 1;
	display: flex;
	align-items: center;
}

/* Стрелочка перед H3 (как в консоли) */
.content-page__body h3::before {
	content: '//';
	/* Символ комментария в коде */
	margin-right: 0.5rem;
	font-family: monospace;
	opacity: 0.5;
	color: var(--white);
}

/* P - Основной текст */
.content-page__body p {
	opacity: 1;
	color: #777777;
	/* Светло-серый для чтения */
	line-height: 1.8;
	/* Увеличиваем межстрочный интервал */
	margin-bottom: 1.5rem;
	max-width: 80ch;
	/* Ограничиваем ширину строки для удобства глаз */
	font-weight: 400;
}

.content-page li {
	color: #777777;
	line-height: 1.8;
	margin-bottom: 1rem;
}

/* Ссылки внутри текста */
.content-page__body p a {
	color: var(--gold);
	border-bottom: 1px solid rgba(252, 213, 53, 0.3);
}

.content-page__body p a:hover {
	border-bottom-color: var(--gold);
}

/* --- MOBILE ADAPTATION --- */
@media (max-width: 990px) {
	.content-page {
		flex-direction: column;
		padding-top: 2rem;
	}

	.content-page__back-btn {
		margin-bottom: 1rem;
		font-size: 0.8rem;
		/* Чуть меньше на телефонах */
	}

	.content-page__title {
		font-size: 2rem;
		margin-bottom: 2rem;
	}

	/* Сайдбар превращается в верхнее меню */
	.content-page__sidebar {
		width: 100%;
		position: relative;
		top: 0;
		border-right: none;
		border-bottom: 1px solid var(--dark-gold);
		padding-right: 0;
		padding-bottom: 1.5rem;
		margin-bottom: 2rem;
		flex-direction: row;
		/* Горизонтальный скролл */
		overflow-x: auto;
		white-space: nowrap;
		/* Запрет переноса строк */
		/* Скрываем скроллбар */
		-ms-overflow-style: none;
		/* IE/Edge */
		scrollbar-width: none;
		/* Firefox */
	}

	.content-page__sidebar::-webkit-scrollbar {
		display: none;
		/* Chrome/Safari */
	}

	.content-page__sidebar-item {
		border-left: none;
		border-bottom: 2px solid transparent;
		padding: 0.5rem 1rem;
		background: #1E2329;
		margin-right: 0.5rem;
		border-radius: 4px;
		flex-shrink: 0;
		/* Не сжимать элементы */
	}

	.content-page__sidebar-item:hover,
	.content-page__sidebar-item.active {
		border-left: none;
		border-bottom: 2px solid var(--gold);
		background: #2B3139;
		padding-left: 1rem;
		/* Возвращаем отступ */
	}

	.content-page__body {
		width: 100%;
		padding-left: 0;
	}

	.content-page__body h2::after {
		display: none;
		/* Убираем линию на мобилке для экономии места */
	}
}

/* --- ПАЛИТРА --- */
:root {
	--hof-blue: #003366;
	/* Глубокий, трастовый синий */
	--hof-blue-light: #0056b3;
	/* Чуть ярче для ховера */
	--hof-black: #090A0A;
	/* Основной черный */
	--hof-gray: #F5F7FA;
	/* Фон блоков */
	--hof-border: #E1E4E8;
	/* Цвет тонких границ */
	--hof-gold: #D4AF37;
	/* Приглушенное золото только для звезды */
}

/* --- КОНТЕЙНЕР --- */
.hall-of-fame {
	background: #FFFFFF;
	padding-top: 5rem;
	padding-bottom: 8rem;
	color: var(--hof-black);
}

.hof-year-block {
	margin-bottom: 6rem;
}

/* --- ГОД (ЗАГОЛОВОК) --- */
.hof-year-header {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 3rem;
	position: relative;
}

.hof-year-number {
	font-size: 5rem;
	/* Очень крупно */
	font-weight: 800;
	color: var(--hof-blue);
	/* Синий год */
	margin: 0;
	line-height: 1;
	z-index: 2;
	background: #FFFFFF;
	padding: 0 2rem;
	font-family: "Manrope", sans-serif;
	letter-spacing: -0.03em;
}

/* Линия, проходящая сквозь год */
.hof-year-divider {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--hof-border);
	z-index: 1;
}

/* --- КАТЕГОРИЯ --- */
.hof-category-section {
	text-align: center;
	margin-bottom: 4rem;
}

.hof-category-title {
	font-size: 1.5rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	/* Разрядка букв как в кинотитрах */
	color: var(--hof-black);
	margin-bottom: 2rem;
	position: relative;
	display: inline-block;
	padding-bottom: 0.5rem;
}

/* Подчеркивание категории */
.hof-category-title::after {
	content: '';
	display: block;
	width: 40px;
	height: 3px;
	background: var(--hof-blue);
	/* Синий акцент */
	margin: 0.5rem auto 0;
}

/* --- СЕТКА (WALK OF FAME) --- */
.hof-items-grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2rem;
	/* Отступы между плитами */
}

/* --- КАРТОЧКА (ПЛИТА / ЗВЕЗДА) --- */
.hof-star-card {
	width: 240px;
	/* Фиксированная ширина плиты */
	background: #FFFFFF;
	border: 1px solid var(--hof-border);
	padding: 2rem 1.5rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	/* Эффект "бумажного сертификата" или плиты */
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

/* Эффект наведения */
.hof-star-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 30px rgba(0, 51, 102, 0.1);
	/* Синяя тень */
	border-color: var(--hof-blue);
}

/* Иконка звезды сверху */
.hof-star-icon {
	width: 24px;
	height: 24px;
	color: var(--hof-blue);
	/* Сначала синяя звезда */
	margin-bottom: 1.5rem;
	opacity: 0.3;
	transition: 0.3s;
}

.hof-star-card:hover .hof-star-icon {
	color: var(--hof-gold);
	/* При наведении - золотая */
	opacity: 1;
	transform: scale(1.2) rotate(15deg);
}

/* Логотип */
.hof-star-logo {
	width: 90px;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 1.5rem;
	border-radius: 50%;
	/* Круглое фото */
	border: 1px solid var(--hof-border);
	padding: 10px;
	background: #fff;
	transition: 0.3s;
}

.hof-star-logo img {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	/* Ч/Б логотипы для строгости */
	transition: 0.3s;
	opacity: 0.8;
}

.hof-star-card:hover .hof-star-logo img {
	filter: grayscale(0%);
	/* Цвет при наведении */
	opacity: 1;
}

.hof-star-card:hover .hof-star-logo {
	border-color: var(--hof-blue);
	/* Синяя рамка логотипа */
}

/* Имя победителя */
.hof-star-name {
	font-size: 1rem;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--hof-black);
	text-align: center;
	line-height: 1.3;
	letter-spacing: 0.02em;
}

.hof-star-nomination {
	font-size: 0.85rem;
	/* Меньше основного имени */
	line-height: 1.4;
	color: #707A8A;
	/* Вторичный серый цвет для строгости */
	text-align: center;
	margin-top: 0.5rem;
	/* Отступ от имени */
	font-weight: 500;
	max-width: 90%;
	/* Чтобы длинный текст не прилипал к краям */

	/* Опционально: можно сделать курсивом для элегантности */
	/* font-style: italic; */
}

/* При наведении на карточку можно чуть подсвечивать номинацию */
.hof-star-card:hover .hof-star-nomination {
	color: var(--hof-blue);
	/* Становится синей при ховере */
}

/* --- АДАПТИВ --- */
@media (max-width: 768px) {
	.hof-year-number {
		font-size: 3rem;
		padding: 0 1rem;
	}

	.hof-items-grid {
		gap: 1rem;
	}

	.hof-star-card {
		width: calc(50% - 1rem);
		/* По 2 в ряд на мобилке */
		padding: 1.5rem 1rem;
	}

	.hof-star-logo {
		width: 60px;
		height: 60px;
		padding: 5px;
	}

	.hof-star-name {
		font-size: 0.8rem;
	}
}

@media (max-width: 480px) {
	.hof-star-card {
		width: 100%;
		/* По 1 в ряд на совсем маленьких экранах */
		flex-direction: row;
		/* Горизонтальная карточка */
		text-align: left;
		align-items: center;
		justify-content: flex-start;
	}

	.hof-star-icon {
		margin-bottom: 0;
		margin-right: 1rem;
		order: 3;
		/* Звезда справа */
		margin-left: auto;
	}

	.hof-star-logo {
		margin-bottom: 0;
		margin-right: 1rem;
		width: 50px;
		height: 50px;
	}

	.hof-star-name {
		text-align: left;
	}
}
/* End */


/* Start:/css/normalize.css?17799761416138*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/* End */


/* Start:/css/apple.css?177997614157863*/
/* =========================================
   APPLE PRO BLACK — REDESIGN OVERRIDES
   Подключается ПОСЛЕ style.css / media.css и точечно
   перекрывает существующие классы, не ломая Bitrix-разметку.
   Этап 1: только хедер.
   ========================================= */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
	--apple-black: #000;
	--apple-white: #fff;
	--apple-secondary: #86868b;
	--apple-blue: #0071e3;
	--apple-ease: cubic-bezier(0.16, 1, 0.3, 1);
	--accent-color: #0071e3;
	--border-radius: 28px;
}

/* =========================================
   HEADER — тёмная стеклянная шапка
   Раскладка: [logo] ... [pill nav] ... [buttons]
   ========================================= */
.header {
	/* Почти-непрозрачный чёрный: на белом body не «выцветает» в серый,
	   а cutout-логотип TA_white.svg читается как задуман (буквы → чёрные) */
	background: rgba(10, 10, 10, 0.92) !important;
	backdrop-filter: blur(25px) !important;
	-webkit-backdrop-filter: blur(25px) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	box-shadow: none !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	/* Контент в пределах 1440px на широких экранах */
	padding-inline: max(1.5rem, calc((100vw - 1440px) / 2)) !important;
}

@media (min-width: 1024px) {
	.header {
		padding-inline: max(3rem, calc((100vw - 1440px) / 2)) !important;
	}
}

/* Placeholder под фиксированной шапкой — тоже тёмный,
   чтобы при scroll-up не было белой полоски на 90px */
.header-wrap {
	background: var(--apple-black);
}

/* Логотип — белый SVG, фиксированная высота */
.header__logo-src {
	height: 32px !important;
	width: auto !important;
	color: var(--apple-white);
	transition: transform 0.5s var(--apple-ease);
}

@media (max-width: 600px) {
	.header__logo-src {
		height: 24px !important;
	}
}

.header__logo:hover .header__logo-src {
	transform: scale(1.05);
}

/* Базовые правила пунктов меню (актуальны и для мобильной версии) */
.header__menu-item {
	font-family: inherit;
	transition: all 0.3s var(--apple-ease);
}

.header__menu-item::after {
	display: none !important;
}

/* Базовый стиль pill-кнопок справа */
.header__button .button {
	border-radius: 980px !important;
	height: 36px !important;
	padding: 0 1.25rem !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase;
	transition: all 0.4s var(--apple-ease) !important;
	font-family: inherit;
	border: 1px solid transparent;
}

.header__button-val-p {
	background: rgba(255, 255, 255, 0.06) !important;
	color: var(--apple-white) !important;
	border-color: rgba(255, 255, 255, 0.15) !important;
	backdrop-filter: blur(10px);
}

.header__button-val-p:hover {
	background: rgba(255, 255, 255, 0.12) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	color: var(--apple-white) !important;
}

.header__button-val {
	background: var(--apple-blue) !important;
	color: var(--apple-white) !important;
	border-color: var(--apple-blue) !important;
	box-shadow: none !important;
}

.header__button-val:hover {
	background: var(--apple-blue) !important;
	border-color: var(--apple-blue) !important;
	filter: brightness(1.15);
	transform: scale(1.05) translateY(-1px);
}

/* Бургер: белые полоски на тёмном */
.header__mm-stripe {
	background: var(--apple-white) !important;
}

/* =========================================
   DESKTOP — pill-навигация по центру
   ========================================= */
@media (min-width: 991px) {
	/* Логотип статикой, не центрируется абсолютно */
	.header__logo {
		position: static !important;
		left: auto !important;
		top: auto !important;
		transform: none !important;
	}

	/* Меню как стеклянная пилюля по центру */
	.header__menu {
		flex: 0 1 auto !important;
		margin: 0 auto !important;
		justify-content: center !important;
		background: rgba(255, 255, 255, 0.05);
		border: 1px solid rgba(255, 255, 255, 0.1);
		border-radius: 100px;
		padding: 4px !important;
		gap: 2px;
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
	}

	.header__menu-item {
		color: rgba(255, 255, 255, 0.55) !important;
		font-size: 11px !important;
		font-weight: 600 !important;
		letter-spacing: 0.1em !important;
		text-transform: uppercase;
		margin: 0 !important;
		padding: 0.5rem 1rem !important;
		border-radius: 100px;
		white-space: nowrap;
	}

	.header__menu-item:hover,
	.header__menu-item_selected {
		color: var(--apple-white) !important;
		background: rgba(255, 255, 255, 0.1);
	}

	/* Правый блок кнопок — не растягивается */
	.header__button {
		flex: 0 0 auto !important;
	}
}

/* =========================================
   HERO SECTION — манифест-композиция в центре
   ========================================= */
.hero-section {
	background: #050505 !important;
}

.hero-card {
	background: #050505;
	box-shadow: none !important;
	position: relative;
	overflow: hidden;
}

/* =========================================
   HERO STAGE — 3 софита (oscar-style) + золотая haze
   ========================================= */
.hero-card__stage {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	overflow: hidden;
}

/* Базовый луч — узкий вверху, расходится вниз, blur даёт мягкость */
.hero-beam {
	position: absolute;
	top: -15%;
	left: 50%;
	width: 38vw;
	height: 130vh;
	transform-origin: 50% 0%;
	pointer-events: none;
	mix-blend-mode: screen;
	filter: blur(50px);
	opacity: 0.95;
}

.hero-beam::before {
	content: '';
	position: absolute;
	inset: 0;
	/* трапеция: узкая полоска вверху, широкое основание внизу */
	clip-path: polygon(46% 0%, 54% 0%, 100% 100%, 0% 100%);
	background: linear-gradient(to bottom, var(--beam-color, rgba(255, 255, 255, 0.18)) 0%, transparent 75%);
}

/* Центральный белый прожектор — лёгкое покачивание + пульс яркости */
.hero-beam--center {
	--beam-color: rgba(255, 255, 255, 0.22);
	width: 45vw;
	left: 50%;
	transform: translateX(-50%) rotate(0deg);
	animation: beam-pulse-center 7s ease-in-out infinite alternate;
}

/* Левый тёплый золотой — сходится к центру (-22° ↔ -5°) */
.hero-beam--left {
	--beam-color: rgba(255, 195, 110, 0.22);
	left: 28%;
	transform: translateX(-50%) rotate(-22deg);
	animation: beam-sweep-left 7s ease-in-out infinite alternate;
}

/* Правый тёплый золотой — зеркально сходится */
.hero-beam--right {
	--beam-color: rgba(255, 195, 110, 0.22);
	left: 72%;
	transform: translateX(-50%) rotate(22deg);
	animation: beam-sweep-right 7s ease-in-out infinite alternate;
}

/* Сведение к центру + расхождение. 7s ease-in-out alternate
   → каждые 7s лучи сходятся, потом 7s расходятся = 14s cycle */
@keyframes beam-sweep-left {
	from { transform: translateX(-50%) rotate(-22deg); opacity: 0.8; }
	to   { transform: translateX(-50%) rotate(-5deg);  opacity: 1; }
}

@keyframes beam-sweep-right {
	from { transform: translateX(-50%) rotate(22deg); opacity: 0.8; }
	to   { transform: translateX(-50%) rotate(5deg);  opacity: 1; }
}

/* Центральный — лёгкое покачивание + пульс яркости и масштаба
   В момент когда боковые сходятся, центр становится ярче */
@keyframes beam-pulse-center {
	from { transform: translateX(-50%) rotate(-2deg) scaleY(1);    opacity: 0.85; }
	to   { transform: translateX(-50%) rotate(2deg)  scaleY(1.06); opacity: 1; }
}

/* Haze — золотая дымка у пола (отражение света от сцены) */
.hero-card__haze {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(ellipse 60% 35% at 50% 100%, rgba(255, 195, 110, 0.18), transparent 65%),
		radial-gradient(ellipse 90% 25% at 50% 100%, rgba(255, 220, 160, 0.08), transparent 60%);
	mix-blend-mode: screen;
}

/* Сетка 80px с радиальной маской — затухает к краям */
.hero-card__grid {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
	background-size: 80px 80px;
	-webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(0, 0, 0, 0.85), transparent 75%);
	mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(0, 0, 0, 0.85), transparent 75%);
	opacity: 0.6;
}

/* Виньетка по краям — добавляет глубины */
.hero-card::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
	background: radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.5) 100%);
}

.hero-card__content {
	position: relative;
	z-index: 2;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Центральная манифест-композиция */
.hero-card__content--centered {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	text-align: center !important;
	padding: 8rem 1.5rem 5rem !important;
	min-height: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

/* Kicker — синяя метка над title */
.hero-kicker {
	display: inline-block;
	font-size: 12px;
	font-weight: 800;
	text-transform: uppercase;
	letter-spacing: 0.22em;
	color: var(--apple-blue);
	margin-bottom: 2rem;
	padding: 0.5rem 1rem;
	border: 1px solid rgba(0, 113, 227, 0.4);
	border-radius: 980px;
	background: rgba(0, 113, 227, 0.08);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

/* Title — крупнее, gradient-text с белым свечением */
.hero-title {
	font-family: inherit;
	text-transform: none !important;
	font-weight: 800 !important;
	letter-spacing: -0.05em !important;
	line-height: 0.95 !important;
	font-size: clamp(3.5rem, 11vw, 9rem) !important;
	margin: 0 !important;
	background: linear-gradient(to bottom, #fff 50%, rgba(255, 255, 255, 0.45));
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 20px 40px rgba(0, 113, 227, 0.25));
}

/* Outlined год — SVG для чистого stroke без артефактов от -webkit-text-stroke */
.hero-year {
	display: block;
	height: clamp(5rem, 16vw, 13rem);
	width: auto;
	margin: -0.2em auto 1.25rem;
	overflow: visible;
	user-select: none;
}

.hero-year text {
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	font-weight: 900;
	font-size: 220px;
	letter-spacing: -10px;
	/* Заливка — это цвет внешнего контура после feMorphology фильтра.
	   Stroke не используем (давал двойные линии на counters: 0, 6, 8). */
	fill: rgba(255, 255, 255, 0.32);
}

.hero-text {
	font-family: inherit;
	border-left: none !important;
	padding-left: 0 !important;
	color: rgba(255, 255, 255, 0.7) !important;
	font-size: 1.05rem !important;
	line-height: 1.65 !important;
	max-width: 620px;
	margin: 0 auto 2.5rem !important;
	font-weight: 400;
}

.hero-text b {
	color: var(--apple-white);
	font-weight: 600;
}

/* Кнопки hero */
.hero-actions {
	gap: 1.25rem !important;
	flex-wrap: wrap;
}

.hero-btn-primary {
	background: var(--apple-blue) !important;
	color: var(--apple-white) !important;
	border-radius: 980px !important;
	height: 3.25rem !important;
	padding: 0 2.5rem !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	font-family: inherit !important;
	box-shadow: none !important;
	transition: all 0.4s var(--apple-ease) !important;
}

.hero-btn-primary:hover {
	background: var(--apple-blue) !important;
	color: var(--apple-white) !important;
	filter: brightness(1.15);
	transform: scale(1.05) translateY(-2px);
	box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3) !important;
}

.hero-submit-link {
	font-family: inherit;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase;
	color: var(--apple-white) !important;
	background: rgba(255, 255, 255, 0.06);
	border: 1px solid rgba(255, 255, 255, 0.15);
	border-radius: 980px;
	height: 3.25rem;
	padding: 0 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: all 0.4s var(--apple-ease);
	cursor: pointer;
	margin-bottom: 0 !important;
}

.hero-submit-link:hover {
	color: var(--apple-white) !important;
	background: rgba(255, 255, 255, 0.12);
	border-color: rgba(255, 255, 255, 0.3);
	transform: scale(1.05) translateY(-2px);
}

@media (max-width: 990px) {
	.hero-btn-primary,
	.hero-submit-link {
		width: 100%;
	}
}

/* =========================================
   HERO — ENTRANCE ANIMATIONS
   Скрипт /js/apple.js добавляет .js-anim на <html> чтобы fallback (без JS)
   показывал контент сразу
   ========================================= */
.js-anim .hero-card__stage,
.js-anim .hero-card__grid {
	opacity: 0;
	animation: hero-bg-in 2.4s var(--apple-ease) 0.1s forwards;
}

@keyframes hero-bg-in {
	to { opacity: 1; }
}

.js-anim .hero-kicker,
.js-anim .hero-title,
.js-anim .hero-year,
.js-anim .hero-text,
.js-anim .hero-actions,
.js-anim .hero-scroll-cue {
	opacity: 0;
	will-change: opacity, filter, transform;
}

.js-anim .hero-kicker  { animation: hero-fade-up 0.9s var(--apple-ease) 0.3s forwards; }
.js-anim .hero-title   { animation: hero-fade-blur 1.4s var(--apple-ease) 0.55s forwards; }
.js-anim .hero-year    { animation: hero-year-in 1.6s var(--apple-ease) 0.95s forwards; }
.js-anim .hero-text    { animation: hero-fade-up 1s var(--apple-ease) 1.55s forwards; }
.js-anim .hero-actions { animation: hero-fade-up 1s var(--apple-ease) 1.85s forwards; }
.js-anim .hero-scroll-cue { animation: hero-fade-up 1s var(--apple-ease) 2.4s forwards; }

@keyframes hero-fade-up {
	from { opacity: 0; transform: translate3d(0, 30px, 0); }
	to   { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes hero-fade-blur {
	from { opacity: 0; filter: blur(18px); transform: translate3d(0, 40px, 0) scale(0.96); }
	to   { opacity: 1; filter: blur(0);    transform: translate3d(0, 0, 0) scale(1); }
}

@keyframes hero-year-in {
	from { opacity: 0; transform: translate3d(0, -16px, 0) scale(1.12); }
	to   { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

/* =========================================
   HERO — MOUSE PARALLAX (CSS-вариант, JS пишет --mx/--my)
   ========================================= */
.hero-card {
	--mx: 0;
	--my: 0;
}

.hero-card__stage {
	transform: translate3d(calc(var(--mx) * -18px), calc(var(--my) * -18px), 0);
	transition: transform 1.4s var(--apple-ease);
}

.hero-card__grid {
	transform: translate3d(calc(var(--mx) * -8px), calc(var(--my) * -8px), 0);
	transition: transform 0.8s var(--apple-ease);
}

/* Title и year двигаются от курсора с разной амплитудой → создаёт глубину */
.hero-title,
.hero-year {
	transition: transform 0.8s var(--apple-ease);
}

@media (hover: hover) and (pointer: fine) {
	.hero-card:hover .hero-title {
		transform: translate3d(calc(var(--mx) * -10px), calc(var(--my) * -10px), 0);
	}
	.hero-card:hover .hero-year {
		transform: translate3d(calc(var(--mx) * -25px), calc(var(--my) * -25px), 0);
	}
}

/* =========================================
   SCROLL CUE — пульсирующая вертикальная линия
   ========================================= */
.hero-scroll-cue {
	position: absolute;
	bottom: 2rem;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.75rem;
	color: rgba(255, 255, 255, 0.5);
	z-index: 3;
	pointer-events: none;
}

.hero-scroll-cue__line {
	width: 1px;
	height: 48px;
	background: linear-gradient(to bottom,
		transparent 0%,
		rgba(255, 255, 255, 0.1) 30%,
		rgba(255, 255, 255, 0.6) 100%);
	position: relative;
	overflow: hidden;
}

.hero-scroll-cue__line::after {
	content: '';
	position: absolute;
	top: -50%;
	left: 0;
	width: 100%;
	height: 50%;
	background: linear-gradient(to bottom, transparent, var(--apple-white));
	animation: scroll-cue-drop 2.4s var(--apple-ease) infinite;
}

@keyframes scroll-cue-drop {
	0%   { top: -50%; opacity: 0; }
	20%  { opacity: 1; }
	80%  { opacity: 1; }
	100% { top: 100%; opacity: 0; }
}

/* =========================================
   SCROLL REVEAL — IntersectionObserver добавляет .is-revealed
   ========================================= */
.js-anim .reveal,
.js-anim .cat__list-block,
.js-anim .cat__list-block-item,
.js-anim .sm-card,
.js-anim .ta-footer__brand,
.js-anim .ta-footer__contacts,
.js-anim .about__marquee,
.js-anim .sponsors__marquee,
.js-anim .news__marquee,
.js-anim .cat__marquee,
.js-anim .nominess__top,
.js-anim .nominess__table-head,
.js-anim .nominess__table-item-el {
	opacity: 0;
	transform: translate3d(0, 40px, 0);
	transition:
		opacity 0.9s var(--apple-ease) var(--reveal-delay, 0ms),
		transform 0.9s var(--apple-ease) var(--reveal-delay, 0ms);
	will-change: opacity, transform;
}

.js-anim .reveal.is-revealed,
.js-anim .cat__list-block.is-revealed,
.js-anim .cat__list-block-item.is-revealed,
.js-anim .sm-card.is-revealed,
.js-anim .ta-footer__brand.is-revealed,
.js-anim .ta-footer__contacts.is-revealed,
.js-anim .about__marquee.is-revealed,
.js-anim .sponsors__marquee.is-revealed,
.js-anim .news__marquee.is-revealed,
.js-anim .cat__marquee.is-revealed,
.js-anim .nominess__top.is-revealed,
.js-anim .nominess__table-head.is-revealed,
.js-anim .nominess__table-item-el.is-revealed {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}

/* Когда пользователь предпочитает уменьшенную анимацию */
@media (prefers-reduced-motion: reduce) {
	.js-anim *,
	.js-anim *::before,
	.js-anim *::after {
		animation: none !important;
		transition: none !important;
	}
	.js-anim .hero-kicker,
	.js-anim .hero-title,
	.js-anim .hero-year,
	.js-anim .hero-text,
	.js-anim .hero-actions,
	.js-anim .hero-scroll-cue,
	.js-anim .hero-card__aurora,
	.js-anim .hero-card__grid,
	.js-anim .reveal,
	.js-anim .is-revealed {
		opacity: 1 !important;
		transform: none !important;
		filter: none !important;
	}
}

/* =========================================
   CAT BLOCK — каталог номинаций (светлая секция)
   ========================================= */
:root {
	--apple-text: #1d1d1f;
	--apple-gray: #f5f5f7;
}

.cat__block {
	background: var(--apple-white);
	/* top уменьшен: воздух сверху даёт .about__marquee→'Nominations' заголовок */
	padding: 3rem 5vw 5rem !important;
	margin-bottom: 0 !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	color: var(--apple-text);
}

.cat__list {
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	grid-column-gap: 4rem !important;
	grid-row-gap: 4rem !important;
}

.cat__list-block-title {
	color: var(--apple-text) !important;
	font-family: inherit;
	font-size: clamp(1.5rem, 2.5vw, 2.25rem) !important;
	font-weight: 800 !important;
	letter-spacing: -0.03em !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
	padding-bottom: 1.25rem !important;
	margin-bottom: 0.5rem !important;
}

.cat__list-block-item {
	border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
	padding: 1.25rem 0 !important;
	transition: all 0.4s var(--apple-ease) !important;
	gap: 1rem;
	font-family: inherit;
	color: var(--apple-text);
}

.cat__list-block-item:last-child {
	border-bottom: none !important;
}

.cat__list-block-item:hover {
	background: transparent !important;
	padding-left: 0.75rem !important;
	border-bottom-color: rgba(0, 0, 0, 0.2) !important;
}

/* Номер слева → маленькая точка-буллит (число скрыто) */
.cat__list-block-item-num {
	width: 1.5rem !important;
	font-size: 0 !important;
	color: transparent !important;
	position: relative;
	flex-shrink: 0;
}

.cat__list-block-item-num::before {
	content: '';
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.22);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	transition: all 0.4s var(--apple-ease);
}

.cat__list-block-item:hover .cat__list-block-item-num::before {
	background: var(--apple-blue);
	transform: translateY(-50%) scale(1.4);
}

.cat__list-block-item-name {
	color: var(--apple-text) !important;
	font-family: inherit;
	font-size: 1.05rem !important;
	font-weight: 600 !important;
	letter-spacing: -0.01em;
	transition: color 0.3s var(--apple-ease);
}

.cat__list-block-item:hover .cat__list-block-item-name {
	color: #000 !important;
}

.cat__list-block-item-count {
	background: rgba(0, 0, 0, 0.05) !important;
	color: rgba(0, 0, 0, 0.5) !important;
	border-radius: 980px !important;
	padding: 2px 10px !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	font-family: inherit;
}

.cat__list-block-item-button {
	background: transparent !important;
	color: var(--apple-text) !important;
	border: 1.5px solid rgba(0, 0, 0, 0.28) !important;
	border-radius: 980px !important;
	height: 2.25rem !important;
	padding: 0 1.25rem !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase;
	font-family: inherit;
	box-shadow: none !important;
	transition: all 0.3s var(--apple-ease) !important;
}

.cat__list-block-item:hover .cat__list-block-item-button {
	background: var(--apple-text) !important;
	border-color: var(--apple-text) !important;
	color: var(--apple-white) !important;
	box-shadow: none !important;
}

/* =========================================
   MARQUEE — минималистская бегущая строка
   (применяется к не-секционным: .event-marquee, .socials-marquee и т.п.)
   ========================================= */
.marquee {
	background: var(--apple-black) !important;
	color: rgba(255, 255, 255, 0.55) !important;
	border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
	border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
	padding: 1rem 0 !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.marquee span {
	font-family: inherit !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.15em !important;
}

.marquee span::after {
	font-size: 13px !important;
}

/* =========================================
   СЕКЦИОННЫЕ MARQUEE → статичные H2-заголовки
   .about__marquee → 'Nominations'  (id=nominees для scroll-anchor)
   .sponsors__marquee → 'Media'
   .news__marquee → 'News'
   ========================================= */
.about__marquee,
.sponsors__marquee,
.news__marquee,
.cat__marquee {
	background: var(--apple-white) !important;
	color: var(--apple-text) !important;
	border: none !important;
	padding: 5rem max(5vw, calc((100vw - 1440px) / 2)) 0 !important;
	overflow: visible !important;
	white-space: normal !important;
	display: block !important;
	margin: 0 !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	animation: none !important;
}

.about__marquee span,
.sponsors__marquee span,
.news__marquee span,
.cat__marquee span {
	display: none !important;
}

.about__marquee::before,
.sponsors__marquee::before,
.news__marquee::before,
.cat__marquee::before {
	display: block;
	font-family: inherit;
	font-size: clamp(2rem, 5vw, 3.5rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1.1;
	color: var(--apple-text);
	text-transform: none;
}

.about__marquee::before { content: 'Nominations'; }
.sponsors__marquee::before { content: 'Media'; }
.news__marquee::before { content: 'News'; }
.cat__marquee::before { content: 'Nominations'; }

/* =========================================
   SPONSORS — прячем нижний CTA «Become a sponsor»
   ========================================= */
.sponsors-bottom {
	display: none !important;
}

/* =========================================
   FEEDBACK FORM — тёмная модалка
   ========================================= */
.feedback-form_pu {
	background: #0a0a0a !important;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 24px !important;
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6) !important;
	color: var(--apple-white);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.feedback-form {
	background: transparent !important;
	border: none !important;
	padding: 2.5rem !important;
}

.feedback-form__title {
	color: var(--apple-white) !important;
	font-family: inherit;
	font-weight: 800 !important;
	letter-spacing: -0.02em !important;
	text-transform: none !important;
	font-size: 1.75rem !important;
	border-bottom: none !important;
	padding-bottom: 0 !important;
	margin: 0 0 0.5rem 0 !important;
	text-align: left !important;
}

.feedback-form__subtitle {
	color: rgba(255, 255, 255, 0.6);
	font-size: 13px;
	margin: 0 0 2rem 0;
	width: 100%;
}

.feedback-form__subtitle b {
	color: var(--apple-white);
	font-weight: 600;
}

.feedback-form .form-input {
	background: rgba(255, 255, 255, 0.04) !important;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
	border-radius: 12px !important;
	color: var(--apple-white) !important;
	font-family: inherit;
	height: 3.25rem !important;
	transition: all 0.3s var(--apple-ease) !important;
}

.feedback-form textarea.form-input {
	height: 7rem !important;
}

.feedback-form .form-input:focus {
	border-color: var(--apple-blue) !important;
	background: rgba(255, 255, 255, 0.06) !important;
	box-shadow: 0 0 0 3px rgba(0, 113, 227, 0.15) !important;
}

.feedback-form .form-input::placeholder {
	color: rgba(255, 255, 255, 0.3);
}

/* Floating label —
   default: лежит внутри инпута, без фона (как placeholder)
   raised:  всплывает над бордюром, фон совпадает с модалкой */
.feedback-form .form-group label {
	background: transparent !important;
	color: rgba(255, 255, 255, 0.5) !important;
	font-family: inherit;
	padding: 0 !important;
	top: 1.05rem !important;
}

.feedback-form .form-input:focus + label,
.feedback-form .form-input:not(:placeholder-shown) + label,
.feedback-form .form-input:valid + label {
	top: -0.55rem !important;
	color: var(--apple-blue) !important;
	background: #0a0a0a !important;
	padding: 0 0.5rem !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.06em;
}

/* Sticky footer формы с кнопкой Send — был белый, делаем тёмным */
.feedback-form_pu .form-group_last,
.feedback-form .form-group_last {
	background: #0a0a0a !important;
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	box-shadow: none !important;
	border-top: 0px !important;
}

.feedback-form select.form-input {
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-opacity='0.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
	background-repeat: no-repeat !important;
	background-position: right 1rem center !important;
	background-size: 1em !important;
}

.feedback-form select.form-input option {
	background: #0a0a0a;
	color: var(--apple-white);
}

.feedback-form .button {
	background: var(--apple-blue) !important;
	color: var(--apple-white) !important;
	border: none !important;
	border-radius: 980px !important;
	height: 3.25rem !important;
	font-family: inherit;
	font-weight: 700 !important;
	font-size: 12px !important;
	letter-spacing: 0.12em !important;
	transition: all 0.4s var(--apple-ease) !important;
}

.feedback-form .button:hover {
	background: var(--apple-blue) !important;
	filter: brightness(1.15);
	transform: translateY(-1px);
}

.feedback-form .result {
	width: 100%;
	color: rgba(255, 255, 255, 0.7);
	font-size: 13px;
	margin-top: 1rem;
	text-align: center;
}

.feedback-form__contacts {
	width: 100%;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.feedback-form__contacts-label {
	margin: 0 0 0.25rem;
	color: rgba(255, 255, 255, 0.55);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: lowercase;
}

.feedback-form__contacts-item {
	color: var(--apple-white);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-decoration: none;
	transition: color 0.25s var(--apple-ease);
}

.feedback-form__contacts-item:hover {
	color: var(--apple-blue);
}

@media (max-width: 600px) {
	.feedback-form {
		padding: 1.75rem !important;
	}
}

/* =========================================
   MOBILE — тёмное полноэкранное меню
   ========================================= */
@media (max-width: 990px) {
	.header__menu {
		background: rgba(0, 0, 0, 0.96) !important;
		backdrop-filter: blur(40px);
		-webkit-backdrop-filter: blur(40px);
	}

	.header__menu-item {
		color: rgba(255, 255, 255, 0.85) !important;
		font-size: 1.3rem !important;
		letter-spacing: 0.05em !important;
		margin: 0 !important;
	}

	.header__button-val-m {
		background: var(--apple-blue) !important;
		color: var(--apple-white) !important;
		border-radius: 980px !important;
		padding: 0.9rem 1.5rem !important;
		font-size: 12px !important;
		font-weight: 700 !important;
		letter-spacing: 0.12em !important;
	}
}

/* =========================================
   SOCIAL NETWORKS (sm-section) — портирован из tradersfair
   ========================================= */
.sm-section {
	padding: 80px 0;
	background-color: var(--apple-black);
	position: relative;
	overflow: hidden;
	z-index: 10;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.sm-section .container {
	padding: 0 1.5rem;
	max-width: 1440px;
	margin: 0 auto;
}

@media (min-width: 1024px) {
	.sm-section .container {
		padding: 0 4rem;
	}
}

.kicker.sm-kicker {
	color: var(--accent-color);
	font-weight: 800;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin-bottom: 24px;
	display: inline-block;
}

@media (min-width: 768px) {
	.kicker.sm-kicker { font-size: 12px; }
}

.sm-headline {
	font-size: clamp(2.5rem, 5vw, 4rem);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 1.1;
	color: var(--apple-white);
	margin: 0 0 40px;
	font-family: inherit;
}

.sm-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
}

@media (min-width: 768px) {
	.sm-grid { grid-template-columns: repeat(3, 1fr); gap: 20px; }
}

@media (min-width: 1024px) {
	.sm-grid {
		grid-template-columns: minmax(320px, 2.5fr) repeat(5, 1fr);
		grid-template-rows: 140px;
	}
}

.sm-card {
	position: relative;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: var(--border-radius);
	overflow: hidden;
	text-decoration: none;
	transition: all 0.5s var(--apple-ease);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	display: flex;
}

.sm-card:hover {
	transform: translateY(-4px) scale(0.98);
	border-color: rgba(255, 255, 255, 0.2);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
}

.sm-card::before {
	content: '';
	position: absolute;
	inset: 0;
	opacity: 0;
	transition: opacity 0.5s var(--apple-ease);
	z-index: 0;
}

.sm-card:hover::before { opacity: 1; }
.sm-facebook::before { background: radial-gradient(circle at right, rgba(24, 119, 242, 0.25), transparent 70%); }
.sm-instagram::before { background: radial-gradient(circle at bottom, rgba(225, 48, 108, 0.25), transparent 70%); }
.sm-youtube::before { background: radial-gradient(circle at bottom, rgba(255, 0, 0, 0.2), transparent 70%); }
.sm-telegram::before { background: radial-gradient(circle at bottom, rgba(0, 136, 204, 0.25), transparent 70%); }
.sm-x::before { background: radial-gradient(circle at bottom, rgba(255, 255, 255, 0.1), transparent 70%); }
.sm-linkedin::before { background: radial-gradient(circle at bottom, rgba(10, 102, 194, 0.25), transparent 70%); }

.sm-main {
	padding: 24px 32px;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
}

@media (max-width: 767px) {
	.sm-main {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 16px 12px;
		aspect-ratio: 1 / 1;
		gap: 8px;
	}
	.sm-main .sm-main-content {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 8px;
	}
	.sm-main .sm-subtitle,
	.sm-main .sm-arrow,
	.sm-main .sm-title,
	.sm-main .sm-text-group { display: none; }
	.sm-main .sm-icon-wrap { width: 48px; height: 48px; }
}

@media (min-width: 768px) and (max-width: 1023px) {
	.sm-main { grid-column: 1 / -1; }
}

.sm-main-content {
	position: relative;
	z-index: 10;
	display: flex;
	align-items: center;
	gap: 20px;
	width: 100%;
}

.sm-text-group { display: flex; flex-direction: column; gap: 4px; }
.sm-title-wrap { display: flex; align-items: center; gap: 8px; }

.sm-title {
	font-size: 24px;
	font-weight: 700;
	color: var(--apple-white);
	letter-spacing: -0.02em;
	font-family: inherit;
}

.sm-subtitle {
	font-size: 14px;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.5);
	transition: color 0.4s ease;
	font-family: inherit;
}

.sm-card:hover .sm-subtitle { color: rgba(255, 255, 255, 0.8); }

.sm-compact {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	aspect-ratio: 1 / 1;
}

@media (min-width: 1024px) {
	.sm-compact { aspect-ratio: auto; }
}

.sm-compact-label {
	font-size: 12px;
	font-weight: 600;
	color: rgba(255, 255, 255, 0);
	transform: translateY(10px);
	transition: all 0.4s var(--apple-ease);
	position: absolute;
	bottom: 24px;
	z-index: 10;
	font-family: inherit;
}

.sm-compact:hover .sm-compact-label {
	color: var(--apple-white);
	transform: translateY(0);
}

.sm-icon-wrap {
	width: 56px;
	height: 56px;
	border-radius: 100px;
	background: rgba(255, 255, 255, 0.08);
	border: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.5s var(--apple-ease);
	color: var(--apple-white);
	position: relative;
	z-index: 10;
}

.sm-compact .sm-icon-wrap { width: 48px; height: 48px; }

.sm-icon {
	width: 24px;
	height: 24px;
	fill: currentColor;
	transition: fill 0.4s ease;
}

.sm-compact .sm-icon { width: 20px; height: 20px; }

.sm-card:hover .sm-icon-wrap {
	background: var(--apple-white);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.sm-compact:hover .sm-icon-wrap { transform: translateY(-12px) scale(1.1); }
.sm-main:hover .sm-icon-wrap { transform: scale(1.1); }

.sm-facebook:hover .sm-icon-wrap { color: #1877f2; }
.sm-instagram:hover .sm-icon-wrap { color: #e1306c; }
.sm-youtube:hover .sm-icon-wrap { color: #ff0000; }
.sm-telegram:hover .sm-icon-wrap { color: #0088cc; }
.sm-x:hover .sm-icon-wrap { color: #000000; }
.sm-linkedin:hover .sm-icon-wrap { color: #0a66c2; }

.sm-arrow {
	opacity: 0;
	transform: translateX(-10px);
	transition: all 0.5s var(--apple-ease);
	width: 18px;
	height: 18px;
}

.sm-main:hover .sm-arrow {
	opacity: 1;
	transform: translateX(0);
}

.sm-bg-mark {
	position: absolute;
	right: -5%;
	top: -50%;
	height: 200%;
	fill: var(--apple-white);
	opacity: 0.02;
	transition: all 0.8s var(--apple-ease);
	z-index: 0;
	pointer-events: none;
}

.sm-main:hover .sm-bg-mark {
	transform: scale(1.05) rotate(-5deg);
	opacity: 0.05;
}

/* =========================================
   FOOTER — портирован из tradersfair Footer.module.scss
   ========================================= */
.ta-footer {
	position: relative;
	background-color: var(--apple-black);
	color: var(--apple-white);
	padding: 100px 0 40px;
	overflow: hidden;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

.ta-footer__container {
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 1.5rem;
	position: relative;
	z-index: 1;
}

@media (min-width: 1024px) {
	.ta-footer__container { padding: 0 40px; }
}

.ta-footer__grid {
	display: flex;
	flex-direction: column;
	gap: 80px;
}

@media (min-width: 1024px) {
	.ta-footer__grid {
		flex-direction: row;
		justify-content: space-between;
		align-items: flex-start;
	}
}

.ta-footer__brand {
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 400px;
}

.ta-footer__production-tag {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.12em;
	color: var(--apple-blue);
	font-weight: 700;
	margin-bottom: 0;
}

.ta-footer__production-link {
	color: var(--apple-blue);
	font-weight: 700;
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.ta-footer__production-link:hover { opacity: 0.7; }

.ta-footer__logo-wrap {
	display: inline-flex;
	align-items: center;
	gap: 16px;
	color: var(--apple-white);
	text-decoration: none;
}

.ta-footer__logo {
	height: 36px;
	width: auto;
}

.ta-footer__brand-desc {
	color: rgba(255, 255, 255, 0.5);
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
}

.ta-footer__contacts {
	display: flex;
	flex-direction: column;
	gap: 40px;
}

@media (min-width: 768px) {
	.ta-footer__contacts {
		flex-direction: row;
		gap: 80px;
	}
}

.ta-footer__contact-block {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.ta-footer__contact-label {
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: var(--apple-blue);
	margin-bottom: 8px;
	font-weight: 600;
}

.ta-footer__link {
	font-size: 18px;
	font-weight: 400;
	color: var(--apple-white);
	text-decoration: none;
	transition: opacity 0.3s ease, color 0.3s ease;
	letter-spacing: -0.01em;
}

.ta-footer__link:hover { color: rgba(255, 255, 255, 0.7); }

@media (min-width: 1024px) {
	.ta-footer__link { font-size: 20px; }
}

.ta-footer__email {
	position: relative;
	display: inline-block;
}

.ta-footer__email::after {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: rgba(255, 255, 255, 0.2);
	transition: background-color 0.3s ease;
}

.ta-footer__email:hover::after {
	background-color: rgba(255, 255, 255, 1);
}

.ta-footer__bottom {
	margin-top: 100px;
	padding-top: 32px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	display: flex;
	justify-content: center;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.4);
}

.ta-footer__watermark {
	position: absolute;
	bottom: -60px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 220px;
	font-weight: 900;
	color: rgba(255, 255, 255, 0.02);
	white-space: nowrap;
	pointer-events: none;
	z-index: 0;
	user-select: none;
	letter-spacing: -0.04em;
	line-height: 1;
}

@media (max-width: 1024px) {
	.ta-footer__watermark { font-size: 140px; bottom: -40px; }
}

@media (max-width: 768px) {
	.ta-footer__watermark { font-size: 80px; bottom: -20px; }
}

/* =========================================
   NOMINEES — таблица с голосованием
   ========================================= */
.nominess {
	background: var(--apple-white);
	color: var(--apple-text);
	padding: 3rem max(5vw, calc((100vw - 1440px) / 2)) 6rem !important;
	max-width: none !important;
	margin: 0 !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Header — section title + prev/next */
.nominess__top {
	background: transparent !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
	padding: 0 0 1.5rem !important;
	margin-bottom: 0;
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	gap: 1.5rem;
}

.nominess__top-prev,
.nominess__top-next { flex: 0 0 auto; }

.nominess__top-prev a,
.nominess__top-next a {
	font-size: 0 !important;
	width: 2.5rem;
	height: 2.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: 1px solid rgba(0, 0, 0, 0.15);
	color: var(--apple-text) !important;
	transition: all 0.3s var(--apple-ease);
	text-decoration: none;
}

.nominess__top-prev a::before { content: '←'; font-size: 1.1rem; }
.nominess__top-next a::before { content: '→'; font-size: 1.1rem; }

.nominess__top-prev a:hover,
.nominess__top-next a:hover {
	background: var(--apple-text) !important;
	border-color: var(--apple-text) !important;
	color: var(--apple-white) !important;
}

.nominess__top-name {
	flex: 1;
	text-align: center !important;
	width: auto !important;
	font-size: clamp(1.75rem, 4vw, 3rem) !important;
	font-weight: 800 !important;
	letter-spacing: -0.03em !important;
	color: var(--apple-text) !important;
	margin: 0 !important;
	font-family: inherit;
}

/* Table head — column labels */
.nominess__table-head {
	background: transparent !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
	padding: 0 !important;
	margin-top: 2.5rem;
}

.nominess__table-head-item {
	color: rgba(0, 0, 0, 0.4) !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	letter-spacing: 0.12em !important;
	padding: 1rem 1rem !important;
	font-family: inherit;
}

/* Table rows */
.nominess__table-item-el {
	background: transparent !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important;
	margin: 0 !important;
	padding: 1rem 0 !important;
	transition: background 0.3s var(--apple-ease) !important;
}

.nominess__table-item-el:hover {
	background: rgba(0, 0, 0, 0.025) !important;
}

/* Cell 1: ранг / трофей */
.nominess__table-item:nth-child(1) {
	color: rgba(0, 0, 0, 0.35) !important;
	font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	border-right: none !important;
}

.nominess__table-item-trophy {
	font-size: 1.5rem;
	font-family: inherit !important;
}

/* Cell 2: logo + name + ticker */
.nominess__table-item-trigger {
	font-family: inherit;
}

.nominess__table-item-logo {
	width: 56px !important;
	height: 56px !important;
	background: var(--apple-white) !important;
	border: 1px solid rgba(0, 0, 0, 0.06) !important;
	border-radius: 50%;
	padding: 6px;
	margin-right: 1rem !important;
}

.nominess__table-item-name {
	color: var(--apple-text) !important;
	font-family: inherit !important;
	font-weight: 600 !important;
	font-size: 1rem !important;
	letter-spacing: -0.01em !important;
}

.nominess__table-item-ticker {
	background: rgba(0, 0, 0, 0.05) !important;
	color: rgba(0, 0, 0, 0.55) !important;
	border-radius: 980px !important;
	padding: 3px 10px !important;
	font-family: 'JetBrains Mono', ui-monospace, monospace !important;
	font-size: 10px !important;
	font-weight: 600 !important;
}

/* Cells 3/4: percentage / votes — моноширинные числа */
.nominess__table-item:nth-child(3),
.nominess__table-item:nth-child(4) {
	font-family: 'JetBrains Mono', ui-monospace, monospace !important;
	font-size: 1rem !important;
	font-weight: 600 !important;
}

.nominess__table-item:nth-child(3) {
	color: var(--apple-blue) !important;
	font-weight: 700 !important;
}

.nominess__table-item:nth-child(4) {
	color: var(--apple-text) !important;
}

/* Vote-button — синяя pill */
.vote-btn {
	background: var(--apple-blue) !important;
	color: var(--apple-white) !important;
	border: none !important;
	border-radius: 980px !important;
	height: 2.25rem !important;
	padding: 0 1.5rem !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase;
	font-family: inherit !important;
	transition: all 0.3s var(--apple-ease) !important;
	cursor: pointer;
	box-shadow: none !important;
}

.vote-btn:hover:not(:disabled) {
	filter: brightness(1.15);
	transform: translateY(-1px);
}

.vote-btn:disabled,
.vote-btn[data-state="voted-other"] {
	background: rgba(0, 0, 0, 0.06) !important;
	color: rgba(0, 0, 0, 0.4) !important;
	cursor: not-allowed;
	filter: none;
}

.vote-btn[data-state="voted-self"] {
	background: rgba(34, 197, 94, 0.12) !important;
	color: rgb(22, 101, 52) !important;
}

/* === Mobile: card view (под 990px) === */
@media (max-width: 990px) {
	.nominess {
		padding: 2rem 1rem 4rem !important;
	}
	.nominess__table-head { display: none; }
	.nominess__table-item-el {
		background: var(--apple-white) !important;
		border: 1px solid rgba(0, 0, 0, 0.08) !important;
		border-radius: 16px !important;
		padding: 1.25rem !important;
		margin: 0 0 0.75rem !important;
		box-shadow: none !important;
	}
	.nominess__table-item:nth-child(2) {
		border-bottom-color: rgba(0, 0, 0, 0.06) !important;
	}
	.nominess__table-item-title {
		color: rgba(0, 0, 0, 0.4) !important;
		font-family: inherit;
		letter-spacing: 0.1em !important;
	}
	.vote-btn { width: 100% !important; }
}

/* =========================================
   VOTE / COMPANY-INFO MODALS — тёмная тема
   ========================================= */
.vote-modal {
	background: #0a0a0a !important;
	color: var(--apple-white) !important;
	padding: 2.5rem !important;
	border-radius: 24px !important;
	border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 30px 80px rgba(0, 0, 0, 0.6) !important;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	max-width: 440px;
	text-align: left;
}

.vote-modal__title {
	color: var(--apple-white) !important;
	font-family: inherit;
	font-weight: 800 !important;
	font-size: 1.5rem !important;
	letter-spacing: -0.02em !important;
	margin-bottom: 0.5rem !important;
	line-height: 1.2 !important;
	text-transform: none;
}

.vote-modal__title span {
	color: var(--apple-blue) !important;
	font-size: inherit !important;
}

.vote-modal__stitle {
	color: rgba(255, 255, 255, 0.6) !important;
	font-family: inherit;
	font-size: 13px !important;
	margin-bottom: 1.75rem !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
	font-weight: 400 !important;
	line-height: 1.5;
}

.vote-modal__controls {
	gap: 0.75rem !important;
}

.vote-modal__controls .button,
.vote-modal__controls a.button,
.vote-modal__controls button {
	background: var(--apple-blue) !important;
	color: var(--apple-white) !important;
	border: none !important;
	border-radius: 980px !important;
	height: 3rem !important;
	padding: 0 2rem !important;
	font-family: inherit !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	width: 100% !important;
	justify-content: center;
	text-align: center;
	transition: all 0.3s var(--apple-ease) !important;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
}

.vote-modal__controls .button:hover,
.vote-modal__controls a.button:hover,
.vote-modal__controls button:hover {
	filter: brightness(1.15);
}

/* Company-info modal — тёмная карточка */
.company-info-modal {
	background: #0a0a0a !important;
	color: var(--apple-white) !important;
	padding: 2.5rem !important;
	border-radius: 24px !important;
	text-align: center;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
	max-width: 480px;
}

.company-info-logo {
	width: 96px;
	height: 96px;
	object-fit: contain;
	margin: 0 auto 1.5rem;
	background: var(--apple-white);
	border-radius: 16px;
	padding: 8px;
	display: block;
}

.company-info-name {
	font-family: inherit;
	font-weight: 800;
	font-size: 1.5rem;
	letter-spacing: -0.02em;
	color: var(--apple-white);
	margin: 0 0 0.75rem;
}

.company-info-description {
	font-family: inherit;
	color: rgba(255, 255, 255, 0.7);
	font-size: 14px;
	line-height: 1.6;
	margin: 0 0 1.5rem;
}

.company-info-link.button {
	background: var(--apple-blue) !important;
	color: var(--apple-white) !important;
	border: none !important;
	border-radius: 980px !important;
	height: 2.75rem !important;
	padding: 0 2rem !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	letter-spacing: 0.12em !important;
	text-transform: uppercase;
	font-family: inherit !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.company-info-link.button:hover {
	filter: brightness(1.15);
}

/* =========================================
   HERO SPLIT — текст слева, кубок справа
   Переопределяет центрированную композицию, когда у .hero-section
   стоит модификатор --split. Софиты переориентированы на левую
   колонку (точка схода ≈ 32%), потому что у кубка уже есть свой
   встроенный свет и голубое свечение внутри JPEG.
   ========================================= */

/* Контент — левая половина, выровнен по левому краю */
.hero-section--split .hero-card__content--split {
	position: absolute;
	inset: 0 auto 0 0;
	width: 50%;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	text-align: left !important;
	padding: 6rem clamp(2rem, 4vw, 4.5rem) 6rem clamp(2rem, 6vw, 7rem) !important;
	max-width: none;
	margin: 0;
	z-index: 3;
}

/* Размер заголовка чуть мельче, чтобы влез в полуширину */
.hero-section--split .hero-title {
	font-size: clamp(2.75rem, 6.5vw, 6.5rem) !important;
}

/* Год — уменьшаем в 1.5× и опускаем ниже title (наезд убран) */
.hero-section--split .hero-year {
	height: clamp(3.2rem, 10vw, 8.5rem);
	margin: 0.5rem 0 1.5rem;
}

/* Текст — выравнивание по левому краю, убираем auto-margin */
.hero-section--split .hero-text {
	margin: 0 0 2.5rem 0 !important;
	max-width: 540px;
}

/* Кнопки — по левому краю */
.hero-section--split .hero-actions {
	justify-content: flex-start !important;
}

/* =========================================
   HERO CUP — правая колонка с JPEG
   ========================================= */
.hero-cup {
	position: absolute;
	inset: 0 0 0 auto;
	width: 50%;
	z-index: 2;
	pointer-events: none;
	overflow: hidden;
}

/* JPEG как фон. cover + center — кубок остаётся в кадре при любой
   высоте. mask-image размывает левый край в чёрный hero, screen blend
   гасит остаточные тёмные углы JPEG в фон. */
.hero-cup__image {
	position: absolute;
	inset: 0;
	background-image: url('https://pub-4e91cad36ab448038b9d9231cd9d0737.r2.dev/tradersfair/b48ee066-2f46-4be2-b5ba-b1769034d697.jpeg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-mask-image: linear-gradient(to right, transparent 0%, #000 28%, #000 100%);
	mask-image: linear-gradient(to right, transparent 0%, #000 28%, #000 100%);
	mix-blend-mode: screen;
	filter: brightness(1.05) contrast(1.05);
}

/* Дополнительный голубой radial под основанием кубка — усиливает
   уже встроенное в JPEG свечение нодальной сети, повторяя приём TF
   с подсветкой «земли». */
.hero-cup__glow {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(ellipse 65% 35% at 50% 78%, rgba(80, 160, 255, 0.32), transparent 65%),
		radial-gradient(ellipse 90% 50% at 50% 90%, rgba(40, 110, 220, 0.18), transparent 70%);
	mix-blend-mode: screen;
	pointer-events: none;
}

/* =========================================
   Софиты — смещаем точку схода к левой колонке (≈32%) и
   перекрашиваем в холодный синий под палитру JPEG (узловая сеть).
   Тёплое золото убираем — оно создавало видимый шов на границе
   колонок (тёплое слева ↔ холодное справа).
   ========================================= */
.hero-section--split .hero-beam--center {
	left: 32%;
	--beam-color: rgba(180, 215, 255, 0.20);
}

.hero-section--split .hero-beam--left {
	left: 16%;
	--beam-color: rgba(90, 150, 230, 0.22);
}

.hero-section--split .hero-beam--right {
	left: 48%;
	--beam-color: rgba(90, 150, 230, 0.22);
}

/* Анимация схода/расхода — теперь относительно новой точки схода */
.hero-section--split .hero-beam--left {
	animation: beam-sweep-left-split 7s ease-in-out infinite alternate;
}

.hero-section--split .hero-beam--right {
	animation: beam-sweep-right-split 7s ease-in-out infinite alternate;
}

@keyframes beam-sweep-left-split {
	from { transform: translateX(-50%) rotate(-22deg); opacity: 0.8; }
	to   { transform: translateX(-50%) rotate(-5deg);  opacity: 1; }
}

@keyframes beam-sweep-right-split {
	from { transform: translateX(-50%) rotate(22deg); opacity: 0.8; }
	to   { transform: translateX(-50%) rotate(5deg);  opacity: 1; }
}

/* Haze у пола в split — холодное синее пятно слева, повторяет
   палитру JPEG. Тёплое золото убрано. */
.hero-section--split .hero-card__haze {
	background:
		radial-gradient(ellipse 45% 30% at 32% 100%, rgba(90, 150, 230, 0.24), transparent 65%),
		radial-gradient(ellipse 70% 22% at 32% 100%, rgba(140, 185, 240, 0.10), transparent 60%);
}

/* Виньетка — у split-варианта смягчаем правую часть, чтобы не
   притемнять кубок снизу */
.hero-section--split .hero-card::after {
	background: radial-gradient(ellipse at 32% 50%, transparent 35%, rgba(0, 0, 0, 0.55) 95%);
}

/* Scroll-cue в split остаётся по центру всего hero — это глобальный
   указатель «листай вниз», не привязан к колонке */

/* =========================================
   HERO CUP — entrance анимация
   ========================================= */
.js-anim .hero-cup__image {
	opacity: 0;
	transform: scale(1.06);
	will-change: opacity, transform;
	animation: hero-cup-in 1.8s var(--apple-ease) 0.6s forwards;
}

.js-anim .hero-cup__glow {
	opacity: 0;
	animation: hero-cup-glow-in 2.2s var(--apple-ease) 1.2s forwards;
}

@keyframes hero-cup-in {
	from { opacity: 0; transform: scale(1.06); filter: blur(12px) brightness(0.6); }
	to   { opacity: 1; transform: scale(1);    filter: blur(0)    brightness(1.05); }
}

@keyframes hero-cup-glow-in {
	to { opacity: 1; }
}

/* Mouse-parallax: кубок едет слабее текста — глубина */
.hero-section--split .hero-card:hover .hero-cup__image {
	transform: translate3d(calc(var(--mx) * -8px), calc(var(--my) * -8px), 0) scale(1.02);
	transition: transform 1.2s var(--apple-ease);
}

/* =========================================
   HERO SPLIT — адаптив
   <960px: колонки стекаются, текст сверху, кубок снизу
   ========================================= */
@media (max-width: 960px) {
	.hero-section--split .hero-card__content--split {
		position: absolute;
		inset: 0 0 auto 0;
		width: 100%;
		height: 60%;
		padding: 7rem 1.5rem 1.5rem !important;
		align-items: center !important;
		text-align: center !important;
		justify-content: flex-end !important;
	}

	.hero-section--split .hero-text {
		margin: 0 auto 2rem auto !important;
	}

	.hero-section--split .hero-actions {
		justify-content: center !important;
	}

	.hero-cup {
		position: absolute;
		inset: auto 0 0 0;
		width: 100%;
		height: 50%;
	}

	.hero-cup__image {
		-webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 25%, #000 100%);
		mask-image: linear-gradient(to bottom, transparent 0%, #000 25%, #000 100%);
	}

	.hero-cup__glow {
		background:
			radial-gradient(ellipse 70% 40% at 50% 75%, rgba(80, 160, 255, 0.32), transparent 65%),
			radial-gradient(ellipse 90% 55% at 50% 90%, rgba(40, 110, 220, 0.18), transparent 70%);
	}

	/* На мобилке софиты возвращаем к центру — split-композиции уже нет */
	.hero-section--split .hero-beam--center { left: 50%; }
	.hero-section--split .hero-beam--left   { left: 28%; }
	.hero-section--split .hero-beam--right  { left: 72%; }

	.hero-section--split .hero-card__haze {
		background:
			radial-gradient(ellipse 60% 18% at 50% 60%, rgba(90, 150, 230, 0.18), transparent 65%);
	}

	.hero-section--split .hero-card::after {
		background: radial-gradient(ellipse at center, transparent 40%, rgba(0, 0, 0, 0.5) 100%);
	}
}

@media (max-width: 600px) {
	.hero-section--split .hero-card__content--split {
		height: 58%;
	}

	.hero-cup {
		height: 45%;
	}
}

/* End */


/* Start:/local/templates/ICA/template_styles.css?1779976141308*/
.header__user {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-left: 16px;
}
.header__user-name {
    color: #fff;
    font-size: 14px;
}
.header__user-logout {
    color: #8D744B;
    text-decoration: underline;
    font-size: 13px;
}
.header__user-login {
    white-space: nowrap;
}

/* End */
/* /css/style.css?177997614187815 */
/* /css/normalize.css?17799761416138 */
/* /css/apple.css?177997614157863 */
/* /local/templates/ICA/template_styles.css?1779976141308 */