:root{
	--bg-ink:#260018;
	--page-bg:linear-gradient(152deg,rgba(112,15,83,0.78) 0%,rgba(83,9,67,0.7) 52%,rgba(38,4,34,0.66) 100%);
	--overlay-1:radial-gradient(155% 170% at 16% 12%,rgba(255,128,206,0.28),transparent 70%);
	--overlay-2:radial-gradient(186% 152% at 84% 22%,rgba(255,173,223,0.22),transparent 82%);
	--overlay-3:linear-gradient(210deg,rgba(102,12,84,0.48),rgba(44,4,40,0.52));
	--surface-dark:rgba(52,8,46,0.86);
	--surface-card:rgba(62,10,55,0.82);
	--glass:rgba(70,12,60,0.74);
	--text:#fff6fb;
	--muted:rgba(255,210,235,0.86);
	--accent-gold:#ff4fa2;
	--accent-blue:#ff86c8;
	--accent-green:#ffc6e4;
	--radius-sm:12px;
	--radius-md:18px;
	--radius-lg:26px;
	--shadow-lg:0 26px 58px rgba(0,0,0,0.52);
	--shadow-md:0 18px 40px rgba(0,0,0,0.46);
	--container:max(280px,min(1120px,92vw));
	--font-base:'Datevicz','Davetica','Segoe UI',system-ui,sans-serif;
		--easing:cubic-bezier(.2,.9,.2,1);
	}

*,
*::before,
*::after{box-sizing:border-box;margin:0;padding:0}

html,body{
	min-height:100%;
	background:var(--page-bg);
	color:var(--text);
	font-family:var(--font-base);
	-webkit-font-smoothing:antialiased;
}

body::before{
	content:"";
	position:fixed;
	inset:0;
	z-index:-1;
	background:
		var(--overlay-1),
		var(--overlay-2),
		var(--overlay-3),
		url('Background_Img.jpg') center/cover no-repeat fixed;
	background-size:165% 165%,185% 150%,cover,cover;
	background-position:center,center,center,center;
	pointer-events:none;
	opacity:0.6;
}

a{text-decoration:none;color:inherit}
img{display:block;max-width:100%;height:auto}

.site-header{
	position:sticky;
	top:0;
	z-index:100;
	backdrop-filter:blur(16px);
	-webkit-backdrop-filter:blur(16px);
	background:rgba(4,12,30,0.88);
	border-bottom:1px solid rgba(150,200,255,0.16);
	box-shadow:0 18px 44px rgba(0,0,0,0.46);
}

.site-nav{
	width:var(--container);
	margin-inline:auto;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:1rem;
	padding:0.9rem 0;
	position:relative;
}

.site-nav__brand{
	display:flex;
	align-items:center;
	gap:0.85rem;
	text-transform:uppercase;
	letter-spacing:0.18em;
	font-weight:700;
}

.site-nav__logo{
	width:54px;
	height:54px;
	border-radius:18px;
	border:2px solid rgba(255,215,0,0.55);
	box-shadow:0 8px 18px rgba(255,215,0,0.22);
	object-fit:cover;
}

.site-nav__menu{
	display:flex;
	align-items:center;
	gap:1rem;
}

.site-nav__links{
	display:flex;
	align-items:center;
	gap:0.9rem;
}

.site-nav__links a{
	padding:0.6rem 0.9rem;
	border-radius:999px;
	letter-spacing:0.12em;
	text-transform:uppercase;
	font-size:0.78rem;
	color:rgba(214,226,255,0.86);
	transition:background .18s ease,color .18s ease,transform .18s ease;
}
.site-nav__links a:hover,
.site-nav__links a:focus-visible{
	background:rgba(255,215,0,0.16);
	color:#04122c;
	transform:translateY(-2px);
	outline:none;
}

.btn{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.6rem;
	padding:0.9rem 1.9rem;
	border-radius:999px;
	border:0;
	cursor:pointer;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:0.14em;
	color:#04122c;
	background:linear-gradient(135deg,var(--accent-gold),var(--accent-blue));
	box-shadow:0 24px 48px rgba(0,0,0,0.42);
	transition:transform .2s var(--easing),box-shadow .2s var(--easing);
}
.btn:hover{
	transform:translateY(-4px);
	box-shadow:0 32px 60px rgba(0,0,0,0.48);
}
.btn--ghost{
	background:transparent;
	border:1px solid rgba(212,226,255,0.2);
	color:var(--text);
	box-shadow:none;
}

.site-nav__toggle{
	display:none;
	width:46px;
	height:46px;
	border-radius:14px;
	border:1px solid rgba(150,200,255,0.18);
	background:rgba(4,14,36,0.7);
	color:var(--text);
	align-items:center;
	justify-content:center;
	font-size:1.4rem;
	cursor:pointer;
}

main{
	display:flex;
	flex-direction:column;
	gap:clamp(2.8rem,6vw,4rem);
	padding-block:clamp(2.4rem,6vw,3.4rem);
}

.section{
	width:var(--container);
	margin-inline:auto;
	padding:clamp(2rem,6vw,3.4rem);
	border-radius:var(--radius-lg);
	background:var(--surface-dark);
	border:1px solid rgba(150,200,255,0.16);
	box-shadow:var(--shadow-lg);
	backdrop-filter:blur(12px);
	-webkit-backdrop-filter:blur(12px);
	display:grid;
	gap:clamp(1.4rem,4vw,2.4rem);
}

.section__title{
	text-transform:uppercase;
	font-size:clamp(1.8rem,4.5vw,2.8rem);
	letter-spacing:0.16em;
	text-align:center;
	color:var(--accent-gold);
}

.section__lead{
	text-align:center;
	color:var(--muted);
	line-height:1.7;
	max-width:72ch;
	margin-inline:auto;
}

.gallery-grid{
	display:grid;
	gap:clamp(1rem,3vw,1.6rem);
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.gallery-grid img{
	width:100%;
	border-radius:18px;
	border:1px solid rgba(210,224,255,0.18);
	box-shadow:0 18px 40px rgba(0,0,0,0.42);
	object-fit:cover;
	aspect-ratio:4/3;
	transition:transform .2s var(--easing),box-shadow .2s var(--easing);
}
.gallery-grid img:hover{
	transform:translateY(-4px);
	box-shadow:0 26px 54px rgba(0,0,0,0.5);
}

.hero{
	width:var(--container);
	margin-inline:auto;
	padding:clamp(2.4rem,6vw,3.6rem);
	display:grid;
	grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr);
	align-items:center;
	gap:clamp(1.8rem,5vw,3rem);
	border-radius:var(--radius-lg);
	background:var(--surface-dark);
	border:1px solid rgba(152,206,255,0.18);
	box-shadow:var(--shadow-lg);
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
}

.hero__content{display:grid;gap:clamp(1rem,3vw,1.8rem)}

.hero__eyebrow{text-transform:uppercase;letter-spacing:0.32em;font-size:0.82rem;color:rgba(214,228,255,0.74)}

.hero__title{
	font-size:clamp(2.4rem,6.5vw,3.6rem);
	letter-spacing:0.16em;
	text-transform:uppercase;
	line-height:1.04;
}
.hero__title span{color:var(--accent-gold)}

.hero__actions{display:flex;flex-wrap:wrap;gap:0.9rem}

.hero__meta{
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:clamp(0.8rem,3vw,1.2rem);
	list-style:none;
}
.hero__meta li{
	padding:1rem;
	border-radius:18px;
	background:rgba(4,12,32,0.86);
	border:1px solid rgba(210,224,255,0.16);
	display:grid;
	gap:0.35rem;
	text-align:center;
}
.hero__meta li strong{font-size:1.4rem;color:var(--accent-gold)}

.hero__media{
	display:grid;
	gap:clamp(1rem,4vw,1.8rem);
	justify-items:center;
	text-align:center;
}

.hero__poster{
	width:min(260px,64vw);
	border-radius:18px;
	border:1px solid rgba(210,224,255,0.2);
	box-shadow:0 18px 40px rgba(0,0,0,0.44);
}

.hero__video{
	width:100%;
	border-radius:20px;
	border:1px solid rgba(210,224,255,0.2);
	box-shadow:0 18px 40px rgba(0,0,0,0.42);
}

.card-grid{
	display:grid;
	gap:clamp(1rem,3vw,1.6rem);
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}

.card{
	background:var(--surface-card);
	border-radius:var(--radius-md);
	padding:1.4rem;
	border:1px solid rgba(150,200,255,0.16);
	box-shadow:var(--shadow-md);
	display:grid;
	gap:0.6rem;
}

.card__icon{
	width:48px;
	height:48px;
	border-radius:14px;
	display:grid;
	place-items:center;
	background:rgba(255,215,0,0.14);
	color:var(--accent-gold);
	font-size:1.4rem;
}

.stats-grid{
	display:grid;
	gap:clamp(1rem,3vw,1.4rem);
	grid-template-columns:repeat(auto-fit,minmax(160px,1fr));
}
.stat{
	background:rgba(4,12,32,0.82);
	border:1px solid rgba(210,224,255,0.18);
	border-radius:18px;
	padding:1.4rem;
	text-align:center;
	box-shadow:var(--shadow-md);
}
.stat strong{display:block;font-size:1.6rem;color:var(--accent-gold)}
.stat span{display:block;margin-top:0.4rem;text-transform:uppercase;letter-spacing:0.12em;font-size:0.8rem;color:var(--muted)}

.timeline{
	display:grid;
	gap:clamp(1rem,3vw,1.6rem);
	grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
}
.timeline__item{
	display:grid;
	gap:0.4rem;
	padding:1.2rem;
	border-radius:18px;
	border:1px solid rgba(210,224,255,0.18);
	background:rgba(4,12,32,0.82);
}

.cta-banner{
	display:grid;
	gap:clamp(1rem,3vw,1.4rem);
	text-align:center;
}
.cta-banner__poster{
	width:min(380px,78vw);
	margin-inline:auto;
	border-radius:22px;
	border:1px solid rgba(210,224,255,0.2);
	box-shadow:0 20px 46px rgba(0,0,0,0.46);
}

.teams-grid{
	display:grid;
	gap:clamp(1rem,3vw,1.4rem);
	grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
}
.team-card{
	padding:1.2rem;
	border-radius:18px;
	border:1px solid rgba(210,224,255,0.16);
	background:rgba(4,12,32,0.82);
	box-shadow:var(--shadow-md);
	display:grid;
	gap:0.4rem;
	text-align:center;
}

.faq{
	display:grid;
	gap:0.8rem;
}
.faq details{
	border-radius:18px;
	border:1px solid rgba(210,224,255,0.18);
	background:rgba(4,12,32,0.82);
	box-shadow:var(--shadow-md);
	transition:background .2s ease,border-color .2s ease;
}
.faq summary{
	list-style:none;
	padding:1.1rem 1rem;
	font-weight:600;
	letter-spacing:0.08em;
	cursor:pointer;
	display:flex;
	align-items:center;
	gap:0.6rem;
}
.faq summary::-webkit-details-marker{display:none}
.faq details[open]{background:rgba(4,12,32,0.9);border-color:rgba(255,215,0,0.28)}
.faq__answer{
	padding:0 1rem 1.1rem;
	color:var(--muted);
	line-height:1.6;
}

.partners-grid{
	display:grid;
	gap:clamp(1rem,4vw,1.6rem);
	grid-template-columns:repeat(3,minmax(0,1fr));
	justify-items:center;
}
.partners-grid img{
	width:100%;
	max-width:160px;
	filter:saturate(0.96) brightness(0.98);
	transition:transform .2s ease,filter .2s ease;
}
.partners-grid img:hover{transform:translateY(-4px);filter:saturate(1.05) brightness(1.05)}

.contact-card{
	display:grid;
	gap:clamp(1rem,3vw,1.6rem);
	grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
}
.contact-card__info{display:grid;gap:0.6rem}
.contact-card__form{display:grid;gap:0.8rem}
.contact-card__actions{
	display:flex;
	flex-wrap:wrap;
	gap:0.8rem;
}
.contact-card__actions .btn,
.contact-card__actions .btn--light,
.contact-card__actions .btn--ghost{
	flex:1 1 200px;
	justify-content:center;
}
.btn--light{
	background:linear-gradient(135deg,rgba(12,32,70,0.9),rgba(6,18,46,0.86));
	color:var(--text);
	box-shadow:0 18px 38px rgba(0,0,0,0.38);
}
.btn--light:hover{
	box-shadow:0 26px 52px rgba(0,0,0,0.46);
	transform:translateY(-3px);
}
.contact-card__form input,
.contact-card__form textarea{
	width:100%;
	padding:0.9rem;
	border-radius:12px;
	background:rgba(4,12,32,0.82);
	border:1px solid rgba(210,224,255,0.18);
	color:var(--text);
}
.contact-card__form textarea{min-height:140px;resize:vertical}

.footer{
	margin-top:auto;
	padding:clamp(2.8rem,6vw,3.8rem) 1.2rem;
	background:rgba(4,14,36,0.92);
	border-top:1px solid rgba(150,200,255,0.16);
	box-shadow:0 -26px 50px rgba(0,0,0,0.48);
}
.footer__shell{
	width:var(--container);
	margin-inline:auto;
	display:grid;
	gap:clamp(1.6rem,4vw,2.4rem);
}
.footer__top{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	gap:clamp(1.4rem,3vw,1.8rem);
}
.footer__brand{display:flex;gap:1rem;align-items:center}
.footer__brand-logo{
	width:72px;
	height:72px;
	border-radius:20px;
	border:2px solid rgba(255,215,0,0.6);
	box-shadow:0 12px 28px rgba(255,215,0,0.24);
}
.footer__links{list-style:none;display:grid;gap:0.6rem;padding:0;margin:0}
.footer__links a{color:rgba(214,228,255,0.82);text-transform:uppercase;letter-spacing:0.08em;font-size:0.85rem}
.footer__bottom{
	text-align:center;
	color:rgba(214,226,255,0.72);
	letter-spacing:0.12em;
	text-transform:uppercase;
	font-size:0.82rem;
}

@media (max-width:1080px){
	.hero{grid-template-columns:1fr;text-align:center}
	.hero__actions{justify-content:center}
	.hero__meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:900px){
	.site-nav__toggle{display:inline-flex}
	.site-nav__menu{
		position:absolute;
		top:calc(100% + 12px);
		right:0;
		left:0;
		flex-direction:column;
		gap:1rem;
		padding:1.1rem;
		background:rgba(4,14,34,0.95);
		border-radius:22px;
		border:1px solid rgba(150,200,255,0.2);
		box-shadow:0 22px 46px rgba(0,0,0,0.45);
		max-height:0;
		opacity:0;
		overflow:hidden;
		pointer-events:none;
		transition:max-height .28s ease,opacity .24s ease;
	}
	.site-nav.is-open .site-nav__menu{
		max-height:320px;
		opacity:1;
		pointer-events:auto;
	}
	.site-nav__links{
		flex-direction:column;
		align-items:stretch;
	}
	.site-nav__links a{width:100%}
	.site-nav__menu .btn{width:100%}
}

@media (max-width:720px){
	body::before{
		background-size:210% 210%,230% 188%,cover,cover;
		background-position:center,center,center,top;
	}
	main{gap:clamp(2rem,10vw,2.8rem);padding-block:clamp(2rem,8vw,2.6rem)}
	.hero{padding:clamp(1.6rem,8vw,2.4rem)}
	.hero__actions{flex-direction:column}
	.hero__actions .btn{width:100%}
	.hero__meta{grid-template-columns:minmax(0,1fr)}
	.section{padding:clamp(1.6rem,7vw,2.4rem)}
	.footer__shell{text-align:center}
	.footer__brand{justify-content:center}
}

@media (max-width:520px){
	.site-nav{padding-block:0.6rem}
	.hero__poster{width:min(220px,70vw)}
	.section__title{font-size:clamp(1.6rem,7vw,2rem)}
	.card-grid{grid-template-columns:minmax(0,1fr)}
	.partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}