app now responsive for mobile and small devices.

frontend/src/app/[locale]/(dashboard)/settings/account/page.tsx

@@ -120,13 +120,13 @@ export default function AccountSettingsPage() {
         <Link href="/today" className="text-sm text-primary hover:opacity-90">
           {tCommon('backToApp')}
         </Link>
-        <h1 className="text-2xl font-semibold text-text-primary mt-4">{t('accountTitle')}</h1>
+        <h1 className="text-xl sm:text-2xl font-semibold text-text-primary mt-4">{t('accountTitle')}</h1>
         <p className="text-text-secondary text-sm mt-2">
           {isResetFlow ? t('resetPasswordSubtitle') : t('accountSubtitle')}
         </p>
       </div>
 
-      <div className="surface-card p-6 sm:p-8 max-w-lg">
+      <div className="surface-card p-4 sm:p-6 max-w-lg">
         <h2 className="text-lg font-medium text-text-primary mb-1">
           {isResetFlow ? t('resetPasswordTitle') : t('changePasswordTitle')}
         </h2>