/* Start:/css/style.css?177039795462437*/
: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;
}

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: #E2E8F0;
	color: #2D3748;
	border: none;
}

.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% - 4rem);
	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 {
	padding: 2rem;
	background: #fff;
	border: 1px solid var(--border-color);
	color: #2D3748;
	border-radius: 4px;
}

.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;
}

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

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

	.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;
}

.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);
}

.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: 2.5rem;
	height: 2.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: transparent;
	border-top: 4px solid var(--gold);
	/* Золотая линия сверху */
	border-bottom: 1px solid #E2E8F0;
	padding: 1rem 0;
}

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

/* Сетка логотипов */
.sponsors__list {
	display: grid;
	/* Адаптивная сетка: автозаполнение, минимум 200px */
	grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
	border-top: 1px solid #E2E8F0;
	border-left: 1px solid #E2E8F0;
	background: #fff;
}

/* Ячейка сетки */
.sponsors__list-item {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 10rem;
	/* Фиксированная высота для ритма */
	padding: 2rem;
	border-right: 1px solid #E2E8F0;
	border-bottom: 1px solid #E2E8F0;
	background: #fff;
	transition: all 0.3s ease;
	position: relative;
	overflow: hidden;
}

/* Эффект при наведении на ячейку */
.sponsors__list-item:hover {
	background: #F7FAFC;
	/* Легкая подсветка фона */
	z-index: 1;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
	/* Всплытие */
	transform: translateY(-2px);
	border-color: transparent;
	/* Убираем границы, чтобы тень работала чисто */
}

/* Логотип */
.sponsors__list-item-logo-src {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;

	/* Ключевой стиль: ЧБ и прозрачность */
	filter: grayscale(100%);
	opacity: 0.5;
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	transform: scale(0.95);
}

/* Логотип при наведении */
.sponsors__list-item:hover .sponsors__list-item-logo-src {
	filter: grayscale(0%);
	/* Возвращаем цвет */
	opacity: 1;
	transform: scale(1.05);
	/* Легкий зум */
}

/* --- Секция "Big Sponsors" (если появится) --- */
.sponsors__list_big {
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	/* Крупнее ячейки */
	margin-bottom: 2rem;
	/* Отступ от мелких спонсоров */
	border-bottom: none;
	/* Стыковка с нижней таблицей */
}

.sponsors__list_big .sponsors__list-item {
	height: 14rem;
}

/* --- Кнопка внизу --- */
.sponsors-bottom {
	margin-top: 4rem;
	display: flex;
	justify-content: center;
}


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

	.sponsors__list {
		grid-template-columns: repeat(2, 1fr);
		/* Строго 2 колонки */
	}

	.sponsors__list-item {
		height: 8rem;
		padding: 1.5rem;
	}

	.sponsors-bottom .button {
		width: 100%;
	}
}

/* --- 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: 3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	gap: 2rem;
	font-size: 0.9rem;
	color: rgba(255, 255, 255, 0.5);
}

/* Копирайт и Донаты */
.footer__cr {
	max-width: 400px;
	line-height: 1.6;
}

.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);
	border-color: var(--gold);
}

/* Меню в подвале (переопределяем стили header__menu) */
.footer .header__menu {
	display: flex;
	gap: 2rem;
	margin: 0;
	padding: 0;
	width: auto;
	/* Сбрасываем ширину из хедера */
}

.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;
}

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

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

/* Кнопка 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;
}

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

/* --- Адаптация (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%;
	}

	.footer {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.footer .header__menu {
		flex-direction: column;
		gap: 1rem;
		align-items: center;
	}
}

/* --- 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;
	}
}
/* End */


/* Start:/css/normalize.css?17703948656138*/
/*! 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 */
/* /css/style.css?177039795462437 */
/* /css/normalize.css?17703948656138 */