.inner-page--bonus {
	--page-accent: var(--brand-orange);
}

.inner-page--bonus .page-hero {
	background:
		radial-gradient(circle at 80% 18%, rgba(255, 157, 46, 0.22), transparent 30%),
		linear-gradient(120deg, #080b11, #2b1b0d);
}

.inner-page--bonus .page-intro-card > span {
	color: var(--brand-orange);
}

.inner-page--bonus .page-section-card--bonus-fact {
	margin-inline: calc(50% - 50vw);
	padding-inline: max(24px, calc((100vw - var(--container-wide)) / 2));
	border-inline: 0;
	border-radius: 0;
	background:
		linear-gradient(90deg, rgba(255, 157, 46, 0.16), rgba(255, 182, 72, 0.05)),
		var(--bg-section) !important;
}

.inner-page--bonus .page-card-grid--bonus-type-cards {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inner-page--bonus .page-card-grid--bonus-type-cards .page-feature-card {
	min-height: 220px;
	border-top: 3px solid rgba(255, 157, 46, 0.7);
}

.inner-page--bonus .page-card-grid--bonus-type-cards .page-feature-card:nth-child(even) {
	background: linear-gradient(145deg, rgba(255, 157, 46, 0.08), var(--bg-card));
}

.inner-page--bonus .page-section-card--terms-table {
	padding-inline: clamp(28px, 5vw, 56px);
	border: 1px solid var(--border-dark) !important;
	border-radius: var(--radius-lg);
	background: var(--bg-section) !important;
}

.inner-page--bonus .page-section-card--claim-flow .page-timeline-list {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

.inner-page--bonus .page-section-card--claim-flow .page-timeline-list li {
	min-height: 190px;
}

.inner-page--bonus .page-section-card--mistakes-grid .check-list {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.inner-page--bonus .page-section-card--mistakes-grid .check-list li {
	min-height: 104px;
	border: 1px solid rgba(255, 109, 109, 0.18);
	background: rgba(255, 109, 109, 0.055);
}

.inner-page--bonus .page-section-card--terms-reader {
	margin-inline: calc(50% - 50vw);
	padding-inline: max(24px, calc((100vw - var(--container-wide)) / 2));
	background: var(--bg-light) !important;
}

.inner-page--bonus .page-section-card--terms-reader h2,
.inner-page--bonus .page-section-card--terms-reader p,
.inner-page--bonus .page-section-card--terms-reader li {
	color: var(--text-dark);
}

.inner-page--bonus .page-section-card--terms-reader .check-list li {
	border: 1px solid var(--border-light);
	background: #fff;
	color: var(--text-dark-soft);
}

.inner-page--bonus .page-section-card--bonus-summary-panel {
	border-color: rgba(123, 220, 54, 0.28);
	background: linear-gradient(135deg, rgba(123, 220, 54, 0.1), rgba(255, 157, 46, 0.06));
}