fix: single player dark mode and animation updates

apps/marketing/src/app/(marketing)/single-player-mode/page.tsx

@@ -177,12 +177,12 @@ export default function SinglePlayerModePage() {
       <div className="text-center">
         <h1 className="text-3xl font-bold lg:text-5xl">Single Player Mode</h1>
 
-        <p className="mt-4 text-lg leading-normal text-[#31373D]">
+        <p className="text-foreground mx-auto mt-4 max-w-[50ch] text-lg leading-normal">
           View our{' '}
           <Link
             href={'/pricing'}
             target="_blank"
-            className="font-semibold transition-colors hover:text-[#31373D]/80"
+            className="hover:text-foreground/80 font-semibold transition-colors"
           >
             community plan
           </Link>{' '}

apps/marketing/src/components/(marketing)/single-player-mode/single-player-mode-success.tsx

@@ -77,12 +77,11 @@ export default function SinglePlayerModeSuccess({
 
       <h2 className="text-center text-2xl font-semibold leading-normal md:text-3xl lg:mb-2 lg:text-4xl">
         You have signed
+        <span className="mt-2 block">{document.title}</span>
       </h2>
-      <h3 className="text-foreground/80 mb-6 text-center text-lg font-semibold md:text-xl lg:mb-8 lg:text-3xl">
-        {document.title}
-      </h3>
 
       <SigningCard3D
+        className="mt-8"
         name={document.Recipient.name || document.Recipient.email}
         signingCelebrationImage={signingCelebration}
       />