Refine root UI around shadcn primitives

app/[locale]/coming-soon/page.tsx

@@ -48,14 +48,14 @@ export default async function ComingSoonPage({
         <MotionFade className="w-full">
           <AppCard
             level={3}
-            className="mx-auto w-full max-w-4xl overflow-hidden border-border/70 bg-surface-1/88 shadow-none"
+            className="mx-auto w-full max-w-4xl overflow-hidden border-border/70 bg-card/95 shadow-sm"
           >
             <CardContent className="relative p-6 text-center sm:p-10 lg:p-14">
               <div className="pointer-events-none absolute -right-20 -top-20 h-48 w-48 rounded-full bg-brand-secondary/15 blur-3xl sm:h-64 sm:w-64" />
               <div className="pointer-events-none absolute -bottom-24 -left-16 h-56 w-56 rounded-full bg-brand-primary/15 blur-3xl sm:h-72 sm:w-72" />
 
               <div className="relative">
-                <p className="inline-flex items-center gap-2 rounded-pill border border-border bg-surface-1 px-3 py-1 text-xs font-semibold uppercase tracking-[0.14em] text-foreground/80">
+                <p className="inline-flex items-center gap-2 rounded-full border border-input bg-background px-3 py-1 text-xs font-semibold uppercase tracking-[0.14em] text-foreground/80">
                   <Sparkles className="h-3.5 w-3.5 text-brand-secondary" />
                   {t("badge")}
                 </p>