Apply tenant theme on business login and polish login branding.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/business/src/pages/LoginPage.module.css

@@ -1,10 +1,12 @@
 .page {
   min-height: 100vh;
   display: flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 24px;
   position: relative;
+  gap: 20px;
 }
 
 .card {
@@ -60,6 +62,18 @@
   margin-top: 2px;
 }
 
+.poweredBy {
+  font-size: 12px;
+  font-weight: 500;
+  color: var(--text-muted);
+  text-align: center;
+  transition: color 0.2s;
+}
+
+.poweredBy:hover {
+  color: var(--primary);
+}
+
 .title {
   font-size: 24px;
   font-weight: 700;

apps/business/src/pages/LoginPage.tsx

@@ -23,7 +23,7 @@ type SmsStep = 'phone' | 'code'
 export function LoginPage() {
   const navigate = useNavigate()
   const { login, loginWithOtp } = useAuth()
-  const { businessName, logoUrl } = useTenantBranding()
+  const { businessName, businessNameEn, logoUrl } = useTenantBranding()
   const businessDomain = getBusinessDomain()
   const t = useT()
 
@@ -217,7 +217,7 @@ export function LoginPage() {
           {logoUrl ? <img src={logoUrl} alt="" className={styles.logo} /> : null}
           <div className={styles.brandText}>
             <span className={styles.businessName}>{businessName || businessDomain}</span>
-            <span className={styles.appName}>{t('app.poweredBy')}</span>
+            <span className={styles.appName}>{businessNameEn || businessDomain}</span>
           </div>
           <div className={styles.langSelect}>
             <LanguageSelect />
@@ -673,6 +673,14 @@ export function LoginPage() {
           </>
         )}
       </div>
+      <a
+        className={styles.poweredBy}
+        href="https://meshkee.com"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        Powered by Meshkee.app
+      </a>
     </div>
   )
 }