diff --git a/src/_locales/de/messages.json b/src/_locales/de/messages.json
index 15347d0..a577e17 100644
--- a/src/_locales/de/messages.json
+++ b/src/_locales/de/messages.json
@@ -266,5 +266,93 @@
   "autoDetect": {
     "message": "Automatisch erkennen",
     "description": "Auto-detect language option"
+  },
+  "welcomeTitle": {
+    "message": "Willkommen bei FMHY SafeGuard",
+    "description": "Welcome page title"
+  },
+  "welcomeSubtitle": {
+    "message": "Lassen Sie uns Sie für sicheres Surfen einrichten",
+    "description": "Welcome page subtitle"
+  },
+  "welcomeStep1Title": {
+    "message": "Erweiterung an Symbolleiste anheften",
+    "description": "Welcome step 1 title"
+  },
+  "welcomeStep1Desc": {
+    "message": "Für schnellen Zugriff heften Sie FMHY SafeGuard an Ihre Browser-Symbolleiste:",
+    "description": "Welcome step 1 description"
+  },
+  "welcomeStep1Item1": {
+    "message": "Klicken Sie auf das Erweiterungsmenü (Puzzleteil-Symbol) in Ihrer Symbolleiste",
+    "description": "Welcome step 1 item 1"
+  },
+  "welcomeStep1Item2": {
+    "message": "Finden Sie \"FMHY SafeGuard\" in der Liste",
+    "description": "Welcome step 1 item 2"
+  },
+  "welcomeStep1Item3": {
+    "message": "Klicken Sie auf das Pin-Symbol oder rechtsklicken Sie und wählen Sie \"An Symbolleiste anheften\"",
+    "description": "Welcome step 1 item 3"
+  },
+  "welcomeStep2Title": {
+    "message": "So funktioniert es",
+    "description": "Welcome step 2 title"
+  },
+  "welcomeStep2Desc": {
+    "message": "FMHY SafeGuard überprüft Websites automatisch anhand unserer Sicherheitsdatenbank:",
+    "description": "Welcome step 2 description"
+  },
+  "welcomeStep2Item1": {
+    "message": "Blockiert den Zugang zu bekannten unsicheren Seiten",
+    "description": "Welcome step 2 item 1"
+  },
+  "welcomeStep2Item2": {
+    "message": "Zeigt Warnungen für potenziell unsichere Seiten",
+    "description": "Welcome step 2 item 2"
+  },
+  "welcomeStep2Item3": {
+    "message": "Identifiziert vertrauenswürdige sichere Seiten",
+    "description": "Welcome step 2 item 3"
+  },
+  "welcomeStep2Item4": {
+    "message": "Zeigt FMHY-Wiki-Notizen für zugeordnete Seiten",
+    "description": "Welcome step 2 item 4"
+  },
+  "welcomeStep2Item5": {
+    "message": "Zeigt Gründe an, warum Seiten als unsicher markiert sind",
+    "description": "Welcome step 2 item 5"
+  },
+  "welcomeIconDesc": {
+    "message": "Die Farbe des Erweiterungssymbols zeigt den Status der aktuellen Seite an:",
+    "description": "Welcome icon description"
+  },
+  "welcomeStep3Title": {
+    "message": "Einstellungen anpassen",
+    "description": "Welcome step 3 title"
+  },
+  "welcomeStep3Desc": {
+    "message": "Konfigurieren Sie die Erweiterung nach Ihren Wünschen:",
+    "description": "Welcome step 3 description"
+  },
+  "welcomeStep3Item1": {
+    "message": "Wählen Sie helles, dunkles oder AMOLED-Design",
+    "description": "Welcome step 3 item 1"
+  },
+  "welcomeStep3Item2": {
+    "message": "Wählen Sie Ihre bevorzugte Sprache (7 verfügbar)",
+    "description": "Welcome step 3 item 2"
+  },
+  "welcomeStep3Item3": {
+    "message": "Warnseiten aktivieren/deaktivieren",
+    "description": "Welcome step 3 item 3"
+  },
+  "welcomeStep3Item4": {
+    "message": "Automatische Aktualisierungshäufigkeit festlegen",
+    "description": "Welcome step 3 item 4"
+  },
+  "welcomeStep3Item5": {
+    "message": "Link-Hervorhebungsfarben anpassen",
+    "description": "Welcome step 3 item 5"
   }
 }
diff --git a/src/_locales/en/messages.json b/src/_locales/en/messages.json
index 7069cff..4f21782 100644
--- a/src/_locales/en/messages.json
+++ b/src/_locales/en/messages.json
@@ -266,5 +266,93 @@
   "autoDetect": {
     "message": "Auto-detect",
     "description": "Auto-detect language option"
+  },
+  "welcomeTitle": {
+    "message": "Welcome to FMHY SafeGuard",
+    "description": "Welcome page title"
+  },
+  "welcomeSubtitle": {
+    "message": "Let's get you set up to browse safely",
+    "description": "Welcome page subtitle"
+  },
+  "welcomeStep1Title": {
+    "message": "Pin Extension to Toolbar",
+    "description": "Welcome step 1 title"
+  },
+  "welcomeStep1Desc": {
+    "message": "For quick access, pin FMHY SafeGuard to your browser toolbar:",
+    "description": "Welcome step 1 description"
+  },
+  "welcomeStep1Item1": {
+    "message": "Click the extensions menu (puzzle piece icon) in your toolbar",
+    "description": "Welcome step 1 item 1"
+  },
+  "welcomeStep1Item2": {
+    "message": "Find \"FMHY SafeGuard\" in the list",
+    "description": "Welcome step 1 item 2"
+  },
+  "welcomeStep1Item3": {
+    "message": "Click the pin icon next to it or right-click it and select \"Pin to Toolbar\"",
+    "description": "Welcome step 1 item 3"
+  },
+  "welcomeStep2Title": {
+    "message": "How It Works",
+    "description": "Welcome step 2 title"
+  },
+  "welcomeStep2Desc": {
+    "message": "FMHY SafeGuard automatically checks websites against our security database:",
+    "description": "Welcome step 2 description"
+  },
+  "welcomeStep2Item1": {
+    "message": "Blocks access to known unsafe sites",
+    "description": "Welcome step 2 item 1"
+  },
+  "welcomeStep2Item2": {
+    "message": "Shows warnings for potentially unsafe sites",
+    "description": "Welcome step 2 item 2"
+  },
+  "welcomeStep2Item3": {
+    "message": "Identifies trusted safe sites",
+    "description": "Welcome step 2 item 3"
+  },
+  "welcomeStep2Item4": {
+    "message": "Shows FMHY wiki notes for mapped sites",
+    "description": "Welcome step 2 item 4"
+  },
+  "welcomeStep2Item5": {
+    "message": "Displays reasons why sites are flagged unsafe",
+    "description": "Welcome step 2 item 5"
+  },
+  "welcomeIconDesc": {
+    "message": "The extension icon color indicates the current site's status:",
+    "description": "Welcome icon description"
+  },
+  "welcomeStep3Title": {
+    "message": "Customize Your Settings",
+    "description": "Welcome step 3 title"
+  },
+  "welcomeStep3Desc": {
+    "message": "Configure the extension to work best for you:",
+    "description": "Welcome step 3 description"
+  },
+  "welcomeStep3Item1": {
+    "message": "Choose light, dark, or AMOLED theme",
+    "description": "Welcome step 3 item 1"
+  },
+  "welcomeStep3Item2": {
+    "message": "Select your preferred language (7 available)",
+    "description": "Welcome step 3 item 2"
+  },
+  "welcomeStep3Item3": {
+    "message": "Enable/disable warning pages",
+    "description": "Welcome step 3 item 3"
+  },
+  "welcomeStep3Item4": {
+    "message": "Set automatic update frequency",
+    "description": "Welcome step 3 item 4"
+  },
+  "welcomeStep3Item5": {
+    "message": "Customize link highlighting colors",
+    "description": "Welcome step 3 item 5"
   }
 }
diff --git a/src/_locales/es/messages.json b/src/_locales/es/messages.json
index 4c76c9d..27eb687 100644
--- a/src/_locales/es/messages.json
+++ b/src/_locales/es/messages.json
@@ -266,5 +266,93 @@
   "autoDetect": {
     "message": "Detectar automáticamente",
     "description": "Auto-detect language option"
+  },
+  "welcomeTitle": {
+    "message": "Bienvenido a FMHY SafeGuard",
+    "description": "Welcome page title"
+  },
+  "welcomeSubtitle": {
+    "message": "Vamos a configurarte para navegar de forma segura",
+    "description": "Welcome page subtitle"
+  },
+  "welcomeStep1Title": {
+    "message": "Fijar extensión a la barra de herramientas",
+    "description": "Welcome step 1 title"
+  },
+  "welcomeStep1Desc": {
+    "message": "Para acceso rápido, fija FMHY SafeGuard a la barra de herramientas de tu navegador:",
+    "description": "Welcome step 1 description"
+  },
+  "welcomeStep1Item1": {
+    "message": "Haz clic en el menú de extensiones (icono de pieza de puzzle) en tu barra de herramientas",
+    "description": "Welcome step 1 item 1"
+  },
+  "welcomeStep1Item2": {
+    "message": "Encuentra \"FMHY SafeGuard\" en la lista",
+    "description": "Welcome step 1 item 2"
+  },
+  "welcomeStep1Item3": {
+    "message": "Haz clic en el icono de pin o haz clic derecho y selecciona \"Fijar a la barra de herramientas\"",
+    "description": "Welcome step 1 item 3"
+  },
+  "welcomeStep2Title": {
+    "message": "Cómo funciona",
+    "description": "Welcome step 2 title"
+  },
+  "welcomeStep2Desc": {
+    "message": "FMHY SafeGuard verifica automáticamente los sitios web contra nuestra base de datos de seguridad:",
+    "description": "Welcome step 2 description"
+  },
+  "welcomeStep2Item1": {
+    "message": "Bloquea el acceso a sitios inseguros conocidos",
+    "description": "Welcome step 2 item 1"
+  },
+  "welcomeStep2Item2": {
+    "message": "Muestra advertencias para sitios potencialmente inseguros",
+    "description": "Welcome step 2 item 2"
+  },
+  "welcomeStep2Item3": {
+    "message": "Identifica sitios seguros de confianza",
+    "description": "Welcome step 2 item 3"
+  },
+  "welcomeStep2Item4": {
+    "message": "Muestra notas de la wiki FMHY para sitios mapeados",
+    "description": "Welcome step 2 item 4"
+  },
+  "welcomeStep2Item5": {
+    "message": "Muestra razones por las que los sitios están marcados como inseguros",
+    "description": "Welcome step 2 item 5"
+  },
+  "welcomeIconDesc": {
+    "message": "El color del icono de la extensión indica el estado del sitio actual:",
+    "description": "Welcome icon description"
+  },
+  "welcomeStep3Title": {
+    "message": "Personaliza tu configuración",
+    "description": "Welcome step 3 title"
+  },
+  "welcomeStep3Desc": {
+    "message": "Configura la extensión para que funcione mejor para ti:",
+    "description": "Welcome step 3 description"
+  },
+  "welcomeStep3Item1": {
+    "message": "Elige tema claro, oscuro o AMOLED",
+    "description": "Welcome step 3 item 1"
+  },
+  "welcomeStep3Item2": {
+    "message": "Selecciona tu idioma preferido (7 disponibles)",
+    "description": "Welcome step 3 item 2"
+  },
+  "welcomeStep3Item3": {
+    "message": "Activa/desactiva páginas de advertencia",
+    "description": "Welcome step 3 item 3"
+  },
+  "welcomeStep3Item4": {
+    "message": "Establece la frecuencia de actualización automática",
+    "description": "Welcome step 3 item 4"
+  },
+  "welcomeStep3Item5": {
+    "message": "Personaliza los colores de resaltado de enlaces",
+    "description": "Welcome step 3 item 5"
   }
 }
diff --git a/src/_locales/fr/messages.json b/src/_locales/fr/messages.json
index 77d63ac..67dd437 100644
--- a/src/_locales/fr/messages.json
+++ b/src/_locales/fr/messages.json
@@ -266,5 +266,93 @@
   "autoDetect": {
     "message": "Détection automatique",
     "description": "Auto-detect language option"
+  },
+  "welcomeTitle": {
+    "message": "Bienvenue sur FMHY SafeGuard",
+    "description": "Welcome page title"
+  },
+  "welcomeSubtitle": {
+    "message": "Configurons-vous pour naviguer en toute sécurité",
+    "description": "Welcome page subtitle"
+  },
+  "welcomeStep1Title": {
+    "message": "Épingler l'extension à la barre d'outils",
+    "description": "Welcome step 1 title"
+  },
+  "welcomeStep1Desc": {
+    "message": "Pour un accès rapide, épinglez FMHY SafeGuard à la barre d'outils de votre navigateur :",
+    "description": "Welcome step 1 description"
+  },
+  "welcomeStep1Item1": {
+    "message": "Cliquez sur le menu des extensions (icône de pièce de puzzle) dans votre barre d'outils",
+    "description": "Welcome step 1 item 1"
+  },
+  "welcomeStep1Item2": {
+    "message": "Trouvez \"FMHY SafeGuard\" dans la liste",
+    "description": "Welcome step 1 item 2"
+  },
+  "welcomeStep1Item3": {
+    "message": "Cliquez sur l'icône d'épingle ou faites un clic droit et sélectionnez \"Épingler à la barre d'outils\"",
+    "description": "Welcome step 1 item 3"
+  },
+  "welcomeStep2Title": {
+    "message": "Comment ça marche",
+    "description": "Welcome step 2 title"
+  },
+  "welcomeStep2Desc": {
+    "message": "FMHY SafeGuard vérifie automatiquement les sites web dans notre base de données de sécurité :",
+    "description": "Welcome step 2 description"
+  },
+  "welcomeStep2Item1": {
+    "message": "Bloque l'accès aux sites dangereux connus",
+    "description": "Welcome step 2 item 1"
+  },
+  "welcomeStep2Item2": {
+    "message": "Affiche des avertissements pour les sites potentiellement dangereux",
+    "description": "Welcome step 2 item 2"
+  },
+  "welcomeStep2Item3": {
+    "message": "Identifie les sites sûrs de confiance",
+    "description": "Welcome step 2 item 3"
+  },
+  "welcomeStep2Item4": {
+    "message": "Affiche les notes du wiki FMHY pour les sites mappés",
+    "description": "Welcome step 2 item 4"
+  },
+  "welcomeStep2Item5": {
+    "message": "Affiche les raisons pour lesquelles les sites sont signalés comme dangereux",
+    "description": "Welcome step 2 item 5"
+  },
+  "welcomeIconDesc": {
+    "message": "La couleur de l'icône de l'extension indique le statut du site actuel :",
+    "description": "Welcome icon description"
+  },
+  "welcomeStep3Title": {
+    "message": "Personnalisez vos paramètres",
+    "description": "Welcome step 3 title"
+  },
+  "welcomeStep3Desc": {
+    "message": "Configurez l'extension pour qu'elle fonctionne au mieux pour vous :",
+    "description": "Welcome step 3 description"
+  },
+  "welcomeStep3Item1": {
+    "message": "Choisissez un thème clair, sombre ou AMOLED",
+    "description": "Welcome step 3 item 1"
+  },
+  "welcomeStep3Item2": {
+    "message": "Sélectionnez votre langue préférée (7 disponibles)",
+    "description": "Welcome step 3 item 2"
+  },
+  "welcomeStep3Item3": {
+    "message": "Activer/désactiver les pages d'avertissement",
+    "description": "Welcome step 3 item 3"
+  },
+  "welcomeStep3Item4": {
+    "message": "Définir la fréquence de mise à jour automatique",
+    "description": "Welcome step 3 item 4"
+  },
+  "welcomeStep3Item5": {
+    "message": "Personnaliser les couleurs de mise en évidence des liens",
+    "description": "Welcome step 3 item 5"
   }
 }
diff --git a/src/_locales/ja/messages.json b/src/_locales/ja/messages.json
index 89b8a08..88c422e 100644
--- a/src/_locales/ja/messages.json
+++ b/src/_locales/ja/messages.json
@@ -266,5 +266,93 @@
   "autoDetect": {
     "message": "自動検出",
     "description": "Auto-detect language option"
+  },
+  "welcomeTitle": {
+    "message": "FMHY SafeGuardへようこそ",
+    "description": "Welcome page title"
+  },
+  "welcomeSubtitle": {
+    "message": "安全なブラウジングの設定をしましょう",
+    "description": "Welcome page subtitle"
+  },
+  "welcomeStep1Title": {
+    "message": "拡張機能をツールバーに固定",
+    "description": "Welcome step 1 title"
+  },
+  "welcomeStep1Desc": {
+    "message": "素早くアクセスするために、FMHY SafeGuardをブラウザのツールバーに固定してください：",
+    "description": "Welcome step 1 description"
+  },
+  "welcomeStep1Item1": {
+    "message": "ツールバーの拡張機能メニュー（パズルピースのアイコン）をクリック",
+    "description": "Welcome step 1 item 1"
+  },
+  "welcomeStep1Item2": {
+    "message": "リストから「FMHY SafeGuard」を見つける",
+    "description": "Welcome step 1 item 2"
+  },
+  "welcomeStep1Item3": {
+    "message": "ピンアイコンをクリックするか、右クリックして「ツールバーに固定」を選択",
+    "description": "Welcome step 1 item 3"
+  },
+  "welcomeStep2Title": {
+    "message": "仕組み",
+    "description": "Welcome step 2 title"
+  },
+  "welcomeStep2Desc": {
+    "message": "FMHY SafeGuardはセキュリティデータベースに対してウェブサイトを自動的にチェックします：",
+    "description": "Welcome step 2 description"
+  },
+  "welcomeStep2Item1": {
+    "message": "既知の危険なサイトへのアクセスをブロック",
+    "description": "Welcome step 2 item 1"
+  },
+  "welcomeStep2Item2": {
+    "message": "潜在的に危険なサイトに警告を表示",
+    "description": "Welcome step 2 item 2"
+  },
+  "welcomeStep2Item3": {
+    "message": "信頼できる安全なサイトを識別",
+    "description": "Welcome step 2 item 3"
+  },
+  "welcomeStep2Item4": {
+    "message": "マップされたサイトのFMHYウィキノートを表示",
+    "description": "Welcome step 2 item 4"
+  },
+  "welcomeStep2Item5": {
+    "message": "サイトが危険とマークされた理由を表示",
+    "description": "Welcome step 2 item 5"
+  },
+  "welcomeIconDesc": {
+    "message": "拡張機能アイコンの色は現在のサイトのステータスを示します：",
+    "description": "Welcome icon description"
+  },
+  "welcomeStep3Title": {
+    "message": "設定をカスタマイズ",
+    "description": "Welcome step 3 title"
+  },
+  "welcomeStep3Desc": {
+    "message": "拡張機能を最適に動作するように設定してください：",
+    "description": "Welcome step 3 description"
+  },
+  "welcomeStep3Item1": {
+    "message": "ライト、ダーク、またはAMOLEDテーマを選択",
+    "description": "Welcome step 3 item 1"
+  },
+  "welcomeStep3Item2": {
+    "message": "お好みの言語を選択（7言語対応）",
+    "description": "Welcome step 3 item 2"
+  },
+  "welcomeStep3Item3": {
+    "message": "警告ページの有効/無効を切り替え",
+    "description": "Welcome step 3 item 3"
+  },
+  "welcomeStep3Item4": {
+    "message": "自動更新頻度を設定",
+    "description": "Welcome step 3 item 4"
+  },
+  "welcomeStep3Item5": {
+    "message": "リンクハイライトの色をカスタマイズ",
+    "description": "Welcome step 3 item 5"
   }
 }
diff --git a/src/_locales/pt/messages.json b/src/_locales/pt/messages.json
index a5dc667..d633c53 100644
--- a/src/_locales/pt/messages.json
+++ b/src/_locales/pt/messages.json
@@ -266,5 +266,93 @@
   "autoDetect": {
     "message": "Detectar automaticamente",
     "description": "Auto-detect language option"
+  },
+  "welcomeTitle": {
+    "message": "Bem-vindo ao FMHY SafeGuard",
+    "description": "Welcome page title"
+  },
+  "welcomeSubtitle": {
+    "message": "Vamos configurá-lo para navegar com segurança",
+    "description": "Welcome page subtitle"
+  },
+  "welcomeStep1Title": {
+    "message": "Fixar extensão na barra de ferramentas",
+    "description": "Welcome step 1 title"
+  },
+  "welcomeStep1Desc": {
+    "message": "Para acesso rápido, fixe o FMHY SafeGuard na barra de ferramentas do seu navegador:",
+    "description": "Welcome step 1 description"
+  },
+  "welcomeStep1Item1": {
+    "message": "Clique no menu de extensões (ícone de peça de puzzle) na sua barra de ferramentas",
+    "description": "Welcome step 1 item 1"
+  },
+  "welcomeStep1Item2": {
+    "message": "Encontre \"FMHY SafeGuard\" na lista",
+    "description": "Welcome step 1 item 2"
+  },
+  "welcomeStep1Item3": {
+    "message": "Clique no ícone de pin ou clique com o botão direito e selecione \"Fixar na barra de ferramentas\"",
+    "description": "Welcome step 1 item 3"
+  },
+  "welcomeStep2Title": {
+    "message": "Como funciona",
+    "description": "Welcome step 2 title"
+  },
+  "welcomeStep2Desc": {
+    "message": "O FMHY SafeGuard verifica automaticamente os sites contra nossa base de dados de segurança:",
+    "description": "Welcome step 2 description"
+  },
+  "welcomeStep2Item1": {
+    "message": "Bloqueia acesso a sites inseguros conhecidos",
+    "description": "Welcome step 2 item 1"
+  },
+  "welcomeStep2Item2": {
+    "message": "Mostra avisos para sites potencialmente inseguros",
+    "description": "Welcome step 2 item 2"
+  },
+  "welcomeStep2Item3": {
+    "message": "Identifica sites seguros confiáveis",
+    "description": "Welcome step 2 item 3"
+  },
+  "welcomeStep2Item4": {
+    "message": "Mostra notas da wiki FMHY para sites mapeados",
+    "description": "Welcome step 2 item 4"
+  },
+  "welcomeStep2Item5": {
+    "message": "Exibe razões pelas quais os sites são marcados como inseguros",
+    "description": "Welcome step 2 item 5"
+  },
+  "welcomeIconDesc": {
+    "message": "A cor do ícone da extensão indica o status do site atual:",
+    "description": "Welcome icon description"
+  },
+  "welcomeStep3Title": {
+    "message": "Personalize suas configurações",
+    "description": "Welcome step 3 title"
+  },
+  "welcomeStep3Desc": {
+    "message": "Configure a extensão para funcionar melhor para você:",
+    "description": "Welcome step 3 description"
+  },
+  "welcomeStep3Item1": {
+    "message": "Escolha tema claro, escuro ou AMOLED",
+    "description": "Welcome step 3 item 1"
+  },
+  "welcomeStep3Item2": {
+    "message": "Selecione seu idioma preferido (7 disponíveis)",
+    "description": "Welcome step 3 item 2"
+  },
+  "welcomeStep3Item3": {
+    "message": "Ativar/desativar páginas de aviso",
+    "description": "Welcome step 3 item 3"
+  },
+  "welcomeStep3Item4": {
+    "message": "Definir frequência de atualização automática",
+    "description": "Welcome step 3 item 4"
+  },
+  "welcomeStep3Item5": {
+    "message": "Personalizar cores de destaque de links",
+    "description": "Welcome step 3 item 5"
   }
 }
diff --git a/src/_locales/ru/messages.json b/src/_locales/ru/messages.json
index 6ac604e..ffefaff 100644
--- a/src/_locales/ru/messages.json
+++ b/src/_locales/ru/messages.json
@@ -266,5 +266,93 @@
   "autoDetect": {
     "message": "Автоопределение",
     "description": "Auto-detect language option"
+  },
+  "welcomeTitle": {
+    "message": "Добро пожаловать в FMHY SafeGuard",
+    "description": "Welcome page title"
+  },
+  "welcomeSubtitle": {
+    "message": "Давайте настроим безопасный просмотр",
+    "description": "Welcome page subtitle"
+  },
+  "welcomeStep1Title": {
+    "message": "Закрепите расширение на панели инструментов",
+    "description": "Welcome step 1 title"
+  },
+  "welcomeStep1Desc": {
+    "message": "Для быстрого доступа закрепите FMHY SafeGuard на панели инструментов браузера:",
+    "description": "Welcome step 1 description"
+  },
+  "welcomeStep1Item1": {
+    "message": "Нажмите на меню расширений (значок пазла) на панели инструментов",
+    "description": "Welcome step 1 item 1"
+  },
+  "welcomeStep1Item2": {
+    "message": "Найдите \"FMHY SafeGuard\" в списке",
+    "description": "Welcome step 1 item 2"
+  },
+  "welcomeStep1Item3": {
+    "message": "Нажмите на значок булавки или щёлкните правой кнопкой и выберите \"Закрепить на панели\"",
+    "description": "Welcome step 1 item 3"
+  },
+  "welcomeStep2Title": {
+    "message": "Как это работает",
+    "description": "Welcome step 2 title"
+  },
+  "welcomeStep2Desc": {
+    "message": "FMHY SafeGuard автоматически проверяет сайты по нашей базе данных безопасности:",
+    "description": "Welcome step 2 description"
+  },
+  "welcomeStep2Item1": {
+    "message": "Блокирует доступ к известным опасным сайтам",
+    "description": "Welcome step 2 item 1"
+  },
+  "welcomeStep2Item2": {
+    "message": "Показывает предупреждения для потенциально опасных сайтов",
+    "description": "Welcome step 2 item 2"
+  },
+  "welcomeStep2Item3": {
+    "message": "Определяет надёжные безопасные сайты",
+    "description": "Welcome step 2 item 3"
+  },
+  "welcomeStep2Item4": {
+    "message": "Показывает заметки из вики FMHY для сопоставленных сайтов",
+    "description": "Welcome step 2 item 4"
+  },
+  "welcomeStep2Item5": {
+    "message": "Отображает причины, почему сайты помечены как опасные",
+    "description": "Welcome step 2 item 5"
+  },
+  "welcomeIconDesc": {
+    "message": "Цвет значка расширения указывает на статус текущего сайта:",
+    "description": "Welcome icon description"
+  },
+  "welcomeStep3Title": {
+    "message": "Настройте параметры",
+    "description": "Welcome step 3 title"
+  },
+  "welcomeStep3Desc": {
+    "message": "Настройте расширение под себя:",
+    "description": "Welcome step 3 description"
+  },
+  "welcomeStep3Item1": {
+    "message": "Выберите светлую, тёмную или AMOLED тему",
+    "description": "Welcome step 3 item 1"
+  },
+  "welcomeStep3Item2": {
+    "message": "Выберите предпочитаемый язык (доступно 7)",
+    "description": "Welcome step 3 item 2"
+  },
+  "welcomeStep3Item3": {
+    "message": "Включите/отключите страницы предупреждений",
+    "description": "Welcome step 3 item 3"
+  },
+  "welcomeStep3Item4": {
+    "message": "Установите частоту автоматического обновления",
+    "description": "Welcome step 3 item 4"
+  },
+  "welcomeStep3Item5": {
+    "message": "Настройте цвета подсветки ссылок",
+    "description": "Welcome step 3 item 5"
   }
 }
diff --git a/src/js/background.js b/src/js/background.js
index 28cf693..c0885a4 100644
--- a/src/js/background.js
+++ b/src/js/background.js
@@ -1,6 +1,15 @@
 // Cross-browser compatibility shim
 const browserAPI = typeof browser !== "undefined" ? browser : chrome;
 
+// Open welcome page on first install
+browserAPI.runtime.onInstalled.addListener((details) => {
+  if (details.reason === "install") {
+    browserAPI.tabs.create({
+      url: browserAPI.runtime.getURL("pub/welcome-page.html")
+    });
+  }
+});
+
 // URLs and Constants
 const filterListURLUnsafe =
   "https://raw.githubusercontent.com/fmhy/FMHYFilterlist/refs/heads/main/sitelist.txt";
diff --git a/src/pub/welcome-page.html b/src/pub/welcome-page.html
index 9dc8204..8635fd8 100644
--- a/src/pub/welcome-page.html
+++ b/src/pub/welcome-page.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Welcome to FMHY SafeGuard</title>
+  <title data-i18n="welcomeTitle">Welcome to FMHY SafeGuard</title>
   <link rel="icon" type="image/x-icon" href="../res/ext_icon_144.png" />
   <style>
     @font-face {
@@ -32,16 +32,19 @@
       background-color: var(--background);
       font-family: "Inter", sans-serif;
       color: var(--text-primary);
-      line-height: 1.6;
+      line-height: 1.4;
+      min-height: 100vh;
+      display: flex;
+      align-items: center;
     }
 
     .container {
-      max-width: 800px;
+      max-width: 700px;
       margin: 0 auto;
-      padding: 2rem;
+      padding: 1.25rem 1.5rem;
       display: flex;
       flex-direction: column;
-      gap: 2rem;
+      gap: 1rem;
     }
 
     .welcome-header {
@@ -49,9 +52,9 @@
     }
 
     .title {
-      font-size: 2.5rem;
+      font-size: 2rem;
       font-weight: 700;
-      margin-bottom: 1rem;
+      margin-bottom: 0.5rem;
       background: linear-gradient(120deg,
           var(--accent-purple) 30%,
           var(--accent-blue));
@@ -62,22 +65,22 @@
 
     .subtitle {
       color: var(--text-secondary);
-      font-size: 1.1rem;
-      margin-bottom: 1rem;
+      font-size: 1rem;
+      margin-bottom: 0;
     }
 
     .card {
       background: var(--card-bg);
-      border-radius: 12px;
-      padding: 1.5rem;
+      border-radius: 10px;
+      padding: 1.25rem 1.5rem;
       border: 1px solid var(--section-border);
     }
 
     .step {
       display: flex;
-      gap: 1.5rem;
+      gap: 1rem;
       align-items: flex-start;
-      margin-bottom: 2rem;
+      margin-bottom: 1.25rem;
     }
 
     .step:last-child {
@@ -88,13 +91,14 @@
       background: linear-gradient(120deg,
           var(--accent-purple),
           var(--accent-blue));
-      width: 32px;
-      height: 32px;
+      width: 28px;
+      height: 28px;
       border-radius: 50%;
       display: flex;
       align-items: center;
       justify-content: center;
       font-weight: 600;
+      font-size: 0.85rem;
       text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
       flex-shrink: 0;
     }
@@ -104,14 +108,15 @@
     }
 
     .step-title {
-      font-size: 1.1rem;
+      font-size: 1rem;
       font-weight: 600;
-      margin-bottom: 0.5rem;
+      margin-bottom: 0.35rem;
     }
 
     .step-description {
       color: var(--text-secondary);
-      margin-bottom: 1rem;
+      margin-bottom: 0.5rem;
+      font-size: 0.875rem;
     }
 
     .status-list {
@@ -119,25 +124,25 @@
       align-items: center;
       justify-content: center;
       flex-wrap: wrap;
-      gap: 1.5rem;
-      margin: 1rem 0;
-      padding: 1rem;
+      gap: 1rem;
+      margin: 0.5rem 0;
+      padding: 0.6rem 1rem;
       background: rgba(0, 0, 0, 0.2);
-      border-radius: 8px;
+      border-radius: 6px;
     }
 
     .status-item {
       display: flex;
       align-items: center;
-      gap: 0.5rem;
+      gap: 0.4rem;
       color: var(--text-secondary);
-      font-size: 0.9rem;
+      font-size: 0.8rem;
       min-width: fit-content;
     }
 
     .status-icon {
-      width: 19px;
-      height: 19px;
+      width: 16px;
+      height: 16px;
       object-fit: contain;
     }
 
@@ -156,7 +161,7 @@
     .footer {
       text-align: center;
       color: var(--text-secondary);
-      font-size: 0.875rem;
+      font-size: 0.8rem;
     }
 
     .footer a {
@@ -170,8 +175,8 @@
 
     .btn {
       display: inline-block;
-      padding: 0.75rem 1.5rem;
-      border-radius: 8px;
+      padding: 0.6rem 1.5rem;
+      border-radius: 6px;
       border: none;
       font-family: inherit;
       font-weight: 600;
@@ -232,27 +237,22 @@
 <body>
   <div class="container">
     <div class="welcome-header">
-      <h1 class="title">Welcome to FMHY SafeGuard</h1>
-      <p class="subtitle">Let's get you set up to browse safely</p>
+      <h1 class="title" data-i18n="welcomeTitle">Welcome to FMHY SafeGuard</h1>
+      <p class="subtitle" data-i18n="welcomeSubtitle">Let's get you set up to browse safely</p>
     </div>
 
     <div class="card">
       <div class="step">
         <div class="step-number">1</div>
         <div class="step-content">
-          <h2 class="step-title">Pin Extension to Toolbar</h2>
-          <p class="step-description">
+          <h2 class="step-title" data-i18n="welcomeStep1Title">Pin Extension to Toolbar</h2>
+          <p class="step-description" data-i18n="welcomeStep1Desc">
             For quick access, pin FMHY SafeGuard to your browser toolbar:
           </p>
-          <ol style="color: var(--text-secondary); margin-left: 1.5rem">
-            <li>
-              Click the extensions menu (puzzle piece icon) in your toolbar
-            </li>
-            <li>Find "FMHY SafeGuard" in the list</li>
-            <li>
-              Click the pin icon next to it or right-click it and select "Pin
-              to Toolbar"
-            </li>
+          <ol style="color: var(--text-secondary); margin-left: 1.25rem; font-size: 0.85rem; line-height: 1.6;">
+            <li data-i18n="welcomeStep1Item1">Click the extensions menu (puzzle piece icon) in your toolbar</li>
+            <li data-i18n="welcomeStep1Item2">Find "FMHY SafeGuard" in the list</li>
+            <li data-i18n="welcomeStep1Item3">Click the pin icon next to it or right-click it and select "Pin to Toolbar"</li>
           </ol>
         </div>
       </div>
@@ -260,17 +260,33 @@
       <div class="step">
         <div class="step-number">2</div>
         <div class="step-content">
-          <h2 class="step-title">How It Works</h2>
-          <p class="step-description">
-            FMHY SafeGuard automatically checks websites against our security
-            database:
+          <h2 class="step-title" data-i18n="welcomeStep2Title">How It Works</h2>
+          <p class="step-description" data-i18n="welcomeStep2Desc">
+            FMHY SafeGuard automatically checks websites against our security database:
           </p>
-          <ul style="color: var(--text-secondary); margin-left: 1.5rem">
-            <li>🛡️ Blocks access to known unsafe sites</li>
-            <li>⚠️ Shows warnings for potentially unsafe sites</li>
-            <li>✅ Identifies trusted safe sites</li>
+          <ul style="color: var(--text-secondary); margin-left: 1.25rem; list-style: none; font-size: 0.85rem;">
+            <li style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
+              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#ff6b6b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><path d="m4.9 4.9 14.2 14.2"/></svg>
+              <span data-i18n="welcomeStep2Item1">Blocks access to known unsafe sites</span>
+            </li>
+            <li style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
+              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#f0ad4e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"/><path d="M12 9v4"/><path d="M12 17h.01"/></svg>
+              <span data-i18n="welcomeStep2Item2">Shows warnings for potentially unsafe sites</span>
+            </li>
+            <li style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
+              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#5cb85c" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"/><path d="m9 12 2 2 4-4"/></svg>
+              <span data-i18n="welcomeStep2Item3">Identifies trusted safe sites</span>
+            </li>
+            <li style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px;">
+              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#7bc5e4" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8Z"/><path d="M15 3v4a2 2 0 0 0 2 2h4"/><path d="M10 13h4"/><path d="M10 17h4"/></svg>
+              <span data-i18n="welcomeStep2Item4">Shows FMHY wiki notes for mapped sites</span>
+            </li>
+            <li style="display: flex; align-items: center; gap: 6px;">
+              <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#c4b5fd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/></svg>
+              <span data-i18n="welcomeStep2Item5">Displays reasons why sites are flagged unsafe</span>
+            </li>
           </ul>
-          <p class="step-description" style="margin-top: 1rem">
+          <p class="step-description" style="margin-top: 0.5rem" data-i18n="welcomeIconDesc">
             The extension icon color indicates the current site's status:
           </p>
           <div class="status-list">
@@ -301,31 +317,34 @@
       <div class="step">
         <div class="step-number">3</div>
         <div class="step-content">
-          <h2 class="step-title">Customize Your Settings</h2>
-          <p class="step-description">
+          <h2 class="step-title" data-i18n="welcomeStep3Title">Customize Your Settings</h2>
+          <p class="step-description" data-i18n="welcomeStep3Desc">
             Configure the extension to work best for you:
           </p>
-          <ul style="color: var(--text-secondary); margin-left: 1.5rem">
-            <li>Choose light, dark, or AMOLED theme</li>
-            <li>Enable/disable warning pages</li>
-            <li>Set automatic update frequency</li>
+          <ul style="color: var(--text-secondary); margin-left: 1.25rem; font-size: 0.85rem; line-height: 1.6;">
+            <li data-i18n="welcomeStep3Item1">Choose light, dark, or AMOLED theme</li>
+            <li data-i18n="welcomeStep3Item2">Select your preferred language (7 available)</li>
+            <li data-i18n="welcomeStep3Item3">Enable/disable warning pages</li>
+            <li data-i18n="welcomeStep3Item4">Set automatic update frequency</li>
+            <li data-i18n="welcomeStep3Item5">Customize link highlighting colors</li>
           </ul>
         </div>
       </div>
     </div>
 
     <div class="btn-container">
-      <a href="settings-page.html" class="btn">Open Settings</a>
+      <a href="settings-page.html" class="btn" data-i18n="openSettings">Open Settings</a>
     </div>
 
     <div class="footer">
-      <p>FMHY SafeGuard</p>
+      <p data-i18n="extensionName">FMHY SafeGuard</p>
       <p>
-        Powered by
-        <a href="https://github.com/fmhy/FMHYFilterlist" target="_blank">FMHY Filterlist</a>
+        <span data-i18n="poweredBy">Powered by</span>
+        <a href="https://github.com/fmhy/FMHYFilterlist" target="_blank" data-i18n="fmhyFilterlist">FMHY Filterlist</a>
       </p>
     </div>
   </div>
+  <script src="../js/i18n.js"></script>
 </body>
 
 </html>
\ No newline at end of file