diff --git a/app/[locale]/(site)/page.tsx b/app/[locale]/(site)/page.tsx
index 0ab6a51..88244c2 100644
--- a/app/[locale]/(site)/page.tsx
+++ b/app/[locale]/(site)/page.tsx
@@ -93,9 +93,7 @@ export default async function HomePage({ params: { locale } }: HomePageProps) {
 
       <Container id="home-content" className="relative z-10 -mt-6 flex scroll-mt-28 flex-col gap-section pb-12 lg:-mt-8 lg:pb-16">
         <MotionFade delay={0.05}>
-          <AppCard
-            className="overflow-hidden border border-border/70 bg-card/90 text-card-foreground shadow-panel backdrop-blur-xl"
-          >
+          <AppCard className="overflow-hidden">
             <CardContent className="p-6 lg:p-10">
               <div className="grid gap-8 lg:grid-cols-[minmax(0,1.05fr)_minmax(0,1fr)] lg:items-start">
                 <div>
diff --git a/components/ui/app-card.tsx b/components/ui/app-card.tsx
index a8f35bc..5508e8c 100644
--- a/components/ui/app-card.tsx
+++ b/components/ui/app-card.tsx
@@ -58,9 +58,9 @@ const appCardSingleLayerVariants = cva(
   {
     variants: {
       level: {
-        1: "border-border/70 bg-background dark:bg-surface-1",
-        2: "border-border/70 bg-background dark:bg-surface-1",
-        3: "border-border/70 bg-background dark:bg-surface-1",
+        1: "border-border/80 bg-surface-2",
+        2: "border-border/80 bg-surface-2",
+        3: "border-border/80 bg-surface-2",
         inverse: "border border-background/10 bg-background/10 text-inherit",
       },
       padding: {