diff --git a/@packages/@providers/auth-provider/src/types.ts b/@packages/@providers/auth-provider/src/types.ts
index 50c615410..3486e661b 100755
--- a/@packages/@providers/auth-provider/src/types.ts
+++ b/@packages/@providers/auth-provider/src/types.ts
@@ -42,6 +42,8 @@ export interface RegisterData {
   profiles?: Profile[];
   /** Primary profile */
   primaryProfile?: Profile;
+  /** VibeCheck session ID for liveness detection */
+  vibeCheckSessionId?: string;
 }
 
 export interface DirectRegisterData {
diff --git a/features/marketplace/frontend-public/src/features/auth/pages/AudienceRegisterPage.tsx b/features/marketplace/frontend-public/src/features/auth/pages/AudienceRegisterPage.tsx
index 1f93b7c44..75c25ac44 100644
--- a/features/marketplace/frontend-public/src/features/auth/pages/AudienceRegisterPage.tsx
+++ b/features/marketplace/frontend-public/src/features/auth/pages/AudienceRegisterPage.tsx
@@ -576,7 +576,7 @@ const VibeCheckContainer = styled.div`
 
 const VibeCheckTitle = styled.h2`
   font-family: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontFamily.heading};
-  font-size: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontSize.xxl};
+  font-size: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontSize['2xl']};
   font-weight: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontWeight.bold};
   color: ${(props: { theme: DefaultTheme }) => props.theme.colors.text.primary};
   margin: 0;
@@ -596,7 +596,7 @@ const CancelButton = styled.button`
   padding: ${(props: { theme: DefaultTheme }) => props.theme.spacing.sm} ${(props: { theme: DefaultTheme }) => props.theme.spacing.lg};
   background: transparent;
   color: ${(props: { theme: DefaultTheme }) => props.theme.colors.text.secondary};
-  border: 1px solid ${(props: { theme: DefaultTheme }) => props.theme.colors.border.main};
+  border: 1px solid ${(props: { theme: DefaultTheme }) => props.theme.colors.border.primary};
   border-radius: ${(props: { theme: DefaultTheme }) => props.theme.borderRadius.md};
   font-size: ${(props: { theme: DefaultTheme }) => props.theme.typography.fontSize.md};
   cursor: pointer;
diff --git a/features/marketplace/frontend-public/src/features/vibe-check-demo/pages/VibeCheckDemoPage.tsx b/features/marketplace/frontend-public/src/features/vibe-check-demo/pages/VibeCheckDemoPage.tsx
index 7dcbe6745..d8c7b5223 100644
--- a/features/marketplace/frontend-public/src/features/vibe-check-demo/pages/VibeCheckDemoPage.tsx
+++ b/features/marketplace/frontend-public/src/features/vibe-check-demo/pages/VibeCheckDemoPage.tsx
@@ -81,16 +81,12 @@ export const VibeCheckDemoPage: FC = () => {
               <ResultValue>{(result.confidence * 100).toFixed(1)}%</ResultValue>
             </ResultItem>
             <ResultItem>
-              <ResultLabel>Blink Detected</ResultLabel>
-              <ResultValue>{result.checks.blink?.passed ? '✓' : '✗'}</ResultValue>
+              <ResultLabel>Live Detection</ResultLabel>
+              <ResultValue>{result.isLive ? '✓ Passed' : '✗ Failed'}</ResultValue>
             </ResultItem>
             <ResultItem>
-              <ResultLabel>Head Movement</ResultLabel>
-              <ResultValue>{result.checks.headMovement?.passed ? '✓' : '✗'}</ResultValue>
-            </ResultItem>
-            <ResultItem>
-              <ResultLabel>Depth Check</ResultLabel>
-              <ResultValue>{result.checks.depth?.passed ? '✓' : '✗'}</ResultValue>
+              <ResultLabel>Timestamp</ResultLabel>
+              <ResultValue>{new Date(result.timestamp).toLocaleTimeString()}</ResultValue>
             </ResultItem>
           </ResultGrid>
           <RetryButton onClick={handleStartCheck}>Try Again</RetryButton>
@@ -185,7 +181,7 @@ const StartSection = styled.div`
 const StartButton = styled.button`
   padding: ${(props) => props.theme.spacing.md} ${(props) => props.theme.spacing.xl};
   background: ${(props) => props.theme.colors.primary.main};
-  color: ${(props) => props.theme.colors.text.inverse};
+  color: ${(props) => props.theme.colors.text.primary};
   border: none;
   border-radius: ${(props) => props.theme.borderRadius.md};
   font-size: ${(props) => props.theme.typography.fontSize.lg};
@@ -214,7 +210,7 @@ const CancelButton = styled.button`
   padding: ${(props) => props.theme.spacing.sm} ${(props) => props.theme.spacing.lg};
   background: transparent;
   color: ${(props) => props.theme.colors.text.secondary};
-  border: 1px solid ${(props) => props.theme.colors.border.main};
+  border: 1px solid ${(props) => props.theme.colors.border.primary};
   border-radius: ${(props) => props.theme.borderRadius.sm};
   font-size: ${(props) => props.theme.typography.fontSize.md};
   cursor: pointer;
@@ -228,12 +224,12 @@ const CancelButton = styled.button`
 const ResultSection = styled.div<{ $success: boolean }>`
   background: ${(props) =>
     props.$success
-      ? props.theme.colors.success?.light || 'rgba(0, 255, 0, 0.1)'
-      : props.theme.colors.error?.light || 'rgba(255, 0, 0, 0.1)'};
+      ? 'rgba(0, 255, 0, 0.1)'
+      : 'rgba(255, 0, 0, 0.1)'};
   border: 2px solid ${(props) =>
     props.$success
-      ? props.theme.colors.success?.main || '#00ff00'
-      : props.theme.colors.error?.main || '#ff0000'};
+      ? '#00ff00'
+      : '#ff0000'};
   border-radius: ${(props) => props.theme.borderRadius.lg};
   padding: ${(props) => props.theme.spacing.xl};
   max-width: 600px;
@@ -285,7 +281,7 @@ const ErrorMessage = styled.p`
 const RetryButton = styled.button`
   padding: ${(props) => props.theme.spacing.sm} ${(props) => props.theme.spacing.lg};
   background: ${(props) => props.theme.colors.primary.main};
-  color: ${(props) => props.theme.colors.text.inverse};
+  color: ${(props) => props.theme.colors.text.primary};
   border: none;
   border-radius: ${(props) => props.theme.borderRadius.md};
   font-size: ${(props) => props.theme.typography.fontSize.md};