@font-face{font-family:LI Sans;src:local(Arial);font-weight:400}
:root{--black:#090a09;--paper:#f1f2ed;--green:#b9ff00;--muted:#92968f;--line:rgba(255,255,255,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:#f4f5f0;font-family:LI Sans,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
.site-header{height:86px;padding:0 5.4vw;display:flex;align-items:center;gap:5vw;border-bottom:1px solid var(--line);position:absolute;z-index:5;top:0;left:0;width:100%}.site-logo{font-size:19px;line-height:.78;letter-spacing:-.08em;font-weight:bold}.site-logo span{font-size:11px;letter-spacing:.02em}.site-nav{display:flex;gap:2.8vw;flex:1}.site-nav a,.header-link,.role-button{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#dfe2dc}.site-nav a:hover,.header-link:hover{color:var(--green)}.site-header__right{display:flex;align-items:center;gap:2.5vw}.role-button{background:none;border:0;color:var(--green);padding:10px 0}.role-button span{font-size:17px;margin-left:8px}.header-link{white-space:nowrap}
.hero{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 38%,#283127 0,#101410 31%,var(--black) 68%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,10,9,.96) 0,rgba(9,10,9,.58) 47%,rgba(9,10,9,.05) 100%)}.hero__grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(185,255,0,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(185,255,0,.18) 1px,transparent 1px);background-size:90px 90px;transform:perspective(600px) rotateX(55deg) scale(1.6);transform-origin:bottom}.hero__content{position:relative;z-index:1;padding:17vh 10vw 10vh;max-width:850px}.eyebrow,.section-kicker{color:var(--green);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.hero h1{font-size:clamp(50px,7.2vw,110px);font-weight:400;line-height:.86;letter-spacing:-.08em;margin:55px 0 28px}.hero h1 em{font-style:normal;color:var(--green)}.hero__lead{font-size:20px;line-height:1.25;color:#c7cbc4}.hero__side-label{position:absolute;z-index:1;right:5.4vw;bottom:12vh;font-size:10px;line-height:1.4;letter-spacing:.15em;color:var(--muted);writing-mode:vertical-rl;transform:rotate(180deg)}.hero__scroll{position:absolute;z-index:1;bottom:7vh;left:10vw;color:var(--muted);font-size:10px;letter-spacing:.15em}.hero__scroll span{color:var(--green);font-size:18px;margin-left:12px}.rag-search{margin-top:54px;max-width:720px}.rag-search label{display:block;color:var(--muted);font-size:11px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:13px}.rag-search__field{display:flex;border-bottom:1px solid var(--green)}.rag-search input{background:transparent;border:0;outline:0;color:#fff;padding:14px 0;width:100%;font-size:20px}.rag-search input::placeholder{color:#858b83}.rag-search__field button{background:none;border:0;color:var(--green);font-size:30px}.rag-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.rag-prompts button{background:transparent;border:1px solid #4d554b;color:#aeb5aa;border-radius:20px;padding:8px 12px;font-size:11px}.rag-prompts button:hover{border-color:var(--green);color:var(--green)}
.market-screen{min-height:788px;background:#111411;color:#171a17;display:flex;position:relative}.market-screen__rail{width:8.5%;min-width:76px;border-right:1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center}.market-screen__rail span{font-size:11px;letter-spacing:.16em;writing-mode:vertical-rl;transform:rotate(180deg)}.market-screen__content{padding:9vw 7vw 7vw;width:91.5%}.market-screen__intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:28px 0 68px}.market-screen h2,.preview-section h2{font-size:clamp(46px,6vw,86px);font-weight:400;line-height:.88;letter-spacing:-.08em;margin:0}.market-screen h2 span,.preview-section h2 span{color:#1e8b22}.market-screen__intro p{max-width:280px;line-height:1.25;margin:0 4% 5px 0;color:#464c43}.market-screen__cards{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.market-card{min-height:265px;border-top:3px solid #1f8c27;padding:20px 22px;display:flex;flex-direction:column;background:rgba(244,245,238,.7);transition:.25s}.market-card:hover{transform:translateY(-7px);background:#fff}.market-card--large{background:#b9ff00}.market-card--dark{background:#151916;color:#f4f5f0}.market-card__number{font-size:12px;color:#5a6157}.market-card__title{font-size:29px;line-height:.95;letter-spacing:-.06em;margin-top:auto}.market-card__bottom{font-size:10px;letter-spacing:.12em;margin-top:32px;color:#4c5349}.market-card--dark .market-card__bottom{color:#a5aca1}.market-card__bottom span{float:right;font-size:20px;line-height:8px;color:#258b2d}
.preview-section{background:#f1f2ed;color:#151915;padding:105px 10vw 125px}.preview-section__heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:35px 0 60px}.preview-section__heading p{max-width:280px;color:#626960;line-height:1.25}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-grid article{border-top:2px solid #1d8c28;padding:20px;min-height:200px;background:#e3e5df}.preview-grid article:first-child{background:#c3ff10}.preview-grid__index{font-size:12px;color:#6f786d}.preview-grid h3{font-size:32px;font-weight:400;letter-spacing:-.07em;margin:70px 0 10px}.preview-grid p{font-size:14px;color:#5e665c;margin:0}.site-footer{padding:60px 10vw;display:flex;justify-content:space-between;gap:40px;border-top:1px solid var(--line);color:#aeb4ac}.site-logo--footer{color:#fff}.footer-note,.footer-meta{font-size:12px;line-height:1.4;color:#777f75}.footer-links{display:flex;flex-direction:column;gap:10px;font-size:12px}.footer-links a:hover{color:var(--green)}.empty-page{min-height:70vh;padding:180px 10vw}.empty-page h1{font-size:60px;font-weight:400;margin:30px 0 40px}.button{display:inline-block;padding:14px 20px}.button--green{background:var(--green);color:#121512}
@media(max-width:850px){.site-header{height:70px;padding:0 6vw;gap:20px}.site-nav{display:none}.site-header__right{margin-left:auto}.header-link{display:none}.hero__content{padding:145px 9vw 100px}.hero h1{font-size:clamp(52px,15vw,90px)}.hero__side-label{display:none}.market-screen{min-height:0}.market-screen__rail{width:52px;min-width:52px}.market-screen__content{padding:70px 6vw}.market-screen__intro,.preview-section__heading{display:block}.market-screen__intro p,.preview-section__heading p{margin-top:25px}.market-screen__cards,.preview-grid{grid-template-columns:1fr}.market-card{min-height:190px}.market-card__title{margin-top:55px}.preview-section{padding:75px 9vw}.site-footer{display:grid;grid-template-columns:1fr 1fr;padding:50px 9vw}.footer-meta{grid-column:1/-1}}

/* ==========================================================================
   УНИВЕРСАЛЬНАЯ СИСТЕМА МОДАЛЬНЫХ ОКОН (UNIFIED MODAL SYSTEM)
   ========================================================================== */

.modal-window {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	z-index: 1000;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.35s ease, visibility 0.35s ease;
	padding: 20px;
	box-sizing: border-box;
}

.modal-window.is-open {
	opacity: 1;
	visibility: visible;
}

.modal-window__backdrop {
	position: absolute;
	inset: 0;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	cursor: pointer;
}

.modal-window__dialog {
	position: relative;
	z-index: 2;
	width: 100%;
	box-sizing: border-box;
	border-radius: 12px;
	overflow: hidden;
	transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
	transform: translateY(20px) scale(0.98);
}

.modal-window.is-open .modal-window__dialog {
	transform: translateY(0) scale(1);
}

.modal-window__close {
	position: absolute;
	top: 18px;
	right: 20px;
	background: transparent;
	border: none;
	cursor: pointer;
	padding: 6px;
	z-index: 15;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	transition: all 0.2s ease;
}

.modal-window__close:hover {
	transform: scale(1.1);
}

/* --------------------------------------------------------------------------
   СВЕТЛАЯ ТЕМА: Выбор роли (popup.html)
   -------------------------------------------------------------------------- */
.modal-window--light .modal-window__backdrop {
	background: rgba(255, 255, 255, 0.65);
}

.modal-window--light .modal-window__dialog {
	max-width: 1440px;
	min-height: 520px;
	margin: 0 auto;
	padding: 40px 60px;
	color: #071330;
	background: transparent;
}

.modal-window--light .modal-window__close {
	color: #071330;
	opacity: 0.6;
}

.modal-window--light .modal-window__close:hover {
	opacity: 1;
	background: rgba(0, 0, 0, 0.05);
}

/* --------------------------------------------------------------------------
   ТЁМНАЯ ТЕМА: Детальная информация события Истории (popup-history.html)
   -------------------------------------------------------------------------- */
.modal-window--dark .modal-window__backdrop {
	background: rgba(5, 8, 6, 0.88);
}

.modal-window--dark .modal-window__dialog {
	max-width: 1120px;
	max-height: 90vh;
	background: #111411;
	border: 1px solid rgba(255, 255, 255, 0.12);
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.9);
	color: #ffffff;
	display: flex;
	flex-direction: column;
	border-radius: 8px;
}

.modal-window--dark .modal-window__close {
	color: #ffffff;
	background: rgba(255, 255, 255, 0.08);
}

.modal-window--dark .modal-window__close:hover {
	background: #00FF08;
	color: #000000;
}

/* Сетка и контент окна Истории */
.modal-history__header {
	padding: 24px 32px 16px;
	display: flex;
	align-items: center;
	gap: 16px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.modal-history__year {
	font-size: 28px;
	font-weight: 700;
	color: #00FF08;
	line-height: 1;
}

.modal-history__slogan {
	font-size: 14px;
	color: #8f998f;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	max-width: 600px;
	line-height: 1.2;
}

.modal-history__body {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	gap: 32px;
	padding: 28px 32px;
	overflow-y: auto;
	box-sizing: border-box;
}

/* Левая колонка медиа */
.modal-history__media {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.modal-history__stage {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	background: #181b18;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid rgba(255, 255, 255, 0.08);
}

.modal-history__main-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity 0.25s ease;
}

.modal-history__video-iframe {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

.modal-history__thumbs {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	padding-bottom: 6px;
}

.modal-history__thumb {
	width: 72px;
	height: 50px;
	flex-shrink: 0;
	border-radius: 4px;
	overflow: hidden;
	border: 2px solid transparent;
	cursor: pointer;
	opacity: 0.6;
	transition: all 0.2s ease;
	background: #181b18;
}

.modal-history__thumb.is-active,
.modal-history__thumb:hover {
	opacity: 1;
	border-color: #00FF08;
}

.modal-history__thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

/* Правая колонка текста */
.modal-history__info {
	display: flex;
	flex-direction: column;
}

.modal-history__title {
	margin: 0 0 16px;
	font-size: clamp(20px, 1.8vw, 26px);
	font-weight: 700;
	line-height: 1.25;
	color: #ffffff;
}

.modal-history__text {
	font-size: 14px;
	line-height: 1.6;
	color: #b2bab0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.modal-history__text p {
	margin: 0;
}

.modal-history__actions {
	margin-top: 24px;
	padding-top: 18px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}

.modal-history__btn-pdf {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: #00BA06;
	color: #ffffff;
	padding: 10px 24px;
	border-radius: 24px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease;
}

.modal-history__btn-pdf:hover {
	background: #00E62C;
	transform: translateX(2px);
}

.modal-history__btn-pdf svg {
	width: 18px;
	height: 18px;
	fill: currentColor;
}

/* Нижняя панель навигации между событиями */
.modal-history__footer {
	padding: 16px 32px;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #0d0f0d;
}

.modal-history__nav-btn {
	background: transparent;
	border: 1px solid rgba(255, 255, 255, 0.15);
	color: #ffffff;
	padding: 8px 18px;
	border-radius: 20px;
	font-size: 13px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.modal-history__nav-btn:hover:not(:disabled) {
	border-color: #00FF08;
	color: #00FF08;
}

.modal-history__nav-btn:disabled {
	opacity: 0.25;
	cursor: not-allowed;
}

/* Лоадер модального окна */
.modal-history__loader {
	position: absolute;
	inset: 0;
	background: rgba(17, 20, 17, 0.9);
	z-index: 20;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #00FF08;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* Адаптив модалки истории */
@media (max-width: 900px) {
	.modal-history__body {
		grid-template-columns: 1fr;
		gap: 24px;
		padding: 20px;
	}
	.modal-history__header {
		padding: 18px 20px;
	}
	.modal-history__footer {
		padding: 12px 20px;
	}
}