:root{
	--blue:#1e73be;
	--blue-dark:#165a97;

	--bg:#f5f7fa;

	--text:#2e3440;
	--gray:#6b7280;

	--white:#ffffff;
}

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

html,
body{
	min-height:100%;
}

body{

	font-family:
		-apple-system,
		BlinkMacSystemFont,
		"Segoe UI",
		Roboto,
		Arial,
		sans-serif;

	background:var(--bg);

	color:var(--text);

	padding:25px;
}

.card{

	width:100%;
	max-width:1280px;

	margin:0 auto;

	background:var(--white);

	border-radius:20px;

	overflow:hidden;

	box-shadow:
		0 15px 40px rgba(0,0,0,.08);
}

/* УБРАЛИ ОТСТУПЫ ВОКРУГ БАННЕРА */
.header{

	padding:0;
}

.hero-image{

	display:block;

	width:100%;

	height:auto;

	border-radius:0;
}

.subtitle{

	text-align:center;

	padding:20px 40px 30px;

	color:var(--text);

	font-size:24px;

	font-weight:600;

	line-height:1.4;
}

.content{

	padding:0 50px 50px;
}

.content p{

	color:var(--gray);

	line-height:1.8;

	font-size:16px;

	margin-bottom:20px;
}

.info{

	margin:30px 0;

	padding:20px;

	border-left:4px solid var(--blue);

	border-radius:12px;

	background:#f8fafc;

	line-height:1.7;
}

.download-wrap{

	text-align:center;

	margin:35px 0 15px;
}

.download{

	display:inline-block;

	padding:15px 32px;

	background:var(--blue);

	color:#ffffff;

	text-decoration:none;

	font-weight:600;

	border-radius:10px;

	transition:all .2s ease;
}

.download:hover{

	background:var(--blue-dark);

	transform:translateY(-2px);
}

.project-status{

	text-align:center;

	margin-top:10px;

	color:var(--gray);

	font-size:14px;
}

.back-link{

	text-align:center;

	margin-top:12px;
}

.back-link a{

	color:var(--blue);

	text-decoration:none;

	font-weight:500;
}

.back-link a:hover{

	text-decoration:underline;
}

.features{

	display:grid;

	gap:14px;

	margin-top:45px;

	padding-top:30px;

	border-top:1px solid #e5e7eb;
}

.feature{

	font-size:16px;

	color:var(--text);
}

.footer{

	text-align:center;

	padding:25px;

	background:#fafafa;

	border-top:1px solid #e5e7eb;

	color:var(--gray);

	font-size:14px;
}

.footer-links{

	margin-top:10px;
}

.footer-links a{

	color:var(--blue);

	text-decoration:none;

	font-weight:500;
}

.footer-links a:hover{

	text-decoration:underline;
}

@media (max-width:768px){

	body{
		padding:10px;
	}

	.content{
		padding:0 20px 30px;
	}

	.subtitle{
		font-size:20px;
		padding:15px 20px 20px;
	}
}