.jo26-page {
	background: #070711;
	color: #fffaf4;
	min-height: 65vh;
}

.jo26-page,
.jo26-page * {
	box-sizing: border-box;
}

.jo26-page__container {
	margin: 0 auto;
	max-width: 1180px;
	padding: 64px 24px 88px;
	width: 100%;
}

.jo26-page__full-width-content {
	padding: 64px 24px 88px;
	width: 100%;
}

.jo26-page__article,
.jo26-page__content {
	width: 100%;
}

.jo26-page__header {
	border-bottom: 1px solid rgba(255, 250, 244, 0.12);
	margin-bottom: 36px;
	padding-bottom: 24px;
}

.jo26-page__title {
	color: #fffaf4;
	font-size: clamp(2.2rem, 5vw, 4.5rem);
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
	margin: 0;
}

.jo26-page__content {
	color: rgba(255, 250, 244, 0.82);
	font-size: 1.05rem;
	line-height: 1.7;
}

.jo26-page__content > :first-child {
	margin-top: 0;
}

.jo26-page__content > :last-child {
	margin-bottom: 0;
}

.jo26-page__content h2,
.jo26-page__content h3,
.jo26-page__content h4,
.jo26-page__content h5,
.jo26-page__content h6 {
	color: #fffaf4;
	letter-spacing: 0;
}

.jo26-page__content a {
	color: #26e0d2;
}

.jo26-page__content img {
	border-radius: 8px;
	height: auto;
	max-width: 100%;
}

.jo26-page__content input,
.jo26-page__content select,
.jo26-page__content textarea {
	background: #171728;
	border: 1px solid rgba(255, 250, 244, 0.18);
	border-radius: 8px;
	color: #fffaf4;
	font: inherit;
}

.jo26-page__content button,
.jo26-page__content input[type="button"],
.jo26-page__content input[type="submit"] {
	background: linear-gradient(135deg, #ec3594, #26e0d2);
	border: 0;
	border-radius: 10px;
	color: #070711;
	font-weight: 900;
}

@media (max-width: 768px) {
	.jo26-page__container,
	.jo26-page__full-width-content {
		padding: 42px 18px 64px;
	}

	.jo26-page__header {
		margin-bottom: 28px;
		padding-bottom: 18px;
	}
}