.inner-page--payment {
	--page-accent: var(--brand-blue);
}

.inner-page--payment .page-hero {
	background:
		radial-gradient(circle at 80% 16%, rgba(55, 167, 255, 0.22), transparent 30%),
		linear-gradient(120deg, #030b14, #082a3e);
}

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

.inner-page--payment .page-section-flow > .site-container {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 22px;
}

.inner-page--payment .page-section-card {
	grid-column: 1 / -1;
}

.inner-page--payment .page-section-card--deposit-table {
	grid-column: 1;
}

.inner-page--payment .page-section-card--withdrawal-table {
	grid-column: 2;
}

.inner-page--payment .page-section-card--deposit-table,
.inner-page--payment .page-section-card--withdrawal-table {
	align-self: stretch;
	margin-top: 36px;
	padding: 34px;
	border: 1px solid var(--border-dark) !important;
	border-radius: var(--radius-md);
	background: var(--bg-section) !important;
}

.inner-page--payment .page-section-card--deposit-table .info-table,
.inner-page--payment .page-section-card--withdrawal-table .info-table {
	min-width: 620px;
}

.inner-page--payment .page-card-grid--method-cloud {
	grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.inner-page--payment .page-card-grid--method-cloud .page-feature-card {
	min-height: 160px;
	padding: 28px 22px;
	border-radius: var(--radius-sm);
}

.inner-page--payment .page-card-grid--method-cloud .page-feature-card:nth-child(7) {
	grid-column: span 2;
}

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

.inner-page--payment .page-card-grid--payment-issues .page-feature-card {
	min-height: 210px;
	border-top: 3px solid var(--brand-blue);
}

.inner-page--payment .page-section-card--verification-records {
	margin-inline: calc(50% - 50vw);
	padding-inline: max(24px, calc((100vw - var(--container-wide)) / 2));
	border-inline: 0;
	border-radius: 0;
}

.inner-page--payment .page-section-card--verification-records .check-list {
	counter-reset: payment-record;
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

.inner-page--payment .page-section-card--verification-records .check-list li {
	counter-increment: payment-record;
	min-height: 128px;
	padding: 52px 18px 18px;
}

.inner-page--payment .page-section-card--verification-records .check-list li::before {
	content: counter(payment-record, decimal-leading-zero);
	top: 16px;
	left: 18px;
	width: auto;
	height: auto;
	border: 0;
	color: var(--brand-blue);
	font-weight: 900;
	transform: none;
}

.inner-page--payment .page-section-card--transaction-records {
	display: grid;
	grid-template-columns: minmax(260px, 0.7fr) minmax(0, 1.3fr);
	gap: 46px;
	border-color: rgba(55, 167, 255, 0.34);
	background: linear-gradient(135deg, rgba(55, 167, 255, 0.15), rgba(123, 220, 54, 0.05));
}

.inner-page--payment .page-section-card--transaction-records .check-list {
	grid-template-columns: 1fr;
	margin: 0;
}

.inner-page--payment .page-section-card--credential-warning {
	border-left: 5px solid var(--danger);
}

.inner-page--payment .page-section-card--payment-boundaries {
	display: grid;
	grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
	gap: 48px;
}

.inner-page--payment .page-section-card--payment-boundaries .check-list {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin: 0;
}