.succ-wrap { max-width: var(--container-narrow); margin-inline: auto; padding: var(--space-section) var(--space-5); text-align: center; }
.succ-check { display: inline-flex; width: 64px; height: 64px; border: 2px solid rgb(var(--color-accent)); border-radius: 50%; align-items: center; justify-content: center; color: rgb(var(--color-accent)); font-size: 2rem; margin-bottom: var(--space-6); }
.succ-card { background: rgb(var(--color-surface)); padding: var(--space-6); box-shadow: var(--shadow-card); text-align: left; margin-top: var(--space-6); }
.succ-row { display: flex; justify-content: space-between; padding: var(--space-2) 0; border-bottom: 1px solid rgb(var(--color-border)); }
.succ-row:last-child { border-bottom: none; }

@media (max-width: 768px) {
	.succ-card { padding: var(--space-4); }
	.succ-row { flex-wrap: wrap; gap: var(--space-1); }
	.succ-row > span:first-child { width: 100%; color: rgb(var(--color-text-muted)); font-size: var(--text-sm); }
	.succ-check { width: 48px; height: 48px; font-size: 1.5rem; margin-bottom: var(--space-4); }
}