diff --git a/app/Event.php b/app/Event.php
index 75fd24aad..78cd60352 100644
--- a/app/Event.php
+++ b/app/Event.php
@@ -51,9 +51,12 @@ class Event extends Model
         'report_notifications_count',
         'reported_at',
         'name_for_certificate',
-        'participants_count',
         'average_participant_age',
+        'participants_count',
         'percentage_of_females',
+        'percentage_of_males',
+        'percentage_of_other',
+        'age_group',
         'codeweek_for_all_participation_code',
         'name_for_certificate',
         'organizer_type',
@@ -67,6 +70,9 @@ class Event extends Model
         'location_id',
         'leading_teacher_tag',
         'mass_added_for',
+        'extracurricular_activity',
+        'recurring_event',
+        'frequency',
     ];
 
     //    protected $policies = [
diff --git a/app/Http/Controllers/EventController.php b/app/Http/Controllers/EventController.php
index 6ae8701ca..eeb6a50a0 100755
--- a/app/Http/Controllers/EventController.php
+++ b/app/Http/Controllers/EventController.php
@@ -186,7 +186,7 @@ public function edit(Event $event): View
             ->pluck('id')
             ->toArray();
         $selected_audiences = implode(',', $selected_audiences);
-        $selected_country = $event->country()->first()->iso;
+        $selected_country = $event->country()->first()?->iso ?? '';
         $selected_language = is_null($event->language)
             ? 'en'
             : $event->language;
diff --git a/app/Http/Requests/EventRequest.php b/app/Http/Requests/EventRequest.php
index 3e37fd724..d5e905e13 100644
--- a/app/Http/Requests/EventRequest.php
+++ b/app/Http/Requests/EventRequest.php
@@ -43,7 +43,14 @@ public function rules(): array
             'organizer_type' => 'required',
             'privacy' => 'required',
             'leading_teacher_tag' => 'nullable',
-
+            'participants_count' => 'required|integer|min:1',
+            'percentage_of_females' => 'nullable|integer|min:0',
+            'percentage_of_males' => 'nullable|integer|min:0',
+            'percentage_of_other' => 'nullable|integer|min:0',
+            'age_group' => 'nullable|string|in:0-5,6-18,19-25,Over 25',
+            'extracurricular_activity' => 'required|string|in:yes,no',
+            'recurring_event' => 'required|string|in:yes,no',
+            'frequency' => 'nullable|string|in:daily,weekly,monthly',
         ];
     }
 
@@ -62,9 +69,21 @@ public function messages(): array
             'event_url.url' => 'The activity\'s web page address should be a valid URL.',
             'event_url.required' => 'The activity\'s web page is required for online activities.',
             'user_email.required' => 'Please enter a valid email address.',
+            'participants_count.required' => 'Please enter the total number of participants.',
+            'participants_count.integer' => 'The number of participants must be a valid integer.',
+            'percentage_of_females.integer' => 'The number of female participants must be a valid integer.',
+            'percentage_of_males.integer' => 'The number of male participants must be a valid integer.',
+            'percentage_of_other.integer' => 'The number of participants with other genders must be a valid integer.',
+            'age_group.in' => 'Please select a valid age group.',
+            'extracurricular_activity.required' => 'Please specify if this is an extracurricular activity.',
+            'extracurricular_activity.in' => 'Please select a valid option for extracurricular activity.',
+            'recurring_event.required' => 'Please specify if the event is recurring.',
+            'recurring_event.in' => 'Please select a valid option for recurring event.',
+            'frequency.in' => 'Please select a valid frequency.',
         ];
     }
 
+
     private function in($array): string
     {
         return 'in:'.implode(',', $array);
diff --git a/app/Queries/EventsQuery.php b/app/Queries/EventsQuery.php
index 3a9106e61..03ccde85d 100644
--- a/app/Queries/EventsQuery.php
+++ b/app/Queries/EventsQuery.php
@@ -74,10 +74,11 @@ public static function store(Request $request)
             }
         }
 
-        foreach ($request['theme'] as $theme) {
-
-            $theme = Theme::where('id', $theme)->first();
-            $event->themes()->save($theme);
+        foreach ($request['theme'] as $themeId) {
+            $theme = Theme::where('id', $themeId)->first();
+            if ($theme) {
+                $event->themes()->save($theme);
+            }
         }
 
         foreach ($request['audience'] as $audience) {
diff --git a/config/geoip.php b/config/geoip.php
index 00f368408..3238692a9 100644
--- a/config/geoip.php
+++ b/config/geoip.php
@@ -103,7 +103,7 @@
     |
     */
 
-    'cache_tags' => ['torann-geoip-location'],
+    'cache_tags' => null,
 
     /*
     |--------------------------------------------------------------------------
diff --git a/database/migrations/2017_07_07_122759_create_countries_tables.php b/database/migrations/2017_07_07_122759_create_countries_tables.php
index c393a3db9..6bcb05739 100644
--- a/database/migrations/2017_07_07_122759_create_countries_tables.php
+++ b/database/migrations/2017_07_07_122759_create_countries_tables.php
@@ -11,19 +11,20 @@
      */
     public function up(): void
     {
-        Schema::create('countries', function (Blueprint $table) {
-
-            $table->string('iso');
-            $table->string('name');
-            $table->integer('population')->nullable();
-            $table->string('continent');
-            $table->string('facebook');
-            $table->string('website');
-            $table->string('longitude');
-            $table->string('latitude');
-            $table->string('parent')->nullable();
-            $table->timestamps();
-        });
+        if (!Schema::hasTable('countries')) {
+            Schema::create('countries', function (Blueprint $table) {
+                $table->string('iso')->primary();
+                $table->string('name');
+                $table->integer('population')->nullable();
+                $table->string('continent');
+                $table->string('facebook');
+                $table->string('website');
+                $table->string('longitude');
+                $table->string('latitude');
+                $table->string('parent')->nullable();
+                $table->timestamps();
+            });
+        }
     }
 
     /**
diff --git a/database/migrations/2022_09_13_090000_create_bayern_r_s_s_items_table.php b/database/migrations/2022_09_13_090000_create_bayern_r_s_s_items_table.php
index 1389b8d20..6d0377364 100644
--- a/database/migrations/2022_09_13_090000_create_bayern_r_s_s_items_table.php
+++ b/database/migrations/2022_09_13_090000_create_bayern_r_s_s_items_table.php
@@ -11,30 +11,32 @@
      */
     public function up(): void
     {
-        Schema::create('bayern_r_s_s_items', function (Blueprint $table) {
-            $table->id();
-            $table->integer('uid')->unique();
-            $table->string('title');
-            $table->longText('description');
-            $table->string('organizer');
-            $table->string('photo')->nullable();
-            $table->dateTime('eventEndDate');
-            $table->dateTime('eventStartDate');
-            $table->float('latitude', 12, 6);
-            $table->float('longitude', 12, 6);
-            $table->string('location');
-            $table->string('user_company');
-            $table->string('user_email');
-            $table->string('user_publicEmail');
-            $table->string('user_type');
-            $table->string('user_website');
-            $table->string('activity_type');
-            $table->dateTime('imported_at')->nullable();
-            $table->string('audience')->nullable();
-            $table->string('themes')->nullable();
-            $table->string('tags')->nullable();
-            $table->timestamps();
-        });
+        if (!Schema::hasTable('bayern_r_s_s_items')) {
+            Schema::create('bayern_r_s_s_items', function (Blueprint $table) {
+                $table->id();
+                $table->integer('uid');
+                $table->string('title');
+                $table->longText('description');
+                $table->string('organizer');
+                $table->string('photo')->nullable();
+                $table->dateTime('eventEndDate');
+                $table->dateTime('eventStartDate');
+                $table->float('latitude', 12, 8);
+                $table->float('longitude', 12, 8);
+                $table->string('location');
+                $table->string('user_company');
+                $table->string('user_email');
+                $table->string('user_publicEmail');
+                $table->string('user_type');
+                $table->string('user_website');
+                $table->string('activity_type');
+                $table->dateTime('imported_at')->nullable();
+                $table->string('audience')->nullable();
+                $table->string('themes')->nullable();
+                $table->string('tags')->nullable();
+                $table->timestamps();
+            });
+        }
 
     }
 
diff --git a/database/migrations/2024_08_05_093711_add_uuid_failed_jobs.php b/database/migrations/2024_08_05_093711_add_uuid_failed_jobs.php
index 2752d1f99..7de50bea2 100644
--- a/database/migrations/2024_08_05_093711_add_uuid_failed_jobs.php
+++ b/database/migrations/2024_08_05_093711_add_uuid_failed_jobs.php
@@ -9,13 +9,13 @@
     /**
      * Run the migrations.
      */
-    public function up(): void
+    public function up()
     {
-        if (Schema::hasTable('failed_jobs')) {
-            Schema::table('failed_jobs', function (Blueprint $table) {
-                $table->string('uuid')->after('id')->nullable()->unique();
-            });
-        }
+        Schema::table('failed_jobs', function (Blueprint $table) {
+            if (!Schema::hasColumn('failed_jobs', 'uuid')) {
+                $table->uuid('uuid')->after('id')->nullable(false)->unique();
+            }
+        });
     }
 
     /**
@@ -23,7 +23,7 @@ public function up(): void
      */
     public function down(): void
     {
-        if (Schema::hasTable('failed_jobs')) {
+        if (Schema::hasTable('failed_jobs') && Schema::hasColumn('failed_jobs', 'uuid')) {
             Schema::table('failed_jobs', function (Blueprint $table) {
                 $table->dropColumn('uuid');
             });
diff --git a/database/migrations/2024_12_13_125436_add_gender_counts_to_events_table.php b/database/migrations/2024_12_13_125436_add_gender_counts_to_events_table.php
new file mode 100644
index 000000000..a09790051
--- /dev/null
+++ b/database/migrations/2024_12_13_125436_add_gender_counts_to_events_table.php
@@ -0,0 +1,34 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up()
+    {
+        Schema::table('events', function (Blueprint $table) {
+            if (!Schema::hasColumn('events', 'percentage_of_females')) {
+                $table->integer('percentage_of_females')->nullable();
+            }
+            if (!Schema::hasColumn('events', 'percentage_of_males')) {
+                $table->integer('percentage_of_males')->nullable();
+            }
+            if (!Schema::hasColumn('events', 'percentage_of_other')) {
+                $table->integer('percentage_of_other')->nullable();
+            }
+        });
+    }
+
+
+    public function down()
+    {
+        Schema::table('events', function (Blueprint $table) {
+            $table->dropColumn(['percentage_of_females', 'percentage_of_males', 'percentage_of_other']);
+        });
+    }
+};
diff --git a/database/migrations/2024_12_13_143045_add_age_group_to_events_table.php b/database/migrations/2024_12_13_143045_add_age_group_to_events_table.php
new file mode 100644
index 000000000..933f4c3d2
--- /dev/null
+++ b/database/migrations/2024_12_13_143045_add_age_group_to_events_table.php
@@ -0,0 +1,28 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up()
+    {
+        Schema::table('events', function (Blueprint $table) {
+            $table->string('age_group')->nullable(); // Age group as a nullable string
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     */
+    public function down()
+    {
+        Schema::table('events', function (Blueprint $table) {
+            $table->dropColumn('age_group');
+        });
+    }
+};
diff --git a/database/migrations/2024_12_13_144738_add_extracurricular_activity_to_events_table.php b/database/migrations/2024_12_13_144738_add_extracurricular_activity_to_events_table.php
new file mode 100644
index 000000000..572827768
--- /dev/null
+++ b/database/migrations/2024_12_13_144738_add_extracurricular_activity_to_events_table.php
@@ -0,0 +1,25 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up()
+    {
+        Schema::table('events', function (Blueprint $table) {
+            $table->string('extracurricular_activity')->nullable();
+        });
+    }
+
+    public function down()
+    {
+        Schema::table('events', function (Blueprint $table) {
+            $table->dropColumn('extracurricular_activity');
+        });
+    }
+};
diff --git a/database/migrations/2024_12_13_160830_add_recurring_event_to_events_table.php b/database/migrations/2024_12_13_160830_add_recurring_event_to_events_table.php
new file mode 100644
index 000000000..1a2bb9ad7
--- /dev/null
+++ b/database/migrations/2024_12_13_160830_add_recurring_event_to_events_table.php
@@ -0,0 +1,23 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    public function up()
+    {
+        Schema::table('events', function (Blueprint $table) {
+            $table->string('recurring_event')->default('no'); // 'yes' or 'no'
+            $table->string('frequency')->nullable(); // 'daily', 'weekly', 'monthly'
+        });
+    }
+
+    public function down()
+    {
+        Schema::table('events', function (Blueprint $table) {
+            $table->dropColumn(['recurring_event', 'frequency']);
+        });
+    }
+};
diff --git a/database/migrations/2024_12_18_113729_add_consent_columns_to_users_table.php_disable b/database/migrations/2024_12_18_113729_add_consent_columns_to_users_table.php_disable
new file mode 100644
index 000000000..e65525f7a
--- /dev/null
+++ b/database/migrations/2024_12_18_113729_add_consent_columns_to_users_table.php_disable
@@ -0,0 +1,26 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     */
+    public function up()
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->timestamp('consent_given_at')->nullable();
+            $table->timestamp('future_consent_given_at')->nullable();
+        });
+    }
+
+    public function down()
+    {
+        Schema::table('users', function (Blueprint $table) {
+            $table->dropColumn(['consent_given_at', 'future_consent_given_at']);
+        });
+    }
+};
diff --git a/package-lock.json b/package-lock.json
index f36c4149c..52065446d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,10 +1,11 @@
 {
     "name": "codeweek",
-    "lockfileVersion": 3,
+    "lockfileVersion": 2,
     "requires": true,
     "packages": {
         "": {
             "dependencies": {
+                "@tailwindcss/forms": "^0.5.9",
                 "@vitejs/plugin-vue": "^5.0.4",
                 "@vuepic/vue-datepicker": "^8.8.1",
                 "laravel-vue-i18n": "^2.7.7",
@@ -32,7 +33,6 @@
             "version": "5.2.0",
             "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
             "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-            "dev": true,
             "engines": {
                 "node": ">=10"
             },
@@ -40,10 +40,29 @@
                 "url": "https://github.com/sponsors/sindresorhus"
             }
         },
+        "node_modules/@babel/helper-string-parser": {
+            "version": "7.25.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+            "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
+        "node_modules/@babel/helper-validator-identifier": {
+            "version": "7.25.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+            "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==",
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
         "node_modules/@babel/parser": {
-            "version": "7.24.5",
-            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.5.tgz",
-            "integrity": "sha512-EOv5IK8arwh3LI47dz1b0tKUb/1uhHAnHJOrjgtQMIpu1uXd9mlFrJg9IUgGUgZ41Ch0K8REPTYpO7B76b4vJg==",
+            "version": "7.26.3",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
+            "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
+            "dependencies": {
+                "@babel/types": "^7.26.3"
+            },
             "bin": {
                 "parser": "bin/babel-parser.js"
             },
@@ -51,10 +70,22 @@
                 "node": ">=6.0.0"
             }
         },
+        "node_modules/@babel/types": {
+            "version": "7.26.3",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
+            "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
+            "dependencies": {
+                "@babel/helper-string-parser": "^7.25.9",
+                "@babel/helper-validator-identifier": "^7.25.9"
+            },
+            "engines": {
+                "node": ">=6.9.0"
+            }
+        },
         "node_modules/@esbuild/aix-ppc64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.20.2.tgz",
-            "integrity": "sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+            "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
             "cpu": [
                 "ppc64"
             ],
@@ -67,9 +98,9 @@
             }
         },
         "node_modules/@esbuild/android-arm": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.20.2.tgz",
-            "integrity": "sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+            "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
             "cpu": [
                 "arm"
             ],
@@ -82,9 +113,9 @@
             }
         },
         "node_modules/@esbuild/android-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.20.2.tgz",
-            "integrity": "sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+            "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
             "cpu": [
                 "arm64"
             ],
@@ -97,9 +128,9 @@
             }
         },
         "node_modules/@esbuild/android-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.20.2.tgz",
-            "integrity": "sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+            "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
             "cpu": [
                 "x64"
             ],
@@ -112,9 +143,9 @@
             }
         },
         "node_modules/@esbuild/darwin-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.20.2.tgz",
-            "integrity": "sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+            "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
             "cpu": [
                 "arm64"
             ],
@@ -127,9 +158,9 @@
             }
         },
         "node_modules/@esbuild/darwin-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.20.2.tgz",
-            "integrity": "sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+            "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
             "cpu": [
                 "x64"
             ],
@@ -142,9 +173,9 @@
             }
         },
         "node_modules/@esbuild/freebsd-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.20.2.tgz",
-            "integrity": "sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+            "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
             "cpu": [
                 "arm64"
             ],
@@ -157,9 +188,9 @@
             }
         },
         "node_modules/@esbuild/freebsd-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.20.2.tgz",
-            "integrity": "sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+            "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
             "cpu": [
                 "x64"
             ],
@@ -172,9 +203,9 @@
             }
         },
         "node_modules/@esbuild/linux-arm": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.20.2.tgz",
-            "integrity": "sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+            "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
             "cpu": [
                 "arm"
             ],
@@ -187,9 +218,9 @@
             }
         },
         "node_modules/@esbuild/linux-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.20.2.tgz",
-            "integrity": "sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+            "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
             "cpu": [
                 "arm64"
             ],
@@ -202,9 +233,9 @@
             }
         },
         "node_modules/@esbuild/linux-ia32": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.20.2.tgz",
-            "integrity": "sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+            "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
             "cpu": [
                 "ia32"
             ],
@@ -217,9 +248,9 @@
             }
         },
         "node_modules/@esbuild/linux-loong64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.20.2.tgz",
-            "integrity": "sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+            "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
             "cpu": [
                 "loong64"
             ],
@@ -232,9 +263,9 @@
             }
         },
         "node_modules/@esbuild/linux-mips64el": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.20.2.tgz",
-            "integrity": "sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+            "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
             "cpu": [
                 "mips64el"
             ],
@@ -247,9 +278,9 @@
             }
         },
         "node_modules/@esbuild/linux-ppc64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.20.2.tgz",
-            "integrity": "sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+            "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
             "cpu": [
                 "ppc64"
             ],
@@ -262,9 +293,9 @@
             }
         },
         "node_modules/@esbuild/linux-riscv64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.20.2.tgz",
-            "integrity": "sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+            "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
             "cpu": [
                 "riscv64"
             ],
@@ -277,9 +308,9 @@
             }
         },
         "node_modules/@esbuild/linux-s390x": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.20.2.tgz",
-            "integrity": "sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+            "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
             "cpu": [
                 "s390x"
             ],
@@ -292,9 +323,9 @@
             }
         },
         "node_modules/@esbuild/linux-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.20.2.tgz",
-            "integrity": "sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+            "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
             "cpu": [
                 "x64"
             ],
@@ -307,9 +338,9 @@
             }
         },
         "node_modules/@esbuild/netbsd-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.20.2.tgz",
-            "integrity": "sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+            "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
             "cpu": [
                 "x64"
             ],
@@ -322,9 +353,9 @@
             }
         },
         "node_modules/@esbuild/openbsd-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.20.2.tgz",
-            "integrity": "sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+            "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
             "cpu": [
                 "x64"
             ],
@@ -337,9 +368,9 @@
             }
         },
         "node_modules/@esbuild/sunos-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.20.2.tgz",
-            "integrity": "sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+            "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
             "cpu": [
                 "x64"
             ],
@@ -352,9 +383,9 @@
             }
         },
         "node_modules/@esbuild/win32-arm64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.20.2.tgz",
-            "integrity": "sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+            "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
             "cpu": [
                 "arm64"
             ],
@@ -367,9 +398,9 @@
             }
         },
         "node_modules/@esbuild/win32-ia32": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.20.2.tgz",
-            "integrity": "sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+            "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
             "cpu": [
                 "ia32"
             ],
@@ -382,9 +413,9 @@
             }
         },
         "node_modules/@esbuild/win32-x64": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.20.2.tgz",
-            "integrity": "sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+            "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
             "cpu": [
                 "x64"
             ],
@@ -397,12 +428,12 @@
             }
         },
         "node_modules/@intlify/core-base": {
-            "version": "9.13.1",
-            "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.13.1.tgz",
-            "integrity": "sha512-+bcQRkJO9pcX8d0gel9ZNfrzU22sZFSA0WVhfXrf5jdJOS24a+Bp8pozuS9sBI9Hk/tGz83pgKfmqcn/Ci7/8w==",
+            "version": "9.14.2",
+            "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.14.2.tgz",
+            "integrity": "sha512-DZyQ4Hk22sC81MP4qiCDuU+LdaYW91A6lCjq8AWPvY3+mGMzhGDfOCzvyR6YBQxtlPjFqMoFk9ylnNYRAQwXtQ==",
             "dependencies": {
-                "@intlify/message-compiler": "9.13.1",
-                "@intlify/shared": "9.13.1"
+                "@intlify/message-compiler": "9.14.2",
+                "@intlify/shared": "9.14.2"
             },
             "engines": {
                 "node": ">= 16"
@@ -412,11 +443,11 @@
             }
         },
         "node_modules/@intlify/message-compiler": {
-            "version": "9.13.1",
-            "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.13.1.tgz",
-            "integrity": "sha512-SKsVa4ajYGBVm7sHMXd5qX70O2XXjm55zdZB3VeMFCvQyvLew/dLvq3MqnaIsTMF1VkkOb9Ttr6tHcMlyPDL9w==",
+            "version": "9.14.2",
+            "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.14.2.tgz",
+            "integrity": "sha512-YsKKuV4Qv4wrLNsvgWbTf0E40uRv+Qiw1BeLQ0LAxifQuhiMe+hfTIzOMdWj/ZpnTDj4RSZtkXjJM7JDiiB5LQ==",
             "dependencies": {
-                "@intlify/shared": "9.13.1",
+                "@intlify/shared": "9.14.2",
                 "source-map-js": "^1.0.2"
             },
             "engines": {
@@ -427,9 +458,9 @@
             }
         },
         "node_modules/@intlify/shared": {
-            "version": "9.13.1",
-            "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.13.1.tgz",
-            "integrity": "sha512-u3b6BKGhE6j/JeRU6C/RL2FgyJfy6LakbtfeVF8fJXURpZZTzfh3e05J0bu0XPw447Q6/WUp3C4ajv4TMS4YsQ==",
+            "version": "9.14.2",
+            "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.14.2.tgz",
+            "integrity": "sha512-uRAHAxYPeF+G5DBIboKpPgC/Waecd4Jz8ihtkpJQD5ycb5PwXp0k/+hBGl5dAjwF7w+l74kz/PKA8r8OK//RUw==",
             "engines": {
                 "node": ">= 16"
             },
@@ -441,7 +472,6 @@
             "version": "8.0.2",
             "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
             "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-            "dev": true,
             "dependencies": {
                 "string-width": "^5.1.2",
                 "string-width-cjs": "npm:string-width@^4.2.0",
@@ -455,9 +485,9 @@
             }
         },
         "node_modules/@jridgewell/gen-mapping": {
-            "version": "0.3.5",
-            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
-            "integrity": "sha512-IzL8ZoEDIBRWEzlCcRhOaCupYyN5gdIK+Q6fbFdPDg6HqX6jpkItn7DFIpW9LQzXG6Df9sA7+OKnq0qlz/GaQg==",
+            "version": "0.3.8",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+            "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
             "dependencies": {
                 "@jridgewell/set-array": "^1.2.1",
                 "@jridgewell/sourcemap-codec": "^1.4.10",
@@ -494,9 +524,9 @@
             }
         },
         "node_modules/@jridgewell/sourcemap-codec": {
-            "version": "1.4.15",
-            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
-            "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+            "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
         },
         "node_modules/@jridgewell/trace-mapping": {
             "version": "0.3.25",
@@ -511,7 +541,6 @@
             "version": "2.1.5",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
             "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-            "dev": true,
             "dependencies": {
                 "@nodelib/fs.stat": "2.0.5",
                 "run-parallel": "^1.1.9"
@@ -524,7 +553,6 @@
             "version": "2.0.5",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
             "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-            "dev": true,
             "engines": {
                 "node": ">= 8"
             }
@@ -533,7 +561,6 @@
             "version": "1.2.8",
             "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
             "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-            "dev": true,
             "dependencies": {
                 "@nodelib/fs.scandir": "2.1.5",
                 "fastq": "^1.6.0"
@@ -542,20 +569,301 @@
                 "node": ">= 8"
             }
         },
+        "node_modules/@parcel/watcher": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz",
+            "integrity": "sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==",
+            "hasInstallScript": true,
+            "optional": true,
+            "dependencies": {
+                "detect-libc": "^1.0.3",
+                "is-glob": "^4.0.3",
+                "micromatch": "^4.0.5",
+                "node-addon-api": "^7.0.0"
+            },
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            },
+            "optionalDependencies": {
+                "@parcel/watcher-android-arm64": "2.5.0",
+                "@parcel/watcher-darwin-arm64": "2.5.0",
+                "@parcel/watcher-darwin-x64": "2.5.0",
+                "@parcel/watcher-freebsd-x64": "2.5.0",
+                "@parcel/watcher-linux-arm-glibc": "2.5.0",
+                "@parcel/watcher-linux-arm-musl": "2.5.0",
+                "@parcel/watcher-linux-arm64-glibc": "2.5.0",
+                "@parcel/watcher-linux-arm64-musl": "2.5.0",
+                "@parcel/watcher-linux-x64-glibc": "2.5.0",
+                "@parcel/watcher-linux-x64-musl": "2.5.0",
+                "@parcel/watcher-win32-arm64": "2.5.0",
+                "@parcel/watcher-win32-ia32": "2.5.0",
+                "@parcel/watcher-win32-x64": "2.5.0"
+            }
+        },
+        "node_modules/@parcel/watcher-android-arm64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz",
+            "integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==",
+            "cpu": [
+                "arm64"
+            ],
+            "optional": true,
+            "os": [
+                "android"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-darwin-arm64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz",
+            "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==",
+            "cpu": [
+                "arm64"
+            ],
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-darwin-x64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz",
+            "integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==",
+            "cpu": [
+                "x64"
+            ],
+            "optional": true,
+            "os": [
+                "darwin"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-freebsd-x64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz",
+            "integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==",
+            "cpu": [
+                "x64"
+            ],
+            "optional": true,
+            "os": [
+                "freebsd"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-arm-glibc": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz",
+            "integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==",
+            "cpu": [
+                "arm"
+            ],
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-arm-musl": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz",
+            "integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==",
+            "cpu": [
+                "arm"
+            ],
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-arm64-glibc": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz",
+            "integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==",
+            "cpu": [
+                "arm64"
+            ],
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-arm64-musl": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz",
+            "integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==",
+            "cpu": [
+                "arm64"
+            ],
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-x64-glibc": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz",
+            "integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==",
+            "cpu": [
+                "x64"
+            ],
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-linux-x64-musl": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz",
+            "integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==",
+            "cpu": [
+                "x64"
+            ],
+            "optional": true,
+            "os": [
+                "linux"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-win32-arm64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz",
+            "integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==",
+            "cpu": [
+                "arm64"
+            ],
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-win32-ia32": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz",
+            "integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==",
+            "cpu": [
+                "ia32"
+            ],
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
+        "node_modules/@parcel/watcher-win32-x64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz",
+            "integrity": "sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==",
+            "cpu": [
+                "x64"
+            ],
+            "optional": true,
+            "os": [
+                "win32"
+            ],
+            "engines": {
+                "node": ">= 10.0.0"
+            },
+            "funding": {
+                "type": "opencollective",
+                "url": "https://opencollective.com/parcel"
+            }
+        },
         "node_modules/@pkgjs/parseargs": {
             "version": "0.11.0",
             "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
             "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-            "dev": true,
             "optional": true,
             "engines": {
                 "node": ">=14"
             }
         },
         "node_modules/@rollup/rollup-android-arm-eabi": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.17.2.tgz",
-            "integrity": "sha512-NM0jFxY8bB8QLkoKxIQeObCaDlJKewVlIEkuyYKm5An1tdVZ966w2+MPQ2l8LBZLjR+SgyV+nRkTIunzOYBMLQ==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.28.1.tgz",
+            "integrity": "sha512-2aZp8AES04KI2dy3Ss6/MDjXbwBzj+i0GqKtWXgw2/Ma6E4jJvujryO6gJAghIRVz7Vwr9Gtl/8na3nDUKpraQ==",
             "cpu": [
                 "arm"
             ],
@@ -565,9 +873,9 @@
             ]
         },
         "node_modules/@rollup/rollup-android-arm64": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.17.2.tgz",
-            "integrity": "sha512-yeX/Usk7daNIVwkq2uGoq2BYJKZY1JfyLTaHO/jaiSwi/lsf8fTFoQW/n6IdAsx5tx+iotu2zCJwz8MxI6D/Bw==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.28.1.tgz",
+            "integrity": "sha512-EbkK285O+1YMrg57xVA+Dp0tDBRB93/BZKph9XhMjezf6F4TpYjaUSuPt5J0fZXlSag0LmZAsTmdGGqPp4pQFA==",
             "cpu": [
                 "arm64"
             ],
@@ -577,9 +885,9 @@
             ]
         },
         "node_modules/@rollup/rollup-darwin-arm64": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.17.2.tgz",
-            "integrity": "sha512-kcMLpE6uCwls023+kknm71ug7MZOrtXo+y5p/tsg6jltpDtgQY1Eq5sGfHcQfb+lfuKwhBmEURDga9N0ol4YPw==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.28.1.tgz",
+            "integrity": "sha512-prduvrMKU6NzMq6nxzQw445zXgaDBbMQvmKSJaxpaZ5R1QDM8w+eGxo6Y/jhT/cLoCvnZI42oEqf9KQNYz1fqQ==",
             "cpu": [
                 "arm64"
             ],
@@ -589,9 +897,9 @@
             ]
         },
         "node_modules/@rollup/rollup-darwin-x64": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.17.2.tgz",
-            "integrity": "sha512-AtKwD0VEx0zWkL0ZjixEkp5tbNLzX+FCqGG1SvOu993HnSz4qDI6S4kGzubrEJAljpVkhRSlg5bzpV//E6ysTQ==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.28.1.tgz",
+            "integrity": "sha512-WsvbOunsUk0wccO/TV4o7IKgloJ942hVFK1CLatwv6TJspcCZb9umQkPdvB7FihmdxgaKR5JyxDjWpCOp4uZlQ==",
             "cpu": [
                 "x64"
             ],
@@ -600,10 +908,34 @@
                 "darwin"
             ]
         },
+        "node_modules/@rollup/rollup-freebsd-arm64": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.28.1.tgz",
+            "integrity": "sha512-HTDPdY1caUcU4qK23FeeGxCdJF64cKkqajU0iBnTVxS8F7H/7BewvYoG+va1KPSL63kQ1PGNyiwKOfReavzvNA==",
+            "cpu": [
+                "arm64"
+            ],
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
+        "node_modules/@rollup/rollup-freebsd-x64": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.28.1.tgz",
+            "integrity": "sha512-m/uYasxkUevcFTeRSM9TeLyPe2QDuqtjkeoTpP9SW0XxUWfcYrGDMkO/m2tTw+4NMAF9P2fU3Mw4ahNvo7QmsQ==",
+            "cpu": [
+                "x64"
+            ],
+            "optional": true,
+            "os": [
+                "freebsd"
+            ]
+        },
         "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.17.2.tgz",
-            "integrity": "sha512-3reX2fUHqN7sffBNqmEyMQVj/CKhIHZd4y631duy0hZqI8Qoqf6lTtmAKvJFYa6bhU95B1D0WgzHkmTg33In0A==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.28.1.tgz",
+            "integrity": "sha512-QAg11ZIt6mcmzpNE6JZBpKfJaKkqTm1A9+y9O+frdZJEuhQxiugM05gnCWiANHj4RmbgeVJpTdmKRmH/a+0QbA==",
             "cpu": [
                 "arm"
             ],
@@ -613,9 +945,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm-musleabihf": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.17.2.tgz",
-            "integrity": "sha512-uSqpsp91mheRgw96xtyAGP9FW5ChctTFEoXP0r5FAzj/3ZRv3Uxjtc7taRQSaQM/q85KEKjKsZuiZM3GyUivRg==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.28.1.tgz",
+            "integrity": "sha512-dRP9PEBfolq1dmMcFqbEPSd9VlRuVWEGSmbxVEfiq2cs2jlZAl0YNxFzAQS2OrQmsLBLAATDMb3Z6MFv5vOcXg==",
             "cpu": [
                 "arm"
             ],
@@ -625,9 +957,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-gnu": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.17.2.tgz",
-            "integrity": "sha512-EMMPHkiCRtE8Wdk3Qhtciq6BndLtstqZIroHiiGzB3C5LDJmIZcSzVtLRbwuXuUft1Cnv+9fxuDtDxz3k3EW2A==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.28.1.tgz",
+            "integrity": "sha512-uGr8khxO+CKT4XU8ZUH1TTEUtlktK6Kgtv0+6bIFSeiSlnGJHG1tSFSjm41uQ9sAO/5ULx9mWOz70jYLyv1QkA==",
             "cpu": [
                 "arm64"
             ],
@@ -637,9 +969,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-arm64-musl": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.17.2.tgz",
-            "integrity": "sha512-NMPylUUZ1i0z/xJUIx6VUhISZDRT+uTWpBcjdv0/zkp7b/bQDF+NfnfdzuTiB1G6HTodgoFa93hp0O1xl+/UbA==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.28.1.tgz",
+            "integrity": "sha512-QF54q8MYGAqMLrX2t7tNpi01nvq5RI59UBNx+3+37zoKX5KViPo/gk2QLhsuqok05sSCRluj0D00LzCwBikb0A==",
             "cpu": [
                 "arm64"
             ],
@@ -648,10 +980,22 @@
                 "linux"
             ]
         },
+        "node_modules/@rollup/rollup-linux-loongarch64-gnu": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.28.1.tgz",
+            "integrity": "sha512-vPul4uodvWvLhRco2w0GcyZcdyBfpfDRgNKU+p35AWEbJ/HPs1tOUrkSueVbBS0RQHAf/A+nNtDpvw95PeVKOA==",
+            "cpu": [
+                "loong64"
+            ],
+            "optional": true,
+            "os": [
+                "linux"
+            ]
+        },
         "node_modules/@rollup/rollup-linux-powerpc64le-gnu": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.17.2.tgz",
-            "integrity": "sha512-T19My13y8uYXPw/L/k0JYaX1fJKFT/PWdXiHr8mTbXWxjVF1t+8Xl31DgBBvEKclw+1b00Chg0hxE2O7bTG7GQ==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.28.1.tgz",
+            "integrity": "sha512-pTnTdBuC2+pt1Rmm2SV7JWRqzhYpEILML4PKODqLz+C7Ou2apEV52h19CR7es+u04KlqplggmN9sqZlekg3R1A==",
             "cpu": [
                 "ppc64"
             ],
@@ -661,9 +1005,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-riscv64-gnu": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.17.2.tgz",
-            "integrity": "sha512-BOaNfthf3X3fOWAB+IJ9kxTgPmMqPPH5f5k2DcCsRrBIbWnaJCgX2ll77dV1TdSy9SaXTR5iDXRL8n7AnoP5cg==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.28.1.tgz",
+            "integrity": "sha512-vWXy1Nfg7TPBSuAncfInmAI/WZDd5vOklyLJDdIRKABcZWojNDY0NJwruY2AcnCLnRJKSaBgf/GiJfauu8cQZA==",
             "cpu": [
                 "riscv64"
             ],
@@ -673,9 +1017,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-s390x-gnu": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.17.2.tgz",
-            "integrity": "sha512-W0UP/x7bnn3xN2eYMql2T/+wpASLE5SjObXILTMPUBDB/Fg/FxC+gX4nvCfPBCbNhz51C+HcqQp2qQ4u25ok6g==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.28.1.tgz",
+            "integrity": "sha512-/yqC2Y53oZjb0yz8PVuGOQQNOTwxcizudunl/tFs1aLvObTclTwZ0JhXF2XcPT/zuaymemCDSuuUPXJJyqeDOg==",
             "cpu": [
                 "s390x"
             ],
@@ -685,9 +1029,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-x64-gnu": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.17.2.tgz",
-            "integrity": "sha512-Hy7pLwByUOuyaFC6mAr7m+oMC+V7qyifzs/nW2OJfC8H4hbCzOX07Ov0VFk/zP3kBsELWNFi7rJtgbKYsav9QQ==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.28.1.tgz",
+            "integrity": "sha512-fzgeABz7rrAlKYB0y2kSEiURrI0691CSL0+KXwKwhxvj92VULEDQLpBYLHpF49MSiPG4sq5CK3qHMnb9tlCjBw==",
             "cpu": [
                 "x64"
             ],
@@ -697,9 +1041,9 @@
             ]
         },
         "node_modules/@rollup/rollup-linux-x64-musl": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.17.2.tgz",
-            "integrity": "sha512-h1+yTWeYbRdAyJ/jMiVw0l6fOOm/0D1vNLui9iPuqgRGnXA0u21gAqOyB5iHjlM9MMfNOm9RHCQ7zLIzT0x11Q==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.28.1.tgz",
+            "integrity": "sha512-xQTDVzSGiMlSshpJCtudbWyRfLaNiVPXt1WgdWTwWz9n0U12cI2ZVtWe/Jgwyv/6wjL7b66uu61Vg0POWVfz4g==",
             "cpu": [
                 "x64"
             ],
@@ -709,9 +1053,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-arm64-msvc": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.17.2.tgz",
-            "integrity": "sha512-tmdtXMfKAjy5+IQsVtDiCfqbynAQE/TQRpWdVataHmhMb9DCoJxp9vLcCBjEQWMiUYxO1QprH/HbY9ragCEFLA==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.28.1.tgz",
+            "integrity": "sha512-wSXmDRVupJstFP7elGMgv+2HqXelQhuNf+IS4V+nUpNVi/GUiBgDmfwD0UGN3pcAnWsgKG3I52wMOBnk1VHr/A==",
             "cpu": [
                 "arm64"
             ],
@@ -721,9 +1065,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-ia32-msvc": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.17.2.tgz",
-            "integrity": "sha512-7II/QCSTAHuE5vdZaQEwJq2ZACkBpQDOmQsE6D6XUbnBHW8IAhm4eTufL6msLJorzrHDFv3CF8oCA/hSIRuZeQ==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.28.1.tgz",
+            "integrity": "sha512-ZkyTJ/9vkgrE/Rk9vhMXhf8l9D+eAhbAVbsGsXKy2ohmJaWg0LPQLnIxRdRp/bKyr8tXuPlXhIoGlEB5XpJnGA==",
             "cpu": [
                 "ia32"
             ],
@@ -733,9 +1077,9 @@
             ]
         },
         "node_modules/@rollup/rollup-win32-x64-msvc": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.17.2.tgz",
-            "integrity": "sha512-TGGO7v7qOq4CYmSBVEYpI1Y5xDuCEnbVC5Vth8mOsW0gDSzxNrVERPc790IGHsrT2dQSimgMr9Ub3Y1Jci5/8w==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.28.1.tgz",
+            "integrity": "sha512-ZvK2jBafvttJjoIdKm/Q/Bh7IJ1Ose9IBOwpOXcOvW3ikGTQGmKDgxTC6oCAzW6PynbkKP8+um1du81XJHZ0JA==",
             "cpu": [
                 "x64"
             ],
@@ -744,10 +1088,21 @@
                 "win32"
             ]
         },
+        "node_modules/@tailwindcss/forms": {
+            "version": "0.5.9",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.9.tgz",
+            "integrity": "sha512-tM4XVr2+UVTxXJzey9Twx48c1gcxFStqn1pQz0tRsX8o3DvxhN5oY5pvyAbUx7VTaZxpej4Zzvc6h+1RJBzpIg==",
+            "dependencies": {
+                "mini-svg-data-uri": "^1.2.3"
+            },
+            "peerDependencies": {
+                "tailwindcss": ">=3.0.0 || >= 3.0.0-alpha.1 || >= 4.0.0-alpha.20"
+            }
+        },
         "node_modules/@types/eslint": {
-            "version": "8.56.10",
-            "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-8.56.10.tgz",
-            "integrity": "sha512-Shavhk87gCtY2fhXDctcfS3e6FdxWkCx1iUZ9eEUbh7rTqlZT0/IzOkCOVt0fCjcFuZ9FPYfuezTBImfHCDBGQ==",
+            "version": "9.6.1",
+            "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
+            "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
             "peer": true,
             "dependencies": {
                 "@types/estree": "*",
@@ -765,9 +1120,9 @@
             }
         },
         "node_modules/@types/estree": {
-            "version": "1.0.5",
-            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-            "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw=="
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+            "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw=="
         },
         "node_modules/@types/json-schema": {
             "version": "7.0.15",
@@ -776,120 +1131,121 @@
             "peer": true
         },
         "node_modules/@types/node": {
-            "version": "20.12.7",
-            "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.7.tgz",
-            "integrity": "sha512-wq0cICSkRLVaf3UGLMGItu/PtdY7oaXaI/RVU+xliKVOtRna3PRY57ZDfztpDL0n11vfymMUnXv8QwYCO7L1wg==",
+            "version": "22.10.2",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.2.tgz",
+            "integrity": "sha512-Xxr6BBRCAOQixvonOye19wnzyDiUtTeqldOOmj3CkeblonbccA12PFwlufvRdrpjXxqnmUaeiU5EOA+7s5diUQ==",
             "peer": true,
             "dependencies": {
-                "undici-types": "~5.26.4"
+                "undici-types": "~6.20.0"
             }
         },
         "node_modules/@vitejs/plugin-vue": {
-            "version": "5.0.4",
-            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.0.4.tgz",
-            "integrity": "sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==",
+            "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.1.tgz",
+            "integrity": "sha512-cxh314tzaWwOLqVes2gnnCtvBDcM1UMdn+iFR+UjAn411dPT3tOmqrJjbMd7koZpMAmBM/GqeV4n9ge7JSiJJQ==",
             "engines": {
                 "node": "^18.0.0 || >=20.0.0"
             },
             "peerDependencies": {
-                "vite": "^5.0.0",
+                "vite": "^5.0.0 || ^6.0.0",
                 "vue": "^3.2.25"
             }
         },
         "node_modules/@vue/compiler-core": {
-            "version": "3.4.26",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.4.26.tgz",
-            "integrity": "sha512-N9Vil6Hvw7NaiyFUFBPXrAyETIGlQ8KcFMkyk6hW1Cl6NvoqvP+Y8p1Eqvx+UdqsnrnI9+HMUEJegzia3mhXmQ==",
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
+            "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
             "dependencies": {
-                "@babel/parser": "^7.24.4",
-                "@vue/shared": "3.4.26",
+                "@babel/parser": "^7.25.3",
+                "@vue/shared": "3.5.13",
                 "entities": "^4.5.0",
                 "estree-walker": "^2.0.2",
                 "source-map-js": "^1.2.0"
             }
         },
         "node_modules/@vue/compiler-dom": {
-            "version": "3.4.26",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.4.26.tgz",
-            "integrity": "sha512-4CWbR5vR9fMg23YqFOhr6t6WB1Fjt62d6xdFPyj8pxrYub7d+OgZaObMsoxaF9yBUHPMiPFK303v61PwAuGvZA==",
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
+            "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
             "dependencies": {
-                "@vue/compiler-core": "3.4.26",
-                "@vue/shared": "3.4.26"
+                "@vue/compiler-core": "3.5.13",
+                "@vue/shared": "3.5.13"
             }
         },
         "node_modules/@vue/compiler-sfc": {
-            "version": "3.4.26",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.4.26.tgz",
-            "integrity": "sha512-It1dp+FAOCgluYSVYlDn5DtZBxk1NCiJJfu2mlQqa/b+k8GL6NG/3/zRbJnHdhV2VhxFghaDq5L4K+1dakW6cw==",
-            "dependencies": {
-                "@babel/parser": "^7.24.4",
-                "@vue/compiler-core": "3.4.26",
-                "@vue/compiler-dom": "3.4.26",
-                "@vue/compiler-ssr": "3.4.26",
-                "@vue/shared": "3.4.26",
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
+            "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
+            "dependencies": {
+                "@babel/parser": "^7.25.3",
+                "@vue/compiler-core": "3.5.13",
+                "@vue/compiler-dom": "3.5.13",
+                "@vue/compiler-ssr": "3.5.13",
+                "@vue/shared": "3.5.13",
                 "estree-walker": "^2.0.2",
-                "magic-string": "^0.30.10",
-                "postcss": "^8.4.38",
+                "magic-string": "^0.30.11",
+                "postcss": "^8.4.48",
                 "source-map-js": "^1.2.0"
             }
         },
         "node_modules/@vue/compiler-ssr": {
-            "version": "3.4.26",
-            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.4.26.tgz",
-            "integrity": "sha512-FNwLfk7LlEPRY/g+nw2VqiDKcnDTVdCfBREekF8X74cPLiWHUX6oldktf/Vx28yh4STNy7t+/yuLoMBBF7YDiQ==",
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
+            "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
             "dependencies": {
-                "@vue/compiler-dom": "3.4.26",
-                "@vue/shared": "3.4.26"
+                "@vue/compiler-dom": "3.5.13",
+                "@vue/shared": "3.5.13"
             }
         },
         "node_modules/@vue/devtools-api": {
-            "version": "6.6.1",
-            "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.1.tgz",
-            "integrity": "sha512-LgPscpE3Vs0x96PzSSB4IGVSZXZBZHpfxs+ZA1d+VEPwHdOXowy/Y2CsvCAIFrf+ssVU1pD1jidj505EpUnfbA=="
+            "version": "6.6.4",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+            "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g=="
         },
         "node_modules/@vue/reactivity": {
-            "version": "3.4.26",
-            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.4.26.tgz",
-            "integrity": "sha512-E/ynEAu/pw0yotJeLdvZEsp5Olmxt+9/WqzvKff0gE67tw73gmbx6tRkiagE/eH0UCubzSlGRebCbidB1CpqZQ==",
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
+            "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
             "dependencies": {
-                "@vue/shared": "3.4.26"
+                "@vue/shared": "3.5.13"
             }
         },
         "node_modules/@vue/runtime-core": {
-            "version": "3.4.26",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.4.26.tgz",
-            "integrity": "sha512-AFJDLpZvhT4ujUgZSIL9pdNcO23qVFh7zWCsNdGQBw8ecLNxOOnPcK9wTTIYCmBJnuPHpukOwo62a2PPivihqw==",
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
+            "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
             "dependencies": {
-                "@vue/reactivity": "3.4.26",
-                "@vue/shared": "3.4.26"
+                "@vue/reactivity": "3.5.13",
+                "@vue/shared": "3.5.13"
             }
         },
         "node_modules/@vue/runtime-dom": {
-            "version": "3.4.26",
-            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.4.26.tgz",
-            "integrity": "sha512-UftYA2hUXR2UOZD/Fc3IndZuCOOJgFxJsWOxDkhfVcwLbsfh2CdXE2tG4jWxBZuDAs9J9PzRTUFt1PgydEtItw==",
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
+            "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
             "dependencies": {
-                "@vue/runtime-core": "3.4.26",
-                "@vue/shared": "3.4.26",
+                "@vue/reactivity": "3.5.13",
+                "@vue/runtime-core": "3.5.13",
+                "@vue/shared": "3.5.13",
                 "csstype": "^3.1.3"
             }
         },
         "node_modules/@vue/server-renderer": {
-            "version": "3.4.26",
-            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.4.26.tgz",
-            "integrity": "sha512-xoGAqSjYDPGAeRWxeoYwqJFD/gw7mpgzOvSxEmjWaFO2rE6qpbD1PC172YRpvKhrihkyHJkNDADFXTfCyVGhKw==",
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
+            "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
             "dependencies": {
-                "@vue/compiler-ssr": "3.4.26",
-                "@vue/shared": "3.4.26"
+                "@vue/compiler-ssr": "3.5.13",
+                "@vue/shared": "3.5.13"
             },
             "peerDependencies": {
-                "vue": "3.4.26"
+                "vue": "3.5.13"
             }
         },
         "node_modules/@vue/shared": {
-            "version": "3.4.26",
-            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.26.tgz",
-            "integrity": "sha512-Fg4zwR0GNnjzodMt3KRy2AWGMKQXByl56+4HjN87soxLNU9P5xcJkstAlIeEF3cU6UYOzmJl1tV0dVPGIljCnQ=="
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ=="
         },
         "node_modules/@vuepic/vue-datepicker": {
             "version": "8.8.1",
@@ -903,148 +1259,148 @@
             }
         },
         "node_modules/@webassemblyjs/ast": {
-            "version": "1.12.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.12.1.tgz",
-            "integrity": "sha512-EKfMUOPRRUTy5UII4qJDGPpqfwjOmZ5jeGFwid9mnoqIFK+e0vqoi1qH56JpmZSzEL53jKnNzScdmftJyG5xWg==",
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+            "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
             "peer": true,
             "dependencies": {
-                "@webassemblyjs/helper-numbers": "1.11.6",
-                "@webassemblyjs/helper-wasm-bytecode": "1.11.6"
+                "@webassemblyjs/helper-numbers": "1.13.2",
+                "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
             }
         },
         "node_modules/@webassemblyjs/floating-point-hex-parser": {
-            "version": "1.11.6",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.11.6.tgz",
-            "integrity": "sha512-ejAj9hfRJ2XMsNHk/v6Fu2dGS+i4UaXBXGemOfQ/JfQ6mdQg/WXtwleQRLLS4OvfDhv8rYnVwH27YJLMyYsxhw==",
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+            "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
             "peer": true
         },
         "node_modules/@webassemblyjs/helper-api-error": {
-            "version": "1.11.6",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.11.6.tgz",
-            "integrity": "sha512-o0YkoP4pVu4rN8aTJgAyj9hC2Sv5UlkzCHhxqWj8butaLvnpdc2jOwh4ewE6CX0txSfLn/UYaV/pheS2Txg//Q==",
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+            "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
             "peer": true
         },
         "node_modules/@webassemblyjs/helper-buffer": {
-            "version": "1.12.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.12.1.tgz",
-            "integrity": "sha512-nzJwQw99DNDKr9BVCOZcLuJJUlqkJh+kVzVl6Fmq/tI5ZtEyWT1KZMyOXltXLZJmDtvLCDgwsyrkohEtopTXCw==",
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+            "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
             "peer": true
         },
         "node_modules/@webassemblyjs/helper-numbers": {
-            "version": "1.11.6",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.11.6.tgz",
-            "integrity": "sha512-vUIhZ8LZoIWHBohiEObxVm6hwP034jwmc9kuq5GdHZH0wiLVLIPcMCdpJzG4C11cHoQ25TFIQj9kaVADVX7N3g==",
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+            "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
             "peer": true,
             "dependencies": {
-                "@webassemblyjs/floating-point-hex-parser": "1.11.6",
-                "@webassemblyjs/helper-api-error": "1.11.6",
+                "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+                "@webassemblyjs/helper-api-error": "1.13.2",
                 "@xtuc/long": "4.2.2"
             }
         },
         "node_modules/@webassemblyjs/helper-wasm-bytecode": {
-            "version": "1.11.6",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.11.6.tgz",
-            "integrity": "sha512-sFFHKwcmBprO9e7Icf0+gddyWYDViL8bpPjJJl0WHxCdETktXdmtWLGVzoHbqUcY4Be1LkNfwTmXOJUFZYSJdA==",
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+            "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
             "peer": true
         },
         "node_modules/@webassemblyjs/helper-wasm-section": {
-            "version": "1.12.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.12.1.tgz",
-            "integrity": "sha512-Jif4vfB6FJlUlSbgEMHUyk1j234GTNG9dBJ4XJdOySoj518Xj0oGsNi59cUQF4RRMS9ouBUxDDdyBVfPTypa5g==",
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+            "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
             "peer": true,
             "dependencies": {
-                "@webassemblyjs/ast": "1.12.1",
-                "@webassemblyjs/helper-buffer": "1.12.1",
-                "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-                "@webassemblyjs/wasm-gen": "1.12.1"
+                "@webassemblyjs/ast": "1.14.1",
+                "@webassemblyjs/helper-buffer": "1.14.1",
+                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+                "@webassemblyjs/wasm-gen": "1.14.1"
             }
         },
         "node_modules/@webassemblyjs/ieee754": {
-            "version": "1.11.6",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.11.6.tgz",
-            "integrity": "sha512-LM4p2csPNvbij6U1f19v6WR56QZ8JcHg3QIJTlSwzFcmx6WSORicYj6I63f9yU1kEUtrpG+kjkiIAkevHpDXrg==",
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
+            "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
             "peer": true,
             "dependencies": {
                 "@xtuc/ieee754": "^1.2.0"
             }
         },
         "node_modules/@webassemblyjs/leb128": {
-            "version": "1.11.6",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.11.6.tgz",
-            "integrity": "sha512-m7a0FhE67DQXgouf1tbN5XQcdWoNgaAuoULHIfGFIEVKA6tu/edls6XnIlkmS6FrXAquJRPni3ZZKjw6FSPjPQ==",
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
+            "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
             "peer": true,
             "dependencies": {
                 "@xtuc/long": "4.2.2"
             }
         },
         "node_modules/@webassemblyjs/utf8": {
-            "version": "1.11.6",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.11.6.tgz",
-            "integrity": "sha512-vtXf2wTQ3+up9Zsg8sa2yWiQpzSsMyXj0qViVP6xKGCUT8p8YJ6HqI7l5eCnWx1T/FYdsv07HQs2wTFbbof/RA==",
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
+            "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
             "peer": true
         },
         "node_modules/@webassemblyjs/wasm-edit": {
-            "version": "1.12.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.12.1.tgz",
-            "integrity": "sha512-1DuwbVvADvS5mGnXbE+c9NfA8QRcZ6iKquqjjmR10k6o+zzsRVesil54DKexiowcFCPdr/Q0qaMgB01+SQ1u6g==",
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
+            "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
             "peer": true,
             "dependencies": {
-                "@webassemblyjs/ast": "1.12.1",
-                "@webassemblyjs/helper-buffer": "1.12.1",
-                "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-                "@webassemblyjs/helper-wasm-section": "1.12.1",
-                "@webassemblyjs/wasm-gen": "1.12.1",
-                "@webassemblyjs/wasm-opt": "1.12.1",
-                "@webassemblyjs/wasm-parser": "1.12.1",
-                "@webassemblyjs/wast-printer": "1.12.1"
+                "@webassemblyjs/ast": "1.14.1",
+                "@webassemblyjs/helper-buffer": "1.14.1",
+                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+                "@webassemblyjs/helper-wasm-section": "1.14.1",
+                "@webassemblyjs/wasm-gen": "1.14.1",
+                "@webassemblyjs/wasm-opt": "1.14.1",
+                "@webassemblyjs/wasm-parser": "1.14.1",
+                "@webassemblyjs/wast-printer": "1.14.1"
             }
         },
         "node_modules/@webassemblyjs/wasm-gen": {
-            "version": "1.12.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.12.1.tgz",
-            "integrity": "sha512-TDq4Ojh9fcohAw6OIMXqiIcTq5KUXTGRkVxbSo1hQnSy6lAM5GSdfwWeSxpAo0YzgsgF182E/U0mDNhuA0tW7w==",
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
+            "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
             "peer": true,
             "dependencies": {
-                "@webassemblyjs/ast": "1.12.1",
-                "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-                "@webassemblyjs/ieee754": "1.11.6",
-                "@webassemblyjs/leb128": "1.11.6",
-                "@webassemblyjs/utf8": "1.11.6"
+                "@webassemblyjs/ast": "1.14.1",
+                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+                "@webassemblyjs/ieee754": "1.13.2",
+                "@webassemblyjs/leb128": "1.13.2",
+                "@webassemblyjs/utf8": "1.13.2"
             }
         },
         "node_modules/@webassemblyjs/wasm-opt": {
-            "version": "1.12.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.12.1.tgz",
-            "integrity": "sha512-Jg99j/2gG2iaz3hijw857AVYekZe2SAskcqlWIZXjji5WStnOpVoat3gQfT/Q5tb2djnCjBtMocY/Su1GfxPBg==",
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
+            "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
             "peer": true,
             "dependencies": {
-                "@webassemblyjs/ast": "1.12.1",
-                "@webassemblyjs/helper-buffer": "1.12.1",
-                "@webassemblyjs/wasm-gen": "1.12.1",
-                "@webassemblyjs/wasm-parser": "1.12.1"
+                "@webassemblyjs/ast": "1.14.1",
+                "@webassemblyjs/helper-buffer": "1.14.1",
+                "@webassemblyjs/wasm-gen": "1.14.1",
+                "@webassemblyjs/wasm-parser": "1.14.1"
             }
         },
         "node_modules/@webassemblyjs/wasm-parser": {
-            "version": "1.12.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.12.1.tgz",
-            "integrity": "sha512-xikIi7c2FHXysxXe3COrVUPSheuBtpcfhbpFj4gmu7KRLYOzANztwUU0IbsqvMqzuNK2+glRGWCEqZo1WCLyAQ==",
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
+            "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
             "peer": true,
             "dependencies": {
-                "@webassemblyjs/ast": "1.12.1",
-                "@webassemblyjs/helper-api-error": "1.11.6",
-                "@webassemblyjs/helper-wasm-bytecode": "1.11.6",
-                "@webassemblyjs/ieee754": "1.11.6",
-                "@webassemblyjs/leb128": "1.11.6",
-                "@webassemblyjs/utf8": "1.11.6"
+                "@webassemblyjs/ast": "1.14.1",
+                "@webassemblyjs/helper-api-error": "1.13.2",
+                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+                "@webassemblyjs/ieee754": "1.13.2",
+                "@webassemblyjs/leb128": "1.13.2",
+                "@webassemblyjs/utf8": "1.13.2"
             }
         },
         "node_modules/@webassemblyjs/wast-printer": {
-            "version": "1.12.1",
-            "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.12.1.tgz",
-            "integrity": "sha512-+X4WAlOisVWQMikjbcvY2e0rwPsKQ9F688lksZhBcPycBBuii3O7m8FACbDMWDojpAqvjIncrG8J0XHKyQfVeA==",
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
+            "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
             "peer": true,
             "dependencies": {
-                "@webassemblyjs/ast": "1.12.1",
+                "@webassemblyjs/ast": "1.14.1",
                 "@xtuc/long": "4.2.2"
             }
         },
@@ -1061,9 +1417,9 @@
             "peer": true
         },
         "node_modules/acorn": {
-            "version": "8.11.3",
-            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
-            "integrity": "sha512-Y9rRfJG5jcKOE0CLisYbojUjIrIEE7AGMzA/Sm4BslANhbS+cDMpgBdcPT91oJ7OuJ9hYJBx59RjbhxVnrF8Xg==",
+            "version": "8.14.0",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+            "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
             "peer": true,
             "bin": {
                 "acorn": "bin/acorn"
@@ -1072,15 +1428,6 @@
                 "node": ">=0.4.0"
             }
         },
-        "node_modules/acorn-import-assertions": {
-            "version": "1.9.0",
-            "resolved": "https://registry.npmjs.org/acorn-import-assertions/-/acorn-import-assertions-1.9.0.tgz",
-            "integrity": "sha512-cmMwop9x+8KFhxvKrKfPYmN6/pKTYYHBqLa0DfvVZcKMJWNyWLnaqND7dx/qn66R7ewM1UX5XMaDVP5wlVTaVA==",
-            "peer": true,
-            "peerDependencies": {
-                "acorn": "^8"
-            }
-        },
         "node_modules/ajv": {
             "version": "6.12.6",
             "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -1110,7 +1457,6 @@
             "version": "6.1.0",
             "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
             "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA==",
-            "dev": true,
             "engines": {
                 "node": ">=12"
             },
@@ -1135,14 +1481,12 @@
         "node_modules/any-promise": {
             "version": "1.3.0",
             "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-            "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-            "dev": true
+            "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
         },
         "node_modules/anymatch": {
             "version": "3.1.3",
             "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
             "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-            "devOptional": true,
             "dependencies": {
                 "normalize-path": "^3.0.0",
                 "picomatch": "^2.0.4"
@@ -1154,8 +1498,7 @@
         "node_modules/arg": {
             "version": "5.0.2",
             "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-            "dev": true
+            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
         },
         "node_modules/asynckit": {
             "version": "0.4.0",
@@ -1201,9 +1544,9 @@
             }
         },
         "node_modules/axios": {
-            "version": "1.6.8",
-            "resolved": "https://registry.npmjs.org/axios/-/axios-1.6.8.tgz",
-            "integrity": "sha512-v/ZHtJDU39mDpyBoFVkETcd/uNdxrWRrg3bKpOKzXFA6Bvqopts6ALSMU3y6ijYxbw2B+wPrIv46egTzJXCLGQ==",
+            "version": "1.7.9",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz",
+            "integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==",
             "dev": true,
             "dependencies": {
                 "follow-redirects": "^1.15.6",
@@ -1214,14 +1557,12 @@
         "node_modules/balanced-match": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-            "dev": true
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
         },
         "node_modules/binary-extensions": {
             "version": "2.3.0",
             "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
             "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-            "devOptional": true,
             "engines": {
                 "node": ">=8"
             },
@@ -1233,7 +1574,6 @@
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
             "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-            "dev": true,
             "dependencies": {
                 "balanced-match": "^1.0.0"
             }
@@ -1242,7 +1582,6 @@
             "version": "3.0.3",
             "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
             "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-            "devOptional": true,
             "dependencies": {
                 "fill-range": "^7.1.1"
             },
@@ -1251,9 +1590,9 @@
             }
         },
         "node_modules/browserslist": {
-            "version": "4.24.0",
-            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.0.tgz",
-            "integrity": "sha512-Rmb62sR1Zpjql25eSanFGEhAxcFwfA1K0GuQcLoaJBAcENegrQut3hYdhXFF1obQfiDyqIW/cLM5HSJ/9k884A==",
+            "version": "4.24.2",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
+            "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -1269,10 +1608,10 @@
                 }
             ],
             "dependencies": {
-                "caniuse-lite": "^1.0.30001663",
-                "electron-to-chromium": "^1.5.28",
+                "caniuse-lite": "^1.0.30001669",
+                "electron-to-chromium": "^1.5.41",
                 "node-releases": "^2.0.18",
-                "update-browserslist-db": "^1.1.0"
+                "update-browserslist-db": "^1.1.1"
             },
             "bin": {
                 "browserslist": "cli.js"
@@ -1291,15 +1630,14 @@
             "version": "2.0.1",
             "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
             "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-            "dev": true,
             "engines": {
                 "node": ">= 6"
             }
         },
         "node_modules/caniuse-lite": {
-            "version": "1.0.30001669",
-            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001669.tgz",
-            "integrity": "sha512-DlWzFDJqstqtIVx1zeSpIMLjunf5SmwOw0N2Ck/QSQdS8PLS4+9HrLaYei4w8BIAL7IB/UEDu889d8vhCTPA0w==",
+            "version": "1.0.30001688",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001688.tgz",
+            "integrity": "sha512-Nmqpru91cuABu/DTCXbM2NSRHzM2uVHfPnhJ/1zEAJx/ILBRVmz3pzH4N7DZqbdG0gWClsCC05Oj0mJ/1AWMbA==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -1331,33 +1669,24 @@
             }
         },
         "node_modules/chokidar": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-            "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
+            "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
             "devOptional": true,
             "dependencies": {
-                "anymatch": "~3.1.2",
-                "braces": "~3.0.2",
-                "glob-parent": "~5.1.2",
-                "is-binary-path": "~2.1.0",
-                "is-glob": "~4.0.1",
-                "normalize-path": "~3.0.0",
-                "readdirp": "~3.6.0"
+                "readdirp": "^4.0.1"
             },
             "engines": {
-                "node": ">= 8.10.0"
+                "node": ">= 14.16.0"
             },
             "funding": {
                 "url": "https://paulmillr.com/funding/"
-            },
-            "optionalDependencies": {
-                "fsevents": "~2.3.2"
             }
         },
         "node_modules/chrome-trace-event": {
-            "version": "1.0.3",
-            "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz",
-            "integrity": "sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==",
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
+            "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
             "peer": true,
             "engines": {
                 "node": ">=6.0"
@@ -1410,16 +1739,17 @@
             }
         },
         "node_modules/commander": {
-            "version": "2.20.3",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
-            "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
-            "peer": true
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+            "engines": {
+                "node": ">= 6"
+            }
         },
         "node_modules/cross-spawn": {
-            "version": "7.0.3",
-            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-            "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-            "dev": true,
+            "version": "7.0.6",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
             "dependencies": {
                 "path-key": "^3.1.0",
                 "shebang-command": "^2.0.0",
@@ -1433,7 +1763,6 @@
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
             "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-            "dev": true,
             "bin": {
                 "cssesc": "bin/cssesc"
             },
@@ -1469,39 +1798,47 @@
             "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz",
             "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
         },
+        "node_modules/detect-libc": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+            "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+            "optional": true,
+            "bin": {
+                "detect-libc": "bin/detect-libc.js"
+            },
+            "engines": {
+                "node": ">=0.10"
+            }
+        },
         "node_modules/didyoumean": {
             "version": "1.2.2",
             "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-            "dev": true
+            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
         },
         "node_modules/dlv": {
             "version": "1.1.3",
             "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-            "dev": true
+            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
         },
         "node_modules/eastasianwidth": {
             "version": "0.2.0",
             "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-            "dev": true
+            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
         },
         "node_modules/electron-to-chromium": {
-            "version": "1.5.41",
-            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.41.tgz",
-            "integrity": "sha512-dfdv/2xNjX0P8Vzme4cfzHqnPm5xsZXwsolTYr0eyW18IUmNyG08vL+fttvinTfhKfIKdRoqkDIC9e9iWQCNYQ=="
+            "version": "1.5.73",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.73.tgz",
+            "integrity": "sha512-8wGNxG9tAG5KhGd3eeA0o6ixhiNdgr0DcHWm85XPCphwZgD1lIEoi6t3VERayWao7SF7AAZTw6oARGJeVjH8Kg=="
         },
         "node_modules/emoji-regex": {
             "version": "9.2.2",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-            "dev": true
+            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
         },
         "node_modules/enhanced-resolve": {
-            "version": "5.16.0",
-            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.16.0.tgz",
-            "integrity": "sha512-O+QWCviPNSSLAD9Ucn8Awv+poAkqn3T1XY5/N7kR7rQO9yfSGWkYZDwpJ+iKF7B8rxaQKWngSqACpgzeapSyoA==",
+            "version": "5.17.1",
+            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+            "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
             "peer": true,
             "dependencies": {
                 "graceful-fs": "^4.2.4",
@@ -1523,15 +1860,15 @@
             }
         },
         "node_modules/es-module-lexer": {
-            "version": "1.5.2",
-            "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.2.tgz",
-            "integrity": "sha512-l60ETUTmLqbVbVHv1J4/qj+M8nq7AwMzEcg3kmJDt9dCNrTk+yHcYFf/Kw75pMDwd9mPcIGCG5LcS20SxYRzFA==",
+            "version": "1.5.4",
+            "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz",
+            "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==",
             "peer": true
         },
         "node_modules/esbuild": {
-            "version": "0.20.2",
-            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.20.2.tgz",
-            "integrity": "sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==",
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+            "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
             "hasInstallScript": true,
             "bin": {
                 "esbuild": "bin/esbuild"
@@ -1540,29 +1877,29 @@
                 "node": ">=12"
             },
             "optionalDependencies": {
-                "@esbuild/aix-ppc64": "0.20.2",
-                "@esbuild/android-arm": "0.20.2",
-                "@esbuild/android-arm64": "0.20.2",
-                "@esbuild/android-x64": "0.20.2",
-                "@esbuild/darwin-arm64": "0.20.2",
-                "@esbuild/darwin-x64": "0.20.2",
-                "@esbuild/freebsd-arm64": "0.20.2",
-                "@esbuild/freebsd-x64": "0.20.2",
-                "@esbuild/linux-arm": "0.20.2",
-                "@esbuild/linux-arm64": "0.20.2",
-                "@esbuild/linux-ia32": "0.20.2",
-                "@esbuild/linux-loong64": "0.20.2",
-                "@esbuild/linux-mips64el": "0.20.2",
-                "@esbuild/linux-ppc64": "0.20.2",
-                "@esbuild/linux-riscv64": "0.20.2",
-                "@esbuild/linux-s390x": "0.20.2",
-                "@esbuild/linux-x64": "0.20.2",
-                "@esbuild/netbsd-x64": "0.20.2",
-                "@esbuild/openbsd-x64": "0.20.2",
-                "@esbuild/sunos-x64": "0.20.2",
-                "@esbuild/win32-arm64": "0.20.2",
-                "@esbuild/win32-ia32": "0.20.2",
-                "@esbuild/win32-x64": "0.20.2"
+                "@esbuild/aix-ppc64": "0.21.5",
+                "@esbuild/android-arm": "0.21.5",
+                "@esbuild/android-arm64": "0.21.5",
+                "@esbuild/android-x64": "0.21.5",
+                "@esbuild/darwin-arm64": "0.21.5",
+                "@esbuild/darwin-x64": "0.21.5",
+                "@esbuild/freebsd-arm64": "0.21.5",
+                "@esbuild/freebsd-x64": "0.21.5",
+                "@esbuild/linux-arm": "0.21.5",
+                "@esbuild/linux-arm64": "0.21.5",
+                "@esbuild/linux-ia32": "0.21.5",
+                "@esbuild/linux-loong64": "0.21.5",
+                "@esbuild/linux-mips64el": "0.21.5",
+                "@esbuild/linux-ppc64": "0.21.5",
+                "@esbuild/linux-riscv64": "0.21.5",
+                "@esbuild/linux-s390x": "0.21.5",
+                "@esbuild/linux-x64": "0.21.5",
+                "@esbuild/netbsd-x64": "0.21.5",
+                "@esbuild/openbsd-x64": "0.21.5",
+                "@esbuild/sunos-x64": "0.21.5",
+                "@esbuild/win32-arm64": "0.21.5",
+                "@esbuild/win32-ia32": "0.21.5",
+                "@esbuild/win32-x64": "0.21.5"
             }
         },
         "node_modules/escalade": {
@@ -1640,7 +1977,6 @@
             "version": "3.3.2",
             "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
             "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
-            "dev": true,
             "dependencies": {
                 "@nodelib/fs.stat": "^2.0.2",
                 "@nodelib/fs.walk": "^1.2.3",
@@ -1652,6 +1988,17 @@
                 "node": ">=8.6.0"
             }
         },
+        "node_modules/fast-glob/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
         "node_modules/fast-json-stable-stringify": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -1662,7 +2009,6 @@
             "version": "1.17.1",
             "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
             "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
-            "dev": true,
             "dependencies": {
                 "reusify": "^1.0.4"
             }
@@ -1671,7 +2017,6 @@
             "version": "7.1.1",
             "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
             "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-            "devOptional": true,
             "dependencies": {
                 "to-regex-range": "^5.0.1"
             },
@@ -1680,9 +2025,9 @@
             }
         },
         "node_modules/follow-redirects": {
-            "version": "1.15.6",
-            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
-            "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+            "version": "1.15.9",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+            "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
             "dev": true,
             "funding": [
                 {
@@ -1703,7 +2048,6 @@
             "version": "3.3.0",
             "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
             "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
-            "dev": true,
             "dependencies": {
                 "cross-spawn": "^7.0.0",
                 "signal-exit": "^4.0.1"
@@ -1716,9 +2060,9 @@
             }
         },
         "node_modules/form-data": {
-            "version": "4.0.0",
-            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
-            "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
+            "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
             "dev": true,
             "dependencies": {
                 "asynckit": "^0.4.0",
@@ -1759,7 +2103,6 @@
             "version": "1.1.2",
             "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
             "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-            "dev": true,
             "funding": {
                 "url": "https://github.com/sponsors/ljharb"
             }
@@ -1768,7 +2111,6 @@
             "version": "10.4.5",
             "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
             "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
-            "dev": true,
             "dependencies": {
                 "foreground-child": "^3.1.0",
                 "jackspeak": "^3.1.2",
@@ -1785,15 +2127,14 @@
             }
         },
         "node_modules/glob-parent": {
-            "version": "5.1.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-            "devOptional": true,
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
             "dependencies": {
-                "is-glob": "^4.0.1"
+                "is-glob": "^4.0.3"
             },
             "engines": {
-                "node": ">= 6"
+                "node": ">=10.13.0"
             }
         },
         "node_modules/glob-to-regexp": {
@@ -1831,7 +2172,6 @@
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
             "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-            "dev": true,
             "dependencies": {
                 "function-bind": "^1.1.2"
             },
@@ -1840,16 +2180,15 @@
             }
         },
         "node_modules/immutable": {
-            "version": "4.3.5",
-            "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz",
-            "integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw==",
+            "version": "5.0.3",
+            "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.0.3.tgz",
+            "integrity": "sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==",
             "devOptional": true
         },
         "node_modules/is-binary-path": {
             "version": "2.1.0",
             "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
             "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-            "devOptional": true,
             "dependencies": {
                 "binary-extensions": "^2.0.0"
             },
@@ -1861,7 +2200,6 @@
             "version": "2.15.1",
             "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
             "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
-            "dev": true,
             "dependencies": {
                 "hasown": "^2.0.2"
             },
@@ -1876,7 +2214,6 @@
             "version": "2.1.1",
             "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
             "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-            "devOptional": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -1885,7 +2222,6 @@
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
             "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-            "dev": true,
             "engines": {
                 "node": ">=8"
             }
@@ -1894,7 +2230,6 @@
             "version": "4.0.3",
             "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
             "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-            "devOptional": true,
             "dependencies": {
                 "is-extglob": "^2.1.1"
             },
@@ -1906,7 +2241,6 @@
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
             "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-            "devOptional": true,
             "engines": {
                 "node": ">=0.12.0"
             }
@@ -1914,14 +2248,12 @@
         "node_modules/isexe": {
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-            "dev": true
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
         },
         "node_modules/jackspeak": {
             "version": "3.4.3",
             "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
             "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
-            "dev": true,
             "dependencies": {
                 "@isaacs/cliui": "^8.0.2"
             },
@@ -1965,7 +2297,6 @@
             "version": "1.21.6",
             "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
             "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w==",
-            "dev": true,
             "bin": {
                 "jiti": "bin/jiti.js"
             }
@@ -1983,9 +2314,9 @@
             "peer": true
         },
         "node_modules/laravel-vite-plugin": {
-            "version": "1.0.2",
-            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.0.2.tgz",
-            "integrity": "sha512-Mcclml10khYzBVxDwJro8wnVDwD4i7XOSEMACQNnarvTnHjrjXLLL+B/Snif2wYAyElsOqagJZ7VAinb/2vF5g==",
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.1.1.tgz",
+            "integrity": "sha512-HMZXpoSs1OR+7Lw1+g4Iy/s3HF3Ldl8KxxYT2Ot8pEB4XB/QRuZeWgDYJdu552UN03YRSRNK84CLC9NzYRtncA==",
             "dev": true,
             "dependencies": {
                 "picocolors": "^1.0.0",
@@ -1995,35 +2326,36 @@
                 "clean-orphaned-assets": "bin/clean.js"
             },
             "engines": {
-                "node": "^18.0.0 || >=20.0.0"
+                "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
             },
             "peerDependencies": {
-                "vite": "^5.0.0"
+                "vite": "^5.0.0 || ^6.0.0"
             }
         },
         "node_modules/laravel-vue-i18n": {
-            "version": "2.7.7",
-            "resolved": "https://registry.npmjs.org/laravel-vue-i18n/-/laravel-vue-i18n-2.7.7.tgz",
-            "integrity": "sha512-rvjRTUY0eYEduEYgyxqNno/5A0ryUQfT+70qYvubMPUxWhmucitUfjDQAQUjvD7WNaUbG5iroAUt3UqBBc5qDw==",
+            "version": "2.7.8",
+            "resolved": "https://registry.npmjs.org/laravel-vue-i18n/-/laravel-vue-i18n-2.7.8.tgz",
+            "integrity": "sha512-HY4yZl1fqApzJzoLFGcmiBusHIouZgT+grMtTCQu3gkilEbcqPOt6L4ksfpkZOYppPQkUlnXLqN8nDNc0gyLUQ==",
             "dependencies": {
                 "php-parser": "3.1.3",
                 "vue": "^3.2.45"
             }
         },
         "node_modules/lilconfig": {
-            "version": "2.1.0",
-            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
-            "integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-            "dev": true,
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+            "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
             "engines": {
-                "node": ">=10"
+                "node": ">=14"
+            },
+            "funding": {
+                "url": "https://github.com/sponsors/antonk52"
             }
         },
         "node_modules/lines-and-columns": {
             "version": "1.2.4",
             "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-            "dev": true
+            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
         },
         "node_modules/loader-runner": {
             "version": "4.3.0",
@@ -2042,15 +2374,14 @@
         "node_modules/lru-cache": {
             "version": "10.4.3",
             "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
-            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ==",
-            "dev": true
+            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="
         },
         "node_modules/magic-string": {
-            "version": "0.30.10",
-            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.10.tgz",
-            "integrity": "sha512-iIRwTIf0QKV3UAnYK4PU8uiEc4SRh5jX0mwpIwETPpHdhVM4f53RSwS/vXvN1JhGX+Cs7B8qIq3d6AH49O5fAQ==",
+            "version": "0.30.15",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.15.tgz",
+            "integrity": "sha512-zXeaYRgZ6ldS1RJJUrMrYgNJ4fdwnyI6tVqoiIhyCyv5IVTK9BU8Ic2l253GGETQHxI4HNUwhJ3fjDhKqEoaAw==",
             "dependencies": {
-                "@jridgewell/sourcemap-codec": "^1.4.15"
+                "@jridgewell/sourcemap-codec": "^1.5.0"
             }
         },
         "node_modules/merge-stream": {
@@ -2063,7 +2394,6 @@
             "version": "1.4.1",
             "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
             "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-            "dev": true,
             "engines": {
                 "node": ">= 8"
             }
@@ -2072,7 +2402,6 @@
             "version": "4.0.8",
             "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
             "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
-            "dev": true,
             "dependencies": {
                 "braces": "^3.0.3",
                 "picomatch": "^2.3.1"
@@ -2100,11 +2429,18 @@
                 "node": ">= 0.6"
             }
         },
+        "node_modules/mini-svg-data-uri": {
+            "version": "1.4.4",
+            "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+            "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg==",
+            "bin": {
+                "mini-svg-data-uri": "cli.js"
+            }
+        },
         "node_modules/minimatch": {
             "version": "9.0.5",
             "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
             "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
-            "dev": true,
             "dependencies": {
                 "brace-expansion": "^2.0.1"
             },
@@ -2119,7 +2455,6 @@
             "version": "7.1.2",
             "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
             "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw==",
-            "dev": true,
             "engines": {
                 "node": ">=16 || 14 >=14.17"
             }
@@ -2133,7 +2468,6 @@
             "version": "2.7.0",
             "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
             "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-            "dev": true,
             "dependencies": {
                 "any-promise": "^1.0.0",
                 "object-assign": "^4.0.1",
@@ -2141,9 +2475,9 @@
             }
         },
         "node_modules/nanoid": {
-            "version": "3.3.7",
-            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
-            "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==",
+            "version": "3.3.8",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
+            "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==",
             "funding": [
                 {
                     "type": "github",
@@ -2163,16 +2497,21 @@
             "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
             "peer": true
         },
+        "node_modules/node-addon-api": {
+            "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+            "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+            "optional": true
+        },
         "node_modules/node-releases": {
-            "version": "2.0.18",
-            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
-            "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g=="
+            "version": "2.0.19",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+            "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="
         },
         "node_modules/normalize-path": {
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
             "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-            "devOptional": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -2190,7 +2529,6 @@
             "version": "4.1.1",
             "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
             "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-            "dev": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -2199,7 +2537,6 @@
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
             "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-            "dev": true,
             "engines": {
                 "node": ">= 6"
             }
@@ -2207,14 +2544,12 @@
         "node_modules/package-json-from-dist": {
             "version": "1.0.1",
             "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
-            "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw==",
-            "dev": true
+            "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw=="
         },
         "node_modules/path-key": {
             "version": "3.1.1",
             "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
             "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-            "dev": true,
             "engines": {
                 "node": ">=8"
             }
@@ -2222,14 +2557,12 @@
         "node_modules/path-parse": {
             "version": "1.0.7",
             "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-            "dev": true
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
         },
         "node_modules/path-scurry": {
             "version": "1.11.1",
             "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
             "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
-            "dev": true,
             "dependencies": {
                 "lru-cache": "^10.2.0",
                 "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
@@ -2255,7 +2588,6 @@
             "version": "2.3.1",
             "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
             "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-            "devOptional": true,
             "engines": {
                 "node": ">=8.6"
             },
@@ -2267,7 +2599,6 @@
             "version": "2.3.0",
             "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
             "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-            "dev": true,
             "engines": {
                 "node": ">=0.10.0"
             }
@@ -2276,15 +2607,14 @@
             "version": "4.0.6",
             "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
             "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-            "dev": true,
             "engines": {
                 "node": ">= 6"
             }
         },
         "node_modules/postcss": {
-            "version": "8.4.47",
-            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
-            "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
+            "version": "8.4.49",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
+            "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
             "funding": [
                 {
                     "type": "opencollective",
@@ -2301,7 +2631,7 @@
             ],
             "dependencies": {
                 "nanoid": "^3.3.7",
-                "picocolors": "^1.1.0",
+                "picocolors": "^1.1.1",
                 "source-map-js": "^1.2.1"
             },
             "engines": {
@@ -2312,7 +2642,6 @@
             "version": "15.1.0",
             "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
             "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-            "dev": true,
             "dependencies": {
                 "postcss-value-parser": "^4.0.0",
                 "read-cache": "^1.0.0",
@@ -2329,7 +2658,6 @@
             "version": "4.0.1",
             "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
             "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-            "dev": true,
             "dependencies": {
                 "camelcase-css": "^2.0.1"
             },
@@ -2348,7 +2676,6 @@
             "version": "4.0.2",
             "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
             "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
-            "dev": true,
             "funding": [
                 {
                     "type": "opencollective",
@@ -2379,23 +2706,10 @@
                 }
             }
         },
-        "node_modules/postcss-load-config/node_modules/lilconfig": {
-            "version": "3.1.2",
-            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.2.tgz",
-            "integrity": "sha512-eop+wDAvpItUys0FWkHIKeC9ybYrTGbU41U5K7+bttZZeohvnY7M9dZ5kB21GNWiFT2q1OoPTvncPCgSOVO5ow==",
-            "dev": true,
-            "engines": {
-                "node": ">=14"
-            },
-            "funding": {
-                "url": "https://github.com/sponsors/antonk52"
-            }
-        },
         "node_modules/postcss-nested": {
             "version": "6.2.0",
             "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
             "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
-            "dev": true,
             "funding": [
                 {
                     "type": "opencollective",
@@ -2420,7 +2734,6 @@
             "version": "6.1.2",
             "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
             "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
-            "dev": true,
             "dependencies": {
                 "cssesc": "^3.0.0",
                 "util-deprecate": "^1.0.2"
@@ -2432,8 +2745,7 @@
         "node_modules/postcss-value-parser": {
             "version": "4.2.0",
             "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-            "dev": true
+            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
         },
         "node_modules/proxy-from-env": {
             "version": "1.1.0",
@@ -2454,7 +2766,6 @@
             "version": "1.2.3",
             "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
             "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-            "dev": true,
             "funding": [
                 {
                     "type": "github",
@@ -2483,28 +2794,27 @@
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
             "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-            "dev": true,
             "dependencies": {
                 "pify": "^2.3.0"
             }
         },
         "node_modules/readdirp": {
-            "version": "3.6.0",
-            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
+            "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
             "devOptional": true,
-            "dependencies": {
-                "picomatch": "^2.2.1"
-            },
             "engines": {
-                "node": ">=8.10.0"
+                "node": ">= 14.16.0"
+            },
+            "funding": {
+                "type": "individual",
+                "url": "https://paulmillr.com/funding/"
             }
         },
         "node_modules/resolve": {
             "version": "1.22.8",
             "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
             "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
-            "dev": true,
             "dependencies": {
                 "is-core-module": "^2.13.0",
                 "path-parse": "^1.0.7",
@@ -2521,18 +2831,17 @@
             "version": "1.0.4",
             "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
             "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-            "dev": true,
             "engines": {
                 "iojs": ">=1.0.0",
                 "node": ">=0.10.0"
             }
         },
         "node_modules/rollup": {
-            "version": "4.17.2",
-            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.17.2.tgz",
-            "integrity": "sha512-/9ClTJPByC0U4zNLowV1tMBe8yMEAxewtR3cUNX5BoEpGH3dQEWpJLr6CLp0fPdYRF/fzVOgvDb1zXuakwF5kQ==",
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.28.1.tgz",
+            "integrity": "sha512-61fXYl/qNVinKmGSTHAZ6Yy8I3YIJC/r2m9feHo6SwVAVcLT5MPwOUFe7EuURA/4m0NR8lXG4BBXuo/IZEsjMg==",
             "dependencies": {
-                "@types/estree": "1.0.5"
+                "@types/estree": "1.0.6"
             },
             "bin": {
                 "rollup": "dist/bin/rollup"
@@ -2542,22 +2851,25 @@
                 "npm": ">=8.0.0"
             },
             "optionalDependencies": {
-                "@rollup/rollup-android-arm-eabi": "4.17.2",
-                "@rollup/rollup-android-arm64": "4.17.2",
-                "@rollup/rollup-darwin-arm64": "4.17.2",
-                "@rollup/rollup-darwin-x64": "4.17.2",
-                "@rollup/rollup-linux-arm-gnueabihf": "4.17.2",
-                "@rollup/rollup-linux-arm-musleabihf": "4.17.2",
-                "@rollup/rollup-linux-arm64-gnu": "4.17.2",
-                "@rollup/rollup-linux-arm64-musl": "4.17.2",
-                "@rollup/rollup-linux-powerpc64le-gnu": "4.17.2",
-                "@rollup/rollup-linux-riscv64-gnu": "4.17.2",
-                "@rollup/rollup-linux-s390x-gnu": "4.17.2",
-                "@rollup/rollup-linux-x64-gnu": "4.17.2",
-                "@rollup/rollup-linux-x64-musl": "4.17.2",
-                "@rollup/rollup-win32-arm64-msvc": "4.17.2",
-                "@rollup/rollup-win32-ia32-msvc": "4.17.2",
-                "@rollup/rollup-win32-x64-msvc": "4.17.2",
+                "@rollup/rollup-android-arm-eabi": "4.28.1",
+                "@rollup/rollup-android-arm64": "4.28.1",
+                "@rollup/rollup-darwin-arm64": "4.28.1",
+                "@rollup/rollup-darwin-x64": "4.28.1",
+                "@rollup/rollup-freebsd-arm64": "4.28.1",
+                "@rollup/rollup-freebsd-x64": "4.28.1",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.28.1",
+                "@rollup/rollup-linux-arm-musleabihf": "4.28.1",
+                "@rollup/rollup-linux-arm64-gnu": "4.28.1",
+                "@rollup/rollup-linux-arm64-musl": "4.28.1",
+                "@rollup/rollup-linux-loongarch64-gnu": "4.28.1",
+                "@rollup/rollup-linux-powerpc64le-gnu": "4.28.1",
+                "@rollup/rollup-linux-riscv64-gnu": "4.28.1",
+                "@rollup/rollup-linux-s390x-gnu": "4.28.1",
+                "@rollup/rollup-linux-x64-gnu": "4.28.1",
+                "@rollup/rollup-linux-x64-musl": "4.28.1",
+                "@rollup/rollup-win32-arm64-msvc": "4.28.1",
+                "@rollup/rollup-win32-ia32-msvc": "4.28.1",
+                "@rollup/rollup-win32-x64-msvc": "4.28.1",
                 "fsevents": "~2.3.2"
             }
         },
@@ -2565,7 +2877,6 @@
             "version": "1.2.0",
             "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
             "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-            "dev": true,
             "funding": [
                 {
                     "type": "github",
@@ -2605,13 +2916,13 @@
             "peer": true
         },
         "node_modules/sass": {
-            "version": "1.75.0",
-            "resolved": "https://registry.npmjs.org/sass/-/sass-1.75.0.tgz",
-            "integrity": "sha512-ShMYi3WkrDWxExyxSZPst4/okE9ts46xZmJDSawJQrnte7M1V9fScVB+uNXOVKRBt0PggHOwoZcn8mYX4trnBw==",
+            "version": "1.83.0",
+            "resolved": "https://registry.npmjs.org/sass/-/sass-1.83.0.tgz",
+            "integrity": "sha512-qsSxlayzoOjdvXMVLkzF84DJFc2HZEL/rFyGIKbbilYtAvlCxyuzUeff9LawTn4btVnLKg75Z8MMr1lxU1lfGw==",
             "devOptional": true,
             "dependencies": {
-                "chokidar": ">=3.0.0 <4.0.0",
-                "immutable": "^4.0.0",
+                "chokidar": "^4.0.0",
+                "immutable": "^5.0.2",
                 "source-map-js": ">=0.6.2 <2.0.0"
             },
             "bin": {
@@ -2619,6 +2930,9 @@
             },
             "engines": {
                 "node": ">=14.0.0"
+            },
+            "optionalDependencies": {
+                "@parcel/watcher": "^2.4.1"
             }
         },
         "node_modules/schema-utils": {
@@ -2657,7 +2971,6 @@
             "version": "2.0.0",
             "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
             "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-            "dev": true,
             "dependencies": {
                 "shebang-regex": "^3.0.0"
             },
@@ -2669,7 +2982,6 @@
             "version": "3.0.0",
             "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
             "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-            "dev": true,
             "engines": {
                 "node": ">=8"
             }
@@ -2678,7 +2990,6 @@
             "version": "4.1.0",
             "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
             "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-            "dev": true,
             "engines": {
                 "node": ">=14"
             },
@@ -2717,7 +3028,6 @@
             "version": "5.1.2",
             "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
             "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-            "dev": true,
             "dependencies": {
                 "eastasianwidth": "^0.2.0",
                 "emoji-regex": "^9.2.2",
@@ -2735,7 +3045,6 @@
             "version": "4.2.3",
             "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
             "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
             "dependencies": {
                 "emoji-regex": "^8.0.0",
                 "is-fullwidth-code-point": "^3.0.0",
@@ -2749,7 +3058,6 @@
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
             "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
             "engines": {
                 "node": ">=8"
             }
@@ -2757,14 +3065,12 @@
         "node_modules/string-width-cjs/node_modules/emoji-regex": {
             "version": "8.0.0",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
         },
         "node_modules/string-width-cjs/node_modules/strip-ansi": {
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
             "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
             "dependencies": {
                 "ansi-regex": "^5.0.1"
             },
@@ -2776,7 +3082,6 @@
             "version": "7.1.0",
             "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
             "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-            "dev": true,
             "dependencies": {
                 "ansi-regex": "^6.0.1"
             },
@@ -2792,7 +3097,6 @@
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
             "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
             "dependencies": {
                 "ansi-regex": "^5.0.1"
             },
@@ -2804,7 +3108,6 @@
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
             "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
             "engines": {
                 "node": ">=8"
             }
@@ -2813,7 +3116,6 @@
             "version": "3.35.0",
             "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
             "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
-            "dev": true,
             "dependencies": {
                 "@jridgewell/gen-mapping": "^0.3.2",
                 "commander": "^4.0.0",
@@ -2831,15 +3133,6 @@
                 "node": ">=16 || 14 >=14.17"
             }
         },
-        "node_modules/sucrase/node_modules/commander": {
-            "version": "4.1.1",
-            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
-            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-            "dev": true,
-            "engines": {
-                "node": ">= 6"
-            }
-        },
         "node_modules/supports-color": {
             "version": "7.2.0",
             "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
@@ -2855,7 +3148,6 @@
             "version": "1.0.0",
             "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
             "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-            "dev": true,
             "engines": {
                 "node": ">= 0.4"
             },
@@ -2864,33 +3156,32 @@
             }
         },
         "node_modules/tailwindcss": {
-            "version": "3.4.14",
-            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.14.tgz",
-            "integrity": "sha512-IcSvOcTRcUtQQ7ILQL5quRDg7Xs93PdJEk1ZLbhhvJc7uj/OAhYOnruEiwnGgBvUtaUAJ8/mhSw1o8L2jCiENA==",
-            "dev": true,
+            "version": "3.4.16",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.16.tgz",
+            "integrity": "sha512-TI4Cyx7gDiZ6r44ewaJmt0o6BrMCT5aK5e0rmJ/G9Xq3w7CX/5VXl/zIPEJZFUK5VEqwByyhqNPycPlvcK4ZNw==",
             "dependencies": {
                 "@alloc/quick-lru": "^5.2.0",
                 "arg": "^5.0.2",
-                "chokidar": "^3.5.3",
+                "chokidar": "^3.6.0",
                 "didyoumean": "^1.2.2",
                 "dlv": "^1.1.3",
-                "fast-glob": "^3.3.0",
+                "fast-glob": "^3.3.2",
                 "glob-parent": "^6.0.2",
                 "is-glob": "^4.0.3",
-                "jiti": "^1.21.0",
-                "lilconfig": "^2.1.0",
-                "micromatch": "^4.0.5",
+                "jiti": "^1.21.6",
+                "lilconfig": "^3.1.3",
+                "micromatch": "^4.0.8",
                 "normalize-path": "^3.0.0",
                 "object-hash": "^3.0.0",
-                "picocolors": "^1.0.0",
-                "postcss": "^8.4.23",
+                "picocolors": "^1.1.1",
+                "postcss": "^8.4.47",
                 "postcss-import": "^15.1.0",
                 "postcss-js": "^4.0.1",
-                "postcss-load-config": "^4.0.1",
-                "postcss-nested": "^6.0.1",
-                "postcss-selector-parser": "^6.0.11",
-                "resolve": "^1.22.2",
-                "sucrase": "^3.32.0"
+                "postcss-load-config": "^4.0.2",
+                "postcss-nested": "^6.2.0",
+                "postcss-selector-parser": "^6.1.2",
+                "resolve": "^1.22.8",
+                "sucrase": "^3.35.0"
             },
             "bin": {
                 "tailwind": "lib/cli.js",
@@ -2900,16 +3191,49 @@
                 "node": ">=14.0.0"
             }
         },
-        "node_modules/tailwindcss/node_modules/glob-parent": {
-            "version": "6.0.2",
-            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
-            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-            "dev": true,
+        "node_modules/tailwindcss/node_modules/chokidar": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+            "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
             "dependencies": {
-                "is-glob": "^4.0.3"
+                "anymatch": "~3.1.2",
+                "braces": "~3.0.2",
+                "glob-parent": "~5.1.2",
+                "is-binary-path": "~2.1.0",
+                "is-glob": "~4.0.1",
+                "normalize-path": "~3.0.0",
+                "readdirp": "~3.6.0"
             },
             "engines": {
-                "node": ">=10.13.0"
+                "node": ">= 8.10.0"
+            },
+            "funding": {
+                "url": "https://paulmillr.com/funding/"
+            },
+            "optionalDependencies": {
+                "fsevents": "~2.3.2"
+            }
+        },
+        "node_modules/tailwindcss/node_modules/chokidar/node_modules/glob-parent": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+            "dependencies": {
+                "is-glob": "^4.0.1"
+            },
+            "engines": {
+                "node": ">= 6"
+            }
+        },
+        "node_modules/tailwindcss/node_modules/readdirp": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+            "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+            "dependencies": {
+                "picomatch": "^2.2.1"
+            },
+            "engines": {
+                "node": ">=8.10.0"
             }
         },
         "node_modules/tapable": {
@@ -2922,9 +3246,9 @@
             }
         },
         "node_modules/terser": {
-            "version": "5.31.0",
-            "resolved": "https://registry.npmjs.org/terser/-/terser-5.31.0.tgz",
-            "integrity": "sha512-Q1JFAoUKE5IMfI4Z/lkE/E6+SwgzO+x4tq4v1AyBLRj8VSYvRO6A/rQrPg1yud4g0En9EKI1TvFRF2tQFcoUkg==",
+            "version": "5.37.0",
+            "resolved": "https://registry.npmjs.org/terser/-/terser-5.37.0.tgz",
+            "integrity": "sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==",
             "peer": true,
             "dependencies": {
                 "@jridgewell/source-map": "^0.3.3",
@@ -2973,11 +3297,16 @@
                 }
             }
         },
+        "node_modules/terser/node_modules/commander": {
+            "version": "2.20.3",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+            "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+            "peer": true
+        },
         "node_modules/thenify": {
             "version": "3.3.1",
             "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
             "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-            "dev": true,
             "dependencies": {
                 "any-promise": "^1.0.0"
             }
@@ -2986,7 +3315,6 @@
             "version": "1.6.0",
             "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
             "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-            "dev": true,
             "dependencies": {
                 "thenify": ">= 3.1.0 < 4"
             },
@@ -3003,7 +3331,6 @@
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
             "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-            "devOptional": true,
             "dependencies": {
                 "is-number": "^7.0.0"
             },
@@ -3014,13 +3341,12 @@
         "node_modules/ts-interface-checker": {
             "version": "0.1.13",
             "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-            "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-            "dev": true
+            "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
         },
         "node_modules/undici-types": {
-            "version": "5.26.5",
-            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
-            "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+            "version": "6.20.0",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
+            "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
             "peer": true
         },
         "node_modules/update-browserslist-db": {
@@ -3064,8 +3390,7 @@
         "node_modules/util-deprecate": {
             "version": "1.0.2",
             "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-            "dev": true
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
         },
         "node_modules/v-autocomplete": {
             "version": "1.8.2",
@@ -3073,13 +3398,13 @@
             "integrity": "sha512-pnoApQCFz7siSyo0zs1SSBcnvtldaDbOok6B0GG6Cw/uWGaLm6MPsLJzWFtQMTUsVfpYLe3/xKwU4I6r2dz1bg=="
         },
         "node_modules/vite": {
-            "version": "5.2.10",
-            "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.10.tgz",
-            "integrity": "sha512-PAzgUZbP7msvQvqdSD+ErD5qGnSFiGOoWmV5yAKUEI0kdhjbH6nMWVyZQC/hSc4aXwc0oJ9aEdIiF9Oje0JFCw==",
+            "version": "5.4.11",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz",
+            "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==",
             "dependencies": {
-                "esbuild": "^0.20.1",
-                "postcss": "^8.4.38",
-                "rollup": "^4.13.0"
+                "esbuild": "^0.21.3",
+                "postcss": "^8.4.43",
+                "rollup": "^4.20.0"
             },
             "bin": {
                 "vite": "bin/vite.js"
@@ -3098,6 +3423,7 @@
                 "less": "*",
                 "lightningcss": "^1.21.0",
                 "sass": "*",
+                "sass-embedded": "*",
                 "stylus": "*",
                 "sugarss": "*",
                 "terser": "^5.4.0"
@@ -3115,6 +3441,9 @@
                 "sass": {
                     "optional": true
                 },
+                "sass-embedded": {
+                    "optional": true
+                },
                 "stylus": {
                     "optional": true
                 },
@@ -3127,9 +3456,9 @@
             }
         },
         "node_modules/vite-plugin-full-reload": {
-            "version": "1.1.0",
-            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.1.0.tgz",
-            "integrity": "sha512-3cObNDzX6DdfhD9E7kf6w2mNunFpD7drxyNgHLw+XwIYAgb+Xt16SEXo0Up4VH+TMf3n+DSVJZtW2POBGcBYAA==",
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.2.0.tgz",
+            "integrity": "sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==",
             "dev": true,
             "dependencies": {
                 "picocolors": "^1.0.0",
@@ -3137,15 +3466,15 @@
             }
         },
         "node_modules/vue": {
-            "version": "3.4.26",
-            "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.26.tgz",
-            "integrity": "sha512-bUIq/p+VB+0xrJubaemrfhk1/FiW9iX+pDV+62I/XJ6EkspAO9/DXEjbDFoe8pIfOZBqfk45i9BMc41ptP/uRg==",
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
+            "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
             "dependencies": {
-                "@vue/compiler-dom": "3.4.26",
-                "@vue/compiler-sfc": "3.4.26",
-                "@vue/runtime-dom": "3.4.26",
-                "@vue/server-renderer": "3.4.26",
-                "@vue/shared": "3.4.26"
+                "@vue/compiler-dom": "3.5.13",
+                "@vue/compiler-sfc": "3.5.13",
+                "@vue/runtime-dom": "3.5.13",
+                "@vue/server-renderer": "3.5.13",
+                "@vue/shared": "3.5.13"
             },
             "peerDependencies": {
                 "typescript": "*"
@@ -3165,12 +3494,12 @@
             }
         },
         "node_modules/vue-i18n": {
-            "version": "9.13.1",
-            "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.13.1.tgz",
-            "integrity": "sha512-mh0GIxx0wPtPlcB1q4k277y0iKgo25xmDPWioVVYanjPufDBpvu5ySTjP5wOrSvlYQ2m1xI+CFhGdauv/61uQg==",
+            "version": "9.14.2",
+            "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.14.2.tgz",
+            "integrity": "sha512-JK9Pm80OqssGJU2Y6F7DcM8RFHqVG4WkuCqOZTVsXkEzZME7ABejAUqUdA931zEBedc4thBgSUWxeQh4uocJAQ==",
             "dependencies": {
-                "@intlify/core-base": "9.13.1",
-                "@intlify/shared": "9.13.1",
+                "@intlify/core-base": "9.14.2",
+                "@intlify/shared": "9.14.2",
                 "@vue/devtools-api": "^6.5.0"
             },
             "engines": {
@@ -3205,9 +3534,9 @@
             }
         },
         "node_modules/vue-multiselect": {
-            "version": "3.0.0",
-            "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-3.0.0.tgz",
-            "integrity": "sha512-uupKdINgz7j83lQToCL7KkgQQxvG43el++hsR39YT9pCe1DwzUGmKzPxjVP6rqskXed5P6DtUASYAlCliW740Q==",
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-3.1.0.tgz",
+            "integrity": "sha512-+i/fjTqFBpaay9NP+lU7obBeNaw2DdFDFs4mqhsM0aEtKRdvIf7CfREAx2o2B4XDmPrBt1r7x1YCM3BOMLaUgQ==",
             "engines": {
                 "node": ">= 14.18.1",
                 "npm": ">= 6.14.15"
@@ -3228,9 +3557,9 @@
             }
         },
         "node_modules/watchpack": {
-            "version": "2.4.1",
-            "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.1.tgz",
-            "integrity": "sha512-8wrBCMtVhqcXP2Sup1ctSkga6uc2Bx0IIvKyT7yTFier5AXHooSI+QyQQAtTb7+E0IUCCKyTFmXqdqgum2XWGg==",
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
+            "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
             "dependencies": {
                 "glob-to-regexp": "^0.4.1",
                 "graceful-fs": "^4.1.2"
@@ -3240,21 +3569,20 @@
             }
         },
         "node_modules/webpack": {
-            "version": "5.91.0",
-            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.91.0.tgz",
-            "integrity": "sha512-rzVwlLeBWHJbmgTC/8TvAcu5vpJNII+MelQpylD4jNERPwpBJOE2lEcko1zJX3QJeLjTTAnQxn/OJ8bjDzVQaw==",
-            "peer": true,
-            "dependencies": {
-                "@types/eslint-scope": "^3.7.3",
-                "@types/estree": "^1.0.5",
-                "@webassemblyjs/ast": "^1.12.1",
-                "@webassemblyjs/wasm-edit": "^1.12.1",
-                "@webassemblyjs/wasm-parser": "^1.12.1",
-                "acorn": "^8.7.1",
-                "acorn-import-assertions": "^1.9.0",
-                "browserslist": "^4.21.10",
+            "version": "5.97.1",
+            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.97.1.tgz",
+            "integrity": "sha512-EksG6gFY3L1eFMROS/7Wzgrii5mBAFe4rIr3r2BTfo7bcc+DWwFZ4OJ/miOuHJO/A85HwyI4eQ0F6IKXesO7Fg==",
+            "peer": true,
+            "dependencies": {
+                "@types/eslint-scope": "^3.7.7",
+                "@types/estree": "^1.0.6",
+                "@webassemblyjs/ast": "^1.14.1",
+                "@webassemblyjs/wasm-edit": "^1.14.1",
+                "@webassemblyjs/wasm-parser": "^1.14.1",
+                "acorn": "^8.14.0",
+                "browserslist": "^4.24.0",
                 "chrome-trace-event": "^1.0.2",
-                "enhanced-resolve": "^5.16.0",
+                "enhanced-resolve": "^5.17.1",
                 "es-module-lexer": "^1.2.1",
                 "eslint-scope": "5.1.1",
                 "events": "^3.2.0",
@@ -3299,7 +3627,6 @@
             "version": "2.0.2",
             "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
             "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-            "dev": true,
             "dependencies": {
                 "isexe": "^2.0.0"
             },
@@ -3314,7 +3641,6 @@
             "version": "8.1.0",
             "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
             "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-            "dev": true,
             "dependencies": {
                 "ansi-styles": "^6.1.0",
                 "string-width": "^5.0.1",
@@ -3332,7 +3658,6 @@
             "version": "7.0.0",
             "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
             "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-            "dev": true,
             "dependencies": {
                 "ansi-styles": "^4.0.0",
                 "string-width": "^4.1.0",
@@ -3349,7 +3674,6 @@
             "version": "5.0.1",
             "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
             "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-            "dev": true,
             "engines": {
                 "node": ">=8"
             }
@@ -3357,14 +3681,12 @@
         "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
             "version": "8.0.0",
             "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-            "dev": true
+            "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
         },
         "node_modules/wrap-ansi-cjs/node_modules/string-width": {
             "version": "4.2.3",
             "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
             "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-            "dev": true,
             "dependencies": {
                 "emoji-regex": "^8.0.0",
                 "is-fullwidth-code-point": "^3.0.0",
@@ -3378,7 +3700,6 @@
             "version": "6.0.1",
             "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
             "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-            "dev": true,
             "dependencies": {
                 "ansi-regex": "^5.0.1"
             },
@@ -3390,7 +3711,6 @@
             "version": "6.2.1",
             "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
             "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-            "dev": true,
             "engines": {
                 "node": ">=12"
             },
@@ -3399,10 +3719,9 @@
             }
         },
         "node_modules/yaml": {
-            "version": "2.6.0",
-            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.0.tgz",
-            "integrity": "sha512-a6ae//JvKDEra2kdi1qzCyrJW/WZCgFi8ydDV+eXExl95t+5R+ijnqHJbz9tmMh8FUjx3iv2fCQ4dclAQlO2UQ==",
-            "dev": true,
+            "version": "2.6.1",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.1.tgz",
+            "integrity": "sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg==",
             "bin": {
                 "yaml": "bin.mjs"
             },
@@ -3410,5 +3729,2332 @@
                 "node": ">= 14"
             }
         }
+    },
+    "dependencies": {
+        "@alloc/quick-lru": {
+            "version": "5.2.0",
+            "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+            "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="
+        },
+        "@babel/helper-string-parser": {
+            "version": "7.25.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.25.9.tgz",
+            "integrity": "sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA=="
+        },
+        "@babel/helper-validator-identifier": {
+            "version": "7.25.9",
+            "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.25.9.tgz",
+            "integrity": "sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ=="
+        },
+        "@babel/parser": {
+            "version": "7.26.3",
+            "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.26.3.tgz",
+            "integrity": "sha512-WJ/CvmY8Mea8iDXo6a7RK2wbmJITT5fN3BEkRuFlxVyNx8jOKIIhmC4fSkTcPcf8JyavbBwIe6OpiCOBXt/IcA==",
+            "requires": {
+                "@babel/types": "^7.26.3"
+            }
+        },
+        "@babel/types": {
+            "version": "7.26.3",
+            "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.26.3.tgz",
+            "integrity": "sha512-vN5p+1kl59GVKMvTHt55NzzmYVxprfJD+ql7U9NFIfKCBkYE55LYtS+WtPlaYOyzydrKI8Nezd+aZextrd+FMA==",
+            "requires": {
+                "@babel/helper-string-parser": "^7.25.9",
+                "@babel/helper-validator-identifier": "^7.25.9"
+            }
+        },
+        "@esbuild/aix-ppc64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+            "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+            "optional": true
+        },
+        "@esbuild/android-arm": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+            "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+            "optional": true
+        },
+        "@esbuild/android-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+            "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+            "optional": true
+        },
+        "@esbuild/android-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+            "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+            "optional": true
+        },
+        "@esbuild/darwin-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+            "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+            "optional": true
+        },
+        "@esbuild/darwin-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+            "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+            "optional": true
+        },
+        "@esbuild/freebsd-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+            "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+            "optional": true
+        },
+        "@esbuild/freebsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+            "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+            "optional": true
+        },
+        "@esbuild/linux-arm": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+            "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+            "optional": true
+        },
+        "@esbuild/linux-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+            "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+            "optional": true
+        },
+        "@esbuild/linux-ia32": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+            "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+            "optional": true
+        },
+        "@esbuild/linux-loong64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+            "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+            "optional": true
+        },
+        "@esbuild/linux-mips64el": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+            "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+            "optional": true
+        },
+        "@esbuild/linux-ppc64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+            "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+            "optional": true
+        },
+        "@esbuild/linux-riscv64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+            "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+            "optional": true
+        },
+        "@esbuild/linux-s390x": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+            "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+            "optional": true
+        },
+        "@esbuild/linux-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+            "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+            "optional": true
+        },
+        "@esbuild/netbsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+            "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+            "optional": true
+        },
+        "@esbuild/openbsd-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+            "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+            "optional": true
+        },
+        "@esbuild/sunos-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+            "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+            "optional": true
+        },
+        "@esbuild/win32-arm64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+            "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+            "optional": true
+        },
+        "@esbuild/win32-ia32": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+            "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+            "optional": true
+        },
+        "@esbuild/win32-x64": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+            "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+            "optional": true
+        },
+        "@intlify/core-base": {
+            "version": "9.14.2",
+            "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-9.14.2.tgz",
+            "integrity": "sha512-DZyQ4Hk22sC81MP4qiCDuU+LdaYW91A6lCjq8AWPvY3+mGMzhGDfOCzvyR6YBQxtlPjFqMoFk9ylnNYRAQwXtQ==",
+            "requires": {
+                "@intlify/message-compiler": "9.14.2",
+                "@intlify/shared": "9.14.2"
+            }
+        },
+        "@intlify/message-compiler": {
+            "version": "9.14.2",
+            "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-9.14.2.tgz",
+            "integrity": "sha512-YsKKuV4Qv4wrLNsvgWbTf0E40uRv+Qiw1BeLQ0LAxifQuhiMe+hfTIzOMdWj/ZpnTDj4RSZtkXjJM7JDiiB5LQ==",
+            "requires": {
+                "@intlify/shared": "9.14.2",
+                "source-map-js": "^1.0.2"
+            }
+        },
+        "@intlify/shared": {
+            "version": "9.14.2",
+            "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-9.14.2.tgz",
+            "integrity": "sha512-uRAHAxYPeF+G5DBIboKpPgC/Waecd4Jz8ihtkpJQD5ycb5PwXp0k/+hBGl5dAjwF7w+l74kz/PKA8r8OK//RUw=="
+        },
+        "@isaacs/cliui": {
+            "version": "8.0.2",
+            "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
+            "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
+            "requires": {
+                "string-width": "^5.1.2",
+                "string-width-cjs": "npm:string-width@^4.2.0",
+                "strip-ansi": "^7.0.1",
+                "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
+                "wrap-ansi": "^8.1.0",
+                "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
+            }
+        },
+        "@jridgewell/gen-mapping": {
+            "version": "0.3.8",
+            "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.8.tgz",
+            "integrity": "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA==",
+            "requires": {
+                "@jridgewell/set-array": "^1.2.1",
+                "@jridgewell/sourcemap-codec": "^1.4.10",
+                "@jridgewell/trace-mapping": "^0.3.24"
+            }
+        },
+        "@jridgewell/resolve-uri": {
+            "version": "3.1.2",
+            "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+            "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="
+        },
+        "@jridgewell/set-array": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/@jridgewell/set-array/-/set-array-1.2.1.tgz",
+            "integrity": "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A=="
+        },
+        "@jridgewell/source-map": {
+            "version": "0.3.6",
+            "resolved": "https://registry.npmjs.org/@jridgewell/source-map/-/source-map-0.3.6.tgz",
+            "integrity": "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ==",
+            "peer": true,
+            "requires": {
+                "@jridgewell/gen-mapping": "^0.3.5",
+                "@jridgewell/trace-mapping": "^0.3.25"
+            }
+        },
+        "@jridgewell/sourcemap-codec": {
+            "version": "1.5.0",
+            "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.0.tgz",
+            "integrity": "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="
+        },
+        "@jridgewell/trace-mapping": {
+            "version": "0.3.25",
+            "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.25.tgz",
+            "integrity": "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==",
+            "requires": {
+                "@jridgewell/resolve-uri": "^3.1.0",
+                "@jridgewell/sourcemap-codec": "^1.4.14"
+            }
+        },
+        "@nodelib/fs.scandir": {
+            "version": "2.1.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+            "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+            "requires": {
+                "@nodelib/fs.stat": "2.0.5",
+                "run-parallel": "^1.1.9"
+            }
+        },
+        "@nodelib/fs.stat": {
+            "version": "2.0.5",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+            "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="
+        },
+        "@nodelib/fs.walk": {
+            "version": "1.2.8",
+            "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+            "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+            "requires": {
+                "@nodelib/fs.scandir": "2.1.5",
+                "fastq": "^1.6.0"
+            }
+        },
+        "@parcel/watcher": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.0.tgz",
+            "integrity": "sha512-i0GV1yJnm2n3Yq1qw6QrUrd/LI9bE8WEBOTtOkpCXHHdyN3TAGgqAK/DAT05z4fq2x04cARXt2pDmjWjL92iTQ==",
+            "optional": true,
+            "requires": {
+                "@parcel/watcher-android-arm64": "2.5.0",
+                "@parcel/watcher-darwin-arm64": "2.5.0",
+                "@parcel/watcher-darwin-x64": "2.5.0",
+                "@parcel/watcher-freebsd-x64": "2.5.0",
+                "@parcel/watcher-linux-arm-glibc": "2.5.0",
+                "@parcel/watcher-linux-arm-musl": "2.5.0",
+                "@parcel/watcher-linux-arm64-glibc": "2.5.0",
+                "@parcel/watcher-linux-arm64-musl": "2.5.0",
+                "@parcel/watcher-linux-x64-glibc": "2.5.0",
+                "@parcel/watcher-linux-x64-musl": "2.5.0",
+                "@parcel/watcher-win32-arm64": "2.5.0",
+                "@parcel/watcher-win32-ia32": "2.5.0",
+                "@parcel/watcher-win32-x64": "2.5.0",
+                "detect-libc": "^1.0.3",
+                "is-glob": "^4.0.3",
+                "micromatch": "^4.0.5",
+                "node-addon-api": "^7.0.0"
+            }
+        },
+        "@parcel/watcher-android-arm64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.0.tgz",
+            "integrity": "sha512-qlX4eS28bUcQCdribHkg/herLe+0A9RyYC+mm2PXpncit8z5b3nSqGVzMNR3CmtAOgRutiZ02eIJJgP/b1iEFQ==",
+            "optional": true
+        },
+        "@parcel/watcher-darwin-arm64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.0.tgz",
+            "integrity": "sha512-hyZ3TANnzGfLpRA2s/4U1kbw2ZI4qGxaRJbBH2DCSREFfubMswheh8TeiC1sGZ3z2jUf3s37P0BBlrD3sjVTUw==",
+            "optional": true
+        },
+        "@parcel/watcher-darwin-x64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.0.tgz",
+            "integrity": "sha512-9rhlwd78saKf18fT869/poydQK8YqlU26TMiNg7AIu7eBp9adqbJZqmdFOsbZ5cnLp5XvRo9wcFmNHgHdWaGYA==",
+            "optional": true
+        },
+        "@parcel/watcher-freebsd-x64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.0.tgz",
+            "integrity": "sha512-syvfhZzyM8kErg3VF0xpV8dixJ+RzbUaaGaeb7uDuz0D3FK97/mZ5AJQ3XNnDsXX7KkFNtyQyFrXZzQIcN49Tw==",
+            "optional": true
+        },
+        "@parcel/watcher-linux-arm-glibc": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.0.tgz",
+            "integrity": "sha512-0VQY1K35DQET3dVYWpOaPFecqOT9dbuCfzjxoQyif1Wc574t3kOSkKevULddcR9znz1TcklCE7Ht6NIxjvTqLA==",
+            "optional": true
+        },
+        "@parcel/watcher-linux-arm-musl": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.0.tgz",
+            "integrity": "sha512-6uHywSIzz8+vi2lAzFeltnYbdHsDm3iIB57d4g5oaB9vKwjb6N6dRIgZMujw4nm5r6v9/BQH0noq6DzHrqr2pA==",
+            "optional": true
+        },
+        "@parcel/watcher-linux-arm64-glibc": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.0.tgz",
+            "integrity": "sha512-BfNjXwZKxBy4WibDb/LDCriWSKLz+jJRL3cM/DllnHH5QUyoiUNEp3GmL80ZqxeumoADfCCP19+qiYiC8gUBjA==",
+            "optional": true
+        },
+        "@parcel/watcher-linux-arm64-musl": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.0.tgz",
+            "integrity": "sha512-S1qARKOphxfiBEkwLUbHjCY9BWPdWnW9j7f7Hb2jPplu8UZ3nes7zpPOW9bkLbHRvWM0WDTsjdOTUgW0xLBN1Q==",
+            "optional": true
+        },
+        "@parcel/watcher-linux-x64-glibc": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.0.tgz",
+            "integrity": "sha512-d9AOkusyXARkFD66S6zlGXyzx5RvY+chTP9Jp0ypSTC9d4lzyRs9ovGf/80VCxjKddcUvnsGwCHWuF2EoPgWjw==",
+            "optional": true
+        },
+        "@parcel/watcher-linux-x64-musl": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.0.tgz",
+            "integrity": "sha512-iqOC+GoTDoFyk/VYSFHwjHhYrk8bljW6zOhPuhi5t9ulqiYq1togGJB5e3PwYVFFfeVgc6pbz3JdQyDoBszVaA==",
+            "optional": true
+        },
+        "@parcel/watcher-win32-arm64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.0.tgz",
+            "integrity": "sha512-twtft1d+JRNkM5YbmexfcH/N4znDtjgysFaV9zvZmmJezQsKpkfLYJ+JFV3uygugK6AtIM2oADPkB2AdhBrNig==",
+            "optional": true
+        },
+        "@parcel/watcher-win32-ia32": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.0.tgz",
+            "integrity": "sha512-+rgpsNRKwo8A53elqbbHXdOMtY/tAtTzManTWShB5Kk54N8Q9mzNWV7tV+IbGueCbcj826MfWGU3mprWtuf1TA==",
+            "optional": true
+        },
+        "@parcel/watcher-win32-x64": {
+            "version": "2.5.0",
+            "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.0.tgz",
+            "integrity": "sha512-lPrxve92zEHdgeff3aiu4gDOIt4u7sJYha6wbdEZDCDUhtjTsOMiaJzG5lMY4GkWH8p0fMmO2Ppq5G5XXG+DQw==",
+            "optional": true
+        },
+        "@pkgjs/parseargs": {
+            "version": "0.11.0",
+            "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
+            "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
+            "optional": true
+        },
+        "@rollup/rollup-android-arm-eabi": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.28.1.tgz",
+            "integrity": "sha512-2aZp8AES04KI2dy3Ss6/MDjXbwBzj+i0GqKtWXgw2/Ma6E4jJvujryO6gJAghIRVz7Vwr9Gtl/8na3nDUKpraQ==",
+            "optional": true
+        },
+        "@rollup/rollup-android-arm64": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.28.1.tgz",
+            "integrity": "sha512-EbkK285O+1YMrg57xVA+Dp0tDBRB93/BZKph9XhMjezf6F4TpYjaUSuPt5J0fZXlSag0LmZAsTmdGGqPp4pQFA==",
+            "optional": true
+        },
+        "@rollup/rollup-darwin-arm64": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.28.1.tgz",
+            "integrity": "sha512-prduvrMKU6NzMq6nxzQw445zXgaDBbMQvmKSJaxpaZ5R1QDM8w+eGxo6Y/jhT/cLoCvnZI42oEqf9KQNYz1fqQ==",
+            "optional": true
+        },
+        "@rollup/rollup-darwin-x64": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.28.1.tgz",
+            "integrity": "sha512-WsvbOunsUk0wccO/TV4o7IKgloJ942hVFK1CLatwv6TJspcCZb9umQkPdvB7FihmdxgaKR5JyxDjWpCOp4uZlQ==",
+            "optional": true
+        },
+        "@rollup/rollup-freebsd-arm64": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.28.1.tgz",
+            "integrity": "sha512-HTDPdY1caUcU4qK23FeeGxCdJF64cKkqajU0iBnTVxS8F7H/7BewvYoG+va1KPSL63kQ1PGNyiwKOfReavzvNA==",
+            "optional": true
+        },
+        "@rollup/rollup-freebsd-x64": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.28.1.tgz",
+            "integrity": "sha512-m/uYasxkUevcFTeRSM9TeLyPe2QDuqtjkeoTpP9SW0XxUWfcYrGDMkO/m2tTw+4NMAF9P2fU3Mw4ahNvo7QmsQ==",
+            "optional": true
+        },
+        "@rollup/rollup-linux-arm-gnueabihf": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.28.1.tgz",
+            "integrity": "sha512-QAg11ZIt6mcmzpNE6JZBpKfJaKkqTm1A9+y9O+frdZJEuhQxiugM05gnCWiANHj4RmbgeVJpTdmKRmH/a+0QbA==",
+            "optional": true
+        },
+        "@rollup/rollup-linux-arm-musleabihf": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.28.1.tgz",
+            "integrity": "sha512-dRP9PEBfolq1dmMcFqbEPSd9VlRuVWEGSmbxVEfiq2cs2jlZAl0YNxFzAQS2OrQmsLBLAATDMb3Z6MFv5vOcXg==",
+            "optional": true
+        },
+        "@rollup/rollup-linux-arm64-gnu": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.28.1.tgz",
+            "integrity": "sha512-uGr8khxO+CKT4XU8ZUH1TTEUtlktK6Kgtv0+6bIFSeiSlnGJHG1tSFSjm41uQ9sAO/5ULx9mWOz70jYLyv1QkA==",
+            "optional": true
+        },
+        "@rollup/rollup-linux-arm64-musl": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.28.1.tgz",
+            "integrity": "sha512-QF54q8MYGAqMLrX2t7tNpi01nvq5RI59UBNx+3+37zoKX5KViPo/gk2QLhsuqok05sSCRluj0D00LzCwBikb0A==",
+            "optional": true
+        },
+        "@rollup/rollup-linux-loongarch64-gnu": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loongarch64-gnu/-/rollup-linux-loongarch64-gnu-4.28.1.tgz",
+            "integrity": "sha512-vPul4uodvWvLhRco2w0GcyZcdyBfpfDRgNKU+p35AWEbJ/HPs1tOUrkSueVbBS0RQHAf/A+nNtDpvw95PeVKOA==",
+            "optional": true
+        },
+        "@rollup/rollup-linux-powerpc64le-gnu": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-powerpc64le-gnu/-/rollup-linux-powerpc64le-gnu-4.28.1.tgz",
+            "integrity": "sha512-pTnTdBuC2+pt1Rmm2SV7JWRqzhYpEILML4PKODqLz+C7Ou2apEV52h19CR7es+u04KlqplggmN9sqZlekg3R1A==",
+            "optional": true
+        },
+        "@rollup/rollup-linux-riscv64-gnu": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.28.1.tgz",
+            "integrity": "sha512-vWXy1Nfg7TPBSuAncfInmAI/WZDd5vOklyLJDdIRKABcZWojNDY0NJwruY2AcnCLnRJKSaBgf/GiJfauu8cQZA==",
+            "optional": true
+        },
+        "@rollup/rollup-linux-s390x-gnu": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.28.1.tgz",
+            "integrity": "sha512-/yqC2Y53oZjb0yz8PVuGOQQNOTwxcizudunl/tFs1aLvObTclTwZ0JhXF2XcPT/zuaymemCDSuuUPXJJyqeDOg==",
+            "optional": true
+        },
+        "@rollup/rollup-linux-x64-gnu": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.28.1.tgz",
+            "integrity": "sha512-fzgeABz7rrAlKYB0y2kSEiURrI0691CSL0+KXwKwhxvj92VULEDQLpBYLHpF49MSiPG4sq5CK3qHMnb9tlCjBw==",
+            "optional": true
+        },
+        "@rollup/rollup-linux-x64-musl": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.28.1.tgz",
+            "integrity": "sha512-xQTDVzSGiMlSshpJCtudbWyRfLaNiVPXt1WgdWTwWz9n0U12cI2ZVtWe/Jgwyv/6wjL7b66uu61Vg0POWVfz4g==",
+            "optional": true
+        },
+        "@rollup/rollup-win32-arm64-msvc": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.28.1.tgz",
+            "integrity": "sha512-wSXmDRVupJstFP7elGMgv+2HqXelQhuNf+IS4V+nUpNVi/GUiBgDmfwD0UGN3pcAnWsgKG3I52wMOBnk1VHr/A==",
+            "optional": true
+        },
+        "@rollup/rollup-win32-ia32-msvc": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.28.1.tgz",
+            "integrity": "sha512-ZkyTJ/9vkgrE/Rk9vhMXhf8l9D+eAhbAVbsGsXKy2ohmJaWg0LPQLnIxRdRp/bKyr8tXuPlXhIoGlEB5XpJnGA==",
+            "optional": true
+        },
+        "@rollup/rollup-win32-x64-msvc": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.28.1.tgz",
+            "integrity": "sha512-ZvK2jBafvttJjoIdKm/Q/Bh7IJ1Ose9IBOwpOXcOvW3ikGTQGmKDgxTC6oCAzW6PynbkKP8+um1du81XJHZ0JA==",
+            "optional": true
+        },
+        "@tailwindcss/forms": {
+            "version": "0.5.9",
+            "resolved": "https://registry.npmjs.org/@tailwindcss/forms/-/forms-0.5.9.tgz",
+            "integrity": "sha512-tM4XVr2+UVTxXJzey9Twx48c1gcxFStqn1pQz0tRsX8o3DvxhN5oY5pvyAbUx7VTaZxpej4Zzvc6h+1RJBzpIg==",
+            "requires": {
+                "mini-svg-data-uri": "^1.2.3"
+            }
+        },
+        "@types/eslint": {
+            "version": "9.6.1",
+            "resolved": "https://registry.npmjs.org/@types/eslint/-/eslint-9.6.1.tgz",
+            "integrity": "sha512-FXx2pKgId/WyYo2jXw63kk7/+TY7u7AziEJxJAnSFzHlqTAS3Ync6SvgYAN/k4/PQpnnVuzoMuVnByKK2qp0ag==",
+            "peer": true,
+            "requires": {
+                "@types/estree": "*",
+                "@types/json-schema": "*"
+            }
+        },
+        "@types/eslint-scope": {
+            "version": "3.7.7",
+            "resolved": "https://registry.npmjs.org/@types/eslint-scope/-/eslint-scope-3.7.7.tgz",
+            "integrity": "sha512-MzMFlSLBqNF2gcHWO0G1vP/YQyfvrxZ0bF+u7mzUdZ1/xK4A4sru+nraZz5i3iEIk1l1uyicaDVTB4QbbEkAYg==",
+            "peer": true,
+            "requires": {
+                "@types/eslint": "*",
+                "@types/estree": "*"
+            }
+        },
+        "@types/estree": {
+            "version": "1.0.6",
+            "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
+            "integrity": "sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw=="
+        },
+        "@types/json-schema": {
+            "version": "7.0.15",
+            "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+            "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+            "peer": true
+        },
+        "@types/node": {
+            "version": "22.10.2",
+            "resolved": "https://registry.npmjs.org/@types/node/-/node-22.10.2.tgz",
+            "integrity": "sha512-Xxr6BBRCAOQixvonOye19wnzyDiUtTeqldOOmj3CkeblonbccA12PFwlufvRdrpjXxqnmUaeiU5EOA+7s5diUQ==",
+            "peer": true,
+            "requires": {
+                "undici-types": "~6.20.0"
+            }
+        },
+        "@vitejs/plugin-vue": {
+            "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-5.2.1.tgz",
+            "integrity": "sha512-cxh314tzaWwOLqVes2gnnCtvBDcM1UMdn+iFR+UjAn411dPT3tOmqrJjbMd7koZpMAmBM/GqeV4n9ge7JSiJJQ==",
+            "requires": {}
+        },
+        "@vue/compiler-core": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.13.tgz",
+            "integrity": "sha512-oOdAkwqUfW1WqpwSYJce06wvt6HljgY3fGeM9NcVA1HaYOij3mZG9Rkysn0OHuyUAGMbEbARIpsG+LPVlBJ5/Q==",
+            "requires": {
+                "@babel/parser": "^7.25.3",
+                "@vue/shared": "3.5.13",
+                "entities": "^4.5.0",
+                "estree-walker": "^2.0.2",
+                "source-map-js": "^1.2.0"
+            }
+        },
+        "@vue/compiler-dom": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.13.tgz",
+            "integrity": "sha512-ZOJ46sMOKUjO3e94wPdCzQ6P1Lx/vhp2RSvfaab88Ajexs0AHeV0uasYhi99WPaogmBlRHNRuly8xV75cNTMDA==",
+            "requires": {
+                "@vue/compiler-core": "3.5.13",
+                "@vue/shared": "3.5.13"
+            }
+        },
+        "@vue/compiler-sfc": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.13.tgz",
+            "integrity": "sha512-6VdaljMpD82w6c2749Zhf5T9u5uLBWKnVue6XWxprDobftnletJ8+oel7sexFfM3qIxNmVE7LSFGTpv6obNyaQ==",
+            "requires": {
+                "@babel/parser": "^7.25.3",
+                "@vue/compiler-core": "3.5.13",
+                "@vue/compiler-dom": "3.5.13",
+                "@vue/compiler-ssr": "3.5.13",
+                "@vue/shared": "3.5.13",
+                "estree-walker": "^2.0.2",
+                "magic-string": "^0.30.11",
+                "postcss": "^8.4.48",
+                "source-map-js": "^1.2.0"
+            }
+        },
+        "@vue/compiler-ssr": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.13.tgz",
+            "integrity": "sha512-wMH6vrYHxQl/IybKJagqbquvxpWCuVYpoUJfCqFZwa/JY1GdATAQ+TgVtgrwwMZ0D07QhA99rs/EAAWfvG6KpA==",
+            "requires": {
+                "@vue/compiler-dom": "3.5.13",
+                "@vue/shared": "3.5.13"
+            }
+        },
+        "@vue/devtools-api": {
+            "version": "6.6.4",
+            "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+            "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g=="
+        },
+        "@vue/reactivity": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.13.tgz",
+            "integrity": "sha512-NaCwtw8o48B9I6L1zl2p41OHo/2Z4wqYGGIK1Khu5T7yxrn+ATOixn/Udn2m+6kZKB/J7cuT9DbWWhRxqixACg==",
+            "requires": {
+                "@vue/shared": "3.5.13"
+            }
+        },
+        "@vue/runtime-core": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.13.tgz",
+            "integrity": "sha512-Fj4YRQ3Az0WTZw1sFe+QDb0aXCerigEpw418pw1HBUKFtnQHWzwojaukAs2X/c9DQz4MQ4bsXTGlcpGxU/RCIw==",
+            "requires": {
+                "@vue/reactivity": "3.5.13",
+                "@vue/shared": "3.5.13"
+            }
+        },
+        "@vue/runtime-dom": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.13.tgz",
+            "integrity": "sha512-dLaj94s93NYLqjLiyFzVs9X6dWhTdAlEAciC3Moq7gzAc13VJUdCnjjRurNM6uTLFATRHexHCTu/Xp3eW6yoog==",
+            "requires": {
+                "@vue/reactivity": "3.5.13",
+                "@vue/runtime-core": "3.5.13",
+                "@vue/shared": "3.5.13",
+                "csstype": "^3.1.3"
+            }
+        },
+        "@vue/server-renderer": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.13.tgz",
+            "integrity": "sha512-wAi4IRJV/2SAW3htkTlB+dHeRmpTiVIK1OGLWV1yeStVSebSQQOwGwIq0D3ZIoBj2C2qpgz5+vX9iEBkTdk5YA==",
+            "requires": {
+                "@vue/compiler-ssr": "3.5.13",
+                "@vue/shared": "3.5.13"
+            }
+        },
+        "@vue/shared": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.13.tgz",
+            "integrity": "sha512-/hnE/qP5ZoGpol0a5mDi45bOd7t3tjYJBjsgCsivow7D48cJeV5l05RD82lPqi7gRiphZM37rnhW1l6ZoCNNnQ=="
+        },
+        "@vuepic/vue-datepicker": {
+            "version": "8.8.1",
+            "resolved": "https://registry.npmjs.org/@vuepic/vue-datepicker/-/vue-datepicker-8.8.1.tgz",
+            "integrity": "sha512-8ehfUz1m69Vuc16Pm4ukgb3Mg1VT14x4EsG1ag4O/qbSNRWztTo+pUV4JnFt0FGLl5gGb6NXlxIvR7EjLgD7Gg==",
+            "requires": {
+                "date-fns": "^3.6.0"
+            }
+        },
+        "@webassemblyjs/ast": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.14.1.tgz",
+            "integrity": "sha512-nuBEDgQfm1ccRp/8bCQrx1frohyufl4JlbMMZ4P1wpeOfDhF6FQkxZJ1b/e+PLwr6X1Nhw6OLme5usuBWYBvuQ==",
+            "peer": true,
+            "requires": {
+                "@webassemblyjs/helper-numbers": "1.13.2",
+                "@webassemblyjs/helper-wasm-bytecode": "1.13.2"
+            }
+        },
+        "@webassemblyjs/floating-point-hex-parser": {
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/floating-point-hex-parser/-/floating-point-hex-parser-1.13.2.tgz",
+            "integrity": "sha512-6oXyTOzbKxGH4steLbLNOu71Oj+C8Lg34n6CqRvqfS2O71BxY6ByfMDRhBytzknj9yGUPVJ1qIKhRlAwO1AovA==",
+            "peer": true
+        },
+        "@webassemblyjs/helper-api-error": {
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-api-error/-/helper-api-error-1.13.2.tgz",
+            "integrity": "sha512-U56GMYxy4ZQCbDZd6JuvvNV/WFildOjsaWD3Tzzvmw/mas3cXzRJPMjP83JqEsgSbyrmaGjBfDtV7KDXV9UzFQ==",
+            "peer": true
+        },
+        "@webassemblyjs/helper-buffer": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-buffer/-/helper-buffer-1.14.1.tgz",
+            "integrity": "sha512-jyH7wtcHiKssDtFPRB+iQdxlDf96m0E39yb0k5uJVhFGleZFoNw1c4aeIcVUPPbXUVJ94wwnMOAqUHyzoEPVMA==",
+            "peer": true
+        },
+        "@webassemblyjs/helper-numbers": {
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-numbers/-/helper-numbers-1.13.2.tgz",
+            "integrity": "sha512-FE8aCmS5Q6eQYcV3gI35O4J789wlQA+7JrqTTpJqn5emA4U2hvwJmvFRC0HODS+3Ye6WioDklgd6scJ3+PLnEA==",
+            "peer": true,
+            "requires": {
+                "@webassemblyjs/floating-point-hex-parser": "1.13.2",
+                "@webassemblyjs/helper-api-error": "1.13.2",
+                "@xtuc/long": "4.2.2"
+            }
+        },
+        "@webassemblyjs/helper-wasm-bytecode": {
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-bytecode/-/helper-wasm-bytecode-1.13.2.tgz",
+            "integrity": "sha512-3QbLKy93F0EAIXLh0ogEVR6rOubA9AoZ+WRYhNbFyuB70j3dRdwH9g+qXhLAO0kiYGlg3TxDV+I4rQTr/YNXkA==",
+            "peer": true
+        },
+        "@webassemblyjs/helper-wasm-section": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/helper-wasm-section/-/helper-wasm-section-1.14.1.tgz",
+            "integrity": "sha512-ds5mXEqTJ6oxRoqjhWDU83OgzAYjwsCV8Lo/N+oRsNDmx/ZDpqalmrtgOMkHwxsG0iI//3BwWAErYRHtgn0dZw==",
+            "peer": true,
+            "requires": {
+                "@webassemblyjs/ast": "1.14.1",
+                "@webassemblyjs/helper-buffer": "1.14.1",
+                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+                "@webassemblyjs/wasm-gen": "1.14.1"
+            }
+        },
+        "@webassemblyjs/ieee754": {
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/ieee754/-/ieee754-1.13.2.tgz",
+            "integrity": "sha512-4LtOzh58S/5lX4ITKxnAK2USuNEvpdVV9AlgGQb8rJDHaLeHciwG4zlGr0j/SNWlr7x3vO1lDEsuePvtcDNCkw==",
+            "peer": true,
+            "requires": {
+                "@xtuc/ieee754": "^1.2.0"
+            }
+        },
+        "@webassemblyjs/leb128": {
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/leb128/-/leb128-1.13.2.tgz",
+            "integrity": "sha512-Lde1oNoIdzVzdkNEAWZ1dZ5orIbff80YPdHx20mrHwHrVNNTjNr8E3xz9BdpcGqRQbAEa+fkrCb+fRFTl/6sQw==",
+            "peer": true,
+            "requires": {
+                "@xtuc/long": "4.2.2"
+            }
+        },
+        "@webassemblyjs/utf8": {
+            "version": "1.13.2",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/utf8/-/utf8-1.13.2.tgz",
+            "integrity": "sha512-3NQWGjKTASY1xV5m7Hr0iPeXD9+RDobLll3T9d2AO+g3my8xy5peVyjSag4I50mR1bBSN/Ct12lo+R9tJk0NZQ==",
+            "peer": true
+        },
+        "@webassemblyjs/wasm-edit": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-edit/-/wasm-edit-1.14.1.tgz",
+            "integrity": "sha512-RNJUIQH/J8iA/1NzlE4N7KtyZNHi3w7at7hDjvRNm5rcUXa00z1vRz3glZoULfJ5mpvYhLybmVcwcjGrC1pRrQ==",
+            "peer": true,
+            "requires": {
+                "@webassemblyjs/ast": "1.14.1",
+                "@webassemblyjs/helper-buffer": "1.14.1",
+                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+                "@webassemblyjs/helper-wasm-section": "1.14.1",
+                "@webassemblyjs/wasm-gen": "1.14.1",
+                "@webassemblyjs/wasm-opt": "1.14.1",
+                "@webassemblyjs/wasm-parser": "1.14.1",
+                "@webassemblyjs/wast-printer": "1.14.1"
+            }
+        },
+        "@webassemblyjs/wasm-gen": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-gen/-/wasm-gen-1.14.1.tgz",
+            "integrity": "sha512-AmomSIjP8ZbfGQhumkNvgC33AY7qtMCXnN6bL2u2Js4gVCg8fp735aEiMSBbDR7UQIj90n4wKAFUSEd0QN2Ukg==",
+            "peer": true,
+            "requires": {
+                "@webassemblyjs/ast": "1.14.1",
+                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+                "@webassemblyjs/ieee754": "1.13.2",
+                "@webassemblyjs/leb128": "1.13.2",
+                "@webassemblyjs/utf8": "1.13.2"
+            }
+        },
+        "@webassemblyjs/wasm-opt": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-opt/-/wasm-opt-1.14.1.tgz",
+            "integrity": "sha512-PTcKLUNvBqnY2U6E5bdOQcSM+oVP/PmrDY9NzowJjislEjwP/C4an2303MCVS2Mg9d3AJpIGdUFIQQWbPds0Sw==",
+            "peer": true,
+            "requires": {
+                "@webassemblyjs/ast": "1.14.1",
+                "@webassemblyjs/helper-buffer": "1.14.1",
+                "@webassemblyjs/wasm-gen": "1.14.1",
+                "@webassemblyjs/wasm-parser": "1.14.1"
+            }
+        },
+        "@webassemblyjs/wasm-parser": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wasm-parser/-/wasm-parser-1.14.1.tgz",
+            "integrity": "sha512-JLBl+KZ0R5qB7mCnud/yyX08jWFw5MsoalJ1pQ4EdFlgj9VdXKGuENGsiCIjegI1W7p91rUlcB/LB5yRJKNTcQ==",
+            "peer": true,
+            "requires": {
+                "@webassemblyjs/ast": "1.14.1",
+                "@webassemblyjs/helper-api-error": "1.13.2",
+                "@webassemblyjs/helper-wasm-bytecode": "1.13.2",
+                "@webassemblyjs/ieee754": "1.13.2",
+                "@webassemblyjs/leb128": "1.13.2",
+                "@webassemblyjs/utf8": "1.13.2"
+            }
+        },
+        "@webassemblyjs/wast-printer": {
+            "version": "1.14.1",
+            "resolved": "https://registry.npmjs.org/@webassemblyjs/wast-printer/-/wast-printer-1.14.1.tgz",
+            "integrity": "sha512-kPSSXE6De1XOR820C90RIo2ogvZG+c3KiHzqUoO/F34Y2shGzesfqv7o57xrxovZJH/MetF5UjroJ/R/3isoiw==",
+            "peer": true,
+            "requires": {
+                "@webassemblyjs/ast": "1.14.1",
+                "@xtuc/long": "4.2.2"
+            }
+        },
+        "@xtuc/ieee754": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/@xtuc/ieee754/-/ieee754-1.2.0.tgz",
+            "integrity": "sha512-DX8nKgqcGwsc0eJSqYt5lwP4DH5FlHnmuWWBRy7X0NcaGR0ZtuyeESgMwTYVEtxmsNGY+qit4QYT/MIYTOTPeA==",
+            "peer": true
+        },
+        "@xtuc/long": {
+            "version": "4.2.2",
+            "resolved": "https://registry.npmjs.org/@xtuc/long/-/long-4.2.2.tgz",
+            "integrity": "sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==",
+            "peer": true
+        },
+        "acorn": {
+            "version": "8.14.0",
+            "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.14.0.tgz",
+            "integrity": "sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==",
+            "peer": true
+        },
+        "ajv": {
+            "version": "6.12.6",
+            "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+            "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+            "peer": true,
+            "requires": {
+                "fast-deep-equal": "^3.1.1",
+                "fast-json-stable-stringify": "^2.0.0",
+                "json-schema-traverse": "^0.4.1",
+                "uri-js": "^4.2.2"
+            }
+        },
+        "ajv-keywords": {
+            "version": "3.5.2",
+            "resolved": "https://registry.npmjs.org/ajv-keywords/-/ajv-keywords-3.5.2.tgz",
+            "integrity": "sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ==",
+            "peer": true,
+            "requires": {}
+        },
+        "ansi-regex": {
+            "version": "6.1.0",
+            "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.1.0.tgz",
+            "integrity": "sha512-7HSX4QQb4CspciLpVFwyRe79O3xsIZDDLER21kERQ71oaPodF8jL725AgJMFAYbooIqolJoRLuM81SpeUkpkvA=="
+        },
+        "ansi-styles": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+            "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+            "requires": {
+                "color-convert": "^2.0.1"
+            }
+        },
+        "any-promise": {
+            "version": "1.3.0",
+            "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+            "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
+        },
+        "anymatch": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+            "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+            "requires": {
+                "normalize-path": "^3.0.0",
+                "picomatch": "^2.0.4"
+            }
+        },
+        "arg": {
+            "version": "5.0.2",
+            "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+            "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
+        },
+        "asynckit": {
+            "version": "0.4.0",
+            "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+            "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+            "dev": true
+        },
+        "autoprefixer": {
+            "version": "10.4.20",
+            "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
+            "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
+            "dev": true,
+            "requires": {
+                "browserslist": "^4.23.3",
+                "caniuse-lite": "^1.0.30001646",
+                "fraction.js": "^4.3.7",
+                "normalize-range": "^0.1.2",
+                "picocolors": "^1.0.1",
+                "postcss-value-parser": "^4.2.0"
+            }
+        },
+        "axios": {
+            "version": "1.7.9",
+            "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.9.tgz",
+            "integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==",
+            "dev": true,
+            "requires": {
+                "follow-redirects": "^1.15.6",
+                "form-data": "^4.0.0",
+                "proxy-from-env": "^1.1.0"
+            }
+        },
+        "balanced-match": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+            "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
+        },
+        "binary-extensions": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+            "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw=="
+        },
+        "brace-expansion": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
+            "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
+            "requires": {
+                "balanced-match": "^1.0.0"
+            }
+        },
+        "braces": {
+            "version": "3.0.3",
+            "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+            "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+            "requires": {
+                "fill-range": "^7.1.1"
+            }
+        },
+        "browserslist": {
+            "version": "4.24.2",
+            "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.24.2.tgz",
+            "integrity": "sha512-ZIc+Q62revdMcqC6aChtW4jz3My3klmCO1fEmINZY/8J3EpBg5/A/D0AKmBveUh6pgoeycoMkVMko84tuYS+Gg==",
+            "requires": {
+                "caniuse-lite": "^1.0.30001669",
+                "electron-to-chromium": "^1.5.41",
+                "node-releases": "^2.0.18",
+                "update-browserslist-db": "^1.1.1"
+            }
+        },
+        "buffer-from": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+            "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+            "peer": true
+        },
+        "camelcase-css": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+            "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA=="
+        },
+        "caniuse-lite": {
+            "version": "1.0.30001688",
+            "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001688.tgz",
+            "integrity": "sha512-Nmqpru91cuABu/DTCXbM2NSRHzM2uVHfPnhJ/1zEAJx/ILBRVmz3pzH4N7DZqbdG0gWClsCC05Oj0mJ/1AWMbA=="
+        },
+        "chalk": {
+            "version": "4.1.2",
+            "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+            "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+            "requires": {
+                "ansi-styles": "^4.1.0",
+                "supports-color": "^7.1.0"
+            }
+        },
+        "chokidar": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.1.tgz",
+            "integrity": "sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==",
+            "devOptional": true,
+            "requires": {
+                "readdirp": "^4.0.1"
+            }
+        },
+        "chrome-trace-event": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/chrome-trace-event/-/chrome-trace-event-1.0.4.tgz",
+            "integrity": "sha512-rNjApaLzuwaOTjCiT8lSDdGN1APCiqkChLMJxJPWLunPAt5fy8xgU9/jNOchV84wfIxrA0lRQB7oCT8jrn/wrQ==",
+            "peer": true
+        },
+        "click-outside-vue3": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/click-outside-vue3/-/click-outside-vue3-4.0.1.tgz",
+            "integrity": "sha512-sbplNecrup5oGqA3o4bo8XmvHRT6q9fvw21Z67aDbTqB9M6LF7CuYLTlLvNtOgKU6W3zst5H5zJuEh4auqA34g=="
+        },
+        "clipboard": {
+            "version": "2.0.11",
+            "resolved": "https://registry.npmjs.org/clipboard/-/clipboard-2.0.11.tgz",
+            "integrity": "sha512-C+0bbOqkezLIsmWSvlsXS0Q0bmkugu7jcfMIACB+RDEntIzQIkdr148we28AfSloQLRdZlYL/QYyrq05j/3Faw==",
+            "requires": {
+                "good-listener": "^1.2.2",
+                "select": "^1.1.2",
+                "tiny-emitter": "^2.0.0"
+            }
+        },
+        "color-convert": {
+            "version": "2.0.1",
+            "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+            "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+            "requires": {
+                "color-name": "~1.1.4"
+            }
+        },
+        "color-name": {
+            "version": "1.1.4",
+            "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+            "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="
+        },
+        "combined-stream": {
+            "version": "1.0.8",
+            "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+            "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+            "dev": true,
+            "requires": {
+                "delayed-stream": "~1.0.0"
+            }
+        },
+        "commander": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+            "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA=="
+        },
+        "cross-spawn": {
+            "version": "7.0.6",
+            "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+            "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+            "requires": {
+                "path-key": "^3.1.0",
+                "shebang-command": "^2.0.0",
+                "which": "^2.0.1"
+            }
+        },
+        "cssesc": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+            "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="
+        },
+        "csstype": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+            "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
+        },
+        "date-fns": {
+            "version": "3.6.0",
+            "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.6.0.tgz",
+            "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww=="
+        },
+        "delayed-stream": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+            "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+            "dev": true
+        },
+        "delegate": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/delegate/-/delegate-3.2.0.tgz",
+            "integrity": "sha512-IofjkYBZaZivn0V8nnsMJGBr4jVLxHDheKSW88PyxS5QC4Vo9ZbZVvhzlSxY87fVq3STR6r+4cGepyHkcWOQSw=="
+        },
+        "detect-libc": {
+            "version": "1.0.3",
+            "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+            "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+            "optional": true
+        },
+        "didyoumean": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+            "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
+        },
+        "dlv": {
+            "version": "1.1.3",
+            "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+            "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
+        },
+        "eastasianwidth": {
+            "version": "0.2.0",
+            "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
+            "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA=="
+        },
+        "electron-to-chromium": {
+            "version": "1.5.73",
+            "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.73.tgz",
+            "integrity": "sha512-8wGNxG9tAG5KhGd3eeA0o6ixhiNdgr0DcHWm85XPCphwZgD1lIEoi6t3VERayWao7SF7AAZTw6oARGJeVjH8Kg=="
+        },
+        "emoji-regex": {
+            "version": "9.2.2",
+            "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
+            "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg=="
+        },
+        "enhanced-resolve": {
+            "version": "5.17.1",
+            "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.17.1.tgz",
+            "integrity": "sha512-LMHl3dXhTcfv8gM4kEzIUeTQ+7fpdA0l2tUf34BddXPkz2A5xJ5L/Pchd5BL6rdccM9QGvu0sWZzK1Z1t4wwyg==",
+            "peer": true,
+            "requires": {
+                "graceful-fs": "^4.2.4",
+                "tapable": "^2.2.0"
+            }
+        },
+        "entities": {
+            "version": "4.5.0",
+            "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+            "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="
+        },
+        "es-module-lexer": {
+            "version": "1.5.4",
+            "resolved": "https://registry.npmjs.org/es-module-lexer/-/es-module-lexer-1.5.4.tgz",
+            "integrity": "sha512-MVNK56NiMrOwitFB7cqDwq0CQutbw+0BvLshJSse0MUNU+y1FC3bUS/AQg7oUng+/wKrrki7JfmwtVHkVfPLlw==",
+            "peer": true
+        },
+        "esbuild": {
+            "version": "0.21.5",
+            "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+            "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+            "requires": {
+                "@esbuild/aix-ppc64": "0.21.5",
+                "@esbuild/android-arm": "0.21.5",
+                "@esbuild/android-arm64": "0.21.5",
+                "@esbuild/android-x64": "0.21.5",
+                "@esbuild/darwin-arm64": "0.21.5",
+                "@esbuild/darwin-x64": "0.21.5",
+                "@esbuild/freebsd-arm64": "0.21.5",
+                "@esbuild/freebsd-x64": "0.21.5",
+                "@esbuild/linux-arm": "0.21.5",
+                "@esbuild/linux-arm64": "0.21.5",
+                "@esbuild/linux-ia32": "0.21.5",
+                "@esbuild/linux-loong64": "0.21.5",
+                "@esbuild/linux-mips64el": "0.21.5",
+                "@esbuild/linux-ppc64": "0.21.5",
+                "@esbuild/linux-riscv64": "0.21.5",
+                "@esbuild/linux-s390x": "0.21.5",
+                "@esbuild/linux-x64": "0.21.5",
+                "@esbuild/netbsd-x64": "0.21.5",
+                "@esbuild/openbsd-x64": "0.21.5",
+                "@esbuild/sunos-x64": "0.21.5",
+                "@esbuild/win32-arm64": "0.21.5",
+                "@esbuild/win32-ia32": "0.21.5",
+                "@esbuild/win32-x64": "0.21.5"
+            }
+        },
+        "escalade": {
+            "version": "3.2.0",
+            "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+            "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="
+        },
+        "eslint-scope": {
+            "version": "5.1.1",
+            "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-5.1.1.tgz",
+            "integrity": "sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==",
+            "peer": true,
+            "requires": {
+                "esrecurse": "^4.3.0",
+                "estraverse": "^4.1.1"
+            }
+        },
+        "esrecurse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+            "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
+            "peer": true,
+            "requires": {
+                "estraverse": "^5.2.0"
+            },
+            "dependencies": {
+                "estraverse": {
+                    "version": "5.3.0",
+                    "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+                    "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
+                    "peer": true
+                }
+            }
+        },
+        "estraverse": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-4.3.0.tgz",
+            "integrity": "sha512-39nnKffWz8xN1BU/2c79n9nB9HDzo0niYUqx6xyqUnyoAnQyyWpOTdZEeiCch8BBu515t4wp9ZmgVfVhn9EBpw==",
+            "peer": true
+        },
+        "estree-walker": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+            "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="
+        },
+        "events": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+            "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+            "peer": true
+        },
+        "fast-deep-equal": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+            "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+            "peer": true
+        },
+        "fast-glob": {
+            "version": "3.3.2",
+            "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.2.tgz",
+            "integrity": "sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==",
+            "requires": {
+                "@nodelib/fs.stat": "^2.0.2",
+                "@nodelib/fs.walk": "^1.2.3",
+                "glob-parent": "^5.1.2",
+                "merge2": "^1.3.0",
+                "micromatch": "^4.0.4"
+            },
+            "dependencies": {
+                "glob-parent": {
+                    "version": "5.1.2",
+                    "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+                    "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+                    "requires": {
+                        "is-glob": "^4.0.1"
+                    }
+                }
+            }
+        },
+        "fast-json-stable-stringify": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+            "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+            "peer": true
+        },
+        "fastq": {
+            "version": "1.17.1",
+            "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.17.1.tgz",
+            "integrity": "sha512-sRVD3lWVIXWg6By68ZN7vho9a1pQcN/WBFaAAsDDFzlJjvoGx0P8z7V1t72grFJfJhu3YPZBuu25f7Kaw2jN1w==",
+            "requires": {
+                "reusify": "^1.0.4"
+            }
+        },
+        "fill-range": {
+            "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+            "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+            "requires": {
+                "to-regex-range": "^5.0.1"
+            }
+        },
+        "follow-redirects": {
+            "version": "1.15.9",
+            "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.9.tgz",
+            "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==",
+            "dev": true
+        },
+        "foreground-child": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.3.0.tgz",
+            "integrity": "sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==",
+            "requires": {
+                "cross-spawn": "^7.0.0",
+                "signal-exit": "^4.0.1"
+            }
+        },
+        "form-data": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.1.tgz",
+            "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==",
+            "dev": true,
+            "requires": {
+                "asynckit": "^0.4.0",
+                "combined-stream": "^1.0.8",
+                "mime-types": "^2.1.12"
+            }
+        },
+        "fraction.js": {
+            "version": "4.3.7",
+            "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-4.3.7.tgz",
+            "integrity": "sha512-ZsDfxO51wGAXREY55a7la9LScWpwv9RxIrYABrlvOFBlH/ShPnrtsXeuUIfXKKOVicNxQ+o8JTbJvjS4M89yew==",
+            "dev": true
+        },
+        "fsevents": {
+            "version": "2.3.3",
+            "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+            "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+            "optional": true
+        },
+        "function-bind": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+            "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="
+        },
+        "glob": {
+            "version": "10.4.5",
+            "resolved": "https://registry.npmjs.org/glob/-/glob-10.4.5.tgz",
+            "integrity": "sha512-7Bv8RF0k6xjo7d4A/PxYLbUCfb6c+Vpd2/mB2yRDlew7Jb5hEXiCD9ibfO7wpk8i4sevK6DFny9h7EYbM3/sHg==",
+            "requires": {
+                "foreground-child": "^3.1.0",
+                "jackspeak": "^3.1.2",
+                "minimatch": "^9.0.4",
+                "minipass": "^7.1.2",
+                "package-json-from-dist": "^1.0.0",
+                "path-scurry": "^1.11.1"
+            }
+        },
+        "glob-parent": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+            "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+            "requires": {
+                "is-glob": "^4.0.3"
+            }
+        },
+        "glob-to-regexp": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz",
+            "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw=="
+        },
+        "good-listener": {
+            "version": "1.2.2",
+            "resolved": "https://registry.npmjs.org/good-listener/-/good-listener-1.2.2.tgz",
+            "integrity": "sha512-goW1b+d9q/HIwbVYZzZ6SsTr4IgE+WA44A0GmPIQstuOrgsFcT7VEJ48nmr9GaRtNu0XTKacFLGnBPAM6Afouw==",
+            "requires": {
+                "delegate": "^3.1.2"
+            }
+        },
+        "graceful-fs": {
+            "version": "4.2.11",
+            "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+            "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="
+        },
+        "has-flag": {
+            "version": "4.0.0",
+            "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+            "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="
+        },
+        "hash-sum": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/hash-sum/-/hash-sum-2.0.0.tgz",
+            "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg=="
+        },
+        "hasown": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+            "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+            "requires": {
+                "function-bind": "^1.1.2"
+            }
+        },
+        "immutable": {
+            "version": "5.0.3",
+            "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.0.3.tgz",
+            "integrity": "sha512-P8IdPQHq3lA1xVeBRi5VPqUm5HDgKnx0Ru51wZz5mjxHr5n3RWhjIpOFU7ybkUxfB+5IToy+OLaHYDBIWsv+uw==",
+            "devOptional": true
+        },
+        "is-binary-path": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+            "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+            "requires": {
+                "binary-extensions": "^2.0.0"
+            }
+        },
+        "is-core-module": {
+            "version": "2.15.1",
+            "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.15.1.tgz",
+            "integrity": "sha512-z0vtXSwucUJtANQWldhbtbt7BnL0vxiFjIdDLAatwhDYty2bad6s+rijD6Ri4YuYJubLzIJLUidCh09e1djEVQ==",
+            "requires": {
+                "hasown": "^2.0.2"
+            }
+        },
+        "is-extglob": {
+            "version": "2.1.1",
+            "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+            "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="
+        },
+        "is-fullwidth-code-point": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+            "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="
+        },
+        "is-glob": {
+            "version": "4.0.3",
+            "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+            "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+            "requires": {
+                "is-extglob": "^2.1.1"
+            }
+        },
+        "is-number": {
+            "version": "7.0.0",
+            "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+            "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng=="
+        },
+        "isexe": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+            "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
+        },
+        "jackspeak": {
+            "version": "3.4.3",
+            "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-3.4.3.tgz",
+            "integrity": "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw==",
+            "requires": {
+                "@isaacs/cliui": "^8.0.2",
+                "@pkgjs/parseargs": "^0.11.0"
+            }
+        },
+        "jest-worker": {
+            "version": "27.5.1",
+            "resolved": "https://registry.npmjs.org/jest-worker/-/jest-worker-27.5.1.tgz",
+            "integrity": "sha512-7vuh85V5cdDofPyxn58nrPjBktZo0u9x1g8WtjQol+jZDaE+fhN+cIvTj11GndBnMnyfrUOG1sZQxCdjKh+DKg==",
+            "peer": true,
+            "requires": {
+                "@types/node": "*",
+                "merge-stream": "^2.0.0",
+                "supports-color": "^8.0.0"
+            },
+            "dependencies": {
+                "supports-color": {
+                    "version": "8.1.1",
+                    "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
+                    "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
+                    "peer": true,
+                    "requires": {
+                        "has-flag": "^4.0.0"
+                    }
+                }
+            }
+        },
+        "jiti": {
+            "version": "1.21.6",
+            "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.6.tgz",
+            "integrity": "sha512-2yTgeWTWzMWkHu6Jp9NKgePDaYHbntiwvYuuJLbbN9vl7DC9DvXKOB2BC3ZZ92D3cvV/aflH0osDfwpHepQ53w=="
+        },
+        "json-parse-even-better-errors": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+            "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+            "peer": true
+        },
+        "json-schema-traverse": {
+            "version": "0.4.1",
+            "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+            "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+            "peer": true
+        },
+        "laravel-vite-plugin": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/laravel-vite-plugin/-/laravel-vite-plugin-1.1.1.tgz",
+            "integrity": "sha512-HMZXpoSs1OR+7Lw1+g4Iy/s3HF3Ldl8KxxYT2Ot8pEB4XB/QRuZeWgDYJdu552UN03YRSRNK84CLC9NzYRtncA==",
+            "dev": true,
+            "requires": {
+                "picocolors": "^1.0.0",
+                "vite-plugin-full-reload": "^1.1.0"
+            }
+        },
+        "laravel-vue-i18n": {
+            "version": "2.7.8",
+            "resolved": "https://registry.npmjs.org/laravel-vue-i18n/-/laravel-vue-i18n-2.7.8.tgz",
+            "integrity": "sha512-HY4yZl1fqApzJzoLFGcmiBusHIouZgT+grMtTCQu3gkilEbcqPOt6L4ksfpkZOYppPQkUlnXLqN8nDNc0gyLUQ==",
+            "requires": {
+                "php-parser": "3.1.3",
+                "vue": "^3.2.45"
+            }
+        },
+        "lilconfig": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+            "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw=="
+        },
+        "lines-and-columns": {
+            "version": "1.2.4",
+            "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+            "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
+        },
+        "loader-runner": {
+            "version": "4.3.0",
+            "resolved": "https://registry.npmjs.org/loader-runner/-/loader-runner-4.3.0.tgz",
+            "integrity": "sha512-3R/1M+yS3j5ou80Me59j7F9IMs4PXs3VqRrm0TU3AbKPxlmpoY1TNscJV/oGJXo8qCatFGTfDbY6W6ipGOYXfg==",
+            "peer": true
+        },
+        "lodash": {
+            "version": "4.17.21",
+            "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+            "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="
+        },
+        "lru-cache": {
+            "version": "10.4.3",
+            "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.4.3.tgz",
+            "integrity": "sha512-JNAzZcXrCt42VGLuYz0zfAzDfAvJWW6AfYlDBQyDV5DClI2m5sAmK+OIO7s59XfsRsWHp02jAJrRadPRGTt6SQ=="
+        },
+        "magic-string": {
+            "version": "0.30.15",
+            "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.15.tgz",
+            "integrity": "sha512-zXeaYRgZ6ldS1RJJUrMrYgNJ4fdwnyI6tVqoiIhyCyv5IVTK9BU8Ic2l253GGETQHxI4HNUwhJ3fjDhKqEoaAw==",
+            "requires": {
+                "@jridgewell/sourcemap-codec": "^1.5.0"
+            }
+        },
+        "merge-stream": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-2.0.0.tgz",
+            "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
+            "peer": true
+        },
+        "merge2": {
+            "version": "1.4.1",
+            "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+            "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="
+        },
+        "micromatch": {
+            "version": "4.0.8",
+            "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+            "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+            "requires": {
+                "braces": "^3.0.3",
+                "picomatch": "^2.3.1"
+            }
+        },
+        "mime-db": {
+            "version": "1.52.0",
+            "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+            "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg=="
+        },
+        "mime-types": {
+            "version": "2.1.35",
+            "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+            "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+            "requires": {
+                "mime-db": "1.52.0"
+            }
+        },
+        "mini-svg-data-uri": {
+            "version": "1.4.4",
+            "resolved": "https://registry.npmjs.org/mini-svg-data-uri/-/mini-svg-data-uri-1.4.4.tgz",
+            "integrity": "sha512-r9deDe9p5FJUPZAk3A59wGH7Ii9YrjjWw0jmw/liSbHl2CHiyXj6FcDXDu2K3TjVAXqiJdaw3xxwlZZr9E6nHg=="
+        },
+        "minimatch": {
+            "version": "9.0.5",
+            "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.5.tgz",
+            "integrity": "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==",
+            "requires": {
+                "brace-expansion": "^2.0.1"
+            }
+        },
+        "minipass": {
+            "version": "7.1.2",
+            "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.1.2.tgz",
+            "integrity": "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw=="
+        },
+        "mitt": {
+            "version": "3.0.1",
+            "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+            "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw=="
+        },
+        "mz": {
+            "version": "2.7.0",
+            "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+            "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+            "requires": {
+                "any-promise": "^1.0.0",
+                "object-assign": "^4.0.1",
+                "thenify-all": "^1.0.0"
+            }
+        },
+        "nanoid": {
+            "version": "3.3.8",
+            "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.8.tgz",
+            "integrity": "sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w=="
+        },
+        "neo-async": {
+            "version": "2.6.2",
+            "resolved": "https://registry.npmjs.org/neo-async/-/neo-async-2.6.2.tgz",
+            "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==",
+            "peer": true
+        },
+        "node-addon-api": {
+            "version": "7.1.1",
+            "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+            "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+            "optional": true
+        },
+        "node-releases": {
+            "version": "2.0.19",
+            "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.19.tgz",
+            "integrity": "sha512-xxOWJsBKtzAq7DY0J+DTzuz58K8e7sJbdgwkbMWQe8UYB6ekmsQ45q0M/tJDsGaZmbC+l7n57UV8Hl5tHxO9uw=="
+        },
+        "normalize-path": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+            "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="
+        },
+        "normalize-range": {
+            "version": "0.1.2",
+            "resolved": "https://registry.npmjs.org/normalize-range/-/normalize-range-0.1.2.tgz",
+            "integrity": "sha512-bdok/XvKII3nUpklnV6P2hxtMNrCboOjAcyBuQnWEhO665FwrSNRxU+AqpsyvO6LgGYPspN+lu5CLtw4jPRKNA==",
+            "dev": true
+        },
+        "object-assign": {
+            "version": "4.1.1",
+            "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+            "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="
+        },
+        "object-hash": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+            "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw=="
+        },
+        "package-json-from-dist": {
+            "version": "1.0.1",
+            "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz",
+            "integrity": "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw=="
+        },
+        "path-key": {
+            "version": "3.1.1",
+            "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+            "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="
+        },
+        "path-parse": {
+            "version": "1.0.7",
+            "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+            "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+        },
+        "path-scurry": {
+            "version": "1.11.1",
+            "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.11.1.tgz",
+            "integrity": "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA==",
+            "requires": {
+                "lru-cache": "^10.2.0",
+                "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
+            }
+        },
+        "php-parser": {
+            "version": "3.1.3",
+            "resolved": "https://registry.npmjs.org/php-parser/-/php-parser-3.1.3.tgz",
+            "integrity": "sha512-hPvBmnRYPqWEtMfIFOlyjQv1q75UUtxt4U+YscKIQViGmEE2Xa4BuS1B1/cZdjy7MVcwtnr0WkEsr915LgRKOw=="
+        },
+        "picocolors": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+            "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="
+        },
+        "picomatch": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+            "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="
+        },
+        "pify": {
+            "version": "2.3.0",
+            "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+            "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog=="
+        },
+        "pirates": {
+            "version": "4.0.6",
+            "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
+            "integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg=="
+        },
+        "postcss": {
+            "version": "8.4.49",
+            "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.49.tgz",
+            "integrity": "sha512-OCVPnIObs4N29kxTjzLfUryOkvZEq+pf8jTF0lg8E7uETuWHA+v7j3c/xJmiqpX450191LlmZfUKkXxkTry7nA==",
+            "requires": {
+                "nanoid": "^3.3.7",
+                "picocolors": "^1.1.1",
+                "source-map-js": "^1.2.1"
+            }
+        },
+        "postcss-import": {
+            "version": "15.1.0",
+            "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+            "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+            "requires": {
+                "postcss-value-parser": "^4.0.0",
+                "read-cache": "^1.0.0",
+                "resolve": "^1.1.7"
+            }
+        },
+        "postcss-js": {
+            "version": "4.0.1",
+            "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
+            "integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
+            "requires": {
+                "camelcase-css": "^2.0.1"
+            }
+        },
+        "postcss-load-config": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.2.tgz",
+            "integrity": "sha512-bSVhyJGL00wMVoPUzAVAnbEoWyqRxkjv64tUl427SKnPrENtq6hJwUojroMz2VB+Q1edmi4IfrAPpami5VVgMQ==",
+            "requires": {
+                "lilconfig": "^3.0.0",
+                "yaml": "^2.3.4"
+            }
+        },
+        "postcss-nested": {
+            "version": "6.2.0",
+            "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+            "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+            "requires": {
+                "postcss-selector-parser": "^6.1.1"
+            }
+        },
+        "postcss-selector-parser": {
+            "version": "6.1.2",
+            "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+            "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+            "requires": {
+                "cssesc": "^3.0.0",
+                "util-deprecate": "^1.0.2"
+            }
+        },
+        "postcss-value-parser": {
+            "version": "4.2.0",
+            "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+            "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
+        },
+        "proxy-from-env": {
+            "version": "1.1.0",
+            "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+            "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+            "dev": true
+        },
+        "punycode": {
+            "version": "2.3.1",
+            "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+            "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+            "peer": true
+        },
+        "queue-microtask": {
+            "version": "1.2.3",
+            "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+            "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="
+        },
+        "randombytes": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/randombytes/-/randombytes-2.1.0.tgz",
+            "integrity": "sha512-vYl3iOX+4CKUWuxGi9Ukhie6fsqXqS9FE2Zaic4tNFD2N2QQaXOMFbuKK4QmDHC0JO6B1Zp41J0LpT0oR68amQ==",
+            "peer": true,
+            "requires": {
+                "safe-buffer": "^5.1.0"
+            }
+        },
+        "read-cache": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+            "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+            "requires": {
+                "pify": "^2.3.0"
+            }
+        },
+        "readdirp": {
+            "version": "4.0.2",
+            "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.0.2.tgz",
+            "integrity": "sha512-yDMz9g+VaZkqBYS/ozoBJwaBhTbZo3UNYQHNRw1D3UFQB8oHB4uS/tAODO+ZLjGWmUbKnIlOWO+aaIiAxrUWHA==",
+            "devOptional": true
+        },
+        "resolve": {
+            "version": "1.22.8",
+            "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.8.tgz",
+            "integrity": "sha512-oKWePCxqpd6FlLvGV1VU0x7bkPmmCNolxzjMf4NczoDnQcIWrAF+cPtZn5i6n+RfD2d9i0tzpKnG6Yk168yIyw==",
+            "requires": {
+                "is-core-module": "^2.13.0",
+                "path-parse": "^1.0.7",
+                "supports-preserve-symlinks-flag": "^1.0.0"
+            }
+        },
+        "reusify": {
+            "version": "1.0.4",
+            "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
+            "integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw=="
+        },
+        "rollup": {
+            "version": "4.28.1",
+            "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.28.1.tgz",
+            "integrity": "sha512-61fXYl/qNVinKmGSTHAZ6Yy8I3YIJC/r2m9feHo6SwVAVcLT5MPwOUFe7EuURA/4m0NR8lXG4BBXuo/IZEsjMg==",
+            "requires": {
+                "@rollup/rollup-android-arm-eabi": "4.28.1",
+                "@rollup/rollup-android-arm64": "4.28.1",
+                "@rollup/rollup-darwin-arm64": "4.28.1",
+                "@rollup/rollup-darwin-x64": "4.28.1",
+                "@rollup/rollup-freebsd-arm64": "4.28.1",
+                "@rollup/rollup-freebsd-x64": "4.28.1",
+                "@rollup/rollup-linux-arm-gnueabihf": "4.28.1",
+                "@rollup/rollup-linux-arm-musleabihf": "4.28.1",
+                "@rollup/rollup-linux-arm64-gnu": "4.28.1",
+                "@rollup/rollup-linux-arm64-musl": "4.28.1",
+                "@rollup/rollup-linux-loongarch64-gnu": "4.28.1",
+                "@rollup/rollup-linux-powerpc64le-gnu": "4.28.1",
+                "@rollup/rollup-linux-riscv64-gnu": "4.28.1",
+                "@rollup/rollup-linux-s390x-gnu": "4.28.1",
+                "@rollup/rollup-linux-x64-gnu": "4.28.1",
+                "@rollup/rollup-linux-x64-musl": "4.28.1",
+                "@rollup/rollup-win32-arm64-msvc": "4.28.1",
+                "@rollup/rollup-win32-ia32-msvc": "4.28.1",
+                "@rollup/rollup-win32-x64-msvc": "4.28.1",
+                "@types/estree": "1.0.6",
+                "fsevents": "~2.3.2"
+            }
+        },
+        "run-parallel": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+            "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+            "requires": {
+                "queue-microtask": "^1.2.2"
+            }
+        },
+        "safe-buffer": {
+            "version": "5.2.1",
+            "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+            "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+            "peer": true
+        },
+        "sass": {
+            "version": "1.83.0",
+            "resolved": "https://registry.npmjs.org/sass/-/sass-1.83.0.tgz",
+            "integrity": "sha512-qsSxlayzoOjdvXMVLkzF84DJFc2HZEL/rFyGIKbbilYtAvlCxyuzUeff9LawTn4btVnLKg75Z8MMr1lxU1lfGw==",
+            "devOptional": true,
+            "requires": {
+                "@parcel/watcher": "^2.4.1",
+                "chokidar": "^4.0.0",
+                "immutable": "^5.0.2",
+                "source-map-js": ">=0.6.2 <2.0.0"
+            }
+        },
+        "schema-utils": {
+            "version": "3.3.0",
+            "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-3.3.0.tgz",
+            "integrity": "sha512-pN/yOAvcC+5rQ5nERGuwrjLlYvLTbCibnZ1I7B1LaiAz9BRBlE9GMgE/eqV30P7aJQUf7Ddimy/RsbYO/GrVGg==",
+            "peer": true,
+            "requires": {
+                "@types/json-schema": "^7.0.8",
+                "ajv": "^6.12.5",
+                "ajv-keywords": "^3.5.2"
+            }
+        },
+        "select": {
+            "version": "1.1.2",
+            "resolved": "https://registry.npmjs.org/select/-/select-1.1.2.tgz",
+            "integrity": "sha512-OwpTSOfy6xSs1+pwcNrv0RBMOzI39Lp3qQKUTPVVPRjCdNa5JH/oPRiqsesIskK8TVgmRiHwO4KXlV2Li9dANA=="
+        },
+        "serialize-javascript": {
+            "version": "6.0.2",
+            "resolved": "https://registry.npmjs.org/serialize-javascript/-/serialize-javascript-6.0.2.tgz",
+            "integrity": "sha512-Saa1xPByTTq2gdeFZYLLo+RFE35NHZkAbqZeWNd3BpzppeVisAqpDjcp8dyf6uIvEqJRd46jemmyA4iFIeVk8g==",
+            "peer": true,
+            "requires": {
+                "randombytes": "^2.1.0"
+            }
+        },
+        "shebang-command": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+            "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+            "requires": {
+                "shebang-regex": "^3.0.0"
+            }
+        },
+        "shebang-regex": {
+            "version": "3.0.0",
+            "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+            "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="
+        },
+        "signal-exit": {
+            "version": "4.1.0",
+            "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
+            "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="
+        },
+        "source-map": {
+            "version": "0.6.1",
+            "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+            "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+            "peer": true
+        },
+        "source-map-js": {
+            "version": "1.2.1",
+            "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+            "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="
+        },
+        "source-map-support": {
+            "version": "0.5.21",
+            "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
+            "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
+            "peer": true,
+            "requires": {
+                "buffer-from": "^1.0.0",
+                "source-map": "^0.6.0"
+            }
+        },
+        "string-width": {
+            "version": "5.1.2",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
+            "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
+            "requires": {
+                "eastasianwidth": "^0.2.0",
+                "emoji-regex": "^9.2.2",
+                "strip-ansi": "^7.0.1"
+            }
+        },
+        "string-width-cjs": {
+            "version": "npm:string-width@4.2.3",
+            "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+            "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+            "requires": {
+                "emoji-regex": "^8.0.0",
+                "is-fullwidth-code-point": "^3.0.0",
+                "strip-ansi": "^6.0.1"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "emoji-regex": {
+                    "version": "8.0.0",
+                    "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+                    "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+                },
+                "strip-ansi": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                    "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                    "requires": {
+                        "ansi-regex": "^5.0.1"
+                    }
+                }
+            }
+        },
+        "strip-ansi": {
+            "version": "7.1.0",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
+            "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+            "requires": {
+                "ansi-regex": "^6.0.1"
+            }
+        },
+        "strip-ansi-cjs": {
+            "version": "npm:strip-ansi@6.0.1",
+            "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+            "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+            "requires": {
+                "ansi-regex": "^5.0.1"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                }
+            }
+        },
+        "sucrase": {
+            "version": "3.35.0",
+            "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.0.tgz",
+            "integrity": "sha512-8EbVDiu9iN/nESwxeSxDKe0dunta1GOlHufmSSXxMD2z2/tMZpDMpvXQGsc+ajGo8y2uYUmixaSRUc/QPoQ0GA==",
+            "requires": {
+                "@jridgewell/gen-mapping": "^0.3.2",
+                "commander": "^4.0.0",
+                "glob": "^10.3.10",
+                "lines-and-columns": "^1.1.6",
+                "mz": "^2.7.0",
+                "pirates": "^4.0.1",
+                "ts-interface-checker": "^0.1.9"
+            }
+        },
+        "supports-color": {
+            "version": "7.2.0",
+            "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+            "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+            "requires": {
+                "has-flag": "^4.0.0"
+            }
+        },
+        "supports-preserve-symlinks-flag": {
+            "version": "1.0.0",
+            "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+            "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="
+        },
+        "tailwindcss": {
+            "version": "3.4.16",
+            "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.16.tgz",
+            "integrity": "sha512-TI4Cyx7gDiZ6r44ewaJmt0o6BrMCT5aK5e0rmJ/G9Xq3w7CX/5VXl/zIPEJZFUK5VEqwByyhqNPycPlvcK4ZNw==",
+            "requires": {
+                "@alloc/quick-lru": "^5.2.0",
+                "arg": "^5.0.2",
+                "chokidar": "^3.6.0",
+                "didyoumean": "^1.2.2",
+                "dlv": "^1.1.3",
+                "fast-glob": "^3.3.2",
+                "glob-parent": "^6.0.2",
+                "is-glob": "^4.0.3",
+                "jiti": "^1.21.6",
+                "lilconfig": "^3.1.3",
+                "micromatch": "^4.0.8",
+                "normalize-path": "^3.0.0",
+                "object-hash": "^3.0.0",
+                "picocolors": "^1.1.1",
+                "postcss": "^8.4.47",
+                "postcss-import": "^15.1.0",
+                "postcss-js": "^4.0.1",
+                "postcss-load-config": "^4.0.2",
+                "postcss-nested": "^6.2.0",
+                "postcss-selector-parser": "^6.1.2",
+                "resolve": "^1.22.8",
+                "sucrase": "^3.35.0"
+            },
+            "dependencies": {
+                "chokidar": {
+                    "version": "3.6.0",
+                    "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+                    "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+                    "requires": {
+                        "anymatch": "~3.1.2",
+                        "braces": "~3.0.2",
+                        "fsevents": "~2.3.2",
+                        "glob-parent": "~5.1.2",
+                        "is-binary-path": "~2.1.0",
+                        "is-glob": "~4.0.1",
+                        "normalize-path": "~3.0.0",
+                        "readdirp": "~3.6.0"
+                    },
+                    "dependencies": {
+                        "glob-parent": {
+                            "version": "5.1.2",
+                            "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+                            "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+                            "requires": {
+                                "is-glob": "^4.0.1"
+                            }
+                        }
+                    }
+                },
+                "readdirp": {
+                    "version": "3.6.0",
+                    "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+                    "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+                    "requires": {
+                        "picomatch": "^2.2.1"
+                    }
+                }
+            }
+        },
+        "tapable": {
+            "version": "2.2.1",
+            "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.2.1.tgz",
+            "integrity": "sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==",
+            "peer": true
+        },
+        "terser": {
+            "version": "5.37.0",
+            "resolved": "https://registry.npmjs.org/terser/-/terser-5.37.0.tgz",
+            "integrity": "sha512-B8wRRkmre4ERucLM/uXx4MOV5cbnOlVAqUst+1+iLKPI0dOgFO28f84ptoQt9HEI537PMzfYa/d+GEPKTRXmYA==",
+            "peer": true,
+            "requires": {
+                "@jridgewell/source-map": "^0.3.3",
+                "acorn": "^8.8.2",
+                "commander": "^2.20.0",
+                "source-map-support": "~0.5.20"
+            },
+            "dependencies": {
+                "commander": {
+                    "version": "2.20.3",
+                    "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz",
+                    "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==",
+                    "peer": true
+                }
+            }
+        },
+        "terser-webpack-plugin": {
+            "version": "5.3.10",
+            "resolved": "https://registry.npmjs.org/terser-webpack-plugin/-/terser-webpack-plugin-5.3.10.tgz",
+            "integrity": "sha512-BKFPWlPDndPs+NGGCr1U59t0XScL5317Y0UReNrHaw9/FwhPENlq6bfgs+4yPfyP51vqC1bQ4rp1EfXW5ZSH9w==",
+            "peer": true,
+            "requires": {
+                "@jridgewell/trace-mapping": "^0.3.20",
+                "jest-worker": "^27.4.5",
+                "schema-utils": "^3.1.1",
+                "serialize-javascript": "^6.0.1",
+                "terser": "^5.26.0"
+            }
+        },
+        "thenify": {
+            "version": "3.3.1",
+            "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+            "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+            "requires": {
+                "any-promise": "^1.0.0"
+            }
+        },
+        "thenify-all": {
+            "version": "1.6.0",
+            "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+            "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+            "requires": {
+                "thenify": ">= 3.1.0 < 4"
+            }
+        },
+        "tiny-emitter": {
+            "version": "2.1.0",
+            "resolved": "https://registry.npmjs.org/tiny-emitter/-/tiny-emitter-2.1.0.tgz",
+            "integrity": "sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q=="
+        },
+        "to-regex-range": {
+            "version": "5.0.1",
+            "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+            "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+            "requires": {
+                "is-number": "^7.0.0"
+            }
+        },
+        "ts-interface-checker": {
+            "version": "0.1.13",
+            "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+            "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
+        },
+        "undici-types": {
+            "version": "6.20.0",
+            "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.20.0.tgz",
+            "integrity": "sha512-Ny6QZ2Nju20vw1SRHe3d9jVu6gJ+4e3+MMpqu7pqE5HT6WsTSlce++GQmK5UXS8mzV8DSYHrQH+Xrf2jVcuKNg==",
+            "peer": true
+        },
+        "update-browserslist-db": {
+            "version": "1.1.1",
+            "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.1.tgz",
+            "integrity": "sha512-R8UzCaa9Az+38REPiJ1tXlImTJXlVfgHZsglwBD/k6nj76ctsH1E3q4doGrukiLQd3sGQYu56r5+lo5r94l29A==",
+            "requires": {
+                "escalade": "^3.2.0",
+                "picocolors": "^1.1.0"
+            }
+        },
+        "uri-js": {
+            "version": "4.4.1",
+            "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+            "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+            "peer": true,
+            "requires": {
+                "punycode": "^2.1.0"
+            }
+        },
+        "util-deprecate": {
+            "version": "1.0.2",
+            "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+            "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
+        },
+        "v-autocomplete": {
+            "version": "1.8.2",
+            "resolved": "https://registry.npmjs.org/v-autocomplete/-/v-autocomplete-1.8.2.tgz",
+            "integrity": "sha512-pnoApQCFz7siSyo0zs1SSBcnvtldaDbOok6B0GG6Cw/uWGaLm6MPsLJzWFtQMTUsVfpYLe3/xKwU4I6r2dz1bg=="
+        },
+        "vite": {
+            "version": "5.4.11",
+            "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.11.tgz",
+            "integrity": "sha512-c7jFQRklXua0mTzneGW9QVyxFjUgwcihC4bXEtujIo2ouWCe1Ajt/amn2PCxYnhYfd5k09JX3SB7OYWFKYqj8Q==",
+            "requires": {
+                "esbuild": "^0.21.3",
+                "fsevents": "~2.3.3",
+                "postcss": "^8.4.43",
+                "rollup": "^4.20.0"
+            }
+        },
+        "vite-plugin-full-reload": {
+            "version": "1.2.0",
+            "resolved": "https://registry.npmjs.org/vite-plugin-full-reload/-/vite-plugin-full-reload-1.2.0.tgz",
+            "integrity": "sha512-kz18NW79x0IHbxRSHm0jttP4zoO9P9gXh+n6UTwlNKnviTTEpOlum6oS9SmecrTtSr+muHEn5TUuC75UovQzcA==",
+            "dev": true,
+            "requires": {
+                "picocolors": "^1.0.0",
+                "picomatch": "^2.3.1"
+            }
+        },
+        "vue": {
+            "version": "3.5.13",
+            "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.13.tgz",
+            "integrity": "sha512-wmeiSMxkZCSc+PM2w2VRsOYAZC8GdipNFRTsLSfodVqI9mbejKeXEGr8SckuLnrQPGe3oJN5c3K0vpoU9q/wCQ==",
+            "requires": {
+                "@vue/compiler-dom": "3.5.13",
+                "@vue/compiler-sfc": "3.5.13",
+                "@vue/runtime-dom": "3.5.13",
+                "@vue/server-renderer": "3.5.13",
+                "@vue/shared": "3.5.13"
+            }
+        },
+        "vue-clipboard3": {
+            "version": "2.0.0",
+            "resolved": "https://registry.npmjs.org/vue-clipboard3/-/vue-clipboard3-2.0.0.tgz",
+            "integrity": "sha512-Q9S7dzWGax7LN5iiSPcu/K1GGm2gcBBlYwmMsUc5/16N6w90cbKow3FnPmPs95sungns4yvd9/+JhbAznECS2A==",
+            "requires": {
+                "clipboard": "^2.0.6"
+            }
+        },
+        "vue-i18n": {
+            "version": "9.14.2",
+            "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-9.14.2.tgz",
+            "integrity": "sha512-JK9Pm80OqssGJU2Y6F7DcM8RFHqVG4WkuCqOZTVsXkEzZME7ABejAUqUdA931zEBedc4thBgSUWxeQh4uocJAQ==",
+            "requires": {
+                "@intlify/core-base": "9.14.2",
+                "@intlify/shared": "9.14.2",
+                "@vue/devtools-api": "^6.5.0"
+            }
+        },
+        "vue-loader": {
+            "version": "17.4.2",
+            "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-17.4.2.tgz",
+            "integrity": "sha512-yTKOA4R/VN4jqjw4y5HrynFL8AK0Z3/Jt7eOJXEitsm0GMRHDBjCfCiuTiLP7OESvsZYo2pATCWhDqxC5ZrM6w==",
+            "requires": {
+                "chalk": "^4.1.0",
+                "hash-sum": "^2.0.0",
+                "watchpack": "^2.4.0"
+            }
+        },
+        "vue-multiselect": {
+            "version": "3.1.0",
+            "resolved": "https://registry.npmjs.org/vue-multiselect/-/vue-multiselect-3.1.0.tgz",
+            "integrity": "sha512-+i/fjTqFBpaay9NP+lU7obBeNaw2DdFDFs4mqhsM0aEtKRdvIf7CfREAx2o2B4XDmPrBt1r7x1YCM3BOMLaUgQ=="
+        },
+        "vue3-tags-input": {
+            "version": "1.0.12",
+            "resolved": "https://registry.npmjs.org/vue3-tags-input/-/vue3-tags-input-1.0.12.tgz",
+            "integrity": "sha512-s5rG+1W3M8+be0nd9H1nv/8WLjJOO6pShgVz8ALAqOiz3tDH5QhGrDH6fzD14ZjJNRWSa3bRBSXQwHEXffPQ6g==",
+            "requires": {
+                "click-outside-vue3": "^4.0.1"
+            }
+        },
+        "watchpack": {
+            "version": "2.4.2",
+            "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.4.2.tgz",
+            "integrity": "sha512-TnbFSbcOCcDgjZ4piURLCbJ3nJhznVh9kw6F6iokjiFPl8ONxe9A6nMDVXDiNbrSfLILs6vB07F7wLBrwPYzJw==",
+            "requires": {
+                "glob-to-regexp": "^0.4.1",
+                "graceful-fs": "^4.1.2"
+            }
+        },
+        "webpack": {
+            "version": "5.97.1",
+            "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.97.1.tgz",
+            "integrity": "sha512-EksG6gFY3L1eFMROS/7Wzgrii5mBAFe4rIr3r2BTfo7bcc+DWwFZ4OJ/miOuHJO/A85HwyI4eQ0F6IKXesO7Fg==",
+            "peer": true,
+            "requires": {
+                "@types/eslint-scope": "^3.7.7",
+                "@types/estree": "^1.0.6",
+                "@webassemblyjs/ast": "^1.14.1",
+                "@webassemblyjs/wasm-edit": "^1.14.1",
+                "@webassemblyjs/wasm-parser": "^1.14.1",
+                "acorn": "^8.14.0",
+                "browserslist": "^4.24.0",
+                "chrome-trace-event": "^1.0.2",
+                "enhanced-resolve": "^5.17.1",
+                "es-module-lexer": "^1.2.1",
+                "eslint-scope": "5.1.1",
+                "events": "^3.2.0",
+                "glob-to-regexp": "^0.4.1",
+                "graceful-fs": "^4.2.11",
+                "json-parse-even-better-errors": "^2.3.1",
+                "loader-runner": "^4.2.0",
+                "mime-types": "^2.1.27",
+                "neo-async": "^2.6.2",
+                "schema-utils": "^3.2.0",
+                "tapable": "^2.1.1",
+                "terser-webpack-plugin": "^5.3.10",
+                "watchpack": "^2.4.1",
+                "webpack-sources": "^3.2.3"
+            }
+        },
+        "webpack-sources": {
+            "version": "3.2.3",
+            "resolved": "https://registry.npmjs.org/webpack-sources/-/webpack-sources-3.2.3.tgz",
+            "integrity": "sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==",
+            "peer": true
+        },
+        "which": {
+            "version": "2.0.2",
+            "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+            "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+            "requires": {
+                "isexe": "^2.0.0"
+            }
+        },
+        "wrap-ansi": {
+            "version": "8.1.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
+            "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
+            "requires": {
+                "ansi-styles": "^6.1.0",
+                "string-width": "^5.0.1",
+                "strip-ansi": "^7.0.1"
+            },
+            "dependencies": {
+                "ansi-styles": {
+                    "version": "6.2.1",
+                    "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
+                    "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug=="
+                }
+            }
+        },
+        "wrap-ansi-cjs": {
+            "version": "npm:wrap-ansi@7.0.0",
+            "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+            "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+            "requires": {
+                "ansi-styles": "^4.0.0",
+                "string-width": "^4.1.0",
+                "strip-ansi": "^6.0.0"
+            },
+            "dependencies": {
+                "ansi-regex": {
+                    "version": "5.0.1",
+                    "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+                    "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="
+                },
+                "emoji-regex": {
+                    "version": "8.0.0",
+                    "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+                    "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="
+                },
+                "string-width": {
+                    "version": "4.2.3",
+                    "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+                    "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+                    "requires": {
+                        "emoji-regex": "^8.0.0",
+                        "is-fullwidth-code-point": "^3.0.0",
+                        "strip-ansi": "^6.0.1"
+                    }
+                },
+                "strip-ansi": {
+                    "version": "6.0.1",
+                    "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+                    "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+                    "requires": {
+                        "ansi-regex": "^5.0.1"
+                    }
+                }
+            }
+        },
+        "yaml": {
+            "version": "2.6.1",
+            "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.6.1.tgz",
+            "integrity": "sha512-7r0XPzioN/Q9kXBro/XPnA6kznR73DHq+GXh5ON7ZozRO6aMjbmiBuKste2wslTFkC5d1dw0GooOCepZXJ2SAg=="
+        }
     }
 }
diff --git a/package.json b/package.json
index a7de8bf5c..88844e747 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
         "vite": "^5.0"
     },
     "dependencies": {
+        "@tailwindcss/forms": "^0.5.9",
         "@vitejs/plugin-vue": "^5.0.4",
         "@vuepic/vue-datepicker": "^8.8.1",
         "laravel-vue-i18n": "^2.7.7",
diff --git a/public/build/manifest.json b/public/build/manifest.json
index f56a57fb3..ec612731f 100644
--- a/public/build/manifest.json
+++ b/public/build/manifest.json
@@ -47,7 +47,7 @@
       "resources/lang/php_ua.json"
     ],
     "css": [
-      "assets/app-B6V_wt1S.css"
+      "assets/app-DOP00nM0.css"
     ]
   },
   "resources/lang/php_al.json": {
diff --git a/public/images/community/1.jpg b/public/images/community/1.jpg
new file mode 100644
index 000000000..18e7d8dda
Binary files /dev/null and b/public/images/community/1.jpg differ
diff --git a/public/images/community/2.png b/public/images/community/2.png
new file mode 100644
index 000000000..c7d79d9c5
Binary files /dev/null and b/public/images/community/2.png differ
diff --git a/public/images/community/3.png b/public/images/community/3.png
new file mode 100644
index 000000000..ec84947e7
Binary files /dev/null and b/public/images/community/3.png differ
diff --git a/public/images/community/4.png b/public/images/community/4.png
new file mode 100644
index 000000000..07352d129
Binary files /dev/null and b/public/images/community/4.png differ
diff --git a/public/images/community/5.png b/public/images/community/5.png
new file mode 100644
index 000000000..7db44d675
Binary files /dev/null and b/public/images/community/5.png differ
diff --git a/public/images/community/mobile-header.png b/public/images/community/mobile-header.png
new file mode 100644
index 000000000..614e66d49
Binary files /dev/null and b/public/images/community/mobile-header.png differ
diff --git a/public/images/community/play.svg b/public/images/community/play.svg
new file mode 100644
index 000000000..9ea57aeb1
--- /dev/null
+++ b/public/images/community/play.svg
@@ -0,0 +1,4 @@
+<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="80" height="80" rx="40" fill="#FFD700"/>
+<path d="M31.3335 25L54.6668 40L31.3335 55V25Z" stroke="black" stroke-width="3.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/digital-girls/about-girls.png b/public/images/digital-girls/about-girls.png
new file mode 100644
index 000000000..29f41b040
Binary files /dev/null and b/public/images/digital-girls/about-girls.png differ
diff --git a/public/images/digital-girls/arrow.svg b/public/images/digital-girls/arrow.svg
new file mode 100644
index 000000000..8869533ee
--- /dev/null
+++ b/public/images/digital-girls/arrow.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 5L12 19" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M19 12L12 19L5 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/digital-girls/digital_girls_bg.png b/public/images/digital-girls/digital_girls_bg.png
new file mode 100644
index 000000000..af64f70e5
Binary files /dev/null and b/public/images/digital-girls/digital_girls_bg.png differ
diff --git a/public/images/digital-girls/digital_girls_logo.svg b/public/images/digital-girls/digital_girls_logo.svg
new file mode 100644
index 000000000..27eff86fd
--- /dev/null
+++ b/public/images/digital-girls/digital_girls_logo.svg
@@ -0,0 +1,43 @@
+<svg width="402" height="80" viewBox="0 0 402 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1638_50530)">
+<path d="M26.4149 54.0274C22.7047 54.0274 19.2532 53.3813 16.0602 52.0903C12.866 50.7987 10.0605 48.9907 7.64256 46.6661C5.2234 44.3415 3.34592 41.6417 2.00767 38.5654C0.668818 35.4903 0 32.1677 0 28.5982C0 25.03 0.668818 21.7074 2.00767 18.6311C3.34592 15.556 5.20067 12.8549 7.57193 10.5303C9.9432 8.20576 12.7253 6.39891 15.9195 5.10673C19.1125 3.81577 22.5408 3.16968 26.2036 3.16968C30.3829 3.16968 34.327 4.02704 38.0372 5.74054C41.7467 7.45527 44.7757 9.81486 47.1242 12.8199L38.6009 20.4975C37.0041 18.4321 35.1604 16.882 33.0717 15.8489C30.9811 14.8165 28.6921 14.2988 26.2036 14.2988C24.2315 14.2988 22.4106 14.6636 20.7443 15.3908C19.0769 16.1192 17.6207 17.1166 16.3771 18.3848C15.1322 19.6524 14.1692 21.1559 13.4893 22.8927C12.8076 24.6308 12.468 26.5322 12.468 28.5982C12.468 30.6654 12.8199 32.5779 13.5243 34.3393C14.2288 36.1001 15.2262 37.6269 16.5183 38.9179C17.8093 40.21 19.3115 41.2191 21.0262 41.9469C22.7397 42.6753 24.6068 43.0382 26.6261 43.0382C28.5509 43.0382 30.3 42.7103 31.8741 42.0525C33.4469 41.3954 34.7975 40.4797 35.9244 39.3054C37.0514 38.1317 37.8492 36.7935 38.319 35.2901H25.006V24.7947H51.4208V28.3163C51.4208 32.027 50.7981 35.443 49.5544 38.5653C48.3095 41.6889 46.5714 44.4121 44.3421 46.7367C42.1108 49.0613 39.4693 50.8571 36.4176 52.1253C33.364 53.3929 30.0304 54.0274 26.4149 54.0274Z" fill="#EA5E34"/>
+<path d="M62.9646 12.538C61.2265 12.538 59.7477 11.9281 58.5267 10.7066C57.3052 9.48625 56.6953 8.00675 56.6953 6.26868C56.6953 4.53185 57.3052 3.05296 58.5267 1.83141C59.7477 0.610469 61.2265 0 62.9646 0C64.7014 0 66.1803 0.610469 67.4025 1.83141C68.6228 3.05296 69.2339 4.53185 69.2339 6.26868C69.2339 8.00675 68.6228 9.48625 67.4025 10.7066C66.1803 11.9281 64.7014 12.538 62.9646 12.538ZM57.2591 53.2522V15.9895H68.6701V53.2522H57.2591Z" fill="#EA5E34"/>
+<path d="M75.7188 53.2523V15.9896H87.1298V19.7231C88.3501 18.2208 89.7823 17.0816 91.4264 16.3065C93.0699 15.5321 94.9013 15.1445 96.9207 15.1445C98.9394 15.1918 100.372 15.4964 101.218 16.0602V25.9924C100.466 25.6165 99.6205 25.3352 98.6821 25.1467C97.7418 24.96 96.78 24.8648 95.7937 24.8648C94.0089 24.8648 92.3532 25.2769 90.8276 26.098C89.3014 26.9198 88.0688 28.0824 87.1298 29.5846V53.2523L75.7188 53.2523Z" fill="#EA5E34"/>
+<path d="M106.148 53.2523V3.94413L117.559 2.18335V53.2523H106.148Z" fill="#EA5E34"/>
+<path d="M139.329 53.9567C135.807 53.9567 132.543 53.5452 129.538 52.7241C126.532 51.903 123.925 50.6931 121.719 49.0963L127.143 41.4181C129.49 42.827 131.627 43.8483 133.553 44.4827C135.478 45.1166 137.38 45.4335 139.258 45.4335C141.136 45.4335 142.628 45.1638 143.731 44.6234C144.834 44.0842 145.386 43.3674 145.386 42.4751C145.386 41.7706 145.081 41.1958 144.471 40.7493C143.86 40.3034 142.897 39.9865 141.583 39.7986L134.187 38.671C130.477 38.1078 127.647 36.8752 125.698 34.9732C123.75 33.0711 122.776 30.5948 122.776 27.5419C122.776 25.006 123.421 22.8344 124.713 21.0263C126.004 19.2188 127.847 17.8333 130.242 16.8703C132.637 15.9079 135.501 15.4258 138.836 15.4258C141.558 15.4258 144.26 15.8023 146.937 16.5534C149.613 17.3051 152.102 18.4321 154.403 19.9343L148.979 27.26C146.959 26.0869 145.035 25.2296 143.203 24.6891C141.372 24.1499 139.54 23.879 137.709 23.879C136.253 23.879 135.078 24.1253 134.187 24.6185C133.294 25.1116 132.848 25.7577 132.848 26.5555C132.848 27.3072 133.176 27.906 133.835 28.3519C134.491 28.7984 135.619 29.1387 137.216 29.3733L144.612 30.5002C148.275 31.0174 151.103 32.226 153.1 34.1281C155.095 36.0295 156.094 38.437 156.094 41.3481C156.094 43.79 155.365 45.9506 153.91 47.8287C152.454 49.7074 150.469 51.1985 147.958 52.3016C145.445 53.404 142.569 53.9567 139.329 53.9567Z" fill="#EA5E34"/>
+<path d="M163.975 11.1998C163.035 11.1998 162.214 10.8472 161.509 10.1428C160.805 9.43898 160.453 8.59329 160.453 7.60695C160.453 6.66853 160.805 5.85845 161.509 5.17735C162.214 4.49686 163.035 4.1554 163.975 4.1554C164.961 4.1554 165.794 4.49686 166.476 5.17735C167.156 5.85845 167.497 6.69124 167.497 7.67758C167.497 8.61785 167.156 9.43898 166.476 10.1428C165.794 10.8472 164.961 11.1998 163.975 11.1998ZM161.369 53.2523V17.9616H166.581V53.2523H161.369Z" fill="#EA5E34"/>
+<path d="M175.461 53.2523V17.9616H180.673V22.1176C183.444 18.8773 187.154 17.2578 191.803 17.2578C194.48 17.2578 196.839 17.8333 198.882 18.9836C200.924 20.1345 202.521 21.7307 203.672 23.7734C204.822 25.8161 205.398 28.1996 205.398 30.9228V53.2523H200.256V31.9798C200.256 28.834 199.375 26.3565 197.614 24.5478C195.853 22.741 193.446 21.8364 190.394 21.8364C188.281 21.8364 186.402 22.3062 184.759 23.2446C183.115 24.1849 181.753 25.5231 180.673 27.26V53.2523H175.461Z" fill="#EA5E34"/>
+<path d="M267.452 11.1996C266.512 11.1996 265.691 10.8471 264.987 10.1427C264.282 9.43885 263.93 8.59317 263.93 7.60683C263.93 6.6684 264.282 5.85832 264.987 5.17723C265.691 4.49674 266.512 4.15527 267.452 4.15527C268.439 4.15527 269.272 4.49674 269.952 5.17723C270.633 5.85832 270.974 6.69112 270.974 7.67746C270.974 8.61773 270.633 9.43885 269.952 10.1427C269.272 10.8471 268.439 11.1996 267.452 11.1996ZM264.846 53.2521V17.9615H270.059V53.2521H264.846Z" fill="#EA5E34"/>
+<path d="M322.82 11.1996C321.879 11.1996 321.058 10.8471 320.354 10.1427C319.649 9.43885 319.297 8.59317 319.297 7.60683C319.297 6.6684 319.649 5.85832 320.354 5.17723C321.058 4.49674 321.879 4.15527 322.82 4.15527C323.806 4.15527 324.639 4.49674 325.319 5.17723C326 5.85832 326.341 6.69112 326.341 7.67746C326.341 8.61773 326 9.43885 325.319 10.1427C324.639 10.8471 323.806 11.1996 322.82 11.1996ZM320.213 53.2521V17.9615H325.426V53.2521H320.213Z" fill="#EA5E34"/>
+<path d="M348.179 53.9566C345.127 53.9566 342.778 53.2288 341.135 51.7727C339.491 50.3177 338.669 48.2044 338.669 45.4333V22.3994H331.062V17.9615H338.669V9.01573L343.812 7.67749V17.9615H354.448V22.3994H343.812V44.0951C343.812 45.9738 344.235 47.3243 345.08 48.1455C345.925 48.9672 347.309 49.3781 349.235 49.3781C350.222 49.3781 351.102 49.3074 351.877 49.1668C352.653 49.0256 353.485 48.7916 354.378 48.4624V53.0409C353.485 53.3689 352.487 53.6041 351.384 53.7453C350.281 53.886 349.212 53.9566 348.179 53.9566Z" fill="#EA5E34"/>
+<path d="M371.134 53.8861C368.551 53.8861 366.285 53.4396 364.336 52.5478C362.387 51.6561 360.86 50.4118 359.757 48.8144C358.653 47.2188 358.102 45.3628 358.102 43.2495C358.102 39.9159 359.37 37.2867 361.906 35.3607C364.442 33.4353 367.869 32.4723 372.19 32.4723C375.994 32.4723 379.447 33.2713 382.546 34.8675V30.2184C382.546 27.4006 381.746 25.2769 380.15 23.8434C378.554 22.4118 376.228 21.6951 373.177 21.6951C371.439 21.6951 369.689 21.942 367.928 22.4351C366.168 22.9277 364.231 23.7151 362.117 24.7947L360.145 20.7794C362.681 19.5591 365.028 18.6661 367.189 18.1029C369.348 17.5391 371.509 17.2578 373.669 17.2578C378.131 17.2578 381.57 18.3142 383.989 20.4275C386.407 22.5408 387.617 25.5692 387.617 29.5139V53.2523H382.546V49.8007C380.949 51.1635 379.2 52.1849 377.298 52.8648C375.395 53.5452 373.34 53.8861 371.134 53.8861ZM363.103 43.1089C363.103 45.0815 363.936 46.6906 365.604 47.9343C367.271 49.1786 369.419 49.8007 372.049 49.8007C374.163 49.8007 376.088 49.4728 377.826 48.8144C379.563 48.1572 381.137 47.1242 382.546 45.7154V39.0941C381.089 38.1078 379.54 37.3923 377.896 36.9452C376.251 36.4999 374.396 36.2764 372.332 36.2764C369.514 36.2764 367.271 36.8991 365.604 38.1428C363.936 39.3877 363.103 41.0428 363.103 43.1089Z" fill="#EA5E34"/>
+<path d="M396.359 53.2522V3.94406L401.572 2.74707V53.2522H396.359Z" fill="#EA5E34"/>
+<path d="M255.373 18.7367C254.08 15.7322 252.275 13.1257 249.951 10.9178C247.624 8.71117 244.89 6.99767 241.743 5.7755C238.596 4.55518 235.145 3.94409 231.389 3.94409H215.117V53.2522H229.233L229.234 48.3212H220.541V8.87515H231.671C234.534 8.87515 237.189 9.36832 239.631 10.3547C242.073 11.3404 244.21 12.7259 246.04 14.51C247.873 16.2954 249.293 18.3848 250.302 20.7793C251.312 23.1746 251.815 25.7804 251.815 28.5982C251.815 31.4159 251.312 34.0224 250.302 36.417C249.293 38.8122 247.873 40.9022 246.04 42.6863C244.543 44.147 242.828 45.3244 240.921 46.25L243.844 50.5149C246.155 49.3967 248.218 47.9902 250.02 46.2785C252.346 44.0719 254.142 41.466 255.41 38.4597C256.677 35.4552 257.311 32.1677 257.311 28.5982C257.311 25.0299 256.665 21.7423 255.373 18.7367Z" fill="#EA5E34"/>
+<path d="M239.612 62.2652C240.194 62.0853 240.473 61.6595 240.406 61.4461L238.193 55.1305L244.724 55.3792L231.347 35.8621L231.344 59.4967L236.371 55.6622L238.489 62.0148C238.56 62.2414 239.037 62.4433 239.612 62.2652Z" fill="#EA5E34"/>
+<path d="M306.193 17.9617V21.4839C304.596 20.1223 302.847 19.0893 300.945 18.3848C299.043 17.6804 297.082 17.3279 295.063 17.3279C291.728 17.3279 288.724 18.1269 286.047 19.7231C283.371 21.3199 281.244 23.4916 279.672 26.2387C278.099 28.9858 277.312 32.0498 277.312 35.4308C277.312 38.8123 278.099 41.8763 279.672 44.6235C281.244 47.3706 283.371 49.5435 286.047 51.139C288.724 52.7365 291.683 53.5343 294.923 53.5343C299.148 53.5343 302.882 52.1727 306.123 49.4489V54.3793C306.123 57.479 305.253 59.8263 303.516 61.4231C301.923 62.8862 299.652 63.6712 296.717 63.7933V68.3072C301.305 68.2098 304.87 67.0154 307.39 64.699C310.02 62.2798 311.334 58.8172 311.334 54.3087V17.9617H306.193ZM306.123 44.0953C304.948 45.6448 303.422 46.8424 301.543 47.6875C299.665 48.5332 297.599 48.9557 295.345 48.9557C292.95 48.9557 290.777 48.3569 288.829 47.1593C286.88 45.9617 285.331 44.3416 284.18 42.2989C283.029 40.2562 282.454 37.9666 282.454 35.4308C282.454 32.8955 283.018 30.606 284.146 28.5633C285.272 26.5206 286.81 24.9127 288.759 23.7378C290.707 22.5648 292.902 21.9771 295.345 21.9771C297.551 21.9771 299.606 22.3996 301.509 23.2447C303.411 24.0904 304.948 25.2646 306.123 26.7669L306.123 44.0953Z" fill="#EA5E34"/>
+<path d="M59.4753 79.8196H57.4375L63.0521 65.624H65.0444L70.5915 79.8196H68.5543L67.2634 76.4012H60.7656L59.4753 79.8196ZM64.0034 67.3903C63.8524 67.9185 63.6749 68.4762 63.471 69.0657C63.2677 69.6541 63.0595 70.2425 62.8488 70.8308L61.3994 74.7025H66.6296L65.1808 70.8308C64.8786 70.0017 64.6409 69.3298 64.4671 68.8164C64.2939 68.303 64.1392 67.8276 64.0034 67.3903Z" fill="#1C4DA1"/>
+<path d="M84.1077 78.1896C84.7261 78.1896 85.379 78.1184 86.0656 77.9747C86.7522 77.8309 87.3904 77.6381 87.9787 77.3973V79.1182C87.149 79.4499 86.4126 79.6808 85.7714 79.8085C85.1297 79.9363 84.4621 80.0001 83.7681 80.0001C81.5946 80.0001 80.0623 79.4388 79.1717 78.3137C78.2812 77.1898 77.8359 75.3141 77.8359 72.688C77.8359 70.1675 78.3531 68.3226 79.3867 67.152C80.4203 65.9826 82.0699 65.3979 84.3337 65.3979C85.0277 65.3979 85.6468 65.4127 86.1903 65.4422C86.7338 65.4729 87.2239 65.5257 87.6618 65.6006V67.2994C87.1336 67.2392 86.6012 67.1974 86.0656 67.1753C85.5301 67.152 84.9528 67.1409 84.3337 67.1409C82.6429 67.1409 81.4662 67.5598 80.8017 68.3975C80.1378 69.2352 79.8055 70.665 79.8055 72.688C79.8055 74.7405 80.1077 76.1715 80.7114 76.9785C81.3151 77.7855 82.447 78.1896 84.1077 78.1896Z" fill="#1C4DA1"/>
+<path d="M101.245 74.2051C101.245 76.3178 100.856 77.8126 100.079 78.6872C99.3019 79.563 97.9698 80.0003 96.0831 80.0003C94.1363 80.0003 92.7851 79.579 92.0303 78.7327C91.2755 77.8876 90.8984 76.378 90.8984 74.2051C90.8984 72.0764 91.2872 70.5791 92.0647 69.7107C92.8416 68.8423 94.1817 68.4087 96.0831 68.4087C98.0306 68.4087 99.3775 68.8312 100.125 69.6763C100.872 70.5226 101.245 72.031 101.245 74.2051ZM92.755 74.1818C92.755 75.8424 92.9737 76.9405 93.4116 77.4761C93.8495 78.0129 94.74 78.2806 96.0831 78.2806C97.3815 78.2806 98.2566 77.9969 98.7099 77.4306C99.1625 76.8656 99.3885 75.7822 99.3885 74.1818C99.3885 72.5223 99.1736 71.4242 98.7437 70.8874C98.3131 70.3519 97.4263 70.0841 96.0831 70.0841C94.7701 70.0841 93.8869 70.3642 93.4343 70.9218C92.9817 71.4807 92.755 72.5677 92.755 74.1818Z" fill="#1C4DA1"/>
+<path d="M112.471 64.7629H114.327V79.8196H112.719L112.584 78.778H112.538C112.1 79.1858 111.568 79.4916 110.942 79.6955C110.316 79.8994 109.595 80.0002 108.78 80.0002C107.255 80.0002 106.165 79.5481 105.509 78.6429C104.852 77.7364 104.523 76.2575 104.523 74.205C104.523 72.1525 104.923 70.6724 105.723 69.7671C106.524 68.8618 107.86 68.4086 109.731 68.4086C110.259 68.4086 110.753 68.4503 111.214 68.5326C111.674 68.6162 112.093 68.7328 112.471 68.8839L112.471 64.7629ZM109.957 70.084C108.554 70.084 107.606 70.3788 107.116 70.9671C106.625 71.5555 106.38 72.6352 106.38 74.205C106.38 75.7293 106.595 76.7894 107.025 77.3863C107.455 77.982 108.259 78.2805 109.437 78.2805C109.995 78.2805 110.531 78.2081 111.044 78.0643C111.557 77.9219 112.033 77.7069 112.471 77.4195V70.5372C112.108 70.3861 111.723 70.2731 111.316 70.197C110.908 70.1221 110.456 70.084 109.957 70.084Z" fill="#1C4DA1"/>
+<path d="M127.076 77.6456V79.208C126.684 79.4205 126.106 79.6048 125.344 79.7632C124.581 79.9217 123.808 80.0003 123.023 80.0003C121.272 80.0003 120.02 79.5482 119.265 78.643C118.51 77.7365 118.133 76.2429 118.133 74.1597C118.133 72.1526 118.525 70.6921 119.31 69.7783C120.095 68.8656 121.348 68.4087 123.069 68.4087C124.669 68.4087 125.816 68.7674 126.51 69.4847C127.204 70.2008 127.552 71.3972 127.552 73.0726C127.552 73.3748 127.544 73.6536 127.529 73.9103C127.513 74.167 127.483 74.4766 127.438 74.8389H120.012C120.027 76.0771 120.28 76.959 120.771 77.4872C121.261 78.0166 122.11 78.2806 123.318 78.2806C123.967 78.2806 124.646 78.2205 125.355 78.0989C126.065 77.9785 126.638 77.8274 127.076 77.6456ZM125.853 72.8232C125.838 71.8271 125.619 71.122 125.197 70.7068C124.774 70.2917 124.065 70.0841 123.069 70.0841C121.952 70.0841 121.163 70.3224 120.702 70.7977C120.242 71.2731 120.012 72.1071 120.012 73.2986H125.831C125.831 73.2691 125.834 73.1978 125.842 73.0836C125.85 72.9706 125.853 72.8846 125.853 72.8232Z" fill="#1C4DA1"/>
+<path d="M138.784 79.8196L134.844 65.624H136.927L139.282 74.6128C139.342 74.8536 139.406 75.1373 139.474 75.4616C139.542 75.7858 139.696 76.6199 139.938 77.9636C140.21 76.5904 140.383 75.7441 140.459 75.4272C140.534 75.1103 140.602 74.8388 140.662 74.6128L143.244 65.624H145.259L147.862 74.6128C147.922 74.8388 147.99 75.1029 148.066 75.4051C148.141 75.7072 148.315 76.5449 148.587 77.9182C148.753 76.997 148.893 76.2612 149.006 75.7109C149.119 75.1594 149.198 74.7934 149.243 74.6128L151.575 65.624H153.59L149.651 79.8196H147.478L145.19 72.2127C145.025 71.6538 144.866 71.0581 144.715 70.4243C144.564 69.7892 144.398 69.035 144.217 68.1593C144.036 69.035 143.87 69.7892 143.719 70.4243C143.568 71.0581 143.409 71.6538 143.244 72.2127L140.98 79.8196H138.784Z" fill="#1C4DA1"/>
+<path d="M164.615 77.6456V79.208C164.223 79.4205 163.645 79.6048 162.883 79.7632C162.12 79.9217 161.347 80.0003 160.562 80.0003C158.811 80.0003 157.559 79.5482 156.804 78.643C156.049 77.7365 155.672 76.2429 155.672 74.1597C155.672 72.1526 156.064 70.6921 156.849 69.7783C157.634 68.8656 158.887 68.4087 160.608 68.4087C162.208 68.4087 163.355 68.7674 164.049 69.4847C164.743 70.2008 165.091 71.3972 165.091 73.0726C165.091 73.3748 165.083 73.6536 165.068 73.9103C165.052 74.167 165.022 74.4766 164.978 74.8389H157.551C157.566 76.0771 157.819 76.959 158.31 77.4872C158.8 78.0166 159.649 78.2806 160.857 78.2806C161.506 78.2806 162.185 78.2205 162.894 78.0989C163.604 77.9785 164.177 77.8274 164.615 77.6456ZM163.392 72.8232C163.377 71.8271 163.158 71.122 162.736 70.7068C162.313 70.2917 161.604 70.0841 160.608 70.0841C159.491 70.0841 158.702 70.3224 158.241 70.7977C157.781 71.2731 157.551 72.1071 157.551 73.2986H163.37C163.37 73.2691 163.373 73.1978 163.381 73.0836C163.389 72.9706 163.392 72.8846 163.392 72.8232Z" fill="#1C4DA1"/>
+<path d="M177.256 77.6456V79.208C176.863 79.4205 176.285 79.6048 175.524 79.7632C174.761 79.9217 173.988 80.0003 173.203 80.0003C171.452 80.0003 170.199 79.5482 169.445 78.643C168.69 77.7365 168.312 76.2429 168.312 74.1597C168.312 72.1526 168.705 70.6921 169.49 69.7783C170.275 68.8656 171.528 68.4087 173.248 68.4087C174.848 68.4087 175.996 68.7674 176.69 69.4847C177.384 70.2008 177.731 71.3972 177.731 73.0726C177.731 73.3748 177.723 73.6536 177.708 73.9103C177.693 74.167 177.663 74.4766 177.618 74.8389H170.192C170.207 76.0771 170.46 76.959 170.95 77.4872C171.44 78.0166 172.29 78.2806 173.497 78.2806C174.146 78.2806 174.826 78.2205 175.535 78.0989C176.244 77.9785 176.818 77.8274 177.256 77.6456ZM176.033 72.8232C176.018 71.8271 175.799 71.122 175.377 70.7068C174.954 70.2917 174.245 70.0841 173.248 70.0841C172.131 70.0841 171.343 70.3224 170.882 70.7977C170.422 71.2731 170.192 72.1071 170.192 73.2986H176.01C176.01 73.2691 176.014 73.1978 176.022 73.0836C176.029 72.9706 176.033 72.8846 176.033 72.8232Z" fill="#1C4DA1"/>
+<path d="M183.34 74.9739V79.8196H181.484V64.7629H183.34V73.3673H184.677L188.593 68.6346H190.834L186.192 74.0686L191.06 79.8196H188.729L184.744 74.9739H183.34Z" fill="#1C4DA1"/>
+<path d="M201.156 66.6877H199.164V64.7629H201.156V66.6877ZM201.089 79.8196H199.233V68.6346H201.089V79.8196Z" fill="#1C4DA1"/>
+<path d="M207.293 79.8197H205.438V68.6347H207.044L207.135 69.7218H207.203C207.807 69.2697 208.437 68.9369 209.093 68.7256C209.75 68.5143 210.486 68.4087 211.301 68.4087C212.538 68.4087 213.478 68.7182 214.119 69.3373C214.762 69.9564 215.082 70.869 215.082 72.0764V79.8197H213.225V72.3024C213.225 71.5483 213.014 70.9894 212.591 70.627C212.169 70.2659 211.52 70.0841 210.644 70.0841C210.101 70.0841 209.546 70.1713 208.98 70.3445C208.414 70.5177 207.851 70.7707 207.293 71.1036L207.293 79.8197Z" fill="#1C4DA1"/>
+<path d="M221.266 66.6877H219.273V64.7629H221.266V66.6877ZM221.198 79.8196H219.342V68.6346H221.198V79.8196Z" fill="#1C4DA1"/>
+<path d="M232.107 78.0765V79.639C231.865 79.7446 231.537 79.8306 231.122 79.8994C230.707 79.9669 230.31 80.0001 229.933 80.0001C228.574 80.0001 227.605 79.6991 227.024 79.0948C226.443 78.4917 226.152 77.4501 226.152 75.97V70.2203H224.477V68.6345H226.175L226.469 65.9187H228.009V68.6345H231.994V70.2203H228.009V75.9024C228.009 76.8237 228.179 77.4501 228.518 77.7817C228.858 78.1146 229.457 78.2804 230.318 78.2804C230.59 78.2804 230.903 78.2571 231.258 78.2116C231.612 78.1662 231.896 78.122 232.107 78.0765Z" fill="#1C4DA1"/>
+<path d="M237.219 66.6877H235.227V64.7629H237.219V66.6877ZM237.151 79.8196H235.295V68.6346H237.151V79.8196Z" fill="#1C4DA1"/>
+<path d="M244.04 80.0003C242.892 80.0003 242.051 79.7251 241.515 79.1749C240.979 78.6233 240.711 77.7525 240.711 76.5598C240.711 75.3523 241.036 74.4962 241.685 73.9901C242.334 73.4841 243.435 73.231 244.99 73.231C245.504 73.231 246.01 73.2544 246.507 73.2986C247.006 73.344 247.473 73.4128 247.911 73.5025V72.4167C247.911 71.5863 247.7 70.9894 247.277 70.627C246.855 70.2659 246.176 70.0841 245.24 70.0841C244.546 70.0841 243.934 70.1111 243.406 70.164C242.878 70.2168 242.349 70.3027 241.821 70.4244V68.8165C242.424 68.6654 243.04 68.5598 243.666 68.4996C244.293 68.4394 245.005 68.4087 245.806 68.4087C247.149 68.4087 248.145 68.7219 248.794 69.3484C249.443 69.9748 249.767 70.9452 249.767 72.2582V79.8197H248.07L247.979 78.7781H247.933C247.481 79.1405 246.895 79.4353 246.179 79.6613C245.462 79.8873 244.748 80.0003 244.04 80.0003ZM245.194 74.748C244.167 74.748 243.455 74.8733 243.055 75.1214C242.654 75.3708 242.455 75.8117 242.455 76.4468C242.455 77.11 242.621 77.5891 242.953 77.8839C243.284 78.1787 243.828 78.3249 244.583 78.3249C245.172 78.3249 245.775 78.2352 246.394 78.0534C247.013 77.8728 247.518 77.6456 247.911 77.3741V74.974C247.413 74.8991 246.95 74.8426 246.518 74.8045C246.088 74.7677 245.648 74.748 245.194 74.748Z" fill="#1C4DA1"/>
+<path d="M260.458 78.0765V79.639C260.216 79.7446 259.888 79.8306 259.473 79.8994C259.058 79.9669 258.661 80.0001 258.284 80.0001C256.926 80.0001 255.957 79.6991 255.376 79.0948C254.795 78.4917 254.504 77.4501 254.504 75.97V70.2203H252.828V68.6345H254.527L254.82 65.9187H256.361V68.6345H260.345V70.2203H256.361V75.9024C256.361 76.8237 256.53 77.4501 256.869 77.7817C257.21 78.1146 257.809 78.2804 258.67 78.2804C258.941 78.2804 259.255 78.2571 259.61 78.2116C259.963 78.1662 260.247 78.122 260.458 78.0765Z" fill="#1C4DA1"/>
+<path d="M265.57 66.6877H263.578V64.7629H265.57V66.6877ZM265.503 79.8196H263.647V68.6346H265.503V79.8196Z" fill="#1C4DA1"/>
+<path d="M277.272 68.6345H279.31L275.008 79.8195H272.88L268.578 68.6345H270.639L273.967 78.122L277.272 68.6345Z" fill="#1C4DA1"/>
+<path d="M290.561 77.6456V79.208C290.167 79.4205 289.59 79.6048 288.829 79.7632C288.066 79.9217 287.292 80.0003 286.508 80.0003C284.757 80.0003 283.504 79.5482 282.75 78.643C281.994 77.7365 281.617 76.2429 281.617 74.1597C281.617 72.1526 282.01 70.6921 282.795 69.7783C283.579 68.8656 284.833 68.4087 286.553 68.4087C288.153 68.4087 289.3 68.7674 289.994 69.4847C290.688 70.2008 291.036 71.3972 291.036 73.0726C291.036 73.3748 291.029 73.6536 291.014 73.9103C290.998 74.167 290.968 74.4766 290.923 74.8389H283.496C283.511 76.0771 283.764 76.959 284.256 77.4872C284.746 78.0166 285.594 78.2806 286.802 78.2806C287.45 78.2806 288.13 78.2205 288.84 78.0989C289.55 77.9785 290.122 77.8274 290.561 77.6456ZM289.338 72.8232C289.322 71.8271 289.104 71.122 288.681 70.7068C288.259 70.2917 287.549 70.0841 286.553 70.0841C285.436 70.0841 284.647 70.3224 284.187 70.7977C283.726 71.2731 283.497 72.1071 283.497 73.2986H289.315C289.315 73.2691 289.319 73.1978 289.326 73.0836C289.333 72.9706 289.338 72.8846 289.338 72.8232Z" fill="#1C4DA1"/>
+</g>
+<defs>
+<clipPath id="clip0_1638_50530">
+<rect width="401.572" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/digital-girls/fig-1.png b/public/images/digital-girls/fig-1.png
new file mode 100644
index 000000000..07fc00586
Binary files /dev/null and b/public/images/digital-girls/fig-1.png differ
diff --git a/public/images/digital-girls/fig-2.png b/public/images/digital-girls/fig-2.png
new file mode 100644
index 000000000..d3a5b15d8
Binary files /dev/null and b/public/images/digital-girls/fig-2.png differ
diff --git a/public/images/digital-girls/fig-3.png b/public/images/digital-girls/fig-3.png
new file mode 100644
index 000000000..ecc3e53d4
Binary files /dev/null and b/public/images/digital-girls/fig-3.png differ
diff --git a/public/images/dream-jobs/career-about.png b/public/images/dream-jobs/career-about.png
new file mode 100644
index 000000000..6a65b307a
Binary files /dev/null and b/public/images/dream-jobs/career-about.png differ
diff --git a/public/images/dream-jobs/career-guide.png b/public/images/dream-jobs/career-guide.png
new file mode 100644
index 000000000..691c6534a
Binary files /dev/null and b/public/images/dream-jobs/career-guide.png differ
diff --git a/public/images/dream-jobs/dream_jobs_bg.png b/public/images/dream-jobs/dream_jobs_bg.png
new file mode 100644
index 000000000..fd8f36eac
Binary files /dev/null and b/public/images/dream-jobs/dream_jobs_bg.png differ
diff --git a/public/images/dream-jobs/dream_jobs_logo.svg b/public/images/dream-jobs/dream_jobs_logo.svg
new file mode 100644
index 000000000..8b3b7bb25
--- /dev/null
+++ b/public/images/dream-jobs/dream_jobs_logo.svg
@@ -0,0 +1,45 @@
+<svg width="526" height="80" viewBox="0 0 526 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1638_50299)">
+<path d="M26.8816 51.5896C23.068 51.5896 19.5287 50.9338 16.2648 49.6235C12.9992 48.3133 10.1517 46.4906 7.72133 44.1543C5.29029 41.8193 3.39597 39.0903 2.0377 35.9686C0.678821 32.8469 0 29.4747 0 25.8518C0 22.1828 0.678821 18.7868 2.0377 15.6639C3.39596 12.5435 5.30152 9.81447 7.75686 7.47819C10.2109 5.14315 13.0708 3.32049 16.3359 2.00899C19.6004 0.698721 23.116 0.0429688 26.8816 0.0429688C29.6449 0.0429688 32.362 0.448137 35.0318 1.25849C37.7003 2.07007 40.1669 3.20081 42.4315 4.65445C44.6942 6.10934 46.5892 7.83599 48.1151 9.83817L39.8216 17.9877C38.0581 15.7487 36.0915 14.0806 33.9235 12.9835C31.7543 11.8877 29.4074 11.3392 26.8816 11.3392C24.8794 11.3392 23.0088 11.7094 21.2691 12.4475C19.5287 13.1867 18.0165 14.1991 16.7293 15.4856C15.4427 16.7722 14.4416 18.2981 13.7266 20.0609C13.0116 21.825 12.6545 23.7549 12.6545 25.8518C12.6545 27.9026 13.0229 29.7963 13.7622 31.5354C14.5008 33.2758 15.525 34.8017 16.8365 36.112C18.1467 37.4235 19.6964 38.4346 21.4835 39.1501C23.2712 39.8645 25.2123 40.2223 27.3105 40.2223C29.7409 40.2223 31.993 39.6987 34.0663 38.649C36.1401 37.6018 38.0101 36.0521 39.6788 34.0026L47.7573 41.9377C46.2314 43.8925 44.3495 45.5967 42.1092 47.0504C39.8689 48.504 37.4379 49.6235 34.8174 50.4102C32.1956 51.1968 29.5501 51.5896 26.8816 51.5896Z" fill="#EA5E34"/>
+<path d="M64.4766 51.5183C61.8068 51.5183 59.4363 51.0172 57.363 50.0173C55.2898 49.0162 53.6685 47.6337 52.5016 45.8696C51.3328 44.1081 50.75 42.081 50.75 39.7933C50.75 36.1717 52.1195 33.3716 54.8609 31.3931C57.6011 29.4159 61.426 28.426 66.3354 28.426C69.29 28.426 72.1499 28.7838 74.9144 29.4982V27.6394C74.9144 25.7332 74.3067 24.3145 73.0918 23.3857C71.8763 22.4557 70.0767 21.9919 67.6936 21.9919C66.2157 21.9919 64.5595 22.23 62.725 22.7062C60.8899 23.1837 58.7325 23.9467 56.2547 24.9939L52.1082 16.4865C55.2056 15.1052 58.1964 14.068 61.0806 13.3761C63.9636 12.6867 66.859 12.3401 69.7669 12.3401C75.0098 12.3401 79.0846 13.5905 81.9925 16.0938C84.8991 18.5959 86.3534 22.1116 86.3534 26.6383V50.8751H74.9144V48.5874C73.3885 49.6358 71.7803 50.3864 70.0885 50.8389C68.3962 51.2914 66.5255 51.5183 64.4766 51.5183ZM61.7601 39.5789C61.7601 40.7707 62.2837 41.7007 63.3328 42.3664C64.3806 43.0347 65.8349 43.3675 67.6937 43.3675C69.0756 43.3675 70.3747 43.2254 71.5902 42.9387C72.8057 42.6532 73.9134 42.2006 74.9145 41.581V36.719C73.8174 36.4335 72.6985 36.219 71.5546 36.0757C70.4102 35.9323 69.2421 35.8612 68.0515 35.8612C66.0493 35.8612 64.5003 36.1829 63.4045 36.8262C62.3074 37.4695 61.7601 38.3883 61.7601 39.5789Z" fill="#EA5E34"/>
+<path d="M93.2188 50.8751V13.0545H104.8V16.8444C106.039 15.3197 107.493 14.1628 109.161 13.3761C110.829 12.5907 112.688 12.1968 114.738 12.1968C116.787 12.2454 118.241 12.5546 119.099 13.1268V23.2075C118.336 22.826 117.478 22.5405 116.525 22.3485C115.571 22.159 114.595 22.063 113.594 22.063C111.782 22.063 110.102 22.4807 108.554 23.3147C107.005 24.1487 105.754 25.3281 104.8 26.8528V50.8751L93.2188 50.8751Z" fill="#EA5E34"/>
+<path d="M141.911 51.5894C138.05 51.5894 134.558 50.7205 131.437 48.9801C128.314 47.241 125.848 44.8935 124.037 41.9376C122.225 38.9829 121.32 35.6717 121.32 32.0003C121.32 28.3313 122.189 25.0188 123.93 22.063C125.669 19.1083 128.041 16.7608 131.043 15.0204C134.046 13.2813 137.382 12.4111 141.052 12.4111C144.77 12.4111 148.059 13.305 150.918 15.0928C153.778 16.8792 156.03 19.3228 157.675 22.4207C159.319 25.5187 160.141 29.0693 160.141 33.0724V35.9323H133.188C133.712 37.1241 134.415 38.1738 135.298 39.0789C136.179 39.984 137.239 40.6871 138.479 41.1871C139.718 41.6882 141.052 41.9376 142.482 41.9376C144.055 41.9376 145.485 41.6882 146.772 41.1871C148.059 40.6871 149.155 39.984 150.061 39.0789L157.71 45.8696C155.327 47.8718 152.884 49.3266 150.382 50.2317C147.88 51.1356 145.056 51.5894 141.911 51.5894ZM132.974 27.8538H148.774C148.392 26.6146 147.809 25.5549 147.022 24.6723C146.236 23.7908 145.318 23.1002 144.27 22.599C143.221 22.0991 142.077 21.8485 140.838 21.8485C139.551 21.8485 138.382 22.0879 137.335 22.5629C136.286 23.0403 135.392 23.7198 134.654 24.6012C133.914 25.4839 133.355 26.5672 132.974 27.8538Z" fill="#EA5E34"/>
+<path d="M184.801 51.5894C180.94 51.5894 177.448 50.7205 174.327 48.9801C171.205 47.241 168.738 44.8935 166.927 41.9376C165.116 38.9829 164.211 35.6717 164.211 32.0003C164.211 28.3313 165.08 25.0188 166.82 22.063C168.56 19.1083 170.931 16.7608 173.934 15.0204C176.937 13.2813 180.273 12.4111 183.943 12.4111C187.661 12.4111 190.949 13.305 193.809 15.0928C196.669 16.8792 198.921 19.3228 200.565 22.4207C202.21 25.5187 203.032 29.0693 203.032 33.0724V35.9323H176.079C176.603 37.1241 177.305 38.1738 178.188 39.0789C179.07 39.984 180.129 40.6871 181.37 41.1871C182.608 41.6882 183.943 41.9376 185.373 41.9376C186.946 41.9376 188.376 41.6882 189.663 41.1871C190.949 40.6871 192.046 39.984 192.951 39.0789L200.601 45.8696C198.217 47.8718 195.775 49.3266 193.273 50.2317C190.771 51.1356 187.947 51.5894 184.801 51.5894ZM175.864 27.8538H191.664C191.283 26.6146 190.699 25.5549 189.913 24.6723C189.127 23.7908 188.208 23.1002 187.16 22.599C186.111 22.0991 184.968 21.8485 183.728 21.8485C182.442 21.8485 181.273 22.0879 180.225 22.5629C179.177 23.0403 178.283 23.7198 177.544 24.6012C176.805 25.4839 176.245 26.5672 175.864 27.8538Z" fill="#EA5E34"/>
+<path d="M208.461 50.8751V13.0545H220.043V16.8444C221.281 15.3197 222.735 14.1628 224.404 13.3761C226.072 12.5907 227.93 12.1968 229.98 12.1968C232.029 12.2454 233.483 12.5546 234.341 13.1268V23.2075C233.578 22.826 232.72 22.5405 231.768 22.3485C230.813 22.159 229.837 22.063 228.836 22.063C227.025 22.063 225.344 22.4807 223.796 23.3147C222.247 24.1487 220.996 25.3281 220.043 26.8528V50.8751L208.461 50.8751Z" fill="#EA5E34"/>
+<path d="M255.007 51.5896C251.431 51.5896 248.119 51.172 245.069 50.3392C242.019 49.5052 239.372 48.2772 237.133 46.6565L242.638 38.8635C245.021 40.2934 247.189 41.3307 249.143 41.9739C251.098 42.6172 253.028 42.9389 254.934 42.9389C256.84 42.9389 258.354 42.6659 259.475 42.1173C260.594 41.57 261.155 40.842 261.155 39.9369C261.155 39.2213 260.845 38.6378 260.225 38.1853C259.605 37.7327 258.628 37.4111 257.294 37.2203L249.788 36.0759C246.022 35.5037 243.149 34.2533 241.172 32.3221C239.194 30.3923 238.206 27.879 238.206 24.7797C238.206 22.2066 238.86 20.0024 240.172 18.1673C241.481 16.3322 243.353 14.9259 245.784 13.9485C248.215 12.9724 251.121 12.4824 254.505 12.4824C257.269 12.4824 260.011 12.8651 262.727 13.6269C265.444 14.3898 267.97 15.5343 270.306 17.059L264.8 24.4942C262.751 23.3036 260.797 22.4334 258.939 21.8849C257.08 21.3376 255.221 21.0621 253.362 21.0621C251.884 21.0621 250.692 21.3127 249.788 21.8126C248.882 22.3138 248.429 22.9695 248.429 23.7786C248.429 24.5416 248.762 25.15 249.43 25.6025C250.097 26.055 251.24 26.4004 252.861 26.6385L260.368 27.7829C264.086 28.3078 266.957 29.5345 268.983 31.4644C271.009 33.3943 272.021 35.8378 272.021 38.7924C272.021 41.2708 271.282 43.4637 269.806 45.3699C268.327 47.2773 266.314 48.7908 263.764 49.9103C261.214 51.0286 258.295 51.5896 255.007 51.5896Z" fill="#EA5E34"/>
+<path d="M284.605 8.57892C283.652 8.57892 282.818 8.22112 282.103 7.50615C281.388 6.7918 281.031 5.93346 281.031 4.93238C281.031 3.97992 281.388 3.15772 282.103 2.46644C282.818 1.77577 283.652 1.4292 284.605 1.4292C285.607 1.4292 286.452 1.77577 287.144 2.46644C287.834 3.15772 288.18 4.00297 288.18 5.00406C288.18 5.9584 287.834 6.7918 287.144 7.50615C286.452 8.22112 285.607 8.57892 284.605 8.57892ZM281.961 51.2603V15.4419H287.251V51.2603H281.961Z" fill="#EA5E34"/>
+<path d="M296.25 51.2603V15.4419H301.54V19.66C304.352 16.3713 308.118 14.7275 312.837 14.7275C315.553 14.7275 317.948 15.3116 320.021 16.4791C322.094 17.6473 323.714 19.2673 324.883 21.3406C326.05 23.4138 326.635 25.833 326.635 28.5969V51.2603H321.416V29.6697C321.416 26.4769 320.522 23.9623 318.735 22.1266C316.947 20.2927 314.504 19.3746 311.407 19.3746C309.262 19.3746 307.355 19.8514 305.687 20.8039C304.018 21.7582 302.636 23.1165 301.54 24.8793V51.2603H296.25Z" fill="#EA5E34"/>
+<path d="M389.622 8.57892C388.667 8.57892 387.835 8.22112 387.12 7.50615C386.405 6.7918 386.047 5.93346 386.047 4.93238C386.047 3.97992 386.405 3.15772 387.12 2.46644C387.835 1.77577 388.667 1.4292 389.622 1.4292C390.623 1.4292 391.469 1.77577 392.159 2.46644C392.85 3.15772 393.197 4.00297 393.197 5.00406C393.197 5.9584 392.85 6.7918 392.159 7.50615C391.469 8.22112 390.623 8.57892 389.622 8.57892ZM386.977 51.2603V15.4419H392.268V51.2603H386.977Z" fill="#EA5E34"/>
+<path d="M445.818 8.57892C444.863 8.57892 444.03 8.22112 443.316 7.50615C442.6 6.7918 442.242 5.93346 442.242 4.93238C442.242 3.97992 442.6 3.15772 443.316 2.46644C444.03 1.77577 444.863 1.4292 445.818 1.4292C446.819 1.4292 447.664 1.77577 448.355 2.46644C449.045 3.15772 449.392 4.00297 449.392 5.00406C449.392 5.9584 449.045 6.7918 448.355 7.50615C447.664 8.22112 446.819 8.57892 445.818 8.57892ZM443.172 51.2603V15.4419H448.463V51.2603H443.172Z" fill="#EA5E34"/>
+<path d="M471.552 51.9754C468.454 51.9754 466.071 51.2367 464.402 49.7588C462.734 48.2821 461.9 46.1372 461.9 43.3247V19.9463H454.18V15.442H461.9V6.3624L467.12 5.00415V15.442H477.915V19.9463H467.12V41.9664C467.12 43.8732 467.549 45.2439 468.407 46.0773C469.265 46.9114 470.67 47.3284 472.624 47.3284C473.625 47.3284 474.519 47.2567 475.306 47.114C476.093 46.9706 476.938 46.7331 477.844 46.399V51.046C476.938 51.3789 475.924 51.6176 474.805 51.761C473.685 51.9037 472.601 51.9754 471.552 51.9754Z" fill="#EA5E34"/>
+<path d="M494.86 51.9036C492.238 51.9036 489.938 51.4504 487.961 50.5454C485.982 49.6403 484.433 48.3774 483.313 46.7561C482.193 45.1366 481.633 43.2529 481.633 41.108C481.633 37.7245 482.921 35.0559 485.494 33.1012C488.068 31.147 491.546 30.1696 495.932 30.1696C499.793 30.1696 503.297 30.9805 506.442 32.6006V27.8819C506.442 25.022 505.631 22.8665 504.011 21.4116C502.391 19.9586 500.03 19.2312 496.933 19.2312C495.169 19.2312 493.394 19.4818 491.606 19.9823C489.82 20.4822 487.854 21.2814 485.708 22.3772L483.707 18.3018C486.28 17.0632 488.663 16.1569 490.856 15.5853C493.047 15.013 495.24 14.7275 497.433 14.7275C501.962 14.7275 505.453 15.7997 507.907 17.9446C510.362 20.0895 511.59 23.1632 511.59 27.1669V51.2603H506.442V47.7572C504.822 49.1404 503.046 50.177 501.116 50.867C499.185 51.5577 497.099 51.9036 494.86 51.9036ZM486.709 40.9652C486.709 42.9674 487.555 44.6006 489.248 45.8628C490.939 47.1257 493.12 47.7572 495.789 47.7572C497.934 47.7572 499.888 47.4243 501.652 46.7561C503.415 46.0891 505.012 45.0406 506.442 43.6107V36.8905C504.964 35.8894 503.392 35.1632 501.724 34.7094C500.054 34.2575 498.171 34.0306 496.076 34.0306C493.216 34.0306 490.939 34.6626 489.248 35.9249C487.555 37.1884 486.709 38.8683 486.709 40.9652Z" fill="#EA5E34"/>
+<path d="M520.453 51.2605V1.21489L525.744 0V51.2605H520.453Z" fill="#EA5E34"/>
+<path d="M377.358 16.2286C376.046 13.1793 374.213 10.5338 371.855 8.29288C369.493 6.05322 366.718 4.31409 363.524 3.07364C360.33 1.83507 356.828 1.21484 353.015 1.21484H336.5V51.2604H350.827L350.828 46.2556H342.005V6.21965H353.301C356.208 6.21965 358.902 6.72019 361.38 7.72128C363.858 8.72174 366.028 10.128 367.885 11.9388C369.745 13.7509 371.186 15.8715 372.211 18.3019C373.236 20.7329 373.747 23.3777 373.747 26.2376C373.747 29.0975 373.236 31.743 372.211 34.1734C371.186 36.6044 369.745 38.7257 367.885 40.5365C366.365 42.019 364.626 43.214 362.69 44.1534L365.657 48.4821C368.002 47.3473 370.096 45.9197 371.924 44.1824C374.286 41.9427 376.108 39.2979 377.395 36.2466C378.682 33.1973 379.325 29.8605 379.325 26.2377C379.325 22.616 378.669 19.2793 377.358 16.2286Z" fill="#EA5E34"/>
+<path d="M361.361 60.4081C361.951 60.2256 362.234 59.7933 362.166 59.5768L359.92 53.1668L366.549 53.4191L352.972 33.6101L352.969 57.5982L358.071 53.7064L360.221 60.154C360.292 60.384 360.777 60.5889 361.361 60.4081Z" fill="#EA5E34"/>
+<path d="M428.945 15.442V19.0169C427.324 17.6349 425.549 16.5864 423.619 15.8715C421.688 15.1565 419.698 14.7987 417.649 14.7987C414.264 14.7987 411.214 15.6097 408.498 17.2297C405.781 18.8504 403.623 21.0546 402.028 23.8428C400.431 26.631 399.633 29.7408 399.633 33.1723C399.633 36.6045 400.431 39.7143 402.028 42.5025C403.623 45.2907 405.781 47.4961 408.498 49.1155C411.214 50.7368 414.218 51.5466 417.507 51.5466C421.795 51.5466 425.585 50.1646 428.874 47.4001V52.4043C428.874 55.5503 427.991 57.9327 426.228 59.5534C424.611 61.0383 422.306 61.8351 419.328 61.9591V66.5404C423.984 66.4416 427.602 65.2293 430.16 62.8783C432.829 60.4229 434.163 56.9085 434.163 52.3326V15.442H428.945ZM428.874 41.9664C427.682 43.5391 426.132 44.7546 424.226 45.6124C422.32 46.4707 420.223 46.8996 417.935 46.8996C415.504 46.8996 413.299 46.2918 411.322 45.0763C409.343 43.8608 407.771 42.2164 406.603 40.1432C405.435 38.0699 404.851 35.7461 404.851 33.1723C404.851 30.5992 405.424 28.2754 406.568 26.2021C407.711 24.1289 409.272 22.497 411.251 21.3045C413.228 20.1139 415.456 19.5174 417.935 19.5174C420.174 19.5174 422.26 19.9463 424.191 20.804C426.121 21.6623 427.682 22.8542 428.874 24.3788L428.874 41.9664Z" fill="#EA5E34"/>
+<path d="M177.482 79.8167H175.414L181.113 65.4088H183.135L188.765 79.8167H186.697L185.387 76.3472H178.792L177.482 79.8167ZM182.078 67.2015C181.925 67.7376 181.745 68.3036 181.538 68.902C181.331 69.4992 181.12 70.0963 180.906 70.6935L179.435 74.623H184.744L183.273 70.6935C182.966 69.852 182.725 69.17 182.549 68.6489C182.373 68.1278 182.216 67.6454 182.078 67.2015Z" fill="#1C4DA1"/>
+<path d="M202.483 78.1624C203.11 78.1624 203.773 78.0901 204.47 77.9442C205.167 77.7984 205.815 77.6026 206.412 77.3583V79.1049C205.57 79.4415 204.822 79.6759 204.171 79.8055C203.52 79.9352 202.842 80 202.138 80C199.932 80 198.377 79.4303 197.473 78.2883C196.569 77.1476 196.117 75.2439 196.117 72.5785C196.117 70.0203 196.642 68.1478 197.691 66.9597C198.74 65.7729 200.415 65.1794 202.712 65.1794C203.417 65.1794 204.045 65.1944 204.597 65.2243C205.148 65.2555 205.646 65.3091 206.09 65.3852V67.1093C205.554 67.0482 205.014 67.0059 204.47 66.9834C203.926 66.9597 203.34 66.9485 202.712 66.9485C200.996 66.9485 199.802 67.3736 199.127 68.2239C198.453 69.0741 198.116 70.5252 198.116 72.5785C198.116 74.6617 198.423 76.1141 199.036 76.9332C199.648 77.7522 200.797 78.1624 202.483 78.1624Z" fill="#1C4DA1"/>
+<path d="M219.876 74.1182C219.876 76.2625 219.482 77.7797 218.693 78.6673C217.904 79.5562 216.552 80.0001 214.637 80.0001C212.661 80.0001 211.29 79.5724 210.524 78.7135C209.758 77.8558 209.375 76.3236 209.375 74.1182C209.375 71.9577 209.77 70.438 210.559 69.5566C211.347 68.6752 212.707 68.2351 214.637 68.2351C216.614 68.2351 217.981 68.664 218.739 69.5217C219.497 70.3806 219.876 71.9116 219.876 74.1182ZM211.259 74.0945C211.259 75.78 211.481 76.8946 211.926 77.4381C212.37 77.9829 213.274 78.2547 214.637 78.2547C215.955 78.2547 216.843 77.9667 217.303 77.392C217.763 76.8185 217.992 75.7189 217.992 74.0945C217.992 72.4102 217.774 71.2957 217.338 70.7509C216.901 70.2074 216 69.9356 214.637 69.9356C213.305 69.9356 212.408 70.2198 211.949 70.7858C211.489 71.3531 211.259 72.4564 211.259 74.0945Z" fill="#1C4DA1"/>
+<path d="M231.269 64.5349H233.154V79.8167H231.522L231.384 78.7596H231.338C230.893 79.1735 230.353 79.4839 229.718 79.6908C229.082 79.8978 228.351 80 227.524 80C225.976 80 224.869 79.5412 224.203 78.6224C223.537 77.7024 223.203 76.2014 223.203 74.1182C223.203 72.035 223.609 70.5327 224.421 69.6139C225.233 68.6951 226.589 68.2351 228.488 68.2351C229.025 68.2351 229.526 68.2775 229.994 68.361C230.461 68.4458 230.886 68.5642 231.269 68.7175V64.5349ZM228.718 69.9355C227.293 69.9355 226.332 70.2347 225.834 70.8319C225.336 71.4291 225.087 72.5249 225.087 74.1182C225.087 75.6653 225.306 76.7412 225.743 77.3471C226.179 77.9517 226.995 78.2547 228.19 78.2547C228.756 78.2547 229.301 78.1811 229.821 78.0352C230.342 77.8906 230.825 77.6725 231.269 77.3807V70.3956C230.901 70.2422 230.511 70.1275 230.097 70.0502C229.683 69.9742 229.224 69.9355 228.718 69.9355Z" fill="#1C4DA1"/>
+<path d="M246.101 77.6101V79.1959C245.702 79.4116 245.116 79.5986 244.343 79.7594C243.568 79.9203 242.784 80.0001 241.987 80.0001C240.21 80.0001 238.938 79.5413 238.173 78.6225C237.406 77.7024 237.023 76.1865 237.023 74.0721C237.023 72.035 237.422 70.5527 238.218 69.6252C239.015 68.6989 240.287 68.2351 242.033 68.2351C243.657 68.2351 244.821 68.5991 245.526 69.3272C246.23 70.054 246.583 71.2683 246.583 72.9688C246.583 73.2754 246.575 73.5584 246.56 73.819C246.544 74.0796 246.514 74.3937 246.468 74.7615H238.931C238.946 76.0182 239.203 76.9133 239.701 77.4493C240.198 77.9867 241.06 78.2547 242.286 78.2547C242.945 78.2547 243.634 78.1936 244.354 78.0702C245.074 77.948 245.656 77.7947 246.101 77.6101ZM244.859 72.7157C244.844 71.7046 244.622 70.989 244.193 70.5676C243.764 70.1462 243.044 69.9356 242.033 69.9356C240.899 69.9356 240.099 70.1774 239.631 70.6599C239.165 71.1423 238.931 71.9888 238.931 73.1981H244.836C244.836 73.1682 244.84 73.0959 244.848 72.9799C244.856 72.8653 244.859 72.778 244.859 72.7157Z" fill="#1C4DA1"/>
+<path d="M257.975 79.8168L253.977 65.4089H256.091L258.481 74.5321C258.542 74.7765 258.607 75.0645 258.676 75.3936C258.745 75.7227 258.902 76.5692 259.147 77.9331C259.423 76.5393 259.598 75.6803 259.676 75.3587C259.752 75.0371 259.821 74.7615 259.882 74.5321L262.502 65.4089H264.547L267.19 74.5321C267.251 74.7615 267.32 75.0296 267.396 75.3363C267.473 75.6429 267.65 76.4932 267.925 77.887C268.093 76.952 268.235 76.2052 268.35 75.6467C268.465 75.0869 268.546 74.7154 268.591 74.5321L270.958 65.4089H273.003L269.005 79.8168H266.799L264.478 72.0961C264.31 71.5289 264.149 70.9243 263.996 70.281C263.842 69.6364 263.674 68.871 263.49 67.9821C263.306 68.871 263.138 69.6364 262.984 70.281C262.831 70.9243 262.67 71.5289 262.502 72.0961L260.204 79.8168H257.975Z" fill="#1C4DA1"/>
+<path d="M284.194 77.6101V79.1959C283.796 79.4116 283.209 79.5986 282.436 79.7594C281.662 79.9203 280.877 80.0001 280.081 80.0001C278.304 80.0001 277.032 79.5413 276.267 78.6225C275.5 77.7024 275.117 76.1865 275.117 74.0721C275.117 72.035 275.516 70.5527 276.312 69.6252C277.109 68.6989 278.38 68.2351 280.127 68.2351C281.751 68.2351 282.915 68.5991 283.62 69.3272C284.324 70.054 284.677 71.2683 284.677 72.9688C284.677 73.2754 284.669 73.5584 284.654 73.819C284.638 74.0796 284.608 74.3937 284.562 74.7615H277.025C277.04 76.0182 277.296 76.9133 277.794 77.4493C278.292 77.9867 279.154 78.2547 280.379 78.2547C281.038 78.2547 281.728 78.1936 282.448 78.0702C283.168 77.948 283.75 77.7947 284.194 77.6101ZM282.953 72.7157C282.938 71.7046 282.716 70.989 282.287 70.5676C281.858 70.1462 281.138 69.9356 280.127 69.9356C278.993 69.9356 278.193 70.1774 277.725 70.6599C277.258 71.1423 277.025 71.9888 277.025 73.1981H282.93C282.93 73.1682 282.934 73.0959 282.942 72.9799C282.949 72.8653 282.953 72.778 282.953 72.7157Z" fill="#1C4DA1"/>
+<path d="M297.022 77.6101V79.1959C296.624 79.4116 296.038 79.5986 295.265 79.7594C294.49 79.9203 293.706 80.0001 292.909 80.0001C291.132 80.0001 289.86 79.5413 289.095 78.6225C288.328 77.7024 287.945 76.1865 287.945 74.0721C287.945 72.035 288.344 70.5527 289.14 69.6252C289.937 68.6989 291.209 68.2351 292.955 68.2351C294.579 68.2351 295.743 68.5991 296.448 69.3272C297.152 70.054 297.505 71.2683 297.505 72.9688C297.505 73.2754 297.497 73.5584 297.482 73.819C297.466 74.0796 297.436 74.3937 297.39 74.7615H289.853C289.868 76.0182 290.124 76.9133 290.623 77.4493C291.12 77.9867 291.982 78.2547 293.208 78.2547C293.866 78.2547 294.556 78.1936 295.276 78.0702C295.996 77.948 296.578 77.7947 297.022 77.6101ZM295.781 72.7157C295.766 71.7046 295.544 70.989 295.115 70.5676C294.686 70.1462 293.966 69.9356 292.955 69.9356C291.821 69.9356 291.021 70.1774 290.553 70.6599C290.086 71.1423 289.853 71.9888 289.853 73.1981H295.758C295.758 73.1682 295.762 73.0959 295.77 72.9799C295.778 72.8653 295.781 72.778 295.781 72.7157Z" fill="#1C4DA1"/>
+<path d="M303.204 74.8986V79.8167H301.32V64.5349H303.204V73.2679H304.56L308.535 68.4644H310.81L306.099 73.9798L311.039 79.8167H308.673L304.629 74.8986H303.204Z" fill="#1C4DA1"/>
+<path d="M321.28 66.4885H319.258V64.5349H321.28V66.4885ZM321.211 79.8167H319.328V68.4644H321.211V79.8167Z" fill="#1C4DA1"/>
+<path d="M327.509 79.8168H325.625V68.4645H327.256L327.348 69.5678H327.416C328.03 69.109 328.669 68.7712 329.335 68.5567C330.002 68.3423 330.749 68.2351 331.577 68.2351C332.832 68.2351 333.786 68.5493 334.437 69.1776C335.089 69.8059 335.414 70.7322 335.414 71.9577V79.8168H333.529V72.1871C333.529 71.4216 333.315 70.8544 332.886 70.4866C332.457 70.1201 331.799 69.9356 330.91 69.9356C330.359 69.9356 329.795 70.0241 329.22 70.1999C328.646 70.3757 328.075 70.6325 327.509 70.9703V79.8168Z" fill="#1C4DA1"/>
+<path d="M341.686 66.4885H339.664V64.5349H341.686V66.4885ZM341.618 79.8167H339.734V68.4644H341.618V79.8167Z" fill="#1C4DA1"/>
+<path d="M352.698 78.0477V79.6335C352.452 79.7407 352.119 79.8279 351.698 79.8978C351.276 79.9663 350.874 80 350.491 80C349.112 80 348.128 79.6945 347.539 79.0812C346.949 78.4691 346.654 77.4119 346.654 75.9096V70.0739H344.953V68.4644H346.677L346.975 65.708H348.539V68.4644H352.583V70.0739H348.539V75.841C348.539 76.7761 348.711 77.4119 349.055 77.7485C349.4 78.0863 350.008 78.2546 350.882 78.2546C351.158 78.2546 351.476 78.2309 351.836 78.1848C352.195 78.1387 352.483 78.0938 352.698 78.0477Z" fill="#1C4DA1"/>
+<path d="M357.889 66.4885H355.867V64.5349H357.889V66.4885ZM357.821 79.8167H355.937V68.4644H357.821V79.8167Z" fill="#1C4DA1"/>
+<path d="M364.808 80.0001C363.644 80.0001 362.79 79.7208 362.246 79.1623C361.701 78.6025 361.43 77.7186 361.43 76.5081C361.43 75.2826 361.76 74.4137 362.418 73.9C363.077 73.3864 364.195 73.1296 365.773 73.1296C366.294 73.1296 366.808 73.1533 367.313 73.1981C367.819 73.2443 368.293 73.3141 368.738 73.4051V72.303C368.738 71.4603 368.523 70.8544 368.094 70.4866C367.666 70.1201 366.976 69.9356 366.026 69.9356C365.322 69.9356 364.701 69.963 364.165 70.0166C363.629 70.0702 363.093 70.1575 362.557 70.2809V68.649C363.169 68.4957 363.793 68.3885 364.429 68.3274C365.065 68.2663 365.788 68.2351 366.601 68.2351C367.964 68.2351 368.975 68.553 369.634 69.1888C370.292 69.8246 370.621 70.8095 370.621 72.1422V79.8168H368.899L368.806 78.7596H368.76C368.301 79.1274 367.707 79.4266 366.98 79.656C366.252 79.8854 365.528 80.0001 364.808 80.0001ZM365.98 74.6692C364.938 74.6692 364.215 74.7964 363.808 75.0482C363.402 75.3013 363.2 75.7489 363.2 76.3934C363.2 77.0666 363.368 77.5528 363.705 77.852C364.041 78.1512 364.594 78.2996 365.359 78.2996C365.958 78.2996 366.57 78.2086 367.198 78.0241C367.826 77.8408 368.339 77.6102 368.738 77.3346V74.8986C368.232 74.8226 367.762 74.7652 367.324 74.7266C366.888 74.6892 366.44 74.6692 365.98 74.6692Z" fill="#1C4DA1"/>
+<path d="M381.471 78.0477V79.6335C381.225 79.7407 380.892 79.8279 380.471 79.8978C380.05 79.9663 379.647 80 379.264 80C377.885 80 376.902 79.6945 376.312 79.0812C375.723 78.4691 375.427 77.4119 375.427 75.9096V70.0739H373.727V68.4644H375.451L375.749 65.708H377.312V68.4644H381.356V70.0739H377.312V75.841C377.312 76.7761 377.484 77.4119 377.828 77.7485C378.173 78.0863 378.782 78.2546 379.656 78.2546C379.931 78.2546 380.249 78.2309 380.609 78.1848C380.969 78.1387 381.257 78.0938 381.471 78.0477Z" fill="#1C4DA1"/>
+<path d="M386.663 66.4885H384.641V64.5349H386.663V66.4885ZM386.594 79.8167H384.71V68.4644H386.594V79.8167Z" fill="#1C4DA1"/>
+<path d="M398.535 68.4644H400.603L396.237 79.8167H394.077L389.711 68.4644H391.803L395.18 78.0937L398.535 68.4644Z" fill="#1C4DA1"/>
+<path d="M412.022 77.6101V79.1959C411.623 79.4116 411.038 79.5986 410.265 79.7594C409.49 79.9203 408.705 80.0001 407.91 80.0001C406.132 80.0001 404.86 79.5413 404.095 78.6225C403.328 77.7024 402.945 76.1865 402.945 74.0721C402.945 72.035 403.344 70.5527 404.141 69.6252C404.936 68.6989 406.209 68.2351 407.954 68.2351C409.579 68.2351 410.743 68.5991 411.448 69.3272C412.152 70.054 412.505 71.2683 412.505 72.9688C412.505 73.2754 412.497 73.5584 412.482 73.819C412.466 74.0796 412.436 74.3937 412.39 74.7615H404.853C404.868 76.0182 405.124 76.9133 405.623 77.4493C406.121 77.9867 406.982 78.2547 408.208 78.2547C408.866 78.2547 409.555 78.1936 410.276 78.0702C410.996 77.948 411.577 77.7947 412.022 77.6101ZM410.782 72.7157C410.766 71.7046 410.544 70.989 410.115 70.5676C409.686 70.1462 408.966 69.9356 407.954 69.9356C406.821 69.9356 406.021 70.1774 405.553 70.6599C405.086 71.1423 404.853 71.9888 404.853 73.1981H410.758C410.758 73.1682 410.762 73.0959 410.769 72.9799C410.777 72.8653 410.782 72.778 410.782 72.7157Z" fill="#1C4DA1"/>
+</g>
+<defs>
+<clipPath id="clip0_1638_50299">
+<rect width="525.746" height="80" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/dream-jobs/inspiration-day.png b/public/images/dream-jobs/inspiration-day.png
new file mode 100644
index 000000000..8acb69d0a
Binary files /dev/null and b/public/images/dream-jobs/inspiration-day.png differ
diff --git a/public/images/dream-jobs/jowita-michalska.png b/public/images/dream-jobs/jowita-michalska.png
new file mode 100644
index 000000000..de4ce4b30
Binary files /dev/null and b/public/images/dream-jobs/jowita-michalska.png differ
diff --git a/public/images/dream-jobs/skills-test.png b/public/images/dream-jobs/skills-test.png
new file mode 100644
index 000000000..b6811d0f4
Binary files /dev/null and b/public/images/dream-jobs/skills-test.png differ
diff --git a/public/images/dream-jobs/vet-activities.png b/public/images/dream-jobs/vet-activities.png
new file mode 100644
index 000000000..f7cd7c800
Binary files /dev/null and b/public/images/dream-jobs/vet-activities.png differ
diff --git a/public/images/events/dektop-img.svg b/public/images/events/dektop-img.svg
new file mode 100644
index 000000000..969105c7c
--- /dev/null
+++ b/public/images/events/dektop-img.svg
@@ -0,0 +1,91 @@
+<svg width="509" height="280" viewBox="0 0 509 280" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2594_562)">
+<g style="mix-blend-mode:luminosity" opacity="0.3" clip-path="url(#clip1_2594_562)">
+<path d="M412.596 218.931C396.35 236.792 392.353 262.633 402.445 284.564C425.987 279.676 449.035 294.8 453.923 318.341C454.004 318.731 454.08 319.121 454.148 319.513C462.02 319.909 469.888 318.744 477.305 316.085C479.037 315.464 480.764 314.77 482.451 313.969C490.288 310.34 497.248 305.059 502.854 298.486C487.48 286.771 484.514 264.808 496.229 249.434C499.66 244.928 504.138 241.325 509.271 238.928C510.268 238.477 511.266 238.053 512.268 237.702L513.074 237.423C512.63 236.304 512.151 235.193 511.639 234.081C506.365 222.695 497.65 213.251 486.716 207.084C481.35 213.933 474.431 219.408 466.537 223.066C464.973 223.799 463.398 224.433 461.815 225.013C445.386 230.905 427.139 228.682 412.604 219.022" fill="#EA8E53"/>
+<path d="M396.71 286.164C395.455 286.623 394.216 287.128 392.986 287.688L392.219 288.07C390.776 303.999 381.689 318.232 367.85 326.25C367.672 336.048 370.795 345.62 376.713 353.425C380.278 350.332 384.258 347.756 388.539 345.772C389.956 345.102 391.406 344.508 392.859 343.987C410.823 337.551 430.878 341.778 444.713 354.922C452.964 345.048 456.436 332.031 454.191 319.36C431.884 318.259 412.023 304.888 402.613 284.636L402.589 284.405C400.643 284.813 398.726 285.358 396.853 286.027" fill="#E6804E"/>
+<path d="M402.468 284.541L402.488 284.773C411.903 305.029 431.76 318.4 454.071 319.5C449.831 295.834 427.206 280.082 403.536 284.323C403.144 284.395 402.753 284.467 402.363 284.547" fill="#DE4621"/>
+<path d="M346.419 66.4695C327.984 73.0902 318.408 93.4002 325.028 111.831C327.2 117.879 330.972 123.222 335.944 127.288C349.898 120.414 366.309 120.685 380.026 128.011C395.582 116.109 398.539 93.8483 386.638 78.296C377.265 66.047 361.042 61.259 346.519 66.4592" fill="#FFCC54"/>
+<path d="M513.072 237.41C521.223 258.066 517.337 281.533 502.96 298.461C512.368 305.612 524.751 307.532 535.884 303.565C536.888 303.2 537.885 302.791 538.881 302.339C541.061 301.326 543.127 300.094 545.055 298.658C541.517 290.321 545.253 280.684 553.481 276.908L554.903 276.316C556.181 275.856 557.512 275.556 558.864 275.422C561.527 256.291 548.173 238.625 529.042 235.961C523.741 235.224 518.339 235.715 513.258 237.392" fill="#E98B4A"/>
+<path d="M512.294 237.687C511.286 238.035 510.293 238.462 509.297 238.913C491.778 247.087 484.206 267.913 492.378 285.427C494.774 290.561 498.376 295.035 502.882 298.466C517.26 281.543 521.15 258.074 512.994 237.415L512.188 237.694" fill="#DF4C1F"/>
+<path d="M179.596 158.182C188.296 176.623 186.777 198.26 175.578 215.298C180.641 216.26 185.871 215.848 190.723 214.106L191.376 213.868C189.646 199.644 196.274 185.693 208.394 178.047C204.381 165.689 192.598 157.544 179.622 158.153" fill="#F0E257"/>
+<path d="M283.734 164.523C273.805 168.072 265.243 174.643 259.253 183.322C258.536 184.37 257.851 185.429 257.206 186.506C268.399 200.753 267.657 220.997 255.444 234.382C259.239 242.113 264.954 248.736 272.045 253.625C273.796 254.863 275.627 255.989 277.522 256.996C281.072 257.704 284.479 259.004 287.599 260.843C291.217 261.79 294.931 262.328 298.67 262.45C303.574 252.018 312.001 243.653 322.469 238.821C323.86 238.18 325.268 237.606 326.693 237.101C332.953 234.863 339.598 233.921 346.233 234.334C348.746 229.247 350.379 223.766 351.059 218.135C324.665 214.654 306.092 190.434 309.573 164.04C309.655 163.439 309.745 162.836 309.846 162.24C301.126 160.684 292.148 161.436 283.808 164.426" fill="#FFCC54"/>
+<path d="M302.288 -50.1848C300.735 -49.6307 299.23 -48.958 297.779 -48.1776C311.813 -31.5032 310.724 -6.85256 295.276 8.51814C310.514 18.5836 331.026 14.3859 341.09 -0.856283C351.155 -16.094 346.958 -36.6056 331.716 -46.6699C323.012 -52.4172 312.102 -53.7241 302.288 -50.1848Z" fill="#F2D856"/>
+<path d="M436.9 202.769C435.169 203.389 433.441 204.084 431.754 204.884C424.503 208.246 418.001 213.025 412.624 218.934C427.159 228.594 445.406 230.812 461.835 224.925C463.414 224.346 465.016 223.71 466.558 222.977C474.453 219.324 481.366 213.846 486.732 206.996C471.533 198.39 453.342 196.818 436.896 202.695" fill="#EA8E53"/>
+<path d="M335.944 127.288C322.119 134.117 312.389 147.144 309.769 162.343C336.151 167.109 354.23 191.63 350.983 218.242C367.88 220.454 384.686 213.574 395.184 200.155C394.467 198.889 393.79 197.575 393.153 196.215C385.156 179.021 386.539 158.928 396.822 142.996C393.529 138.266 389.41 134.169 384.667 130.893C383.147 129.841 381.564 128.873 379.934 128.001C367.705 137.342 350.857 137.739 338.201 128.984C337.43 128.451 336.679 127.885 335.955 127.295" fill="#EEA44E"/>
+<path d="M340.961 125.162C339.26 125.775 337.592 126.483 335.97 127.286C336.695 127.877 337.445 128.438 338.217 128.975C350.871 137.726 367.72 137.329 379.949 127.988C367.947 121.578 353.792 120.55 340.987 125.155" fill="#EEA110"/>
+<path d="M309.769 162.343C305.294 188.588 322.936 213.49 349.183 217.969C349.779 218.07 350.382 218.16 350.983 218.242C354.23 191.63 336.151 167.109 309.77 162.347" fill="#EEA110"/>
+<path d="M396.795 143.016C386.54 158.965 385.188 179.055 393.204 196.235C393.824 197.581 394.501 198.89 395.235 200.17C395.807 199.427 396.363 198.674 396.899 197.897C408.332 181.384 408.32 159.506 396.871 143.007" fill="#EEA44E"/>
+<path d="M260.248 258.171C259.315 258.5 258.398 258.876 257.5 259.295C251.129 262.238 245.897 267.196 242.621 273.407C252.679 280.099 255.408 293.675 248.721 303.732C247.761 305.174 246.629 306.499 245.358 307.677C253.812 318.914 268.588 323.352 281.833 318.63C282.754 318.308 283.671 317.932 284.581 317.506C290.463 314.784 295.377 310.34 298.673 304.761L298.483 304.361C293.268 293.16 292.48 280.403 296.271 268.643C293.884 265.533 290.949 262.887 287.603 260.842C284.178 259.909 280.857 258.616 277.703 256.98C271.922 255.76 265.918 256.165 260.356 258.154" fill="#EEA44E"/>
+<path d="M277.599 256.991C280.786 258.629 284.139 259.919 287.599 260.843C284.534 259.019 281.191 257.712 277.699 256.981" fill="#EEA110"/>
+<path d="M415.415 74.8163C405.627 78.3305 400.543 89.1129 404.057 98.9013C407.571 108.69 418.354 113.773 428.142 110.259C437.931 106.745 443.014 95.9626 439.5 86.1742C438.173 82.4766 435.721 79.2899 432.491 77.0544C427.494 73.5939 421.134 72.761 415.411 74.8173" fill="#FFCC54"/>
+<path d="M202.546 236.179C201.943 236.87 201.375 237.593 200.852 238.348C193.114 249.548 195.917 264.901 207.118 272.639C209.514 274.296 212.19 275.514 215.016 276.239C216.822 274.415 218.931 272.922 221.253 271.827C221.862 271.54 222.488 271.285 223.127 271.065C227.703 269.432 232.689 269.372 237.302 270.894C245.214 263.923 247.819 252.693 243.78 242.949C242.719 243.439 241.646 243.881 240.556 244.272C227.372 248.96 212.677 245.827 202.549 236.174" fill="#F0D16C"/>
+<path d="M215.593 174.586C213.073 175.478 210.659 176.637 208.39 178.048C213.116 192.608 205.643 208.321 191.365 213.843C192.388 222.35 196.342 230.238 202.539 236.153C211.467 225.886 227.024 224.803 237.29 233.726C240.154 236.218 242.405 239.337 243.866 242.844C248.256 240.791 252.198 237.89 255.459 234.309C247.966 219.069 248.625 201.081 257.215 186.43C247.328 173.962 230.585 169.193 215.616 174.585" fill="#FFD354"/>
+<path d="M208.39 178.048C196.277 185.688 189.651 199.625 191.37 213.842C205.642 208.317 213.116 192.608 208.39 178.048Z" fill="#F0DA00"/>
+<path d="M257.202 186.507C248.606 201.155 247.947 219.144 255.446 234.386C267.654 221.002 268.4 200.753 257.202 186.507Z" fill="#F4BF00"/>
+<path d="M212.753 229.189C208.808 230.608 205.298 233.014 202.551 236.182C212.69 245.866 227.431 248.997 240.634 244.271C241.72 243.882 242.794 243.444 243.858 242.948C238.818 230.802 225.132 224.747 212.757 229.188" fill="#EFC511"/>
+<path d="M346.13 234.466C337.263 252.438 318.62 263.478 298.601 262.611C297.693 264.57 296.91 266.587 296.262 268.645C304.478 279.075 305.44 293.486 298.677 304.913C300.518 308.793 302.858 312.416 305.643 315.689C307.186 314.579 308.836 313.625 310.571 312.845C311.383 312.458 312.217 312.124 313.07 311.847C327.822 306.554 344.071 314.222 349.363 328.974C349.78 330.132 350.118 331.314 350.378 332.515C353.624 332.046 356.814 331.252 359.905 330.143C361.33 329.638 362.738 329.063 364.129 328.418C365.52 327.778 366.834 327.101 368.064 326.388C368.393 310.102 377.799 295.363 392.433 288.208C394.87 261.096 374.865 237.141 347.753 234.703C347.25 234.659 346.744 234.624 346.244 234.592" fill="#EEA44E"/>
+<path d="M326.595 237.236C325.17 237.741 323.762 238.316 322.371 238.96C311.909 243.791 303.482 252.161 298.573 262.59C318.584 263.445 337.217 252.421 346.103 234.472C339.468 234.06 332.819 235.002 326.564 237.244" fill="#EEA110"/>
+<path d="M296.263 268.645C292.436 280.451 293.23 293.271 298.488 304.518L298.679 304.918C305.436 293.487 304.475 279.08 296.259 268.651" fill="#E15B1D"/>
+<path d="M440.079 39.0467C432.446 42.06 428.701 50.6856 431.714 58.3185C434.593 65.6077 442.638 69.4098 450.097 67.0011L450.252 66.9867C448.782 61.8972 451.717 56.5776 456.807 55.1076C457.797 54.8204 458.83 54.6945 459.858 54.7373C460.79 46.5865 454.937 39.2212 446.787 38.2892C444.521 38.0314 442.229 38.296 440.083 39.0642" fill="#EDD356"/>
+<path d="M251.652 -60.5844C229.886 -52.7912 218.56 -28.8254 226.353 -7.0596C234.146 14.7062 258.107 26.0337 279.873 18.2405C285.658 16.1693 290.92 12.8494 295.276 8.51369L294.645 8.09998C279.633 -2.29916 275.894 -22.8943 286.288 -37.9054C289.254 -42.1865 293.193 -45.7099 297.779 -48.1821C286.487 -61.5354 268.09 -66.4732 251.626 -60.578" fill="#EFE47D"/>
+<path d="M297.778 -48.1821C281.711 -39.5066 275.719 -19.4452 284.395 -3.3737C286.871 1.20639 290.389 5.14259 294.673 8.10232L295.302 8.51163C310.75 -6.85907 311.839 -31.5097 297.806 -48.1841" fill="#EED41A"/>
+<path d="M214.984 276.247C207.741 283.581 206.598 294.971 212.234 303.602L213.559 303.071C221.631 300.257 230.452 304.517 233.265 312.589C233.347 312.829 233.424 313.071 233.498 313.318C234.982 313.115 236.444 312.759 237.855 312.258C238.492 312.029 239.114 311.776 239.729 311.496C241.788 310.54 243.682 309.27 245.349 307.736C237.864 297.788 236.801 284.415 242.612 273.41C240.937 272.316 239.116 271.457 237.205 270.862C231.093 276.229 222.728 278.24 214.843 276.24" fill="#EEA44E"/>
+<path d="M242.62 273.403C236.83 284.394 237.891 297.74 245.35 307.68C254.223 299.48 254.767 285.647 246.572 276.774C245.393 275.499 244.069 274.371 242.626 273.406" fill="#E15B1D"/>
+<path d="M223.174 271.067C222.548 271.303 221.922 271.539 221.3 271.83C218.952 272.916 216.811 274.413 214.985 276.247C222.867 278.253 231.236 276.241 237.347 270.869C232.738 269.346 227.746 269.402 223.172 271.04" fill="#EAAC1B"/>
+<path d="M459.854 54.7428C459.211 60.2952 455.507 65.0162 450.273 66.9628C451.725 72.0566 457.035 75.0087 462.129 73.5563C467.223 72.1038 470.175 66.7941 468.722 61.7004C467.584 57.7061 464.006 54.8999 459.854 54.7428Z" fill="#EDD356"/>
+<path d="M456.251 55.2935C451.499 57.0022 448.881 62.1005 450.271 66.9584C455.51 65.0107 459.214 60.2896 459.854 54.7427C458.63 54.6965 457.406 54.8825 456.252 55.2979" fill="#E9CA00"/>
+<path d="M171.223 159.829C156.232 165.212 148.447 181.722 153.83 196.712C157.282 206.32 165.549 213.387 175.577 215.293C186.794 198.251 188.323 176.598 179.621 158.149C176.754 158.284 173.923 158.837 171.225 159.8" fill="#F0DF12"/>
+<path d="M480.392 56.8269C477.039 58.0233 475.292 61.7109 476.488 65.0637C477.685 68.4165 481.372 70.1642 484.725 68.9678C488.078 67.7714 489.825 64.0838 488.629 60.731C488.177 59.4652 487.34 58.3722 486.237 57.6039C484.531 56.4154 482.355 56.1265 480.397 56.8258" fill="#EDD356"/>
+<path d="M178.241 107.175C185.928 138.789 217.789 158.186 249.403 150.498C281.018 142.81 300.414 110.95 292.726 79.3354C285.039 47.7211 253.178 28.3246 221.564 36.0123C189.949 43.7 170.553 75.5606 178.241 107.175Z" fill="#FFE97F"/>
+</g>
+<path d="M124.624 99.8301L121 90H124.213L126.055 96.3365H126.176L128.018 90H131.121L127.497 99.8401L131.121 109.79H128.028L126.156 103.434H125.955L123.993 109.79H121L124.624 99.8301Z" fill="#BDD1E4"/>
+<path d="M133.194 90.0103H137.108L139.01 97.6681C139.21 98.519 139.37 99.3398 139.48 100.101C139.591 100.861 139.721 101.592 139.821 102.273H139.911C140.021 101.592 140.131 100.861 140.231 100.101C140.361 99.3298 140.512 98.519 140.712 97.6681L142.674 90.0103H146.508V109.801H143.715V103.254C143.715 102.253 143.715 101.282 143.745 100.361C143.765 99.4399 143.775 98.5791 143.805 97.8083C143.835 97.0275 143.885 96.3368 143.915 95.7461C143.965 95.1555 143.985 94.675 144.015 94.3347H143.805L140.812 107.248H138.91L135.897 94.3347H135.676C135.706 94.6851 135.746 95.1555 135.786 95.7461C135.816 96.3368 135.856 97.0275 135.887 97.8083C135.917 98.569 135.947 99.4299 135.957 100.361C135.977 101.282 135.987 102.253 135.987 103.254V109.801H133.184V90.0103H133.194Z" fill="#BDD1E4"/>
+<path d="M149.912 90.0101H152.916V107.438H157V109.8H149.912V90.0101Z" fill="#BDD1E4"/>
+<path d="M321.019 135.383L223.893 135.645C219.595 134.516 215.203 137.083 214.075 141.374C214.015 141.576 208.59 162.244 203.176 189.308C195.875 225.808 192.052 256.032 191.826 279.126C191.72 289.526 183.302 297.988 173.057 297.988L294.793 297.275L321.007 135.383H321.019Z" fill="#F95C22"/>
+<path d="M306.025 279.292C306.547 226.438 327.525 146.294 327.739 145.486C328.867 141.183 326.314 136.786 322.016 135.645C317.719 134.504 313.326 137.071 312.186 141.374C312.127 141.576 306.701 162.244 301.288 189.308C293.986 225.808 290.164 256.032 289.938 279.126C289.831 289.526 305.93 288.587 306.025 279.28V279.292Z" fill="#B63100"/>
+<path d="M303.484 209.727C300.409 193.551 287.48 176.34 267.203 168.555C260.186 165.857 252.279 164.289 243.601 164.289C230.815 164.289 219.75 167.688 210.703 173.084C194.272 182.889 184.513 199.327 183.326 214.053L204.316 222.432V271.495L282.482 273.052L280.725 222.432L305.11 219.889C304.991 218.462 303.757 211.189 303.484 209.727Z" fill="#373737"/>
+<path d="M258.122 165.81C256.092 165.323 254.916 165.121 252.411 164.776L251.105 151.155L236.574 150.621L236.028 164.598C233.048 164.895 231.433 165.228 229.059 165.81C228.999 166.535 229.059 167.165 229.083 167.914C229.439 176.852 236.23 183.781 244.243 183.377C252.257 182.985 258.466 175.402 258.11 166.464C258.11 166.321 258.134 165.953 258.134 165.798L258.122 165.81Z" fill="#FCCFB2"/>
+<path d="M170.992 275.691C171.146 275.691 171.301 275.691 171.455 275.691C175.919 275.691 180.122 273.682 183.944 269.725C186.58 266.991 189.049 263.33 191.471 258.54C195.104 251.374 198.654 241.556 202.037 229.362C202.679 227.032 203.296 224.703 203.89 222.397L188.278 216.038C187.803 217.94 187.316 219.865 186.794 221.791C179.267 249.995 173.26 256.615 171.55 258.006C170.766 257.328 169.33 255.652 167.656 252.301C165.543 248.057 150.738 258.006 155.986 265.767C158.989 270.2 163.999 275.477 170.992 275.703V275.691Z" fill="#FCCFB2"/>
+<path d="M189.18 117.127C189.441 123.225 194.582 127.967 200.661 127.705C206.739 127.444 211.464 122.286 211.203 116.188C210.942 110.091 205.801 105.349 199.723 105.61C193.644 105.872 188.919 111.03 189.18 117.127Z" fill="#EFC3AB"/>
+<path d="M199.58 119.516C200.542 142.206 219.703 159.82 242.367 158.845C265.031 157.883 282.625 138.7 281.652 116.01L280.999 100.69C280.607 91.5381 281.082 78.6067 275.751 71.9984C267.845 62.2167 251.746 60.7786 238.224 61.361C215.56 62.3237 197.965 81.5068 198.939 104.196L199.592 119.516H199.58Z" fill="#FCCFB2"/>
+<path d="M271.085 115.273C271.346 121.37 276.486 126.113 282.565 125.851C288.643 125.59 293.368 120.431 293.107 114.334C292.846 108.237 287.705 103.495 281.627 103.756C275.548 104.018 270.823 109.176 271.085 115.273Z" fill="#FCCFB2"/>
+<path d="M278.196 110.067C278.196 110.067 279.43 109.259 280.392 108.308C280.392 108.308 285.663 95.6861 283.229 86.7245C282.339 82.7547 279.751 77.751 276.391 72.8423L266.074 82.101C270.289 88.0438 276.106 95.6267 278.208 110.067H278.196Z" fill="#373737"/>
+<path d="M210.455 78.6779L202.37 75.5996C202.37 75.5996 194.582 86.6887 198.357 105.884L199.319 106.217C199.319 106.217 199.782 87.0096 210.467 78.6779H210.455Z" fill="#373737"/>
+<path d="M276.107 72.462L265.73 81.6732C265.73 81.6732 225.294 85.738 206.75 78.2739C197.786 74.6608 195.388 72.6759 193.156 52.3043C205.551 70.9763 276.356 22.4243 276.107 72.462Z" fill="#373737"/>
+<path d="M233.261 127.361C233.178 127.872 232.691 128.228 232.169 128.145C231.646 128.062 231.278 127.587 231.361 127.064C231.444 126.553 231.931 126.196 232.454 126.279C232.976 126.362 233.344 126.85 233.261 127.361Z" fill="#9B4B10"/>
+<path d="M238.034 124.556C237.975 124.936 237.619 125.186 237.227 125.126C236.847 125.067 236.586 124.71 236.645 124.342C236.704 123.962 237.061 123.712 237.441 123.771C237.82 123.831 238.094 124.187 238.034 124.556Z" fill="#9B4B10"/>
+<path d="M241.691 128.68C241.607 129.191 241.121 129.548 240.598 129.464C240.076 129.381 239.708 128.894 239.791 128.383C239.874 127.872 240.361 127.515 240.883 127.598C241.406 127.682 241.774 128.169 241.691 128.68Z" fill="#9B4B10"/>
+<path d="M244.041 124.449C243.97 124.9 243.542 125.198 243.091 125.126C242.64 125.055 242.32 124.639 242.391 124.187C242.462 123.736 242.889 123.439 243.341 123.51C243.804 123.581 244.112 123.997 244.041 124.449Z" fill="#9B4B10"/>
+<path d="M248.195 127.812C248.112 128.335 247.613 128.704 247.067 128.621C246.521 128.537 246.153 128.038 246.236 127.515C246.319 126.992 246.818 126.624 247.364 126.707C247.91 126.79 248.278 127.289 248.195 127.812Z" fill="#9B4B10"/>
+<path d="M252.767 130.237C252.707 130.653 252.304 130.938 251.876 130.879C251.449 130.807 251.152 130.415 251.223 129.999C251.283 129.583 251.686 129.298 252.114 129.369C252.541 129.441 252.838 129.833 252.767 130.249V130.237Z" fill="#9B4B10"/>
+<path d="M227.965 130.154C227.894 130.605 227.466 130.914 227.003 130.843C226.54 130.772 226.22 130.344 226.291 129.892C226.362 129.441 226.79 129.132 227.265 129.203C227.728 129.274 228.048 129.702 227.977 130.154H227.965Z" fill="#9B4B10"/>
+<path d="M228.666 125.614C228.595 126.065 228.168 126.374 227.693 126.303C227.23 126.232 226.909 125.804 226.981 125.352C227.052 124.901 227.491 124.592 227.954 124.663C228.417 124.734 228.738 125.162 228.666 125.614Z" fill="#9B4B10"/>
+<path d="M222.612 129.322C222.541 129.774 222.113 130.083 221.638 130.011C221.175 129.94 220.855 129.512 220.926 129.06C220.997 128.609 221.425 128.3 221.899 128.371C222.362 128.442 222.683 128.87 222.612 129.322Z" fill="#9B4B10"/>
+<path d="M200.066 115.083C200.03 112.884 201.027 111.018 203.022 111.018L226.719 111.042C227.882 111.042 229.093 111.636 229.865 112.599C230.256 113.086 230.708 113.883 230.589 114.905C230.031 119.897 227.989 129.821 224.344 129.833L207.047 129.797C204.245 129.702 203.39 126.766 202.63 124.853C201.728 122.547 200.303 116.2 200.054 115.083H200.066ZM242.39 112.492C243.09 111.517 244.242 110.923 245.405 110.911L269.102 110.935C271.097 110.935 271.821 112.694 271.975 114.905C271.809 116.022 271.275 123.094 270.562 125.4C269.969 127.313 269.316 130.011 266.811 129.809L249.513 129.762C245.868 129.762 242.841 119.778 241.867 114.786C241.666 113.764 242.046 112.967 242.402 112.48L242.39 112.492ZM196.338 113.205V113.348L196.374 113.479C196.457 113.823 198.368 123.581 199.437 126.291C200.303 128.49 202.844 132.626 206.263 132.626L224.475 132.578C230.814 132.567 232.833 117.02 233.201 113.788C233.723 112.575 234.839 111.743 236.157 111.743C237.534 111.743 238.757 112.647 239.362 113.942C240.087 117.508 243.399 132.531 249.632 132.507L267.844 132.46C271.263 132.46 273.459 128.3 274.136 126.101C274.979 123.391 276.107 113.621 276.095 113.276V113.146V113.003C275.94 109.235 273.091 106.062 269.708 106.074L245.287 106.026H245.097L226.837 106.181L202.226 106.3C198.831 106.3 196.207 109.437 196.362 113.205H196.338Z" fill="black"/>
+<path d="M249.881 137L222.172 135.883C222.172 135.883 226.149 144.571 233.023 145.831C242.366 147.542 249.395 139.163 249.881 137Z" fill="white"/>
+<path d="M200.517 292.034L239.814 275.703L183.326 271.496L200.517 292.034Z" fill="#B5B5B5"/>
+<path d="M193.002 263.639C208.305 263.556 223.347 263.425 233.51 263.235C238.817 263.14 250.38 259.372 268.117 235.364L278.185 222.813L297.785 220.638C294.283 226.83 288.751 236.006 281.912 245.276C265.03 268.179 248.86 279.946 233.83 280.231C225.092 280.398 213.339 278.544 200.351 278.627C169.828 278.817 164.45 263.794 193.002 263.639Z" fill="#FCCFB2"/>
+<path d="M97.0876 289.609L200.517 292.033L181.178 211.248L77 213.53L97.0876 289.609Z" fill="#BDD1E4"/>
+<path d="M134.994 237.776L132.513 248.045L123.633 249.555L131.48 255.961L131.682 265.22L139.019 261.155L148.018 265.814L144.706 255.64L150.072 248.283L140.681 246.976L134.994 237.776Z" fill="white"/>
+<path d="M181.178 211.248H181.748L201.479 290.037L227.194 280.065L229.094 280.16L200.517 292.033L181.178 211.248Z" fill="#D8D8D8"/>
+<path d="M262.917 122.607C262.917 123.831 261.919 124.829 260.697 124.829H250.57C249.347 124.829 248.35 123.831 248.35 122.607C248.35 121.382 249.347 120.384 250.57 120.384H260.697C261.919 120.384 262.917 121.382 262.917 122.607Z" fill="black"/>
+<path d="M223.383 122.607C223.383 123.831 222.386 124.829 221.163 124.829H211.036C209.814 124.829 208.816 123.831 208.816 122.607C208.816 121.382 209.814 120.384 211.036 120.384H221.163C222.386 120.384 223.383 121.382 223.383 122.607Z" fill="black"/>
+<path d="M65.6339 183.163C65.0718 183.163 64.4664 183.119 63.8322 183.033C63.1836 182.946 62.5349 182.745 61.9007 182.471C61.2521 182.168 60.6323 181.765 60.0413 181.231C59.4503 180.698 58.9314 179.992 58.4846 179.112C58.0233 178.248 57.663 177.167 57.4035 175.884C57.1297 174.601 57 173.073 57 171.301V158.703C57 156.916 57.1297 155.388 57.4035 154.12C57.6918 152.852 58.0522 151.771 58.5134 150.906C58.9747 150.041 59.508 149.349 60.0989 148.83C60.7043 148.312 61.3098 147.922 61.9584 147.663C62.5926 147.389 63.2268 147.202 63.8755 147.13C64.4953 147.043 65.0862 147 65.6339 147C67.0465 147 68.2429 147.187 69.1798 147.591C70.1167 147.995 70.895 148.528 71.4716 149.22C72.0337 149.897 72.4662 150.704 72.6968 151.627C72.9418 152.549 73.0571 153.515 73.0571 154.538C73.0571 155.302 73.0283 156.008 72.9418 156.657C72.8697 157.291 72.7544 158.012 72.5959 158.79H68.2284V156.988C68.2284 155.028 68.0122 153.572 67.5798 152.592C67.1618 151.627 66.5276 151.137 65.6916 151.137C65.1871 151.137 64.7403 151.237 64.3655 151.439C63.9907 151.627 63.6881 151.958 63.4286 152.434C63.1836 152.895 62.9962 153.5 62.8665 154.279C62.7368 155.043 62.6647 155.979 62.6647 157.118V173.347C62.6647 174.457 62.7223 175.379 62.8232 176.115C62.9241 176.85 63.097 177.441 63.3421 177.887C63.5871 178.334 63.8754 178.637 64.2646 178.839C64.6538 179.026 65.1006 179.127 65.6484 179.127C65.9943 179.127 66.3258 179.04 66.6429 178.882C66.96 178.709 67.2483 178.464 67.479 178.132C67.724 177.786 67.9113 177.354 68.0555 176.835C68.1996 176.316 68.2717 175.711 68.2717 174.99V171.517H73.2157V174.803C73.2157 177.657 72.5527 179.775 71.2554 181.13C69.9581 182.485 68.0843 183.177 65.6339 183.191" fill="#BDD1E4"/>
+<path d="M81.0135 168.475H75.3633V164.397H81.0135V157.882H85.1503V164.397H90.8438V168.475H85.1503V175.192H81.0135V168.475Z" fill="#BDD1E4"/>
+<path d="M98.3847 168.475H92.7344V164.397H98.3847V157.882H102.521V164.397H108.229V168.475H102.521V175.192H98.3847V168.475Z" fill="#BDD1E4"/>
+<path d="M365.93 67.0885C366.766 67.0885 367.486 66.9587 368.063 66.7137C368.639 66.4687 369.101 66.094 369.447 65.5607C369.792 65.0418 370.023 64.3644 370.182 63.5284C370.34 62.6925 370.412 61.7124 370.412 60.5449V57.7632C370.412 56.8407 370.34 56.048 370.211 55.3706C370.081 54.6932 369.85 54.1599 369.49 53.7275C369.144 53.2807 368.697 52.9636 368.12 52.7474C367.544 52.5456 366.794 52.4447 365.93 52.4447H365.685V67.1029H365.93V67.0885ZM361 49H365.685C366.275 49 366.924 49.0288 367.63 49.0865C368.351 49.1297 369.057 49.2739 369.764 49.4612C370.47 49.663 371.147 49.9657 371.81 50.3836C372.473 50.7872 373.05 51.3493 373.569 52.0556C374.073 52.7618 374.477 53.641 374.78 54.7076C375.082 55.7742 375.241 57.0569 375.241 58.5847V59.6801C375.241 61.3232 375.097 62.7357 374.809 63.9176C374.535 65.0995 374.145 66.094 373.684 66.8867C373.209 67.6939 372.661 68.328 372.041 68.8181C371.421 69.2937 370.773 69.654 370.095 69.9134C369.418 70.1729 368.74 70.3315 368.077 70.4035C367.4 70.49 366.751 70.5332 366.146 70.5332H365.685V79.9594H361V49.0144V49Z" fill="#BDD1E4"/>
+<path d="M378.801 49.0137H383.5V61.9711H389.063V49.0137H393.748V79.9443H389.063V65.6609H383.5V79.9443H378.801V49.0137Z" fill="#BDD1E4"/>
+<path d="M403.996 67.0885C404.832 67.0885 405.553 66.9587 406.129 66.7137C406.706 66.4687 407.167 66.094 407.513 65.5607C407.859 65.0418 408.104 64.3644 408.248 63.5284C408.407 62.6925 408.479 61.7124 408.479 60.5449V57.7632C408.479 56.8407 408.407 56.048 408.291 55.3706C408.147 54.6932 407.917 54.1599 407.571 53.7275C407.225 53.2807 406.763 52.9636 406.187 52.7474C405.61 52.5456 404.861 52.4447 403.996 52.4447H403.751V67.1029H403.996V67.0885ZM399.066 49H403.751C404.342 49 404.991 49.0288 405.697 49.0865C406.418 49.1297 407.124 49.2739 407.83 49.4612C408.536 49.663 409.214 49.9657 409.877 50.3836C410.54 50.7872 411.116 51.3493 411.635 52.0556C412.14 52.7618 412.543 53.641 412.846 54.7076C413.149 55.7742 413.307 57.0569 413.307 58.5847V59.6801C413.307 61.3232 413.163 62.7357 412.875 63.9176C412.601 65.0995 412.212 66.094 411.751 66.8867C411.275 67.6939 410.727 68.328 410.107 68.8181C409.488 69.2937 408.839 69.654 408.162 69.9134C407.484 70.1585 406.821 70.3315 406.144 70.4035C405.466 70.49 404.818 70.5332 404.212 70.5332H403.751V79.9594H399.066V49.0144V49Z" fill="#BDD1E4"/>
+<path d="M337 226.018L358.318 212.772V220.556L344.539 228.339V228.598L358.318 236.41V244.15L337 230.89V226.018Z" fill="#BDD1E4"/>
+<path d="M407.225 230.875L385.906 244.15V236.41L399.672 228.598V228.339L385.906 220.556V212.772L407.225 226.004V230.875Z" fill="#BDD1E4"/>
+<path d="M372.907 203L365.613 254.513H372.863L380.157 203H372.907Z" fill="#BDD1E4"/>
+</g>
+<defs>
+<clipPath id="clip0_2594_562">
+<rect width="509" height="280" fill="white"/>
+</clipPath>
+<clipPath id="clip1_2594_562">
+<rect width="591.955" height="403.309" fill="white" transform="translate(491.889 -119.245) rotate(76.3327)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/events/mobile.svg b/public/images/events/mobile.svg
new file mode 100644
index 000000000..4eab36be7
--- /dev/null
+++ b/public/images/events/mobile.svg
@@ -0,0 +1,91 @@
+<svg width="374" height="258" viewBox="0 0 374 258" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_728_4428)">
+<g style="mix-blend-mode:luminosity" opacity="0.3" clip-path="url(#clip1_728_4428)">
+<path d="M303.162 213.103C291.226 226.234 288.289 245.232 295.704 261.356C313.002 257.762 329.937 268.881 333.529 286.188C333.588 286.474 333.644 286.761 333.694 287.05C339.478 287.34 345.26 286.484 350.709 284.529C351.982 284.073 353.251 283.562 354.491 282.974C360.249 280.305 365.363 276.423 369.482 271.591C358.185 262.978 356.006 246.831 364.614 235.528C367.135 232.215 370.425 229.566 374.197 227.805C374.929 227.473 375.663 227.161 376.399 226.903L376.991 226.698C376.665 225.875 376.313 225.059 375.937 224.241C372.062 215.87 365.658 208.927 357.624 204.393C353.681 209.429 348.598 213.454 342.797 216.143C341.648 216.682 340.491 217.148 339.327 217.575C327.256 221.906 313.848 220.272 303.168 213.17" fill="#EA8E53"/>
+<path d="M291.491 262.532C290.569 262.869 289.659 263.241 288.755 263.652L288.191 263.933C287.131 275.644 280.454 286.108 270.286 292.002C270.155 299.206 272.449 306.243 276.798 311.981C279.417 309.707 282.341 307.814 285.487 306.355C286.528 305.862 287.594 305.425 288.662 305.042C301.861 300.31 316.597 303.419 326.762 313.082C332.825 305.822 335.376 296.253 333.726 286.937C317.336 286.127 302.742 276.298 295.828 261.408L295.811 261.238C294.381 261.538 292.973 261.939 291.596 262.431" fill="#E6804E"/>
+<path d="M295.724 261.338L295.738 261.509C302.656 276.4 317.246 286.231 333.64 287.039C330.525 269.64 313.9 258.06 296.508 261.178C296.22 261.231 295.932 261.284 295.646 261.343" fill="#DE4621"/>
+<path d="M254.538 101.016C240.992 105.884 233.956 120.815 238.82 134.365C240.416 138.812 243.188 142.74 246.841 145.729C257.094 140.675 269.152 140.875 279.231 146.261C290.661 137.51 292.834 121.145 284.09 109.711C277.202 100.706 265.282 97.1857 254.611 101.009" fill="#FFCC54"/>
+<path d="M376.991 226.688C382.98 241.875 380.124 259.127 369.561 271.572C376.473 276.83 385.572 278.241 393.752 275.325C394.49 275.057 395.222 274.755 395.954 274.424C397.556 273.679 399.074 272.773 400.491 271.717C397.891 265.588 400.636 258.503 406.682 255.727L407.727 255.292C408.666 254.954 409.644 254.733 410.637 254.635C412.594 240.57 402.782 227.582 388.725 225.624C384.83 225.082 380.861 225.443 377.127 226.676" fill="#E98B4A"/>
+<path d="M376.419 226.892C375.678 227.148 374.949 227.462 374.217 227.794C361.345 233.803 355.781 249.114 361.785 261.99C363.546 265.764 366.193 269.053 369.504 271.576C380.068 259.134 382.927 241.881 376.934 226.692L376.342 226.898" fill="#DF4C1F"/>
+<path d="M131.96 168.442C138.353 181.999 137.236 197.906 129.008 210.432C132.728 211.14 136.571 210.837 140.136 209.556L140.616 209.381C139.345 198.924 144.215 188.668 153.12 183.046C150.171 173.961 141.514 167.973 131.979 168.42" fill="#F0E257"/>
+<path d="M208.48 173.104C201.184 175.712 194.894 180.544 190.492 186.924C189.966 187.695 189.462 188.473 188.988 189.265C197.213 199.739 196.667 214.622 187.694 224.462C190.482 230.146 194.681 235.015 199.891 238.61C201.178 239.52 202.523 240.347 203.915 241.088C206.524 241.608 209.028 242.564 211.32 243.917C213.978 244.612 216.707 245.008 219.454 245.098C223.058 237.429 229.25 231.278 236.941 227.726C237.964 227.255 238.998 226.833 240.045 226.462C244.645 224.816 249.527 224.124 254.403 224.428C256.25 220.688 257.449 216.658 257.949 212.518C238.555 209.959 224.908 192.153 227.466 172.748C227.526 172.307 227.592 171.863 227.667 171.425C221.259 170.281 214.662 170.834 208.534 173.032" fill="#FFCC54"/>
+<path d="M222.111 15.2537C220.97 15.661 219.864 16.1556 218.798 16.7293C229.109 28.9881 228.309 47.1108 216.959 58.411C228.155 65.811 243.227 62.7249 250.622 51.5191C258.017 40.3166 254.933 25.2369 243.734 17.8377C237.338 13.6124 229.322 12.6517 222.111 15.2537Z" fill="#F2D856"/>
+<path d="M321.022 201.221C319.75 201.677 318.481 202.188 317.241 202.776C311.913 205.248 307.136 208.761 303.185 213.105C313.865 220.207 327.272 221.838 339.344 217.51C340.504 217.084 341.681 216.617 342.814 216.078C348.615 213.392 353.695 209.365 357.638 204.329C346.47 198.002 333.103 196.846 321.019 201.167" fill="#EA8E53"/>
+<path d="M246.841 145.729C236.683 150.75 229.534 160.327 227.609 171.501C246.993 175.005 260.277 193.033 257.892 212.597C270.307 214.223 282.656 209.165 290.37 199.3C289.843 198.369 289.345 197.403 288.877 196.403C283.001 183.762 284.018 168.99 291.573 157.277C289.154 153.8 286.127 150.788 282.642 148.38C281.525 147.606 280.362 146.895 279.165 146.253C270.179 153.12 257.799 153.413 248.5 146.976C247.934 146.584 247.382 146.168 246.849 145.734" fill="#EEA44E"/>
+<path d="M250.529 144.166C249.28 144.617 248.054 145.137 246.862 145.728C247.394 146.162 247.945 146.574 248.513 146.969C257.811 153.403 270.191 153.111 279.176 146.243C270.358 141.531 259.957 140.775 250.548 144.161" fill="#EEA110"/>
+<path d="M227.608 171.5C224.32 190.795 237.283 209.103 256.568 212.395C257.006 212.47 257.449 212.536 257.891 212.596C260.276 193.032 246.992 175.005 227.609 171.503" fill="#EEA110"/>
+<path d="M291.553 157.292C284.017 169.017 283.024 183.787 288.915 196.417C289.37 197.407 289.867 198.369 290.407 199.311C290.827 198.764 291.235 198.21 291.629 197.64C300.03 185.499 300.021 169.415 291.609 157.285" fill="#EEA44E"/>
+<path d="M191.222 241.952C190.537 242.194 189.863 242.47 189.203 242.778C184.522 244.942 180.678 248.587 178.27 253.153C185.66 258.072 187.666 268.054 182.753 275.447C182.047 276.507 181.215 277.482 180.282 278.348C186.493 286.609 197.35 289.871 207.082 286.4C207.759 286.163 208.433 285.887 209.101 285.574C213.423 283.572 217.034 280.305 219.456 276.204L219.316 275.91C215.484 267.675 214.906 258.296 217.691 249.65C215.937 247.364 213.781 245.419 211.322 243.915C208.806 243.229 206.365 242.279 204.048 241.076C199.8 240.179 195.389 240.477 191.301 241.939" fill="#EEA44E"/>
+<path d="M203.971 241.084C206.312 242.288 208.776 243.236 211.318 243.916C209.066 242.575 206.609 241.614 204.044 241.077" fill="#EEA110"/>
+<path d="M305.235 107.153C298.042 109.736 294.307 117.663 296.889 124.86C299.471 132.056 307.394 135.793 314.586 133.21C321.779 130.626 325.514 122.699 322.932 115.503C321.957 112.784 320.155 110.442 317.781 108.798C314.11 106.254 309.437 105.642 305.231 107.153" fill="#FFCC54"/>
+<path d="M148.824 225.784C148.381 226.292 147.964 226.824 147.58 227.378C141.894 235.612 143.954 246.899 152.183 252.588C153.944 253.807 155.911 254.702 157.987 255.235C159.314 253.894 160.863 252.796 162.57 251.992C163.017 251.78 163.477 251.593 163.947 251.431C167.309 250.231 170.973 250.186 174.362 251.306C180.175 246.181 182.089 237.925 179.122 230.761C178.342 231.121 177.554 231.446 176.753 231.733C167.066 235.18 156.268 232.877 148.827 225.78" fill="#F0D16C"/>
+<path d="M158.411 180.502C156.559 181.158 154.785 182.009 153.118 183.047C156.59 193.751 151.1 205.303 140.609 209.363C141.36 215.617 144.265 221.416 148.819 225.765C155.379 218.217 166.81 217.421 174.353 223.98C176.458 225.812 178.111 228.106 179.185 230.684C182.411 229.175 185.307 227.042 187.703 224.409C182.197 213.205 182.681 199.98 188.994 189.209C181.729 180.043 169.427 176.537 158.428 180.501" fill="#FFD354"/>
+<path d="M153.119 183.047C144.218 188.663 139.349 198.909 140.612 209.362C151.099 205.3 156.591 193.751 153.119 183.047Z" fill="#F0DA00"/>
+<path d="M188.984 189.266C182.668 200.035 182.183 213.259 187.693 224.465C196.663 214.626 197.211 199.739 188.984 189.266Z" fill="#F4BF00"/>
+<path d="M156.324 220.645C153.426 221.688 150.847 223.457 148.828 225.786C156.278 232.905 167.11 235.207 176.811 231.733C177.609 231.447 178.398 231.125 179.18 230.76C175.477 221.831 165.42 217.379 156.328 220.644" fill="#EFC511"/>
+<path d="M254.325 224.524C247.81 237.737 234.112 245.853 219.403 245.216C218.735 246.656 218.16 248.139 217.684 249.652C223.721 257.32 224.427 267.914 219.458 276.316C220.811 279.168 222.53 281.831 224.577 284.238C225.71 283.422 226.923 282.72 228.197 282.147C228.794 281.862 229.407 281.617 230.034 281.413C240.873 277.522 252.812 283.159 256.701 294.005C257.007 294.856 257.256 295.725 257.447 296.608C259.832 296.263 262.176 295.679 264.447 294.864C265.494 294.493 266.528 294.07 267.55 293.596C268.573 293.125 269.538 292.627 270.442 292.103C270.684 280.13 277.595 269.295 288.347 264.034C290.138 244.102 275.439 226.491 255.518 224.699C255.148 224.666 254.777 224.64 254.409 224.617" fill="#EEA44E"/>
+<path d="M239.973 226.561C238.926 226.932 237.892 227.354 236.87 227.829C229.182 231.38 222.99 237.533 219.383 245.2C234.087 245.829 247.778 237.725 254.307 224.529C249.432 224.225 244.546 224.919 239.951 226.566" fill="#EEA110"/>
+<path d="M217.685 249.652C214.874 258.332 215.457 267.757 219.321 276.025L219.46 276.319C224.425 267.915 223.719 257.324 217.683 249.656" fill="#E15B1D"/>
+<path d="M323.357 80.8554C317.749 83.0708 314.998 89.4121 317.212 95.0237C319.327 100.383 325.238 103.178 330.719 101.407L330.832 101.396C329.752 97.6547 331.909 93.7438 335.649 92.6631C336.376 92.452 337.136 92.3594 337.891 92.3909C338.576 86.3986 334.275 80.9837 328.286 80.2985C326.622 80.109 324.938 80.3035 323.361 80.8683" fill="#EDD356"/>
+<path d="M184.906 7.60861C168.913 13.338 160.59 30.9573 166.317 46.9591C172.043 62.961 189.649 71.2888 205.642 65.5593C209.892 64.0366 213.759 61.5958 216.959 58.4083L216.496 58.1042C205.466 50.4589 202.718 35.3178 210.356 24.2819C212.534 21.1345 215.429 18.5441 218.798 16.7266C210.501 6.90947 196.984 3.27928 184.886 7.61332" fill="#EFE47D"/>
+<path d="M218.798 16.7265C206.992 23.1045 202.589 37.8533 208.964 49.6688C210.783 53.036 213.368 55.9298 216.516 58.1058L216.979 58.4067C228.329 47.1064 229.129 28.9837 218.818 16.725" fill="#EED41A"/>
+<path d="M157.963 255.241C152.642 260.633 151.801 269.007 155.942 275.352L156.916 274.961C162.847 272.893 169.328 276.025 171.396 281.959C171.456 282.136 171.512 282.313 171.567 282.495C172.658 282.345 173.731 282.084 174.769 281.716C175.236 281.547 175.693 281.361 176.145 281.155C177.658 280.452 179.05 279.519 180.275 278.391C174.775 271.077 173.994 261.246 178.263 253.155C177.033 252.351 175.695 251.72 174.291 251.282C169.8 255.228 163.653 256.706 157.859 255.236" fill="#EEA44E"/>
+<path d="M178.27 253.15C174.015 261.231 174.795 271.042 180.276 278.35C186.795 272.322 187.195 262.151 181.174 255.628C180.307 254.691 179.334 253.861 178.274 253.152" fill="#E15B1D"/>
+<path d="M163.981 251.433C163.522 251.606 163.062 251.78 162.605 251.993C160.88 252.792 159.307 253.892 157.964 255.241C163.756 256.715 169.905 255.236 174.396 251.287C171.009 250.167 167.341 250.209 163.98 251.413" fill="#EAAC1B"/>
+<path d="M337.888 92.395C337.415 96.477 334.693 99.9479 330.847 101.379C331.914 105.124 335.816 107.294 339.559 106.226C343.301 105.159 345.471 101.255 344.403 97.5101C343.567 94.5736 340.938 92.5105 337.888 92.395Z" fill="#EDD356"/>
+<path d="M335.24 92.7998C331.748 94.056 329.825 97.8041 330.846 101.376C334.695 99.9437 337.417 96.4728 337.888 92.3949C336.988 92.3609 336.089 92.4976 335.241 92.803" fill="#E9CA00"/>
+<path d="M125.808 169.652C114.794 173.61 109.073 185.748 113.029 196.768C115.565 203.832 121.639 209.027 129.008 210.429C137.249 197.9 138.373 181.981 131.979 168.417C129.872 168.516 127.793 168.923 125.81 169.631" fill="#F0DF12"/>
+<path d="M352.98 93.9269C350.516 94.8064 349.232 97.5175 350.111 99.9824C350.99 102.447 353.7 103.732 356.163 102.853C358.627 101.973 359.911 99.262 359.032 96.7971C358.7 95.8665 358.085 95.063 357.275 94.4981C356.021 93.6244 354.422 93.4119 352.983 93.9261" fill="#EDD356"/>
+<path d="M130.966 130.942C136.615 154.185 160.025 168.444 183.255 162.793C206.484 157.141 220.736 133.717 215.087 110.475C209.439 87.2328 186.028 72.9728 162.799 78.6247C139.569 84.2765 125.317 107.7 130.966 130.942Z" fill="#FFE97F"/>
+</g>
+<path d="M91.571 125.542L88.9082 118.315H91.2694L92.6228 122.974H92.7111L94.0646 118.315H96.3448L93.6821 125.549L96.3448 132.865H94.0719L92.6964 128.191H92.5493L91.1076 132.865H88.9082L91.571 125.542Z" fill="#BDD1E4"/>
+<path d="M97.8669 118.323H100.743L102.141 123.953C102.288 124.578 102.405 125.182 102.486 125.741C102.567 126.3 102.663 126.838 102.736 127.338H102.803C102.883 126.838 102.964 126.3 103.038 125.741C103.134 125.174 103.244 124.578 103.391 123.953L104.833 118.323H107.65V132.872H105.598V128.059C105.598 127.323 105.598 126.609 105.62 125.932C105.635 125.255 105.642 124.622 105.664 124.056C105.686 123.482 105.723 122.974 105.745 122.54C105.782 122.105 105.796 121.752 105.818 121.502H105.664L103.465 130.996H102.067L99.8529 121.502H99.6911C99.7132 121.76 99.7426 122.105 99.772 122.54C99.7941 122.974 99.8235 123.482 99.8456 124.056C99.8677 124.615 99.8897 125.248 99.8971 125.932C99.9118 126.609 99.9191 127.323 99.9191 128.059V132.872H97.8596V118.323H97.8669Z" fill="#BDD1E4"/>
+<path d="M110.153 118.323H112.359V131.135H115.36V132.872H110.153V118.323Z" fill="#BDD1E4"/>
+<path d="M235.875 151.681L164.509 151.873C161.352 151.043 158.124 152.93 157.295 156.085C157.252 156.233 153.265 171.429 149.287 191.325C143.922 218.159 141.114 240.38 140.948 257.358C140.869 265.003 134.684 271.225 127.156 271.225L216.605 270.701L235.866 151.681H235.875Z" fill="#F95C22"/>
+<path d="M224.858 257.48C225.241 218.622 240.656 159.702 240.813 159.108C241.641 155.944 239.766 152.711 236.608 151.873C233.45 151.034 230.222 152.921 229.385 156.084C229.341 156.233 225.355 171.428 221.377 191.324C216.012 218.159 213.203 240.379 213.037 257.357C212.959 265.003 224.788 264.313 224.858 257.471V257.48Z" fill="#B63100"/>
+<path d="M222.992 206.336C220.732 194.444 211.233 181.791 196.333 176.068C191.178 174.085 185.368 172.931 178.991 172.931C169.596 172.931 161.466 175.43 154.819 179.397C142.746 186.606 135.575 198.691 134.703 209.517L150.126 215.677V251.748L207.56 252.892L206.269 215.677L224.187 213.807C224.1 212.759 223.192 207.411 222.992 206.336Z" fill="#373737"/>
+<path d="M189.663 174.049C188.171 173.691 187.307 173.543 185.467 173.289L184.507 163.276L173.83 162.882L173.428 173.158C171.239 173.377 170.053 173.621 168.308 174.049C168.264 174.582 168.308 175.046 168.325 175.596C168.587 182.167 173.577 187.261 179.465 186.964C185.353 186.676 189.916 181.101 189.654 174.53C189.654 174.425 189.671 174.154 189.671 174.041L189.663 174.049Z" fill="#FCCFB2"/>
+<path d="M125.641 254.832C125.754 254.832 125.868 254.832 125.981 254.832C129.261 254.832 132.349 253.356 135.158 250.446C137.095 248.436 138.909 245.745 140.689 242.224C143.358 236.955 145.966 229.737 148.452 220.772C148.924 219.059 149.377 217.347 149.813 215.651L138.342 210.977C137.993 212.375 137.636 213.79 137.252 215.206C131.721 235.941 127.307 240.808 126.051 241.83C125.475 241.332 124.42 240.1 123.19 237.636C121.637 234.517 110.759 241.83 114.615 247.536C116.822 250.795 120.503 254.675 125.641 254.841V254.832Z" fill="#FCCFB2"/>
+<path d="M139.006 138.259C139.198 142.742 142.975 146.228 147.441 146.036C151.907 145.844 155.379 142.051 155.187 137.569C154.995 133.086 151.218 129.6 146.752 129.792C142.286 129.984 138.814 133.777 139.006 138.259Z" fill="#EFC3AB"/>
+<path d="M146.646 140.015C147.352 156.696 161.432 169.645 178.085 168.929C194.737 168.221 207.665 154.118 206.95 137.437L206.47 126.174C206.182 119.446 206.531 109.939 202.615 105.081C196.805 97.8893 184.976 96.832 175.04 97.2602C158.387 97.9679 145.459 112.071 146.175 128.752L146.655 140.015H146.646Z" fill="#FCCFB2"/>
+<path d="M199.185 136.896C199.377 141.378 203.154 144.865 207.621 144.672C212.087 144.48 215.559 140.688 215.367 136.205C215.175 131.723 211.398 128.236 206.932 128.428C202.465 128.621 198.993 132.413 199.185 136.896Z" fill="#FCCFB2"/>
+<path d="M204.41 133.069C204.41 133.069 205.318 132.475 206.024 131.776C206.024 131.776 209.897 122.496 208.109 115.908C207.455 112.989 205.553 109.31 203.084 105.702L195.504 112.509C198.601 116.878 202.875 122.452 204.419 133.069H204.41Z" fill="#373737"/>
+<path d="M154.636 109.991L148.696 107.728C148.696 107.728 142.973 115.881 145.747 129.993L146.454 130.237C146.454 130.237 146.794 116.117 154.645 109.991H154.636Z" fill="#373737"/>
+<path d="M202.878 105.422L195.253 112.194C195.253 112.194 165.542 115.182 151.916 109.695C145.33 107.038 143.568 105.579 141.928 90.6023C151.035 104.33 203.061 68.6351 202.878 105.422Z" fill="#373737"/>
+<path d="M171.395 145.783C171.334 146.158 170.976 146.42 170.592 146.359C170.208 146.298 169.938 145.949 169.999 145.564C170.06 145.188 170.418 144.926 170.801 144.987C171.185 145.049 171.456 145.407 171.395 145.783Z" fill="#9B4B10"/>
+<path d="M174.902 143.72C174.858 144 174.596 144.183 174.308 144.14C174.029 144.096 173.837 143.834 173.881 143.563C173.925 143.283 174.186 143.1 174.465 143.144C174.745 143.187 174.945 143.449 174.902 143.72Z" fill="#9B4B10"/>
+<path d="M177.588 146.752C177.527 147.128 177.169 147.39 176.785 147.329C176.402 147.268 176.131 146.91 176.192 146.534C176.253 146.158 176.611 145.896 176.995 145.957C177.379 146.018 177.649 146.377 177.588 146.752Z" fill="#9B4B10"/>
+<path d="M179.316 143.642C179.263 143.974 178.949 144.192 178.618 144.14C178.286 144.088 178.051 143.782 178.103 143.45C178.155 143.118 178.469 142.899 178.801 142.952C179.141 143.004 179.368 143.31 179.316 143.642Z" fill="#9B4B10"/>
+<path d="M182.366 146.114C182.305 146.499 181.938 146.77 181.537 146.708C181.136 146.647 180.866 146.28 180.927 145.896C180.988 145.511 181.354 145.24 181.755 145.302C182.157 145.363 182.427 145.73 182.366 146.114Z" fill="#9B4B10"/>
+<path d="M185.728 147.897C185.684 148.203 185.388 148.412 185.073 148.369C184.759 148.316 184.541 148.028 184.594 147.722C184.637 147.416 184.934 147.207 185.248 147.259C185.562 147.311 185.78 147.6 185.728 147.906V147.897Z" fill="#9B4B10"/>
+<path d="M167.503 147.835C167.451 148.168 167.137 148.395 166.796 148.342C166.456 148.29 166.221 147.975 166.273 147.643C166.325 147.311 166.639 147.084 166.988 147.136C167.328 147.189 167.564 147.503 167.512 147.835H167.503Z" fill="#9B4B10"/>
+<path d="M168.017 144.498C167.965 144.83 167.651 145.057 167.302 145.005C166.962 144.952 166.726 144.638 166.779 144.306C166.831 143.974 167.154 143.747 167.494 143.799C167.834 143.851 168.07 144.166 168.017 144.498Z" fill="#9B4B10"/>
+<path d="M163.568 147.224C163.516 147.556 163.202 147.783 162.853 147.731C162.513 147.679 162.277 147.364 162.33 147.032C162.382 146.7 162.696 146.473 163.045 146.525C163.385 146.578 163.621 146.892 163.568 147.224Z" fill="#9B4B10"/>
+<path d="M147.003 136.756C146.977 135.139 147.709 133.768 149.175 133.768L166.587 133.785C167.442 133.785 168.331 134.222 168.898 134.93C169.186 135.288 169.518 135.873 169.43 136.625C169.02 140.295 167.52 147.591 164.842 147.6L152.132 147.574C150.073 147.504 149.445 145.345 148.887 143.939C148.224 142.243 147.177 137.577 146.994 136.756H147.003ZM178.101 134.851C178.616 134.135 179.462 133.698 180.317 133.689L197.729 133.706C199.194 133.706 199.727 135 199.84 136.625C199.718 137.446 199.325 142.645 198.802 144.341C198.366 145.747 197.886 147.731 196.045 147.582L183.335 147.547C180.657 147.547 178.433 140.207 177.718 136.538C177.569 135.786 177.848 135.201 178.11 134.842L178.101 134.851ZM144.264 135.375V135.48L144.29 135.576C144.351 135.83 145.755 143.004 146.54 144.996C147.177 146.612 149.044 149.653 151.556 149.653L164.938 149.618C169.596 149.61 171.079 138.18 171.35 135.804C171.733 134.912 172.553 134.301 173.522 134.301C174.534 134.301 175.432 134.965 175.877 135.917C176.409 138.539 178.843 149.583 183.423 149.566L196.804 149.531C199.317 149.531 200.93 146.473 201.428 144.856C202.047 142.864 202.876 135.681 202.867 135.428V135.332V135.227C202.753 132.457 200.66 130.124 198.174 130.133L180.23 130.098H180.09L166.674 130.211L148.59 130.299C146.096 130.299 144.168 132.605 144.281 135.375H144.264Z" fill="black"/>
+<path d="M183.606 152.869L163.246 152.047C163.246 152.047 166.168 158.435 171.219 159.361C178.084 160.619 183.249 154.459 183.606 152.869Z" fill="white"/>
+<path d="M147.334 266.847L176.209 254.841L134.703 251.748L147.334 266.847Z" fill="#B5B5B5"/>
+<path d="M141.815 245.972C153.059 245.911 164.111 245.815 171.578 245.675C175.478 245.605 183.974 242.835 197.007 225.184L204.404 215.957L218.807 214.358C216.233 218.91 212.168 225.656 207.143 232.472C194.739 249.31 182.858 257.96 171.814 258.17C165.394 258.292 156.758 256.929 147.214 256.99C124.787 257.13 120.835 246.085 141.815 245.972Z" fill="#FCCFB2"/>
+<path d="M71.3382 265.064L147.336 266.847L133.125 207.455L56.5783 209.133L71.3382 265.064Z" fill="#BDD1E4"/>
+<path d="M99.19 226.958L97.3668 234.508L90.8418 235.617L96.6079 240.327L96.7562 247.134L102.147 244.146L108.759 247.571L106.326 240.091L110.269 234.682L103.368 233.721L99.19 226.958Z" fill="white"/>
+<path d="M133.123 207.455H133.542L148.04 265.379L166.935 258.047L168.33 258.117L147.333 266.847L133.123 207.455Z" fill="#D8D8D8"/>
+<path d="M193.184 142.287C193.184 143.187 192.451 143.921 191.553 143.921H184.112C183.213 143.921 182.48 143.187 182.48 142.287C182.48 141.387 183.213 140.653 184.112 140.653H191.553C192.451 140.653 193.184 141.387 193.184 142.287Z" fill="black"/>
+<path d="M164.135 142.287C164.135 143.187 163.402 143.921 162.504 143.921H155.063C154.164 143.921 153.432 143.187 153.432 142.287C153.432 141.387 154.164 140.653 155.063 140.653H162.504C163.402 140.653 164.135 141.387 164.135 142.287Z" fill="black"/>
+<path d="M48.2248 186.807C47.8118 186.807 47.367 186.775 46.901 186.711C46.4244 186.648 45.9478 186.5 45.4818 186.298C45.0052 186.076 44.5498 185.779 44.1155 185.387C43.6813 184.995 43.3 184.476 42.9717 183.829C42.6328 183.193 42.368 182.399 42.1774 181.456C41.9761 180.513 41.8809 179.389 41.8809 178.086V168.825C41.8809 167.511 41.9761 166.388 42.1774 165.455C42.3892 164.523 42.654 163.728 42.9929 163.092C43.3318 162.457 43.7237 161.948 44.1579 161.566C44.6027 161.185 45.0476 160.899 45.5242 160.708C45.9902 160.507 46.4562 160.369 46.9328 160.316C47.3882 160.252 47.8224 160.221 48.2248 160.221C49.2628 160.221 50.1418 160.358 50.8303 160.655C51.5187 160.952 52.0905 161.344 52.5142 161.853C52.9272 162.351 53.245 162.944 53.4145 163.622C53.5945 164.3 53.6792 165.01 53.6792 165.763C53.6792 166.324 53.658 166.843 53.5945 167.32C53.5415 167.786 53.4568 168.316 53.3403 168.888H50.1312V167.564C50.1312 166.123 49.9723 165.053 49.6546 164.332C49.3475 163.622 48.8815 163.262 48.2672 163.262C47.8965 163.262 47.5682 163.336 47.2928 163.484C47.0175 163.622 46.7951 163.866 46.6045 164.216C46.4244 164.555 46.2867 165 46.1914 165.572C46.0961 166.133 46.0431 166.822 46.0431 167.659V179.591C46.0431 180.407 46.0855 181.085 46.1596 181.625C46.2337 182.166 46.3608 182.6 46.5409 182.929C46.7209 183.257 46.9327 183.48 47.2187 183.628C47.5046 183.766 47.833 183.84 48.2354 183.84C48.4896 183.84 48.7332 183.776 48.9662 183.66C49.1992 183.533 49.4111 183.352 49.5805 183.109C49.7606 182.854 49.8982 182.536 50.0041 182.155C50.11 181.774 50.163 181.329 50.163 180.799V178.245H53.7957V180.661C53.7957 182.759 53.3085 184.317 52.3554 185.313C51.4022 186.309 50.0253 186.817 48.2248 186.828" fill="#BDD1E4"/>
+<path d="M59.5247 176.009H55.373V173.01H59.5247V168.221H62.5643V173.01H66.7478V176.009H62.5643V180.947H59.5247V176.009Z" fill="#BDD1E4"/>
+<path d="M72.2901 176.009H68.1384V173.01H72.2901V168.221H75.3297V173.01H79.5237V176.009H75.3297V180.947H72.2901V176.009Z" fill="#BDD1E4"/>
+<path d="M268.876 101.471C269.49 101.471 270.02 101.376 270.443 101.196C270.867 101.016 271.206 100.74 271.46 100.348C271.714 99.9665 271.884 99.4685 272 98.8539C272.117 98.2393 272.17 97.5188 272.17 96.6605V94.6154C272.17 93.9372 272.117 93.3544 272.022 92.8564C271.926 92.3584 271.757 91.9663 271.492 91.6484C271.238 91.3199 270.909 91.0868 270.486 90.9279C270.062 90.7795 269.511 90.7053 268.876 90.7053H268.696V101.482H268.876V101.471ZM265.254 88.1729H268.696C269.13 88.1729 269.607 88.194 270.126 88.2364C270.655 88.2682 271.174 88.3742 271.693 88.5119C272.212 88.6603 272.71 88.8828 273.197 89.1901C273.684 89.4868 274.108 89.9 274.489 90.4193C274.86 90.9385 275.156 91.5848 275.379 92.369C275.601 93.1531 275.718 94.0962 275.718 95.2194V96.0247C275.718 97.2327 275.612 98.2711 275.4 99.14C275.199 100.009 274.913 100.74 274.574 101.323C274.224 101.916 273.822 102.382 273.367 102.743C272.911 103.092 272.435 103.357 271.937 103.548C271.439 103.739 270.941 103.855 270.454 103.908C269.956 103.972 269.48 104.004 269.035 104.004H268.696V110.934H265.254V88.1834V88.1729Z" fill="#BDD1E4"/>
+<path d="M278.332 88.1826H281.785V97.7087H285.873V88.1826H289.315V110.922H285.873V100.421H281.785V110.922H278.332V88.1826Z" fill="#BDD1E4"/>
+<path d="M296.847 101.471C297.461 101.471 297.991 101.376 298.414 101.196C298.838 101.016 299.177 100.74 299.431 100.348C299.685 99.9665 299.865 99.4685 299.971 98.8539C300.088 98.2393 300.141 97.5188 300.141 96.6605V94.6154C300.141 93.9372 300.088 93.3544 300.003 92.8564C299.897 92.3584 299.727 91.9663 299.473 91.6484C299.219 91.3199 298.88 91.0868 298.457 90.9279C298.033 90.7795 297.482 90.7053 296.847 90.7053H296.667V101.482H296.847V101.471ZM293.225 88.1729H296.667C297.101 88.1729 297.578 88.194 298.096 88.2364C298.626 88.2682 299.145 88.3742 299.664 88.5119C300.183 88.6603 300.681 88.8828 301.168 89.1901C301.655 89.4868 302.079 89.9 302.46 90.4193C302.831 90.9385 303.127 91.5848 303.35 92.369C303.572 93.1531 303.688 94.0962 303.688 95.2194V96.0247C303.688 97.2327 303.583 98.2711 303.371 99.14C303.17 100.009 302.884 100.74 302.545 101.323C302.195 101.916 301.793 102.382 301.337 102.743C300.882 103.092 300.405 103.357 299.908 103.548C299.41 103.728 298.923 103.855 298.425 103.908C297.927 103.972 297.45 104.004 297.006 104.004H296.667V110.934H293.225V88.1834V88.1729Z" fill="#BDD1E4"/>
+<path d="M247.619 218.314L263.283 208.576V214.298L253.158 220.02V220.21L263.283 225.954V231.644L247.619 221.895V218.314Z" fill="#BDD1E4"/>
+<path d="M299.219 221.885L283.555 231.644V225.954L293.669 220.21V220.02L283.555 214.298V208.576L299.219 218.303V221.885Z" fill="#BDD1E4"/>
+<path d="M274.004 201.391L268.645 239.262H273.972L279.331 201.391H274.004Z" fill="#BDD1E4"/>
+</g>
+<defs>
+<clipPath id="clip0_728_4428">
+<rect width="374" height="258" fill="white"/>
+</clipPath>
+<clipPath id="clip1_728_4428">
+<rect width="435.182" height="296.35" fill="white" transform="matrix(0.236161 0.971714 -0.971654 0.236408 361.426 -35.5176)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/eye-slash.svg b/public/images/eye-slash.svg
new file mode 100644
index 000000000..bf17babc6
--- /dev/null
+++ b/public/images/eye-slash.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#1C4DA1" class="bi bi-eye-slash" viewBox="0 0 16 16">
+    <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z"/>
+    <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829"/>
+    <path d="M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12z"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/eye.svg b/public/images/eye.svg
new file mode 100644
index 000000000..efcb24e6d
--- /dev/null
+++ b/public/images/eye.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#1C4DA1" class="bi bi-eye" viewBox="0 0 16 16">
+    <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.173 8a13 13 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5s3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5s-3.879-1.168-5.168-2.457A13 13 0 0 1 1.172 8z"/>
+    <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0"/>
+</svg>
\ No newline at end of file
diff --git a/public/images/fi_play.svg b/public/images/fi_play.svg
new file mode 100644
index 000000000..036304c38
--- /dev/null
+++ b/public/images/fi_play.svg
@@ -0,0 +1,3 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.33594 5L31.6693 20L8.33594 35V5Z" stroke="black" stroke-width="3.33333" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/public/images/login_bg.png b/public/images/login_bg.png
new file mode 100644
index 000000000..560957372
Binary files /dev/null and b/public/images/login_bg.png differ
diff --git a/public/images/resource-menu-bg.png b/public/images/resource-menu-bg.png
new file mode 100644
index 000000000..ec9efd924
Binary files /dev/null and b/public/images/resource-menu-bg.png differ
diff --git a/public/images/social/devicon_google.svg b/public/images/social/devicon_google.svg
new file mode 100644
index 000000000..12d6c23de
--- /dev/null
+++ b/public/images/social/devicon_google.svg
@@ -0,0 +1,7 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M9.08878 3.0314C7.17041 3.6969 5.516 4.96005 4.36857 6.6353C3.22114 8.31056 2.64117 10.3096 2.71385 12.3388C2.78652 14.3681 3.50802 16.3205 4.77235 17.9094C6.03668 19.4983 7.77721 20.6398 9.73828 21.1664C11.3282 21.5766 12.9939 21.5947 14.5923 21.2189C16.0403 20.8937 17.379 20.1979 18.4773 19.1999C19.6204 18.1294 20.4501 16.7676 20.8773 15.2609C21.3416 13.6224 21.4242 11.8993 21.1188 10.2239H12.1908V13.9274H17.3613C17.2579 14.5181 17.0365 15.0818 16.7102 15.5849C16.3839 16.0881 15.9595 16.5202 15.4623 16.8554C14.8309 17.273 14.1192 17.5541 13.3728 17.6804C12.6242 17.8196 11.8564 17.8196 11.1078 17.6804C10.3491 17.5235 9.63133 17.2104 9.00028 16.7609C7.98651 16.0433 7.2253 15.0238 6.82528 13.8479C6.41851 12.65 6.41851 11.3513 6.82528 10.1534C7.11002 9.31372 7.58074 8.5492 8.20228 7.9169C8.91357 7.18002 9.81408 6.6533 10.805 6.39451C11.796 6.13573 12.839 6.1549 13.8198 6.4499C14.5859 6.68509 15.2866 7.09601 15.8658 7.6499C16.4488 7.0699 17.0308 6.4884 17.6118 5.9054C17.9118 5.5919 18.2388 5.2934 18.5343 4.9724C17.6501 4.14961 16.6123 3.50939 15.4803 3.0884C13.4188 2.33988 11.1633 2.31977 9.08878 3.0314Z" fill="white"/>
+<path d="M9.08886 3.0314C11.1632 2.31928 13.4187 2.33887 15.4804 3.0869C16.6126 3.51074 17.6499 4.15405 18.5329 4.9799C18.2329 5.3009 17.9164 5.6009 17.6104 5.9129C17.0284 6.4939 16.4469 7.0729 15.8659 7.6499C15.2866 7.096 14.586 6.68508 13.8199 6.4499C12.8394 6.15386 11.7964 6.13359 10.8052 6.39131C9.81399 6.64903 8.91292 7.17479 8.20085 7.9109C7.57931 8.5432 7.10859 9.30772 6.82386 10.1474L3.71436 7.7399C4.82737 5.53274 6.75448 3.84443 9.08886 3.0314Z" fill="#E33629"/>
+<path d="M2.88912 10.125C3.05625 9.29668 3.33373 8.49453 3.71412 7.73999L6.82362 10.1535C6.41684 11.3514 6.41684 12.6501 6.82362 13.848C5.78762 14.648 4.75112 15.452 3.71412 16.26C2.76185 14.3645 2.47142 12.2047 2.88912 10.125Z" fill="#F8BD00"/>
+<path d="M12.1909 10.2224H21.1189C21.4242 11.8978 21.3416 13.6209 20.8774 15.2594C20.4502 16.7661 19.6205 18.1279 18.4774 19.1984C17.4739 18.4154 16.4659 17.6384 15.4624 16.8554C15.9599 16.5198 16.3845 16.0873 16.7108 15.5836C17.0371 15.08 17.2584 14.5156 17.3614 13.9244H12.1909C12.1894 12.6914 12.1909 11.4569 12.1909 10.2224Z" fill="#587DBD"/>
+<path d="M3.71265 16.2599C4.74965 15.4599 5.78615 14.6559 6.82215 13.8479C7.22296 15.0242 7.98525 16.0437 9.00015 16.7609C9.63316 17.2083 10.3524 17.5189 11.1121 17.6729C11.8607 17.8121 12.6286 17.8121 13.3771 17.6729C14.1235 17.5466 14.8353 17.2655 15.4666 16.8479C16.4701 17.6309 17.4781 18.4079 18.4816 19.1909C17.3835 20.1895 16.0448 20.8857 14.5966 21.2114C12.9983 21.5872 11.3325 21.5691 9.74265 21.1589C8.4852 20.8232 7.31066 20.2313 6.29265 19.4204C5.21514 18.5649 4.33508 17.4869 3.71265 16.2599Z" fill="#319F43"/>
+</svg>
diff --git a/public/images/social/fe_github.svg b/public/images/social/fe_github.svg
new file mode 100644
index 000000000..4ff99eefb
--- /dev/null
+++ b/public/images/social/fe_github.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M12 2C6.475 2 2 6.475 2 12C1.99826 14.0994 2.65798 16.146 3.88546 17.8492C5.11295 19.5524 6.84582 20.8256 8.838 21.488C9.338 21.575 9.525 21.275 9.525 21.012C9.525 20.775 9.512 19.988 9.512 19.15C7 19.613 6.35 18.538 6.15 17.975C6.037 17.687 5.55 16.8 5.125 16.562C4.775 16.375 4.275 15.912 5.112 15.9C5.9 15.887 6.462 16.625 6.65 16.925C7.55 18.437 8.988 18.012 9.562 17.75C9.65 17.1 9.912 16.663 10.2 16.413C7.975 16.163 5.65 15.3 5.65 11.475C5.65 10.387 6.037 9.488 6.675 8.788C6.575 8.538 6.225 7.513 6.775 6.138C6.775 6.138 7.612 5.875 9.525 7.162C10.3392 6.93664 11.1802 6.82327 12.025 6.825C12.875 6.825 13.725 6.937 14.525 7.162C16.437 5.862 17.275 6.138 17.275 6.138C17.825 7.513 17.475 8.538 17.375 8.788C18.012 9.488 18.4 10.375 18.4 11.475C18.4 15.313 16.063 16.163 13.838 16.413C14.2 16.725 14.513 17.325 14.513 18.263C14.513 19.6 14.5 20.675 14.5 21.013C14.5 21.275 14.688 21.587 15.188 21.487C17.1727 20.8163 18.8973 19.5403 20.1192 17.8386C21.3411 16.1369 21.9988 14.095 22 12C22 6.475 17.525 2 12 2Z" fill="black"/>
+</svg>
diff --git a/public/images/social/logos_facebook.svg b/public/images/social/logos_facebook.svg
new file mode 100644
index 000000000..d133b9959
--- /dev/null
+++ b/public/images/social/logos_facebook.svg
@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="12.5" cy="12" r="10" fill="white"/>
+<path d="M22.5 12.0611C22.5 6.50455 18.0228 2 12.5 2C6.97719 2 2.5 6.50455 2.5 12.0611C2.5 17.0829 6.15687 21.2453 10.9375 22V14.9694H8.39844V12.0611H10.9375V9.84452C10.9375 7.32296 12.4305 5.93012 14.7147 5.93012C15.8088 5.93012 16.9531 6.12663 16.9531 6.12663V8.60261H15.6922C14.4499 8.60261 14.0625 9.37818 14.0625 10.1739V12.0611H16.8359L16.3926 14.9694H14.0625V22C18.8431 21.2453 22.5 17.0829 22.5 12.0611Z" fill="#1877F2"/>
+</svg>
diff --git a/public/images/social/prime_twitter.svg b/public/images/social/prime_twitter.svg
new file mode 100644
index 000000000..7fccfd25d
--- /dev/null
+++ b/public/images/social/prime_twitter.svg
@@ -0,0 +1,15 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_590_9564)">
+<mask id="mask0_590_9564" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+<path d="M0 0H24V24H0V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_590_9564)">
+<path d="M16.8875 4H19.4946L13.7996 10.7768L20.5 20H15.2543L11.1427 14.4073L6.44343 20H3.83393L9.92479 12.7491L3.5 4.00126H8.87929L12.5901 9.11223L16.8875 4ZM15.9707 18.3758H17.4157L8.09 5.53972H6.54057L15.9707 18.3758Z" fill="black"/>
+</g>
+</g>
+<defs>
+<clipPath id="clip0_590_9564">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/js/ext/functions.js b/public/js/ext/functions.js
index 776df78aa..d0795c209 100755
--- a/public/js/ext/functions.js
+++ b/public/js/ext/functions.js
@@ -2211,6 +2211,26 @@ var SEMICOLON = SEMICOLON || {};
               if (searchMenu) searchMenu.style.display = 'none';
             });
 
+            // VIDEO MODAL
+            $('#video-modal-trigger-show').click(function() {
+              const videoModalId = $(this).data('targetid');
+              const videoModal = document.getElementById(videoModalId);
+              if (videoModal) {
+                videoModal.style.display = '';
+                const video = videoModal.querySelector('#video');
+                if (video) video.play();
+              }
+            });
+            $('#video-modal-trigger-hide').click(function() {
+              const videoModalId = $(this).data('targetid');
+              const videoModal = document.getElementById(videoModalId);
+              if (videoModal) {
+                videoModal.style.display = 'none';
+                const video = videoModal.querySelector('#video');
+                if (video) video.pause();
+              }
+            });
+
             /* PRIMARY MENU */
             $('#primary-menu-trigger,#overlay-menu-close').click(function() {
                 if ($( '#primary-menu-trigger .menu' ).attr('class').indexOf('hide') !== -1){
diff --git a/public/videos/demo-video.mp4 b/public/videos/demo-video.mp4
new file mode 100644
index 000000000..0a4dd5b40
Binary files /dev/null and b/public/videos/demo-video.mp4 differ
diff --git a/resources/assets/js/components/InputTags.vue b/resources/assets/js/components/InputTags.vue
index 8da666e39..2071b2401 100644
--- a/resources/assets/js/components/InputTags.vue
+++ b/resources/assets/js/components/InputTags.vue
@@ -19,3 +19,13 @@
         }
     }
 </script>
+
+<style scoped>
+/* Updated to use :deep() instead of ::v-deep */
+:deep(.v3ti .v3ti-content) {
+  justify-content: flex-end;
+}
+:deep(.v3ti .v3ti-new-tag) {
+    height: 48px;
+}
+</style>
\ No newline at end of file
diff --git a/resources/assets/sass/app.scss b/resources/assets/sass/app.scss
index 6e3b972ef..da20f97a1 100644
--- a/resources/assets/sass/app.scss
+++ b/resources/assets/sass/app.scss
@@ -90,6 +90,10 @@ p {
   padding: 15px 0;
 }
 
+.thank_you p {
+  padding: 0px 0;
+}
+
 p.partner_text {
   color: #FFF;
   font-family: "PT Sans";
diff --git a/resources/assets/sass/components/buttons.scss b/resources/assets/sass/components/buttons.scss
index a04919b51..fddfe7a0f 100644
--- a/resources/assets/sass/components/buttons.scss
+++ b/resources/assets/sass/components/buttons.scss
@@ -23,10 +23,9 @@
   padding: 0 25px;
   border-radius: 29px;
   background-color: $main-color;
-  color: $main-color4;
+  color: $main-color3;
   font-size: 14px;
   font-weight: bold;
-  text-transform: uppercase;
   min-height: 57px;
 }
 .codeweek-button input:hover,
diff --git a/resources/assets/sass/components/forms.scss b/resources/assets/sass/components/forms.scss
index 133572186..5418682ac 100644
--- a/resources/assets/sass/components/forms.scss
+++ b/resources/assets/sass/components/forms.scss
@@ -174,7 +174,6 @@
 .codeweek-form-field.align-flex-start{
   align-items: flex-start;
 }
-
 .codeweek-form-field input{
   flex: 1;
   height: 57px;
@@ -293,10 +292,331 @@
 }
 
 
+#codeweek-searchpage-component .multiselect .multiselect__tags,
+#codeweek-register-page .multiselect .multiselect__tags
+ {
+  border-radius: 29px;
+  min-height: 57px;
+}
+
+#codeweek-searchpage-component .multiselect .multiselect__select,
+#codeweek-register-page  .multiselect .multiselect__select {
+  width: 60px;
+  height: 54px;
+}
+
+#codeweek-searchpage-component .multiselect .multiselect__placeholder,
+#codeweek-searchpage-component .multiselect .multiselect__single,
+#codeweek-register-page .multiselect .multiselect__placeholder,
+#codeweek-register-page .multiselect .multiselect__single {
+  padding-top: 5px;
+  padding-left: 12px;
+  font-size: 20px;
+  font-style: italic;
+  font-weight: bold;
+  color: $main-color;
+}
+
+#codeweek-searchpage-component .multiselect .multiselect__single,
+#codeweek-register-page .multiselect .multiselect__single {
+  padding-top: 6px;
+}
+
+#codeweek-searchpage-component .multiselect .multiselect__select:before,
+#codeweek-register-page .multiselect .multiselect__select:before {
+  border-color: $main-color transparent transparent;
+}
+
+#codeweek-searchpage-component .multiselect .multiselect__tags-wrap,
+#codeweek-register-page .multiselect .multiselect__tags-wrap {
+  display: inline-table;
+  padding: 5px 0 5px 10px;
+}
+
+#codeweek-searchpage-component .codeweek-search-text,
+#codeweek-register-page .codeweek-search-text {
+  flex: 1;
+  margin-right: 10px;
+}
+
+#codeweek-searchpage-component .codeweek-search-text input,
+#codeweek-register-page .codeweek-search-text input {
+  width: 100%;
+  border-radius: 29px;
+  height: 57px;
+  text-indent: 20px;
+  font-size: 18px;
+  font-style: italic;
+  border: 1px solid #e8e8e8;
+}
+
+#codeweek-searchpage-component .codeweek-input-select,
+#codeweek-register-page .codeweek-input-select {
+  display: block;
+  font-size: 20px;
+  font-weight: bold;
+  font-family: $font-family-sans-serif;
+  color: $main-color4;
+  line-height: 1.3;
+  padding: .6em 1.8em .5em .8em;
+  width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  margin: 0;
+  border: 1px solid #aaa;
+  box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
+  border-radius: 29px;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
+  background-color: $main-color4;
+  background-image: url('data:image/svg+xml;charset=US-ASCII, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, $main-color 0%, $main-color 100%);
+  background-repeat: no-repeat, repeat;
+  background-position: right .7em top 50%, 0 0;
+  background-size: .65em auto 100%;
+}
+
+#codeweek-searchpage-component .codeweek-input-select::-ms-expand,
+#codeweek-register-page .codeweek-input-select::-ms-expand {
+  display: none;
+}
+
+#codeweek-searchpage-component .codeweek-input-select:hover,
+#codeweek-register-page .codeweek-input-select:hover {
+  border-color: #888;
+}
+
+#codeweek-searchpage-component .codeweek-input-select:focus,
+#codeweek-register-page .codeweek-input-select:focus {
+  border-color: #aaa;
+  box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
+  box-shadow: 0 0 0 3px -moz-mac-focusring;
+  outline: none;
+}
+
+#codeweek-searchpage-component .codeweek-input-select option,
+#codeweek-register-page .codeweek-input-select option {
+  font-weight: normal;
+  color: $main-color3;
+}
+
+#codeweek-searchpage-component .codeweek-form,
+#codeweek-register-page .codeweek-form {
+  display: flex;
+  flex-direction: column;
+  justify-content: stretch;
+  align-items: stretch;
+  border-top: 1px solid #e8e8e8;
+  margin-top: 30px;
+  padding-top: 20px;
+}
+
+
+p:first-child {
+  padding-top: 5px;
+  font-size: 14px;
+  font-weight: bold;
+  margin-bottom: 20px;
+  color: $main-color;
+  margin-top: -15px;
+}
+
+#codeweek-searchpage-component .codeweek-form-inner-two-columns,
+#codeweek-register-page .codeweek-form-inner-two-columns {
+  display: flex;
+  flex-direction: row;
+  align-items: flex-start;
+  width: 100%;
+}
+
+#codeweek-searchpage-component .codeweek-form-inner-container,
+#codeweek-register-page .codeweek-form-inner-container {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+}
+
+#codeweek-searchpage-component .codeweek-form-inner-container:last-child,
+#codeweek-register-page .codeweek-form-inner-container:last-child {
+  margin-left: 20px;
+}
+
+#codeweek-searchpage-component .codeweek-form-field-wrapper,
+#codeweek-register-page .codeweek-form-field-wrapper {
+  margin-bottom: 15px;
+}
+
+.codeweek-form-field-wrapper .errors {
+  margin-left: 140px;
+  font-size: 13px;
+  color: red;
+}
+
+#codeweek-searchpage-component .codeweek-form-field-wrapper .info {
+  margin-left: 140px;
+  font-size: 14px;
+  color: #40b5d1;
+}
+
+#codeweek-searchpage-component .codeweek-form-field-wrapper .errors .errorlist {
+  margin: 0;
+}
+
+#codeweek-searchpage-component .codeweek-form-field {
+  display: flex;
+  justify-content: stretch;
+  flex: 1;
+  align-items: center;
+}
+
+#codeweek-searchpage-component .codeweek-form-field-searchable {
+  display: flex;
+  justify-content: stretch;
+  flex: 1;
+  align-items: center;
+}
+
+#codeweek-searchpage-component .codeweek-form-field-searchable.align-flex-start {
+  align-items: flex-start;
+}
+
+#codeweek-searchpage-component .codeweek-form-field-searchable input {
+  flex: 1;
+  height: 32px;
+  border-radius: 6px;
+  width: 100%;
+}
+
+#codeweek-searchpage-component .codeweek-form-field-searchable  label {
+  margin-right: 10px;
+  text-transform: uppercase;
+  width: 120px;
+  text-align: right;
+}
+
+#codeweek-searchpage-component .codeweek-form-field.align-flex-start {
+  align-items: flex-start;
+}
+
+.codeweek-form-field input {
+  flex: 1;
+  height: 57px;
+  border: 1px solid #e8e8e8;
+  border-radius: 29px;
+  text-indent: 20px;
+  width: 100%;
+}
+
+#codeweek-searchpage-component .codeweek-form-field textarea {
+  flex: 1;
+  border-radius: 29px;
+  border: 1px solid #e8e8e8;
+  text-indent: 20px;
+  font-family: $font-family-sans-serif;
+  font-size: 14px;
+  padding-top: 16px;
+}
+
+#codeweek-searchpage-component .codeweek-form-field label {
+  margin-right: 10px;
+  font-family: Blinker;
+}
+
+#codeweek-searchpage-component .codeweek-form-field.align-flex-start label {
+  margin-top: 10px;
+}
+
+#codeweek-searchpage-component .codeweek-form .codeweek-input-select {
+  flex: 1;
+  height: 57px;
+  width: auto;
+  background-image: url("data:image/svg+xml;charset=US-ASCII, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23fe6824%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
+  background-position: right 1.8em top 50%, 0 0;
+  font-weight: normal;
+  border-color: #e8e8e8;
+  color: $main-color3;
+  text-indent: 2px;
+  font-size: 14px;
+  box-shadow: none;
+  cursor: pointer;
+}
+
+#codeweek-searchpage-component .codeweek-form .multiselect-wrapper,
+#codeweek-searchpage-component .codeweek-form .datepicker-wrapper,
+#codeweek-searchpage-component .codeweek-form .input-tag-wrapper {
+  flex: 1;
+}
+
+#codeweek-searchpage-component .codeweek-form .mx-datepicker .mx-input-icon {
+  right: 20px;
+}
+
+#codeweek-searchpage-component .codeweek-form .codeweek-form-inner-container h3 {
+  margin-bottom: 15px;
+}
+
+#codeweek-searchpage-component .codeweek-form .input-tag-wrapper {
+  border: 1px solid #e8e8e8;
+  border-radius: 29px;
+}
+
+#codeweek-searchpage-component .codeweek-form .input-tag-wrapper .vue-input-tag-wrapper {
+  padding: 0;
+  border: none;
+  display: inline-table;
+  width: 100%;
+  background-color: transparent;
+  margin: 10px 25px 0 25px;
+  max-width: 90%;
+}
+
+#codeweek-searchpage-component .codeweek-form .input-tag-wrapper .vue-input-tag-wrapper input {
+  padding: 0;
+  margin: 0;
+  height: 59px;
+  text-indent: 0;
+}
+
+#codeweek-searchpage-component .codeweek-form .group-fields {
+  flex: 1;
+}
+
+#codeweek-searchpage-component .codeweek-form-message {
+  padding: 30px;
+  background-color: #e8e8e8;
+  border-radius: 20px;
+  margin-top: 20px;
+}
+
+#codeweek-searchpage-component.codeweek-form-message .message {
+  margin-bottom: 30px;
+}
+
+.login-form .codeweek-form-message .codeweek-form-field label {
+  width: auto;
+  text-align: left;
+}
+
+.login-form .codeweek-form-field-privacy,
+.login-form .codeweek-form-field-checkbox {
+  display: flex;
+  justify-content: center;
+  flex: 1;
+  width: 100%;
+  padding: 20px;
+}
+
+.codeweek-form-button-container {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+}
+
 .v-autocomplete {
   position: relative;
 }
-.v-autocomplete-list{
+
+.v-autocomplete-list {
   background-color: white;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
   margin-top: 6px;
@@ -304,25 +624,26 @@
   z-index: 100;
   width: 100%;
 }
+
 .v-autocomplete-input {
   width: 100%;
 }
 
-.v-autocomplete-list-item{
-  padding:10px;
+.v-autocomplete-list-item {
+  padding: 10px;
   border-top: 1px solid #ccc;
   cursor: pointer;
 }
 
-.v-autocomplete-item-active{
-  background-color: #EEEEEE;
+.v-autocomplete-item-active {
+  background-color: #eeeeee;
 }
 
-.v-autocomplete-list-item .city{
-  font-size:11px;
+.v-autocomplete-list-item .city {
+  font-size: 11px;
 }
 
-.v-autocomplete-list-item .name{
+.v-autocomplete-list-item .name {
   font-weight: bold;
 }
 
@@ -359,54 +680,275 @@
   outline: 1px dotted #000;
 }
 
-.codeweek-user-avatar{
+.codeweek-user-avatar {
   display: flex;
 }
 
-.codeweek-user-avatar .name{
+.codeweek-user-avatar .name {
   flex: 1;
   display: flex;
   align-items: flex-end;
 }
 
-.codeweek-user-avatar .avatar{
+.codeweek-user-avatar .avatar {
   display: flex;
 }
 
-.codeweek-user-avatar .avatar .codeweek-avatar-image{
+.codeweek-user-avatar .avatar .codeweek-avatar-image {
   width: 100px;
   height: 100px;
   border-radius: 50%;
   border: 5px solid #e8e8e8;
 }
 
-.codeweek-user-avatar .avatar .actions{
+.codeweek-user-avatar .avatar .actions {
   display: flex;
   align-items: flex-end;
 }
 
-.codeweek-display-field{
+.codeweek-display-field {
   margin-bottom: 20px;
-  p{
+
+  p {
     padding: 5px;
   }
-  ul{
+
+  ul {
     display: flex;
     margin: 15px 0;
     flex-wrap: wrap;
   }
+
   li {
     margin-right: 10px;
     margin-bottom: 10px;
   }
-  .itens .label{
+
+  .itens .label {
     border: 1px solid $main-color;
     border-radius: 5px;
     padding: 10px;
     color: $main-color;
     font-size: 20px;
   }
-  .share-event-wrapper{
+
+  .share-event-wrapper {
     margin-top: 5px;
   }
+}
+
+.login-form .codeweek-form-field-wrapper {
+  margin-bottom: 15px;
+}
+
+.login-form .codeweek-form-field-wrapper .errors {
+  margin-left: 140px;
+  font-size: 13px;
+  color: red;
+}
+
+.login-form .codeweek-form-field-wrapper .info {
+  margin-left: 140px;
+  font-size: 14px;
+  color: #40b5d1;
+}
+
+.login-form .codeweek-form-field-wrapper .errors .errorlist {
+  margin: 0;
+}
+
+.login-form .codeweek-form-field {
+  display: flex;
+  justify-content: stretch;
+  flex: 1;
+  align-items: center;
+}
+
+.login-form .codeweek-form-field input {
+  flex: 1;
+  height: 57px;
+  border: 1px solid #e8e8e8;
+  border-radius: 29px;
+  text-indent: 20px;
+  width: 100%;
+}
+
+.login-form .codeweek-form-field textarea {
+  flex: 1;
+  border-radius: 29px;
+  border: 1px solid #e8e8e8;
+  text-indent: 20px;
+  font-family: $font-family-sans-serif;
+  font-size: 14px;
+  padding-top: 16px;
+}
+
+.login-form .codeweek-form-field label {
+  margin-right: 10px;
+  text-transform: uppercase;
+  width: 120px;
+  text-align: right;
+}
+
+.login-form .codeweek-form-field-privacy,
+.login-form .codeweek-form-field-checkbox {
+  display: flex;
+  justify-content: center;
+  flex: 1;
+  width: 100%;
+  padding: 20px;
+}
+
+.login-form .codeweek-form-field-checkbox {
+  text-transform: uppercase;
+  justify-content: flex-start;
+}
+
+.login-form .codeweek-form-field-privacy,
+.login-form .codeweek-form-field-checkbox {
+  display: flex;
+  justify-content: center;
+  flex: 1;
+  width: 100%;
+  padding: 20px;
+}
+
+.login-form  [type="checkbox"],
+.login-form  [type="radio"] {
+  appearance: none;
+  padding: 0px;
+  -webkit-print-color-adjust: exact;
+  display: inline-block;
+  vertical-align: middle;
+  background-origin: border-box;
+  user-select: none;
+  flex-shrink: 0;
+  height: 1rem;
+  width: 1rem;
+  background-color: rgb(255, 255, 255);
+  border: 1px solid rgb(107, 114, 128);
+  --tw-shadow: 0 0 #0000;
+}
+
+input {
+  margin: 0px;
+  line-height: 1.15;
+  border: 0px;
+  font-family: inherit;
+  outline: none;
+}
+
+.event select:before {
+  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6 9L12 15L18 9" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+}
+
+.event .v3ti-new-tag {
+  @apply w-full px-6 py-3  md:max-w-[472px] rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange max-md:px-5 max-md:max-w-full;
+}
+
+.event .input-tag-wrapper {
+  width: 100%;
+}
+
+.event .v3ti .v3ti-content {
+  justify-content: flex-end;
+}
+
+.event .v3ti .v3ti-new-tag {
+  height: 48px !important;
+}
+
+.event .input-tag-wrapper:focus {
+  all: unset;
+}
+
+.event .v3ti {
+  border: none !important;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
+.event input:focus {
+  @apply placeholder-dark-orange;
+}
+
+.event select {
+  background-image: none !important;
+}
+
+.event .tox {
+  max-width: 472px;
+  height: 280px !important;
+  width: 100%;
+  border: 2px solid #e2e2e2;
+  border-radius: 24px !important;
+}
+
+@media (max-width: 640px) {
+  .event .tox {
+    max-width: 100%; /* Let the editor stretch to fill smaller screens */
+  }
+}
+
+#id_description-container {
+  max-width: 460px; /* Maintain a max width */
+  width: 100%; /* Allow responsive behavior */
+}
+
+.tox:not(.tox-tinymce-inline) .tox-editor-header {
+  display: none !important;
+}
+
+.event .tox .tox-statusbar {
+  display: none !important;
+}
+
+.event .tox {
+  transition: border-color 0.3s ease, color 0.3s ease; /* Smooth transition for focus */
+}
+
+.event .tox:focus {
+  border-color: #b63100; /* Change border color on focus */
+  color: #b63100; /* Change text color on focus */
+}
+
+#id_description:focus-within {
+  border-color: #b63100; /* Change border color when focused */
+  color: #b63100; /* Change text color when focused */
+}
+
+[x-cloak] {
+  display: none;
+}
+
+div[data-lastpass-icon-root] {
+  display: none !important;
+}
+
+.event ul {
+  list-style: none;
+  line-height: 1.5;
+  padding: 0;
+  margin: 10px 0;
+}
+
+
+section#codeweek-forgotpassword-page label {
+  text-align: left;
+  text-transform: capitalize;
+  width: 100%;
+  color: var(--Slate-500, #333E48);
+  font-family: Blinker;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 30px;
+}
+
+section#codeweek-forgotpassword-page .codeweek-form-field input{
+  border-radius: 24px;
+  border: 2px solid var(--Dark-Blue-200, #A4B8D9);
 }
\ No newline at end of file
diff --git a/resources/assets/sass/components/header.scss b/resources/assets/sass/components/header.scss
index b787f324a..08fb7eeb5 100644
--- a/resources/assets/sass/components/header.scss
+++ b/resources/assets/sass/components/header.scss
@@ -32,27 +32,6 @@ header nav ul li a{
   color: $main-color3;
 }
 
-header nav ul li ul{
-  display:none;
-  position: absolute;
-  //left:46px;
-  background-color: #F2F2F2;
-  border-radius: 7px;
-  padding: 15px 25px;
-  //right:0;
-  box-shadow: 0 6px 12px rgba(0,0,0,0.775);
-  //border-radius: 1px;
-  //align-items: center;
-  margin-top:12px;
-  padding-right: 46px;
-  //max-height: 400px;
-  min-height: 40px;
-  height: auto;
-  z-index: 9999;
-
-
-}
-
 header nav ul li ul:before{
   content: "";
   height: 17px;
@@ -84,18 +63,11 @@ header nav ul li ul li{
 
 header nav ul li ul li a{
   font-size: 18px;
-  margin-top: 20px;
   color: $main-color3;
-  //font-weight: bold;
-  //text-transform: uppercase;
   text-align:center;
   white-space: nowrap;
 }
 
-header nav ul li ul li a:hover{
-  color: $main-color;
-}
-
 header #right-menu .round-button,
 header #right-menu .round-button-sign,
 header #right-menu .round-button-user-menu{
@@ -204,11 +176,11 @@ header .menu-dropdown{
   display:none;
   position: absolute;
   top:56px;
-  background-color: #F2F2F2;
+  background-color: #FFFFFF;
+  border: 1px solid #ADB2B6;
   border-radius: 7px;
-  padding: 15px 25px;
+  padding: 12px 32px;
   right:0;
-  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
   z-index: 1000;
   margin: 0;
 }
@@ -231,25 +203,28 @@ header .twitter-menu .menu-dropdown{
   justify-content: center;
 }
 
-header .user-menu .menu-dropdown li{
-  list-style: none;
-  padding: 10px 0px;
-  white-space: nowrap;
-  text-align: left;
+header .user-menu .menu-dropdown li {
   display: flex;
   align-items: center;
-}
-
-header .user-menu .menu-dropdown li a{
-  color: $main-color3 !important;
-  text-transform: none !important;
-  font-size: 16px !important;
-  margin-left: 10px;
-}
+  list-style: none;
+  text-align: start;
+  gap: 12px;
+  padding: 8px 0;
 
+  a {
+    white-space: nowrap;
+    text-align: left;
+    text-transform: none !important;
+    font-size: 16px !important;
+    color: #1C4DA1 !important;
+    font-weight: 600 !important;
+    line-height: 22px !important;
+  }
 
-header .user-menu .menu-dropdown li:hover a{
-  color: $main-color !important;
+  svg, img {
+    height: 16px;
+    width: 16px;
+  }
 }
 
 header .lang-menu .menu-dropdown ul{
@@ -267,7 +242,7 @@ header .lang-menu .menu-dropdown ul li{
 }
 
 header .lang-menu .menu-dropdown ul li a{
-  color: $main-color3 !important;
+  color: $main-color3;
   padding: 15px 25px;
   display: flex;
   flex-direction: row;
@@ -276,10 +251,6 @@ header .lang-menu .menu-dropdown ul li a{
   justify-content: center;
 }
 
-header .lang-menu .menu-dropdown ul li:hover a{
-  color: $main-color !important;
-}
-
 
 /* MOBILE AND TABLET VERSION*/
 @media (max-width:1280px) {
@@ -332,10 +303,6 @@ header .lang-menu .menu-dropdown ul li:hover a{
   header nav ul li ul li:last-child a{
     border-bottom: 0px;
   }
-
-  header nav ul li ul li a:hover{
-    color: $main-color;
-  }
 }
 
 /*MOBILE VERSION*/
@@ -429,6 +396,100 @@ header .lang-menu .menu-dropdown ul li:hover a{
 
 }
 
+@media (min-width: 1281px) {
+  #primary-menu {
+    .main-menu-item {
+      .sub-menu {
+        display:none;
+        position: absolute;
+        border-radius: 7px;
+        margin-top:12px;
+        min-height: 40px;
+        height: auto;
+        z-index: 9999;
+        background: #FFF;
+        border: 1px solid #ADB2B6;
+        padding: 12px 32px;
+        
+        .menu-title {
+          position: relative;
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          color: #1C4DA1;
+          font-size: 20px;
+          font-weight: 600;
+          line-height: 28px;
+          margin-bottom: 16px;
+          padding: 12px 0;
+
+          .menu-title-icon {
+            width: 24px;
+            height: 24px;
+          }
+
+          &:after {
+            content: '';
+            bottom: 0;
+            left: 0;
+            position: absolute;
+            height: 4px;
+            width: 32px;
+            background-color: #F95C22;
+          }
+        }
+
+        li {
+          padding: 8px 0;
+          a {
+            font-size: 16px;
+            color: #1C4DA1;
+            font-weight: 600;
+            line-height: 24px;
+          }
+        }
+      }
+    }
+  }
+
+  #right-menu {
+    .lang-menu-dropdown {
+      overflow: hidden;
+      border-radius: 6px;
+    }
+    
+    .lang-sub-menu {
+      background: #FFF;
+      padding: 16px !important;
+
+      .lang-menu-item {
+        cursor: default;
+        display: flex;
+        text-align: start;
+        margin-top: 0 !important;
+        min-width: 200px;
+        > .cookweek-link {
+          color: #1C4DA1 !important;
+          justify-content: space-between;
+          margin: 12px 16px;
+          border-radius: 24px;
+          padding: 0 !important;
+        }
+
+        &.selected {
+          > .cookweek-link {
+            width: 100%;
+            border: 2px solid #1C4DA1;
+            background-color: #E8EDF6;
+            margin: 0;
+            padding: 10px 16px !important;
+          }
+        }
+      }
+    }
+  }
+}
+
 /*TABLET VERSION*/
 @media (max-width: 1280px) {
 
@@ -517,6 +578,7 @@ header .lang-menu .menu-dropdown ul li:hover a{
         .lang-menu-item {
           margin-top: 0 !important;
           > a {
+            width: 100%;
             margin-top: 4px;
             border: 2px solid #E8EDF6;
             border-radius: 24px;
@@ -546,17 +608,13 @@ header .lang-menu .menu-dropdown ul li:hover a{
           font-family: 'Montserrat';
           font-style: normal;
           font-weight: 600;
-          display: block;
-          width: 100%;
+          display: inline-block;
           margin: 0;
           border: 0;
           text-align: left;
           padding: 4px 16px;
           font-size: 16px;
           text-transform: none;
-          &:hover {
-            text-decoration: underline;
-          }
         }
       }
     }
@@ -581,6 +639,5 @@ header .lang-menu .menu-dropdown ul li:hover a{
   header #right-menu {
     justify-content: flex-end;
     flex: 1;
-    margin-right: 18px;
   }
 }
diff --git a/resources/assets/sass/pages/login.scss b/resources/assets/sass/pages/login.scss
index 65613f394..120cef9b2 100644
--- a/resources/assets/sass/pages/login.scss
+++ b/resources/assets/sass/pages/login.scss
@@ -135,4 +135,132 @@
     border-right: 1px solid #ccc;
     flex: 1;
   }
-}
\ No newline at end of file
+}
+
+.help-block .errorlist {
+  margin: 0;
+}
+
+
+.reset_title {
+  color: var(--Dark-Blue-500, #1C4DA1);
+
+  /* Display md/Montserrat Medium */
+  font-family: Montserrat;
+  font-size: 36px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 44px; /* 122.222% */
+  letter-spacing: -0.72px;
+  padding-bottom: 40px;
+}
+.reset_description {
+  color: var(--Slate-500, #333E48);
+
+  /* Text xl/Blinker Regular */
+  font-family: Blinker;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 30px; /* 150% */
+  padding-bottom: 40px;
+}
+
+.codeweek-form-field input, .codeweek-form-field-wrapper input {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+#codeweek-login-page .codeweek-form-field{
+  flex-direction: column;
+  align-items: flex-start;
+}
+
+#codeweek-forgotpassword-page .codeweek-form-field, .codeweek-form-field-searchable {
+  display: flex;
+  justify-content: stretch;
+  flex: 1;
+  align-items: flex-start;
+  flex-direction: column;
+  align-content: flex-start;
+}
+.codeweek-form-field-add {  
+    display: flex;
+    flex: 1;
+    flex-direction: row;
+    align-items: center;
+}
+
+@media screen and (max-width: 1080px) {
+  .reset_title {
+    color: var(--Dark-Blue-500, #1C4DA1);
+    font-family: Montserrat;
+    font-size: 30px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 36px;
+    letter-spacing: -0.72px;
+    display: flex;
+    padding-bottom: 24px;
+  }
+
+  .reset_description {
+    font-family: Blinker;
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 30px; /* 150% */
+    padding-bottom: 24px;
+  }
+}
+
+
+#codeweek-forgotpassword-page .codeweek-form-field label {
+    margin-right: 10px;
+    text-transform: capitalize;
+    width: 100%;
+    text-align: left;
+    font-family: Blinker;
+    font-size: 20px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 30px;
+
+}
+
+#codeweek-forgotpassword-page input#email {
+  border-radius: 24px;
+  border: 2px solid var(--Dark-Blue-200, #A4B8D9);
+  padding: 12px 0;
+  color: var(--Slate-500, #333E48);
+  font-family: Blinker;
+  font-size: 20px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 30px;
+}
+
+#codeweek-login-page .bg-dark-blue-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(232 237 246 / var(--tw-bg-opacity, 1));
+}
+
+.text-dark-blue-400 {
+  --tw-text-opacity: 1;
+  color: rgb(73 113 180 / var(--tw-text-opacity, 1));
+}
+
+.border-dark-blue-300 {
+  --tw-border-opacity: 1;
+  border-color: rgb(119 148 199 / var(--tw-border-opacity, 1));
+}
+
+.border-dark-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(164 184 217 / var(--tw-border-opacity, 1));
+}
+
+.border-dark-blue-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(164 184 217 / var(--tw-border-opacity, 1));
+}
diff --git a/resources/js/components/Autocomplete.vue b/resources/js/components/Autocomplete.vue
index b8724ae15..6adcd6f92 100644
--- a/resources/js/components/Autocomplete.vue
+++ b/resources/js/components/Autocomplete.vue
@@ -1,17 +1,41 @@
 <template>
-  <div class="v-autocomplete">
-    <div class="v-autocomplete-input-group" :class="{ 'v-autocomplete-selected': value }">
-      <input type="search" v-model="searchText" v-bind="inputAttrs"
-             :class="inputAttrs.class || inputClass"
-             :placeholder="inputAttrs.placeholder || placeholder"
-             :disabled="inputAttrs.disabled || disabled"
-             @blur="blur" @focus="focus" @input="inputChange"
-             @keyup.enter="keyEnter" @keydown.tab="keyEnter"
-             @keydown.up="keyUp" @keydown.down="keyDown">
+  <div class="relative v-autocomplete">
+    <!-- Input Group -->
+    <div class="w-full" :class="{ 'v-autocomplete-selected': value }">
+      <input
+        type="search"
+        v-model="searchText"
+        v-bind="inputAttrs"
+        class="w-full px-6 py-3 text-form md:max-w-[472px] text-black-light rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+        :class="{
+          'ring-dark-orange ring-2': hasError,
+          'ring-gray-300': !hasError
+        }"
+        :placeholder="inputAttrs.placeholder || placeholder"
+        :disabled="inputAttrs.disabled || disabled"
+        @blur="blur"
+        @focus="focus"
+        @input="inputChange"
+        @keyup.enter="keyEnter"
+        @keydown.tab="keyEnter"
+        @keydown.up="keyUp"
+        @keydown.down="keyDown"
+      />
     </div>
-    <div class="v-autocomplete-list" v-if="show">
-      <div class="v-autocomplete-list-item" v-for="(item, i) in internalItems" :key="i" @click="onClickItem(item)"
-           :class="{ 'v-autocomplete-item-active': i === cursor }" @mouseover="cursor = i">
+
+    <!-- Dropdown List -->
+    <div
+      v-if="show"
+      class="absolute z-10 w-full mt-2 bg-white border border-gray-200 rounded-lg shadow-lg v-autocomplete-list"
+    >
+      <div
+        class="px-4 py-2 cursor-pointer v-autocomplete-list-item hover:bg-gray-100"
+        v-for="(item, i) in internalItems"
+        :key="i"
+        @click="onClickItem(item)"
+        :class="{ 'v-autocomplete-item-active bg-gray-200': i === cursor }"
+        @mouseover="cursor = i"
+      >
         <component :is="componentItem" :item="item" :searchText="searchText"></component>
       </div>
     </div>
@@ -19,109 +43,108 @@
 </template>
 
 <script>
-import {ref, reactive, computed, watch, onMounted} from 'vue';
-import Item from './Item.vue';
-import utils from './utils.js';
+import { ref, computed, watch, onMounted } from "vue";
+import Item from "./Item.vue";
+import utils from "./utils.js";
 
 export default {
-  name: 'VAutocomplete',
+  name: "VAutocomplete",
   props: {
-    componentItem: {default: () => Item},
-    minLen: {type: Number, default: utils.minLen},
-    wait: {type: Number, default: utils.wait},
+    componentItem: { default: () => Item },
+    minLen: { type: Number, default: utils.minLen },
+    wait: { type: Number, default: utils.wait },
     value: null,
     getLabel: {
       type: Function,
-      default: item => item
+      default: (item) => item,
     },
     items: Array,
-    autoSelectOneItem: {type: Boolean, default: true},
-    placeholder: String,
-    inputClass: {type: String, default: 'v-autocomplete-input'},
-    disabled: {type: Boolean, default: false},
-    inputAttrs: {type: Object, default: () => ({})},
-    keepOpen: {type: Boolean, default: false},
-    initialLocation: {type: String, default: null}
+    autoSelectOneItem: { type: Boolean, default: true },
+    inputClass: { type: String, default: "v-autocomplete-input" },
+    disabled: { type: Boolean, default: false },
+    inputAttrs: { type: Object, default: () => ({}) },
+    keepOpen: { type: Boolean, default: false },
+    placeholder: { type: String, default: "" },
+    initialLocation: { type: String, default: "" },
+    initialGeoposition: { type: String, default: "" },
+    name: { type: String, required: true } // Add name prop for validation
   },
-  setup(props, {emit}) {
-    let searchText = ref('');
-    if (props.initialLocation) {
-      searchText = ref(props.initialLocation);
-    }
-
+  emits: ["update:modelValue", "input", "change", "item-selected", "item-clicked", "update-items", "focus"],
+  setup(props, { emit }) {
+    // Existing state variables
+    const searchText = ref(props.initialLocation || "");
+    const geoposition = ref(props.initialGeoposition || "");
     const showList = ref(false);
     const cursor = ref(-1);
     const internalItems = ref(props.items || []);
+    const hasError = ref(false);
 
+    // Computed properties
     const hasItems = computed(() => !!internalItems.value.length);
     const show = computed(() => (showList.value && hasItems.value) || props.keepOpen);
 
-    const inputChange = () => {
-      showList.value = true;
-      cursor.value = -1;
-      onSelectItem(null, 'inputChange');
-      utils.callUpdateItems(searchText.value, updateItems);
-      emit('change', searchText.value);
+    // Check for validation errors
+    const checkForErrors = () => {
+      const errorElement = document.querySelector(`.errors [data-field="${props.name}"]`);
+      hasError.value = !!(errorElement?.offsetParent);
     };
 
-    const updateItems = () => {
-      emit('update-items', searchText.value);
-    };
+    // Clear validation error
+    const clearError = () => {
+      const errorElement = document.querySelector(`.errors [data-field="${props.name}"]`);
+      if (errorElement) {
+        errorElement.style.display = 'none';
+      }
 
-    const focus = () => {
-      emit('focus', searchText.value);
-      showList.value = true;
-    };
+      // Notify Alpine.js about the cleared error
+      const alpineComponent = document.querySelector('[x-data="multiStepForm"]')?.__x?.data;
+      if (alpineComponent) {
+        alpineComponent.clearFieldError(props.name);
+      }
 
-    const blur = () => {
-      emit('blur', searchText.value);
-      setTimeout(() => (showList.value = false), 200);
+      hasError.value = false;
     };
 
-    const onClickItem = item => {
-      onSelectItem(item);
-      emit('item-clicked', item);
+    // Modified input change handler
+    const inputChange = () => {
+      showList.value = true;
+      cursor.value = -1;
+      onSelectItem(null);
+      utils.callUpdateItems(searchText.value, updateItems);
+      clearError(); // Clear error when input changes
+      emit("change", searchText.value);
+      emit("update:modelValue", searchText.value);
     };
 
-    const onSelectItem = item => {
+    // Modified select item handler
+    const onSelectItem = (item) => {
       if (item) {
         internalItems.value = [item];
         searchText.value = props.getLabel(item);
-        emit('item-selected', item);
+        geoposition.value = item.geoposition || "";
+        clearError(); // Clear error when item is selected
+        emit("item-selected", item);
+        emit("update:modelValue", searchText.value);
       } else {
         setItems(props.items);
       }
-      emit('input', item);
-    };
-
-    const setItems = items => {
-      internalItems.value = items || [];
-    };
-
-    const isSelectedValue = value => {
-      return internalItems.value.length === 1 && value === internalItems.value[0];
-    };
-
-    const keyUp = () => {
-      if (cursor.value > -1) {
-        cursor.value--;
-        itemView(document.getElementsByClassName('v-autocomplete-list-item')[cursor.value]);
-      }
+      emit("input", item);
     };
 
-    const keyDown = () => {
-      if (cursor.value < internalItems.value.length) {
-        cursor.value++;
-        itemView(document.getElementsByClassName('v-autocomplete-list-item')[cursor.value]);
-      }
+    // Existing methods
+    const updateItems = () => emit("update-items", searchText.value);
+    const focus = () => {
+      emit("focus", searchText.value);
+      showList.value = true;
     };
-
-    const itemView = item => {
-      if (item && item.scrollIntoView) {
-        item.scrollIntoView(false);
-      }
+    const blur = () => setTimeout(() => (showList.value = false), 200);
+    const onClickItem = (item) => {
+      onSelectItem(item);
+      emit("item-clicked", item);
     };
-
+    const setItems = (items) => (internalItems.value = items || []);
+    const keyUp = () => cursor.value > 0 && cursor.value--;
+    const keyDown = () => cursor.value < internalItems.value.length - 1 && cursor.value++;
     const keyEnter = () => {
       if (showList.value && internalItems.value[cursor.value]) {
         onSelectItem(internalItems.value[cursor.value]);
@@ -129,35 +152,40 @@ export default {
       }
     };
 
-    watch(() => props.items, newValue => {
-      setItems(newValue);
-      const item = utils.findItem(props.items, searchText.value, props.autoSelectOneItem);
-      if (item) {
-        onSelectItem(item);
-        showList.value = false;
-      }
-    });
+    // Set up validation error observer
+    onMounted(() => {
+      checkForErrors();
 
-    watch(() => props.value, newValue => {
-      if (!isSelectedValue(newValue)) {
-        onSelectItem(newValue);
-        searchText.value = props.getLabel(newValue);
+      const observer = new MutationObserver(() => {
+        checkForErrors();
+      });
+
+      const errorContainer = document.querySelector(`.errors [data-field="${props.name}"]`);
+      if (errorContainer) {
+        observer.observe(errorContainer.parentNode, { childList: true, subtree: true });
       }
-    });
 
-    onMounted(() => {
-      utils.minLen = props.minLen;
-      utils.wait = props.wait;
+      if (props.initialLocation) searchText.value = props.initialLocation;
+      if (props.initialGeoposition) geoposition.value = props.initialGeoposition;
       onSelectItem(props.value);
     });
 
+    // Existing watchers
+    watch(() => props.items, (newValue) => setItems(newValue));
+    watch(() => props.value, (newValue) => {
+      if (!newValue) onSelectItem(null);
+      else searchText.value = props.getLabel(newValue);
+    });
+
     return {
       searchText,
+      geoposition,
       showList,
       cursor,
       internalItems,
       hasItems,
       show,
+      hasError,
       inputChange,
       updateItems,
       focus,
@@ -165,30 +193,16 @@ export default {
       onClickItem,
       onSelectItem,
       setItems,
-      isSelectedValue,
       keyUp,
       keyDown,
-      itemView,
-      keyEnter
+      keyEnter,
     };
-  }
+  },
 };
 </script>
 
-<style>
-.v-autocomplete {
-  position: relative;
-}
-
-.v-autocomplete .v-autocomplete-list {
-  position: absolute;
-}
-
-.v-autocomplete .v-autocomplete-list .v-autocomplete-list-item {
-  cursor: pointer;
-}
-
-.v-autocomplete .v-autocomplete-list .v-autocomplete-list-item.v-autocomplete-item-active {
+<style scoped>
+.v-autocomplete .v-autocomplete-item-active {
   background-color: #f3f6fa;
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/resources/js/components/DateTime.vue b/resources/js/components/DateTime.vue
index 74ad3fcb4..a5818257f 100644
--- a/resources/js/components/DateTime.vue
+++ b/resources/js/components/DateTime.vue
@@ -1,29 +1,157 @@
 <template>
   <div class="datepicker-wrapper">
-    <!--        <date-picker :input-name="name" width="100%" :placeholder="placeholder" v-model="time1" type="datetime" format="yyyy-MM-dd HH:mm:ss" :time-picker-options="{start: '07:00',step: '00:30',end: '23:30'}" lang="en"></date-picker>-->
-    <VueDatePicker :name="name" v-model="time1" type="datetime" format="yyyy-MM-dd HH:mm" :time-picker-options="{start: '07:00',step: '00:30',end: '23:30'}" lang="en"></VueDatePicker>
+    <div class="flex items-center h-[48px] flex-row w-full px-6 py-3 text-form md:max-w-[472px] text-black-light rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+         :class="{'ring-dark-orange ring-2': hasError, 'ring-gray-300': !hasError}">
+      <VueDatePicker
+        :name="'start_date'"
+        v-model="startDate"
+        :placeholder="placeholderStart"
+        type="datetime"
+        format="yyyy-MM-dd HH:mm"
+        :time-picker-options="{start: '07:00', step: '00:30', end: '23:30'}"
+        :lang="lang"
+        class="flex-1"
+        @update:modelValue="handleStartDateChange"
+      />
+      <div class="mx-2">-</div>
+      <VueDatePicker
+        :name="'end_date'"
+        v-model="endDate"
+        :placeholder="placeholderEnd"
+        type="datetime"
+        format="yyyy-MM-dd HH:mm"
+        :time-picker-options="{start: '07:00', step: '00:30', end: '23:30'}"
+        :lang="lang"
+        class="flex-1"
+        @update:modelValue="handleEndDateChange"
+      />
+    </div>
   </div>
 </template>
 
 <script>
 import VueDatePicker from '@vuepic/vue-datepicker';
-import '@vuepic/vue-datepicker/dist/main.css'
+import '@vuepic/vue-datepicker/dist/main.css';
 
 export default {
   components: { VueDatePicker },
-  props: ['name','placeholder','value','lang'],
+  props: {
+    startDateValue: {
+      type: String,
+      default: '',
+    },
+    endDateValue: {
+      type: String,
+      default: '',
+    },
+    placeholderStart: {
+      type: String,
+      default: '',
+    },
+    placeholderEnd: {
+      type: String,
+      default: '',
+    },
+    lang: {
+      type: String,
+      default: 'en',
+    },
+  },
   data() {
     return {
-      time1: this.value ? this.value : '',
-      time2: '',
-      shortcuts: [
-        {
-          text: 'Today',
-          start: new Date(),
-          end: new Date()
-        }
-      ]
+      startDate: this.startDateValue || '',
+      endDate: this.endDateValue || '',
+      hasError: false
+    };
+  },
+  mounted() {
+    // Check for initial validation errors
+    this.checkForErrors();
+
+    // Create MutationObserver to watch for validation errors
+    const observer = new MutationObserver(() => {
+      this.checkForErrors();
+    });
+
+    // Start observing the error containers
+    const startDateError = document.querySelector('.errors [data-field="start_date"]');
+    const endDateError = document.querySelector('.errors [data-field="end_date"]');
+    
+    if (startDateError) {
+      observer.observe(startDateError, { childList: true, subtree: true });
+    }
+    if (endDateError) {
+      observer.observe(endDateError, { childList: true, subtree: true });
+    }
+  },
+  methods: {
+    checkForErrors() {
+      const startDateError = document.querySelector('.errors [data-field="start_date"]');
+      const endDateError = document.querySelector('.errors [data-field="end_date"]');
+      
+      this.hasError = !!(startDateError?.offsetParent || endDateError?.offsetParent);
+    },
+    handleStartDateChange(value) {
+      this.startDate = value;
+      this.clearError('start_date');
+      this.$emit('update:startDateValue', value);
+    },
+    handleEndDateChange(value) {
+      this.endDate = value;
+      this.clearError('end_date');
+      this.$emit('update:endDateValue', value);
+    },
+    clearError(fieldName) {
+      // Clear the specific error
+      const errorElement = document.querySelector(`.errors [data-field="${fieldName}"]`);
+      if (errorElement) {
+        errorElement.style.display = 'none';
+      }
+
+      // Notify Alpine.js about the cleared error
+      const alpineComponent = document.querySelector('[x-data="multiStepForm"]')?.__x?.data;
+      if (alpineComponent) {
+        alpineComponent.clearFieldError(fieldName);
+      }
+
+      this.checkForErrors();
     }
   }
-}
+};
 </script>
+
+<style scoped>
+/* Existing styles remain the same */
+:deep(.dp__input) {
+  border: none;
+  --tw-ring-color: none;
+  color: #00000080;
+  font-family: "PT Sans";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px;
+}
+
+:deep(.dp__icon) {
+  stroke: rgb(0 0 0);
+  fill: rgb(0 0 0);
+}
+
+:deep(.dp__menu_inner) {
+  color: #00000080;
+  font-family: "PT Sans";
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 24px;
+}
+
+:deep(.dp__active_date) {
+  background: #164194;
+}
+
+:deep(.dp__action_buttons .dp__action_select) {
+  background: #164194;
+}
+</style>
\ No newline at end of file
diff --git a/resources/js/components/ModerateEvent.vue b/resources/js/components/ModerateEvent.vue
index dbda71b7d..c698777b2 100644
--- a/resources/js/components/ModerateEvent.vue
+++ b/resources/js/components/ModerateEvent.vue
@@ -9,12 +9,12 @@
       <button @click="toggleDeleteModal" class="codeweek-action-button red">Delete</button>
     </div>
 
-    <div class="h-8 w-full grid grid-cols-3 gap-4 items-center" v-if="!refresh">
+    <div class="grid items-center w-full h-8 grid-cols-3 gap-4" v-if="!refresh">
       <div class="flex-none">Pending Activities: <a href="/pending">{{ pendingCounter }}</a></div>
       <div class="flex justify-center">
         <div>{{ $t('event.current_status') }}: <strong>{{ status }}</strong> <span v-if="event.LatestModeration">({{ event.LatestModeration.message }})</span></div>
       </div>
-      <div class="actions flex justify-items-end justify-end gap-2">
+      <div class="flex justify-end gap-2 actions justify-items-end">
         <button @click="approve" class="codeweek-action-button green">Approve</button>
         <button @click="toggleModal" class="codeweek-action-button">Reject</button>
         <button @click="toggleDeleteModal" class="codeweek-action-button red">Delete</button>
@@ -30,7 +30,7 @@
             <button @click="toggleModal" class="close-button">×</button>
           </div>
           <div class="modal-body">
-            <p class="text-gray-800 text-lg leading-relaxed">This will help the activity organizer to improve their submission.</p>
+            <p class="text-lg leading-relaxed text-gray-800">This will help the activity organizer to improve their submission.</p>
             <multiselect v-model="rejectionOption" :options="displayRejectionOptions" track-by="title" label="title" :close-on-select="true" :preserve-search="false" placeholder="Select a rejection reason" :searchable="false" :allow-empty="false" @input="prefillRejectionText">
               <template #singleLabel="{ option }">{{ option.title }}</template>
             </multiselect>
diff --git a/resources/js/components/Multiselect.vue b/resources/js/components/Multiselect.vue
index ae5ffe771..5610e8c1b 100644
--- a/resources/js/components/Multiselect.vue
+++ b/resources/js/components/Multiselect.vue
@@ -1,29 +1,32 @@
 <template>
-  <div class="multiselect-wrapper">
+  <div>
     <multiselect
-        v-model="values"
-        v-bind:options="options"
-        :multiple="true"
-        :taggable="true"
-        :close-on-select="false"
-        :clear-on-select="false"
-        :searchable="false"
-        :show-labels="false"
-        placeholder=""
-        :preserve-search="true"
-        :label="label"
-        track-by="id"
-        :preselect-first="false"
-        :custom-label="customLabel"
-        @select="select"
-        @remove="remove"
-    ></multiselect>
+      ref="multiselectComponent"
+      v-model="values"
+      v-bind:options="options"
+      :multiple="true"
+      :taggable="true"
+      :close-on-select="false"
+      :clear-on-select="false"
+      :searchable="false"
+      :show-labels="false"
+      :placeholder="placeholder"
+      :preserve-search="true"
+      :label="label"
+      track-by="id"
+      :preselect-first="false"
+      :custom-label="customLabel"
+      @select="select"
+      @remove="remove"
+    >
+    </multiselect>
     <input :name="name" type="hidden" :value="innerValues.toString()">
   </div>
 </template>
 
 <script>
 import Multiselect from 'vue-multiselect';
+import { ref, onMounted, watch } from 'vue';
 
 export default {
   components: { Multiselect },
@@ -35,7 +38,72 @@ export default {
     label: String,
     translated: String,
     multiple: Boolean,
-    searchable: Boolean
+    placeholder: String,
+  },
+  setup(props) {
+    const hasError = ref(false);
+    const multiselectComponent = ref(null);
+
+    const checkForErrors = () => {
+      const errorElement = document.querySelector(`.errors [data-field="${props.name}"]`);
+      hasError.value = !!(errorElement?.offsetParent);
+      updateMultiselectStyles();
+    };
+
+    const clearError = () => {
+      const errorElement = document.querySelector(`.errors [data-field="${props.name}"]`);
+      if (errorElement) {
+        errorElement.style.display = 'none';
+      }
+
+      // Notify Alpine.js about the cleared error
+      const alpineComponent = document.querySelector('[x-data="multiStepForm"]')?.__x?.data;
+      if (alpineComponent) {
+        alpineComponent.clearFieldError(props.name);
+      }
+
+      hasError.value = false;
+      updateMultiselectStyles();
+    };
+
+    const updateMultiselectStyles = () => {
+      const tagsElement = multiselectComponent.value?.$el.querySelector('.multiselect__tags');
+      if (tagsElement) {
+        if (hasError.value) {
+          tagsElement.classList.add('ring-2', 'ring-dark-orange');
+          tagsElement.classList.remove('ring-gray-300');
+        } else {
+          tagsElement.classList.remove('ring-2', 'ring-dark-orange');
+          tagsElement.classList.add('ring-gray-300');
+        }
+      }
+    };
+
+    // Watch for changes in error state
+    watch(hasError, () => {
+      updateMultiselectStyles();
+    });
+
+    onMounted(() => {
+      // Initial error check
+      checkForErrors();
+
+      // Set up observer for error changes
+      const observer = new MutationObserver(() => {
+        checkForErrors();
+      });
+
+      const errorContainer = document.querySelector(`.errors [data-field="${props.name}"]`);
+      if (errorContainer) {
+        observer.observe(errorContainer.parentNode, { childList: true, subtree: true });
+      }
+    });
+
+    return {
+      hasError,
+      multiselectComponent,
+      clearError,
+    };
   },
   data() {
     let initialValues = [];
@@ -44,29 +112,108 @@ export default {
     if (this.value) {
       const valueArray = this.value.split(',');
       innerValues = valueArray;
-      initialValues = valueArray.map(val => {
-        return this.options.find(option => option.id == val);
-      }).filter(option => option !== undefined);
+      initialValues = valueArray
+        .map((val) => {
+          return this.options.find((option) => option.id == val);
+        })
+        .filter((option) => option !== undefined);
     }
 
     return {
       values: initialValues,
-      innerValues: innerValues
+      innerValues: innerValues,
     };
   },
+  mounted() {
+    this.addClassesToMultiselectTags();
+  },
+  updated() {
+    this.addClassesToMultiselectTags();
+  },
   methods: {
     select(selectedOption) {
       this.innerValues.push(selectedOption.id);
+      this.clearError();
     },
     remove(removedOption) {
-      this.innerValues = this.innerValues.filter(id => id != removedOption.id);
+      this.innerValues = this.innerValues.filter((id) => id != removedOption.id);
+      // Only clear error if there are still selected items (for required fields)
+      if (this.innerValues.length > 0) {
+        this.clearError();
+      }
     },
     customLabel(obj, label) {
       return this.$t(`${label}.${obj.name}`);
-    }
-  }
+    },
+    addClassesToMultiselectTags() {
+      const multiselectElement = this.$refs.multiselectComponent.$el.querySelector('.multiselect__tags');
+      if (multiselectElement) {
+        multiselectElement.classList.add(
+          'codeweek-input-select',
+          'border-0',
+          'w-full',
+          'px-6',
+          'py-3',
+          'text-form',
+          'md:max-w-[472px]',
+          'rounded-3xl',
+          'shadow-sm',
+          'ring-1',
+          'ring-inset',
+          'max-md:px-5',
+          'max-md:max-w-full'
+        );
+        
+        // Add error state classes if needed
+        if (this.hasError) {
+          multiselectElement.classList.add('ring-2', 'ring-dark-orange');
+        } else {
+          multiselectElement.classList.add('ring-gray-300');
+        }
+      }
+    },
+  },
 };
 </script>
 
 <style scoped>
-</style>
+/* Existing styles remain the same */
+:deep(.multiselect__tag) {
+    background: #F95C22;
+}
+
+:deep(.multiselect__tags) {
+    min-height: 48px !important;
+    display: flex !important;
+    border-radius: 1.5rem !important;
+    border: unset !important;
+    background: unset !important;
+    font-size: unset !important;
+    align-items: center;
+    line-height: 0px;
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+}
+
+:deep(.multiselect__select::before) {
+    all: unset;
+}
+
+:deep(.multiselect__select::before) {
+    content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M6 9L12 15L18 9" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+}
+
+:deep(.multiselect__select) {
+    display: flex;
+    align-items: center;
+    height: 100%;
+}
+
+:deep(.multiselect__option--highlight) {
+    background: #f97316;
+    color: black;
+}
+</style>
\ No newline at end of file
diff --git a/resources/js/components/PictureForm.vue b/resources/js/components/PictureForm.vue
index 5c55e4c2f..87f4a0b61 100644
--- a/resources/js/components/PictureForm.vue
+++ b/resources/js/components/PictureForm.vue
@@ -1,81 +1,178 @@
 <template>
-  <div>
-    <div v-if="error !== ''" style="background-color: darkred; color:white; padding: 4px;">{{ error }}</div>
-    <div class="level">
-      <img :src="pictureClone" class="mr-1" />
+  <div class="flex flex-col self-stretch w-full mt-4">
+    <!-- Upload Container -->
+    <div
+      class="flex flex-col items-center justify-center w-full px-8 border-2 border-dashed rounded-2xl border-neutral-200 max-md:px-5 max-w-[300px] h-[192px] relative"
+    >
+      <div class="relative flex items-center justify-center">
+        <!-- Placeholder SVG -->
+<div v-if="!displayImage" @click="triggerFileInput" class="cursor-pointer">
+          <svg width="64" height="65" viewBox="0 0 64 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <path d="M32 64.399C49.6728 64.399 63.9995 50.0724 63.9995 32.3995C63.9995 14.7267 49.6728 0.400024 32 0.400024C14.3272 0.400024 0.000488281 14.7267 0.000488281 32.3995C0.000488281 50.0724 14.3272 64.399 32 64.399Z" fill="#F95C22"/>
+            <path d="M32.1091 46.2626C26.9007 46.2626 21.6923 46.2626 16.4838 46.2626C16.2294 46.2626 15.9717 46.2626 15.7162 46.2357C14.4123 46.1114 13.8881 45.2142 14.4441 44.0011C14.9266 42.9538 15.453 41.9333 15.964 40.8972C18.3767 36.0187 20.7893 31.1409 23.202 26.2638C23.2766 26.1149 23.3544 25.9659 23.4411 25.8236C24.0486 24.8289 25.0356 24.6889 25.8131 25.5469C26.3615 26.1473 26.8254 26.8217 27.3145 27.4724C29.8002 30.7903 32.286 34.1096 34.7718 37.4304C35.8575 38.8754 37.225 38.9538 38.5004 37.6544C39.1332 37.0092 39.7517 36.3472 40.3922 35.7076C41.5469 34.5539 42.8574 34.6234 43.8006 35.9686C45.6934 38.6681 47.5391 41.4035 49.3935 44.1299C49.5385 44.3438 49.6495 44.5797 49.7225 44.8289C49.9024 45.455 49.648 45.9591 49.0262 46.126C48.6363 46.2213 48.236 46.2653 47.8352 46.257C42.5961 46.266 37.354 46.2678 32.1091 46.2626Z" fill="white"/>
+            <path d="M43.7896 19.5307C43.7883 20.572 43.4843 21.5895 42.9161 22.4541C42.348 23.3187 41.5413 23.9915 40.5983 24.3872C39.6553 24.783 38.6185 24.8838 37.6194 24.677C36.6202 24.4702 35.7037 23.965 34.986 23.2254C34.2683 22.4859 33.7817 21.5454 33.588 20.5231C33.3942 19.5008 33.502 18.4427 33.8977 17.4831C34.2934 16.5234 34.9592 15.7054 35.8106 15.1327C36.6621 14.56 37.6608 14.2584 38.6803 14.2661C40.0377 14.2838 41.3341 14.8455 42.2899 15.8303C43.2456 16.8151 43.7842 18.1441 43.7896 19.5307Z" fill="white"/>
+          </svg>
+        </div>
+
+        <!-- Uploaded Image Preview -->
+        <div v-else class="relative w-full h-full">
+          <img :src="displayUrl" alt="Uploaded Image" class="object-cover w-full h-full rounded-2xl" />
+          <button
+            @click="removeImage"
+            class="absolute flex items-center justify-center w-6 h-6 text-white bg-red-500 rounded-full -top-2 -right-2 hover:bg-red-700"
+            title="Remove Image"
+          >
+            &times;
+          </button>
+        </div>
+      </div>
+
+      <!-- Upload Prompt -->
+      <p v-if="!displayImage" class="mt-2 text-center text-black text-default">
+        Drop your image here, or
+        <span @click="triggerFileInput" class="font-bold underline cursor-pointer text-secondary hover:text-blue-primary">upload</span>
+      </p>
+    </div>
+
+    <!-- File Input -->
+    <input
+      ref="fileInput"
+      id="file-upload"
+      name="file-upload"
+      type="file"
+      class="sr-only"
+      @change="handleFileChange"
+      accept="image/*"
+    />
+
+    <!-- Info -->
+    <p class="mt-2 text-sm text-black">
+      <span class="font-bold">Info:</span> Max size: 1MB
+    </p>
+
+    <!-- Error Message -->
+    <div v-if="error" class="p-2 mt-4 text-white bg-red-600 rounded">
+      {{ error }}
     </div>
-    <input type="hidden" name="picture" :value="imageClone" />
-    <form method="POST" enctype="multipart/form-data">
-      <ImageUpload name="picture" class="mr-1" @loaded="onLoad" />
-    </form>
+
+    <!-- Hidden Input -->
+<input type="hidden" name="picture" :value="displayImage" />
+
     <Flash />
   </div>
 </template>
 
 <script>
-import { ref } from 'vue';
-import axios from 'axios';
-import ImageUpload from './ImageUpload.vue';
-import Flash, { emitter } from './Flash.vue';
+import { ref, computed, watch } from "vue";
+import axios from "axios";
+import Flash, { emitter } from "./Flash.vue";
 
 export default {
-  components: { ImageUpload, Flash },
+  components: { Flash },
   props: {
     image: {
-      type: String,
-      default: ''
+      type: String, 
+      default: "",
     },
     picture: {
       type: String,
-      default: ''
+      default: "",
     }
   },
-  setup(props) {
-    const pictureClone = ref(props.picture || '');
-    const imageClone = ref(props.image || '');
-    const error = ref('');
+setup(props) {
+    const pictureClone = ref('');
+    const fileInput = ref(null);
+    const error = ref("");
+
+    // Initialize from props immediately and watch for changes
+    watch(() => [props.picture, props.image], ([newPicture, newImage]) => {
+        if (newPicture || newImage) {
+            // Store the path for form submission
+            pictureClone.value = newImage || extractPathFromUrl(newPicture) || '';
+        }
+    }, { immediate: true });
 
-    const onLoad = (picture) => {
-      persist(picture.file);
+    // Helper to extract path from full URL
+    const extractPathFromUrl = (url) => {
+        if (!url) return '';
+        if (url.includes('codeweek-s3.s3.amazonaws.com')) {
+            return url.split('codeweek-s3.s3.amazonaws.com/')[1];
+        }
+        return url;
     };
 
-    const persist = (picture) => {
-      let data = new FormData();
-      data.append('picture', picture);
-
-      axios.post(`/api/events/picture`, data)
-          .then((result) => {
-            error.value = '';
-            pictureClone.value = result.data.path;
-            imageClone.value = result.data.imageName;
-            emitter.emit('flash', { message: 'Picture uploaded!', level: 'success' });
-          })
-          .catch((err) => {
-            if (err.response.data.errors && err.response.data.errors.picture) {
-              error.value = err.response.data.errors.picture[0];
-            } else {
-              error.value = "Image is too large. Maximum is 1Mb";
+    // Handle display URL computation
+    const displayUrl = computed(() => {
+        if (!pictureClone.value) return "";
+
+        // If it's already a full URL
+        if (pictureClone.value.startsWith("http")) {
+            return pictureClone.value;
+        }
+
+        // Construct S3 URL
+        return `https://codeweek-s3.s3.amazonaws.com/${pictureClone.value}`;
+    });
+
+    const handleFileChange = (event) => {
+        const file = event.target.files[0];
+        if (file) {
+            if (file.size > 1024 * 1024) {
+                error.value = "Image is too large. Maximum size is 1MB.";
+                return;
             }
-            emitter.emit('flash', { message: error.value, level: 'error' });
-          });
+            persist(file);
+        }
     };
 
-    const remove = () => {
-      axios.delete(`/api/event/picture`)
-          .then(() => {
-            emitter.emit('flash', { message: 'Event Picture deleted!', level: 'success' });
-            pictureClone.value = 'https://s3-eu-west-1.amazonaws.com/codeweek-dev/events/pictures/default.png';
-          });
+    const persist = (file) => {
+        let data = new FormData();
+        data.append("picture", file);
+
+        axios.post(`/api/events/picture`, data)
+            .then((result) => {
+                error.value = "";
+                // Store the image path
+                pictureClone.value = result.data.imageName;
+                emitter.emit("flash", { message: "Picture uploaded!", level: "success" });
+            })
+            .catch(() => {
+                error.value = "Image upload failed. Please try again.";
+            });
+    };
+
+    const removeImage = () => {
+        pictureClone.value = "";
+        if (fileInput.value) {
+            fileInput.value.value = "";
+        }
+    };
+
+    const triggerFileInput = () => {
+        if (fileInput.value) {
+            fileInput.value.click();
+        }
     };
 
     return {
-      pictureClone,
-      imageClone,
-      error,
-      onLoad,
-      persist,
-      remove,
+        displayImage: computed(() => !!pictureClone.value), // For v-if conditions
+        pictureClone, // For form value and path tracking
+        displayUrl,   // For image display
+        error,
+        fileInput,
+        handleFileChange,
+        triggerFileInput,
+        removeImage,
     };
-  }
+},
 };
 </script>
+
+<style scoped>
+.object-cover {
+  object-fit: cover;
+}
+button {
+  cursor: pointer;
+}
+</style>
diff --git a/resources/js/components/Singleselect.vue b/resources/js/components/Singleselect.vue
index 7428158f5..9ca5e2e87 100644
--- a/resources/js/components/Singleselect.vue
+++ b/resources/js/components/Singleselect.vue
@@ -1,40 +1,189 @@
 <template>
-  <div class="multiselect-wrapper">
+  <div class="relative inline-block w-full text-gray-700 multiselect-wrapper">
     <multiselect
-        v-model="values"
-        :options="option"
-        :placeholder="placeholder"
-        >
+      ref="multiselectComponent"
+      v-model="values"
+      :options="option"
+      :placeholder="placeholder"
+      @select="handleSelect"
+    >
     </multiselect>
+    <div class="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none">
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        width="24"
+        height="24"
+        viewBox="0 0 24 24"
+        fill="none"
+      >
+        <path
+          d="M6 9L12 15L18 9"
+          stroke="black"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+        />
+      </svg>
+    </div>
     <input :name="name" type="hidden" :value="values">
   </div>
 </template>
 
 <script>
-import Multiselect from 'vue-multiselect'
-
-window.singleselect = this;
+import Multiselect from 'vue-multiselect';
+import { ref, onMounted, watch } from 'vue';
 
 export default {
-  components: {Multiselect},
+  components: { Multiselect },
   props: {
     name: String,
     options: Array,
     value: String,
-    placeholder: String
+    placeholder: String,
+  },
+  setup(props) {
+    const hasError = ref(false);
+    const multiselectComponent = ref(null);
+
+    const checkForErrors = () => {
+      const errorElement = document.querySelector(`.errors [data-field="${props.name}"]`);
+      hasError.value = !!(errorElement?.offsetParent);
+      updateMultiselectStyles();
+    };
+
+    const clearError = () => {
+      const errorElement = document.querySelector(`.errors [data-field="${props.name}"]`);
+      if (errorElement) {
+        errorElement.style.display = 'none';
+      }
+
+      // Notify Alpine.js about the cleared error
+      const alpineComponent = document.querySelector('[x-data="multiStepForm"]')?.__x?.data;
+      if (alpineComponent) {
+        alpineComponent.clearFieldError(props.name);
+      }
+
+      hasError.value = false;
+      updateMultiselectStyles();
+    };
+
+    const updateMultiselectStyles = () => {
+      const tagsElement = multiselectComponent.value?.$el.querySelector('.multiselect__tags');
+      if (tagsElement) {
+        if (hasError.value) {
+          tagsElement.classList.add('ring-2', 'ring-dark-orange');
+          tagsElement.classList.remove('ring-gray-300');
+        } else {
+          tagsElement.classList.remove('ring-2', 'ring-dark-orange');
+          tagsElement.classList.add('ring-gray-300');
+        }
+      }
+    };
+
+    // Watch for changes in error state
+    watch(hasError, () => {
+      updateMultiselectStyles();
+    });
+
+    onMounted(() => {
+      // Initial error check
+      checkForErrors();
+
+      // Set up observer for error changes
+      const observer = new MutationObserver(() => {
+        checkForErrors();
+      });
+
+      const errorContainer = document.querySelector(`.errors [data-field="${props.name}"]`);
+      if (errorContainer) {
+        observer.observe(errorContainer.parentNode, { childList: true, subtree: true });
+      }
+    });
+
+    return {
+      hasError,
+      multiselectComponent,
+      clearError,
+    };
   },
   data() {
     return {
       values: this.value,
-      option: this.options
-    }
+      option: this.options,
+    };
+  },
+  mounted() {
+    this.addClassesToMultiselectTags();
+  },
+  updated() {
+    this.addClassesToMultiselectTags();
+  },
+  methods: {
+    handleSelect() {
+      this.clearError();
+    },
+    addClassesToMultiselectTags() {
+      const multiselectElement = this.$refs.multiselectComponent.$el.querySelector('.multiselect__tags');
+      if (multiselectElement) {
+        multiselectElement.classList.add(
+          'codeweek-input-select',
+          'border-0',
+          'w-full',
+          'px-6',
+          'py-3',
+          'text-form',
+          'md:max-w-[472px]',
+          'rounded-3xl',
+          'shadow-sm',
+          'ring-1',
+          'ring-inset',
+          'max-md:px-5',
+          'max-md:max-w-full'
+        );
+        
+        // Add error state classes
+        if (this.hasError) {
+          multiselectElement.classList.add('ring-2', 'ring-dark-orange');
+        } else {
+          multiselectElement.classList.add('ring-gray-300');
+        }
+      }
+    },
+  },
+};
+</script>
 
-  }
+<style scoped>
+/* Existing styles remain the same */
+:deep(.multiselect__tag) {
+  background: #F95C22;
 }
-</script>
 
-<style src="vue-multiselect/dist/vue-multiselect.css"></style>
+:deep(.multiselect__tags) {
+  min-height: 48px !important;
+  display: flex !important;
+  border-radius: 1.5rem !important;
+  border: unset !important;
+  background: unset !important;
+  font-size: unset !important;
+  align-items: center;
+  line-height: 0px;
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
 
-<style scoped>
+:deep(.multiselect__select::before) {
+  all: unset;
+}
 
+:deep(.multiselect__select) {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+
+:deep(.multiselect__option--highlight) {
+  background: #f97316;
+  color: black;
+}
 </style>
\ No newline at end of file
diff --git a/resources/lang/en/dream-jobs-in-digital.php b/resources/lang/en/dream-jobs-in-digital.php
new file mode 100644
index 000000000..e3a6fc86b
--- /dev/null
+++ b/resources/lang/en/dream-jobs-in-digital.php
@@ -0,0 +1,34 @@
+<?php
+
+return [
+    /*
+    |--------------------------------------------------------------------------
+    | Girls in digital week Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines contain the default error messages used by
+    | the validator class. Some of these rules have multiple versions such
+    | as the size rules. Feel free to tweak each of these messages here.
+    |
+    */
+    'landing_header' => 'Get inspired by the incredible variety of jobs in digital! Download our Careers in Digital Guide, check out our role models, test your Digital Skills or Hold a Career Inspiration Day or a VET activities session.',
+    'get_inolved' => 'Get inolved',
+    'about_title' => 'What CareersinDigital is about',
+    'about_description' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.',
+    'our_role_models' => 'Our role models',
+    'more_about' => 'More about',
+
+    'resources' => 'Resources',
+    'resource_title_1' => 'Check out our Careers in Digital Guide',
+    'resource_description_1' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
+    'resource_button_1' => 'Download the career guide',
+    'resource_title_2' => 'Hold a Career Inspiration Day',
+    'resource_description_2' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
+    'resource_button_2' => 'Read more',
+    'resource_title_3' => 'Hold VET activities',
+    'resource_description_3' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
+    'resource_button_3' => 'Read more',
+    'resource_title_4' => 'Take our digital skills test',
+    'resource_description_4' => 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
+    'resource_button_4' => 'Start the test',
+];
diff --git a/resources/lang/en/event.php b/resources/lang/en/event.php
index 8cad4137a..da66bd214 100644
--- a/resources/lang/en/event.php
+++ b/resources/lang/en/event.php
@@ -28,42 +28,42 @@
     'tags' => 'Tags',
     'image' => 'Image',
     'start' => [
-        'label' => 'Start date',
-        'placeholder' => 'When does the activity start ?',
+        'label' => 'Date',
+        'placeholder' => 'Select start date',
     ],
     'end' => [
         'label' => 'End date',
-        'placeholder' => 'When does the activity end ?',
+        'placeholder' => 'Select end date',
     ],
     'organizer' => [
         'label' => 'Name of organisation',
-        'placeholder' => 'Organisation you work in or volunteer for',
+        'placeholder' => 'Enter Organisation name',
     ],
     'website' => [
-        'label' => 'Organiser\'s Website',
-        'placeholder' => 'Do you have a website with more information ?',
+        'label' => 'Website',
+        'placeholder' => 'Enter URL',
     ],
     'description' => [
-        'label' => 'Description',
+        'label' => 'Activity description',
         'placeholder' => 'Briefly describe the activity planned.',
     ],
     'contact' => [
         'label' => 'Contact email',
-        'placeholder' => 'This email will be used for important EU Code Week correspondence',
+        'placeholder' => 'Enter email',
         'explanation' => 'Your contact email will only be visible to EU Code Week Ambassadors and Code week organisers, who will check your activity before it appears on the map and might contact you if edits are necessary or for administering surveys for statistical purposes after the activity.',
     ],
     'public' => [
         'label' => 'Public email',
-        'placeholder' => 'Would you like to display a contact email ?',
+        'placeholder' => 'Enter email',
 
     ],
     'title' => [
-        'label' => 'Activity Title',
-        'placeholder' => 'What is the name of the activity ?',
+        'label' => 'Activity title',
+        'placeholder' => 'Enter activity title',
     ],
     'address' => [
         'label' => 'Address',
-        'placeholder' => 'Where will the activity be taking place?',
+        'placeholder' => 'Enter Address',
     ],
 
     'organizertype' => [
@@ -110,12 +110,12 @@
         'Promoting diversity' => 'Promoting diversity',
     ],
     'codeweek_for_all_participation_code' => [
-        'title' => 'CODE WEEK 4 ALL CODE',
+        'title' => 'Code Week 4 all code',
         'explanation' => 'If you have received a Code Week 4 all code from a school colleague or a friend paste it here, otherwise please leave it blank. More info about Code Week 4 All are available',
         'link' => 'here',
     ],
     'thanks_page' => [
-        'title' => 'Thanks for adding your activity!',
+        'title' => 'Thank you for adding your activity!',
         'phrase1' => 'One of our local ambassadors will now review your activity',
         'phrase2' => 'and make sure everything looks ok.',
         'phrase3' => 'If you have any questions, get in touch with one of our',
@@ -133,8 +133,8 @@
         'Other' => 'Other',
     ],
     'activitytype' => [
-        'label' => 'Activity Type',
-        'placeholder' => '',
+        'label' => 'Activity type',
+        'placeholder' => 'Select activity type',
         'open-online' => 'Open online activity',
         'invite-online' => 'Invite-only online activity',
         'open-in-person' => 'Open in-person activity',
diff --git a/resources/lang/en/girls-in-digital.php b/resources/lang/en/girls-in-digital.php
new file mode 100644
index 000000000..6032ac713
--- /dev/null
+++ b/resources/lang/en/girls-in-digital.php
@@ -0,0 +1,59 @@
+<?php
+
+return [
+    /*
+    |--------------------------------------------------------------------------
+    | Girls in digital week Language Lines
+    |--------------------------------------------------------------------------
+    |
+    | The following language lines contain the default error messages used by
+    | the validator class. Some of these rules have multiple versions such
+    | as the size rules. Feel free to tweak each of these messages here.
+    |
+    */
+
+    'landing_header' => 'Empower, inspire and celebrate the next generation of girls and young Europeans!',
+    'about_girls_title' => 'About Girls in Digital',
+    'about_girls_description_1' => 'Get ready to celebrate Girls in Digital Week from 24–28 March 2025, as we put a spotlight on inclusion, innovation, and the limitless opportunities digital skills offer to all!',
+    'about_girls_description_2' => 'Girls in Digital is part of a larger movement to inspire and empower the next generation of young Europeans—regardless of gender—to thrive in an inclusive digital world. Our purpose? To break down barriers and ensure that every young person—girl, boy, or non-binary—has the confidence to explore STE(A)M fields, embrace tech careers, and drive the future of innovation.',
+    'read_more' => 'Read More',
+    'resource_title' => 'Resources',
+    'resource_person_title' => 'Are you a young person or parent?',
+    'resource_person_description_1' => 'You are a young person passionate about technology, coding, or digital creativity; explore activities near you and begin your journey today.',
+    'resource_person_description_2' => 'You are a parent looking for inclusive activities for your child to participate in a safe and supportive space; discover opportunities that nurture their interest in technology and digital skills.',
+    'resource_educator_title' => 'Are you an educator?',
+    'resource_educator_description' => 'You are an educator looking to organise an activity to empower youth with digital skills in a safe and inclusive environment, where all feel welcomed to explore the endless opportunities that digital has to offer. Check our resources below for guidance and support in bringing your activity to life.',
+    'resource_search_activity' => 'Search an activity',
+    'resource_organise_activity' => 'Organise an activity',
+    'resource_digital_activity' => 'Girls in Digital Activity Guideline',
+    'resource_social_media' => 'Social Media Kit',
+    'relevant_statistics_title' => 'Some visual elements showing relevant Statistics',
+    'relevant_statistics_graph_1' => 'The graphs illustrate the persistent gender gap in ICT across different stages of a young European’s journey, from education to professional life. While female representation has gradually increased between 2013 and 2023, the sector remains male-dominated, highlighting the need for further progress in closing the gap.',
+    'relevant_statistics_graph_2' => 'Multiple interconnected factors influence girls\' and women\'s participation, achievement, and progression in STEM, with individual beliefs shaped by family, peers, education, and broader societal influences. This diagram illustrates the various factors at different levels influencing female representation in STEM. Addressing these factors holistically has been shown to positively impact confidence and motivation, encouraging more girls and women to pursue STEM education and careers.',
+    'faq' => 'FAQ’s',
+    'faq_girls_digital_title' => 'What is Girls in Digital?',
+    'faq_girls_digital_description' => 'Girls in Digital (GiD) is an EU Code Week initiative aimed at empowering girls and young women to explore and excel in digital skills, STEM fields, and technology-driven careers while fostering gender equality.',
+    'faq_girls_digital_activities_title' => 'Who can participate in Girls in Digital activities?',
+    'faq_girls_digital_activities_description' => 'The initiative is inclusive of all genders, but its primary focus is on encouraging and empowering girls and young women. Activities can be tailored for girls-only groups or mixed-gender settings.',
+    'faq_girls_digital_focus_title' => 'Why does Girls in Digital focus on girls?',
+    'faq_girls_digital_focus_description' => 'Girls are underrepresented in digital fields, STEM careers, and ICT studies. GiD aims to bridge these gaps and inspire a new generation of women in technology by breaking down gender stereotypes and promoting equality. A more gender-balanced workforce in these fields will not only foster innovation but also contribute to building a better, more inclusive future.',
+    'faq_girls_digital_organise_title' => 'How can I organise a Girls in Digital activity?',
+    'faq_girls_digital_organise_description' => 'You can use the Girls in Digital Activity Guidelines, which provide step-by-step instructions, resources, and tips to plan and execute engaging activities tailored to your group’s needs.',
+    'faq_girls_digital_skill_title' => 'Do I need prior experience in digital skills to organise an activity?',
+    'faq_girls_digital_skill_description' => 'No, the guidelines are designed to be accessible for everyone, regardless of their expertise. They include examples, templates, and resources to help you get started.',
+    'faq_girls_digital_type_organise_title' => 'What types of activities can I organise?',
+    'faq_girls_digital_type_organise_description' => 'Activities range from coding workshops and robotics challenges to interactive discussions on digital careers and gender equality. The guidelines also include creative projects that encourage teamwork and innovation.',
+    'faq_girls_digital_event_title' => 'Are there any funding opportunities for Girls in Digital events?',
+    'faq_girls_digital_event_description' => 'This depends on your region and local resources. Check with your national or regional hubs or reach out to partners affiliated with the initiative. Find the list of EU Code Week national and regional hubs',
+    'faq_girls_digital_skill_join_title' => 'Do I need any prior knowledge of coding or digital skills to join?',
+    'faq_girls_digital_skill_join_description' => 'Not at all! GiD activities are designed to be fun and beginner-friendly, encouraging everyone to explore and learn regardless of their starting point.',
+    'faq_girls_digital_participating_title' => 'What skills will I gain by participating?',
+    'faq_girls_digital_participating_description' => 'You’ll learn a variety of skills, including coding, problem-solving, teamwork, creativity, and critical thinking. You’ll also gain insights into digital careers and STE(A)M opportunities.',
+    'faq_girls_digital_students_title' => 'Can boys or nonbinary students participate in GiD activities?',
+    'faq_girls_digital_students_description' => 'Yes, GiD is inclusive of all genders. While the initiative aims to address the underrepresentation of girls in digital fields by providing them with tailored support and encouragement, it is important for all citizens–irrespective of their age, gender, nationalities ethnicity, abilities–to be aware of the current gender gap and help create a more inclusive digital future, making it essential for all individuals to engage, learn, and be part of the solution.',
+    'faq_girls_digital_promote_gender_title' => 'How does Girls in Digital promote gender equality?',
+    'faq_girls_digital_promote_gender_description' => 'By creating opportunities, breaking down stereotypes, and inspiring girls to pursue careers in technology, GiD contributes to bridging the gender gap in digital fields and fostering equality.',
+    'faq_girls_digital_goal_initiative_title' => 'What is the long-term goal of the initiative?',
+    'faq_girls_digital_goal_initiative_description' => 'Our long-term goal is to foster equality in STE(A)M, as a more gender-balanced workforce drives innovation, brings diverse perspectives, and creates a more inclusive environment. When everyone has equal opportunities to contribute, we unlock new ideas, fuel creativity, and develop stronger, more equitable solutions for the future. By breaking down barriers and encouraging diverse talent, we not only shape a fairer industry but also ensure that STE(A)M continues to thrive with fresh insights and groundbreaking advancements—paving the way for a future where everyone has equal access to opportunities in digital and STEM fields.',
+    'here' => 'HERE',
+];
diff --git a/resources/lang/en/login.php b/resources/lang/en/login.php
index b0e3a3503..fc5430960 100644
--- a/resources/lang/en/login.php
+++ b/resources/lang/en/login.php
@@ -21,13 +21,14 @@
 
     'email' => 'E-Mail Address',
     'password' => 'Password',
-    'remember' => 'Remember Me',
-    'forgotten_password' => 'Forgot Your Password ?',
+    'remember' => 'Keep me signed in',
+    'forgotten_password' => 'Forgot Your Password',
     'no_account' => 'Don\'t have an account ?',
     'signup' => 'Sign Up',
     'reset' => 'Reset Your Password',
-    'send_password' => 'Send Password Reset Link',
+    'send_password' => 'Reset Password',
     'confirm_password' => 'Confirm Password',
-    'name' => 'name',
-
-];
+    'name' => 'Fullname',
+    'resetpage_title' => 'Forgotten your password?',
+    'resetpage_description'=>'Confirm your email address below and we’ll send you instructions on how to create your new password',
+];
\ No newline at end of file
diff --git a/resources/lang/en/menu.php b/resources/lang/en/menu.php
index 99a386c67..7bfbf8df4 100644
--- a/resources/lang/en/menu.php
+++ b/resources/lang/en/menu.php
@@ -18,12 +18,14 @@
     'challenges' => 'Challenges',
     'online-courses' => 'Online Courses',
     'toolkits' => 'Presentations and Toolkits',
+    'girls_in_digital' => 'Girls in Digital',
     'why' => 'Why',
     'home' => 'Home',
     'search_result' => 'Search results',
     'events' => 'Activities',
     'ambassadors' => 'Ambassadors',
     'resources' => 'Resources',
+    'game_and_competitions' => 'Games & Competitions',
     'schools' => 'Schools',
     'about' => 'About',
     'blog' => 'Blog',
diff --git a/resources/views/ambassadors.blade.php b/resources/views/ambassadors.blade.php
index 7dc22d7a0..6032f9040 100755
--- a/resources/views/ambassadors.blade.php
+++ b/resources/views/ambassadors.blade.php
@@ -16,7 +16,7 @@
 
                 <img src="images/banner_ambassadors.svg" class="static-image">
                 @if(request()->get("country_iso") == "IT" || request()->get("country_iso") == "GR" || request()->get("country_iso") == "LT")
-                <div class="mt-16 mr-8 absolute">
+                <div class="absolute mt-16 mr-8">
                     <img src="{{asset('images/ally.png')}}" width="100px">
                 </div>
                     @endif
diff --git a/resources/views/auth/login.blade.php b/resources/views/auth/login.blade.php
index fbd360632..e84fc0944 100644
--- a/resources/views/auth/login.blade.php
+++ b/resources/views/auth/login.blade.php
@@ -1,101 +1,146 @@
-@extends('layout.base')
+@extends('layout.new_base')
 
-@section('content')
-    <section id="codeweek-login-page" class="codeweek-page">
-
-        <section class="codeweek-banner simple">
-            <div class="text">
-                <h2>#EUCodeWeek</h2>
-                <h1>@lang('login.login')</h1>
-            </div>
-        </section>
-
-        <section class="codeweek-content-wrapper">
-
-            <section class="codeweek-content-wrapper-inside">
+@php
+    $list = [
+      (object) ['label' => __('menu.signin'), 'href' => ''],
+    ];
+@endphp
+@section('layout.breadcrumb')
+    @include('layout.breadcrumb', ['list' => $list])
+@endsection
 
-                <div class="social-media-buttons">
 
-                    <a href="/login/facebook" class="codeweek-action-link-button facebook">
-                        <img src="/images/facebook_white.svg">
-                        @lang('login.facebook')
-                    </a>
-                    <a href="/login/google" class="codeweek-action-link-button google">
-                        <img src="/images/google_white.svg">
-                        @lang('login.google')
-                    </a>
-                    <a href="/login/github" class="codeweek-action-link-button github">
-                        <img src="/images/github_white.svg">
-                        @lang('login.github')
+@section('content')
+    <section id="codeweek-login-page">
+        <section class="py-10 px-5 lg:p-20 bg-secondary-gradient flex justify-center relative overflow-hidden">
+            <div class="bg-white pb-10 pt-6 px-6 lg:p-16 rounded-[2rem] w-full md:max-w-[760px] z-10">
+                <div class="flex">
+                    <a class="flex-1 flex justify-center p-4 border-b-4 border-dark-blue font-['Montserrat'] font-bold text-xl text-dark-blue cursor-pointer">
+                        @lang('login.login')
                     </a>
-                    <a href="/login/twitter" class="codeweek-action-link-button twitter">
-                        <img src="/images/x_logo.svg">
-                        @lang('login.X')
+                    <a class="flex-1 flex justify-center p-4 border-b-4 border-dark-blue-300 font-['Montserrat'] font-medium text-xl text-dark-blue-400 cursor-pointer" href="/register">
+                        @lang('login.register')
                     </a>
                 </div>
-
-                <div class="separator">
-                    <div class="line"></div>
-                    <div class="text" style="text-transform: uppercase">@lang('base.or')</div>
-                    <div class="line"></div>
+                <div class="flex justify-center p-6 lg:p-10">
+                    <div class="flex gap-4">
+                        <a href="/login/twitter" class="flex justify-center items-center bg-dark-blue-50 w-10 h-10 rounded-full">
+                            <img src="/images/social/prime_twitter.svg">
+                        </a>
+                        <a href="/login/github" class="flex justify-center items-center bg-dark-blue-50 w-10 h-10 rounded-full">
+                            <img src="/images/social/fe_github.svg">
+                        </a>
+                        <a href="/login/facebook" class="flex justify-center items-center bg-dark-blue-50 w-10 h-10 rounded-full">
+                            <img src="/images/social/logos_facebook.svg">
+                        </a>
+                        <a href="/login/google" class="flex justify-center items-center bg-dark-blue-50 w-10 h-10 rounded-full">
+                            <img src="/images/social/devicon_google.svg">
+                        </a>
+                    </div>
                 </div>
+                <div class="h-[1px] w-full bg-black relative">
+                    <div class="uppercase px-4 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white font-['Blinker'] font-bold text-xl">@lang('base.or')</div>
+                </div>
+                <form class="pt-6 lg:pt-10 font-['Blinker']" method="POST" action="{{ route('login') }}">
+                    {{ csrf_field() }}
 
-                <div class="login-form">
-                    <form method="POST" action="{{ route('login') }}">
-                        {{ csrf_field() }}
-
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="email">@lang('login.email')</label>
-                                <input id="email" type="email" name="email"
-                                       value="{{old('email')}}" required autofocus>
-                            </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'email'])@endcomponent
-                            </div>
+                    <div class="mb-6">
+                        <div>
+                            <label for="email" class="font-normal text-xl">@lang('login.email')*</label>
+                            <input id="email" type="email" name="email"
+                                   class="border-2 border-solid border-dark-blue-200 w-full rounded-full h-12 px-4 mt-3"
+                                   value="{{old('email')}}" required autofocus>
                         </div>
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="password">@lang('login.password')</label>
+                        <div class="text-error-200 font-semibold mt-2">
+                            @component('components.validation-errors', ['field'=>'email'])@endcomponent
+                        </div>
+                    </div>
+                    <div class="mb-3">
+                        <div>
+                            <label for="password" class="font-normal text-xl">@lang('login.password')*</label>
+                            <div class="relative mt-3">
                                 <input id="password" type="password" name="password"
+                                       class="border-2 border-solid border-dark-blue-200 w-full rounded-full h-12 px-4"
                                        value="{{old('title')}}" required>
-                            </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'password'])@endcomponent
-                            </div>
-                        </div>
-                        <div class="codeweek-form-field-checkbox">
-                            <label>
-                                <input id="remember" name="remember" type="checkbox" {{ old('remember') ? 'checked' : '' }}>
-                                @lang('login.remember')
-                            </label>
-                        </div>
-
-                        <div class="codeweek-form-button-container">
-                            <div class="codeweek-button">
-                                <input type="submit" value="@lang('login.login')">
+                                <img src="/images/eye.svg" id="password-eye" class="absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer">
+                                <img src="/images/eye-slash.svg" id="password-eye-slash" class="absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer hidden">
                             </div>
                         </div>
-                    </form>
-                    <div class="login-other-actions">
-                        <div class="forgot-password">
-                            <a href="{{ route('password.request') }}">
-                                @lang('login.forgotten_password')
-                            </a>
-                        </div>
-                        <div class="sign-up">
-                            @lang('login.no_account') &nbsp;
-                            <a href="/register">
-                                @lang('login.signup')
-                            </a>
+                        <div class="text-error-200 font-semibold mt-2">
+                            @component('components.validation-errors', ['field'=>'password'])@endcomponent
                         </div>
                     </div>
+                    <div class="flex justify-end">
+                        <a class="text-dark-blue text-lg font-semibold underline" href="{{ route('password.request') }}">
+                            @lang('login.forgotten_password')
+                        </a>
+                    </div>
+                    <div class="relative flex items-center gap-3">
+                        <input id="remember" name="remember" type="checkbox"
+                               class="peer relative w-8 h-8 border-2 border-solid border-dark-blue-200 rounded-md appearance-none cursor-pointer checked:bg-dark-blue checked:border-0"
+                                {{ old('remember') ? 'checked' : '' }}>
+                        <label for="remember" class="font-normal text-[16px] cursor-pointer">@lang('login.remember')</label>
+                        <svg
+                            class="absolute top-1 w-6 h-6 hidden peer-checked:block ml-1"
+                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 24 24"
+                            fill="none"
+                            stroke="white"
+                            stroke-width="4"
+                            stroke-linecap="round"
+                            stroke-linejoin="round"
+                        >
+                            <polyline points="20 6 9 17 4 12"></polyline>
+                        </svg>
+                    </div>
 
-                </div>
-
-            </section>
+                    <div class="flex justify-center mt-6">
+                        <input class="cursor-pointer bg-primary hover:bg-hover-orange rounded-full py-4 px-20 font-semibold text-base w-full md:w-auto text-center text-[#20262C] transition-all duration-300" type="submit" value="@lang('login.login')">
+                    </div>
+                </form>
+            </div>
 
+            <img
+                class="absolute top-0 -right-1/4 h-full max-w-[calc(70vw)] object-cover opacity-70 hidden md:block"
+                loading="lazy"
+                src="../images/login_bg.png"
+                style="clip-path: ellipse(70% 140% at 70% 25%);"
+            />
         </section>
 
+        @livewire('still-have-question-section')
     </section>
 @endsection
+
+@push('scripts')
+<script type="text/javascript">
+    document.addEventListener('DOMContentLoaded', function() {
+        const passwordInput = document.getElementById('password');
+        const eyeIcon = document.getElementById('password-eye');
+        const eyeSlashIcon = document.getElementById('password-eye-slash');
+
+        const togglePasswordVisibility = (event) => {
+            event.preventDefault(); // Prevents unintended behavior
+
+            if (passwordInput.type === 'password') {
+                passwordInput.setAttribute('type', 'text');
+                eyeIcon.classList.add('hidden');
+                eyeSlashIcon.classList.remove('hidden');
+            } else {
+                passwordInput.setAttribute('type', 'password');
+                eyeIcon.classList.remove('hidden');
+                eyeSlashIcon.classList.add('hidden');
+            }
+
+            // Refocus input after changing type to avoid losing cursor position
+            passwordInput.focus();
+            const val = passwordInput.value;
+            passwordInput.value = ''; // Temporarily clear
+            passwordInput.value = val; // Restore to keep cursor at the end
+        };
+
+        eyeIcon.addEventListener('mousedown', togglePasswordVisibility);
+        eyeSlashIcon.addEventListener('mousedown', togglePasswordVisibility);
+    });
+</script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/auth/passwords/email.blade.php b/resources/views/auth/passwords/email.blade.php
index 3fa73816a..c153892fe 100644
--- a/resources/views/auth/passwords/email.blade.php
+++ b/resources/views/auth/passwords/email.blade.php
@@ -1,25 +1,20 @@
-@extends('layout.base')
+@extends('layout.new_base')
 
 @section('content')
-    <section id="codeweek-forgotpassword-page" class="codeweek-page">
+    <section id="codeweek-forgotpassword-page">
+        <section class="py-10 px-5 lg:p-20 bg-secondary-gradient flex justify-center relative overflow-hidden">
 
-        <section class="codeweek-banner simple">
-            <div class="text">
-                <h2>#EUCodeWeek</h2>
-                <h1>@lang('login.reset')</h1>
-            </div>
-        </section>
+            <section class="bg-white pb-10 pt-6 px-6 lg:p-16 rounded-[2rem] w-full md:max-w-[760px] z-10" >
 
-        <section class="codeweek-content-wrapper">
-
-            <section class="codeweek-content-wrapper-inside">
+                <div class="reset_title">@lang('login.resetpage_title')</div>
+                <div class="reset_description">@lang('login.resetpage_description')</div>
                 <form method="POST" action="{{ route('password.email') }}">
                     @csrf
 
                     <div class="codeweek-form-field-wrapper">
                         <div class="codeweek-form-field">
-                            <label for="email">@lang('login.email')</label>
-                            <input id="email" type="email" name="email"
+                            <label for="email" class="font-normal text-xl">@lang('login.email')</label>
+                            <input class="border-2 border-solid border-dark-blue-200 w-full rounded-full h-12 px-4 mt-3" id="email" type="email" name="email"
                                    value="{{old('email')}}" required autofocus>
                         </div>
                         <div class="errors">
@@ -27,16 +22,19 @@
                         </div>
                     </div>
 
-                    <div class="codeweek-form-button-container">
-                        <div class="codeweek-button">
-                            <input type="submit" value="@lang('login.send_password')">
-                        </div>
+                    <div class="flex justify-center mt-6">
+                        <input style="font-family: Blinker;" class="cursor-pointer bg-primary hover:bg-hover-orange rounded-full py-4 px-20 font-semibold text-base w-full md:w-auto text-center text-[#20262C] transition-all duration-300" type="submit" value="@lang('login.send_password')">
                     </div>
 
                 </form>
+                </section>
+                <img
+                    class="absolute top-0 -right-1/4 h-full max-w-[calc(70vw)] object-cover opacity-70 hidden md:block"
+                    loading="lazy"
+                    src="../images/login_bg.png"
+                    style="clip-path: ellipse(70% 140% at 70% 25%);"
+                 />
+
+                </section>
             </section>
-
-        </section>
-
-    </section>
-@endsection
+        @endsection
diff --git a/resources/views/auth/passwords/reset.blade.php b/resources/views/auth/passwords/reset.blade.php
index 3cc291d3a..537bb0b5b 100644
--- a/resources/views/auth/passwords/reset.blade.php
+++ b/resources/views/auth/passwords/reset.blade.php
@@ -2,7 +2,7 @@
 
 @section('content')
 
-    <section id="codeweek-forgotpassword-page" class="codeweek-page">
+    <section id="codeweek-forgotpassword-page" class="codeweek-page ">
 
         <section class="codeweek-banner simple">
             <div class="text">
@@ -13,7 +13,7 @@
 
         <section class="codeweek-content-wrapper">
 
-            <section class="codeweek-content-wrapper-inside">
+            <section class="codeweek-content-wrapper-inside ">
 
                 <form class="form-horizontal" method="POST" action="{{ route('password.request') }}">
                     @csrf
@@ -26,7 +26,7 @@
 
                         <div style="width:600px">
                             <input id="email" type="email"
-                                   class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}"
+                                   class="w-full px-6 py-3 text-form md:max-w-[472px]  rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full form-control{{ $errors->has('email') ? ' is-invalid' : '' }}"
                                    name="email" value="{{ app('request')->input('email') }}" required autofocus>
 
                             @if ($errors->has('email'))
@@ -89,4 +89,3 @@ class="form-control{{ $errors->has('password_confirmation') ? ' is-invalid' : ''
     </section>
 
 
-
diff --git a/resources/views/auth/register.blade.php b/resources/views/auth/register.blade.php
index f7cb0cb59..656298027 100644
--- a/resources/views/auth/register.blade.php
+++ b/resources/views/auth/register.blade.php
@@ -1,88 +1,173 @@
-@extends('layout.base')
+@extends('layout.new_base')
 
-@section('content')
-    <section id="codeweek-register-page" class="codeweek-page">
-
-        <section class="codeweek-banner simple">
-            <div class="text">
-                <h2>#EUCodeWeek</h2>
-                <h1>@lang('login.register')</h1>
-            </div>
-        </section>
-
-        <section class="codeweek-content-wrapper">
+@php
+    $list = [
+      (object) ['label' => __('login.register'), 'href' => ''],
+    ];
+@endphp
+@section('layout.breadcrumb')
+    @include('layout.breadcrumb', ['list' => $list])
+@endsection
 
-            <section class="codeweek-content-wrapper-inside">
-                <form method="POST" action="{{ route('register') }}">
+@section('content')
+    <section id="codeweek-register-page">
+        <section class="py-10 px-5 lg:p-20 bg-secondary-gradient flex justify-center relative overflow-hidden">
+            <div class="bg-white pb-10 pt-6 px-6 lg:p-16 rounded-[2rem] w-full md:max-w-[760px] z-10">
+                <div class="flex">
+                    <a class="flex-1 flex justify-center p-4 border-b-4 border-dark-blue-300 font-['Montserrat'] font-medium text-xl text-dark-blue-400 cursor-pointer" href="/login">
+                        @lang('login.login')
+                    </a>
+                    <a class="flex-1 flex justify-center p-4 border-b-4 border-dark-blue font-['Montserrat'] font-bold text-xl text-dark-blue cursor-pointer">
+                        @lang('login.register')
+                    </a>
+                </div>
+                <div class="flex justify-center p-6 lg:p-10">
+                    <div class="flex gap-4">
+                        <a href="/login/twitter" class="flex justify-center items-center bg-dark-blue-50 w-10 h-10 rounded-full">
+                            <img src="/images/social/prime_twitter.svg">
+                        </a>
+                        <a href="/login/github" class="flex justify-center items-center bg-dark-blue-50 w-10 h-10 rounded-full">
+                            <img src="/images/social/fe_github.svg">
+                        </a>
+                        <a href="/login/facebook" class="flex justify-center items-center bg-dark-blue-50 w-10 h-10 rounded-full">
+                            <img src="/images/social/logos_facebook.svg">
+                        </a>
+                        <a href="/login/google" class="flex justify-center items-center bg-dark-blue-50 w-10 h-10 rounded-full">
+                            <img src="/images/social/devicon_google.svg">
+                        </a>
+                    </div>
+                </div>
+                <div class="h-[1px] w-full bg-black relative">
+                    <div class="uppercase px-4 absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 bg-white font-['Blinker'] font-bold text-xl">@lang('base.or')</div>
+                </div>
+                <form class="pt-10 font-['Blinker']" method="POST" action="{{ route('register') }}">
                     @csrf
                     @honeypot
 
-                    <div class="codeweek-form-field-wrapper">
-                        <div class="codeweek-form-field">
-                            <label for="name">@lang('login.name')</label>
+                    <div class="mb-6">
+                        <div>
+                            <label for="email" class="font-normal text-xl">@lang('login.email')*</label>
+                            <input id="email" type="email" name="email"
+                                   class="border-2 border-solid border-dark-blue-200 w-full rounded-full h-12 px-4 mt-3"
+                                   value="{{old('email')}}" required autofocus>
+                        </div>
+                        <div class="text-error-200 font-semibold mt-2">
+                            @component('components.validation-errors', ['field'=>'email'])@endcomponent
+                        </div>
+                    </div>
+                    <div class="mb-6">
+                        <div>
+                            <label for="name" class="font-normal text-xl">@lang('login.name')</label>
                             <input id="name" type="text" name="name"
-                                   value="{{old('name')}}" required>
+                                   class="border-2 border-solid border-dark-blue-200 w-full rounded-full h-12 px-4 mt-3"
+                                   value="{{old('name')}}" required autofocus>
                         </div>
-                        <div class="errors">
+                        <div class="text-error-200 font-semibold mt-2">
                             @component('components.validation-errors', ['field'=>'name'])@endcomponent
                         </div>
                     </div>
-
-                    <div class="codeweek-form-field-wrapper">
-                        <div class="codeweek-form-field">
-                            <label for="email">@lang('login.email')</label>
-                            <input id="email" type="email" name="email"
-                                   value="{{old('email')}}" required autofocus>
+                    <div class="mb-6">
+                        <div>
+                            <label for="password" class="font-normal text-xl">@lang('login.password')*</label>
+                            <div class="relative mt-3">
+                                <input id="password" type="password" name="password"
+                                       class="border-2 border-solid border-dark-blue-200 w-full rounded-full h-12 px-4"
+                                       value="{{old('password')}}" required>
+                                <img src="/images/eye.svg" id="password-eye" class="absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer">
+                                <img src="/images/eye-slash.svg" id="password-eye-slash" class="absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer hidden">
+                            </div>
                         </div>
-                        <div class="errors">
-                            @component('components.validation-errors', ['field'=>'email'])@endcomponent
+                        <div class="text-error-200 font-semibold mt-2">
+                            @component('components.validation-errors', ['field'=>'password'])@endcomponent
                         </div>
                     </div>
-
-
-                    <div class="codeweek-form-field-wrapper">
-                        <div class="codeweek-form-field">
-                            <label for="email">@lang('login.password')</label>
-                            <input id="password" type="password" name="password"
-                                   value="{{old('password')}}" required>
+                    <div class="mb-5">
+                        <div>
+                            <label for="password_confirmation" class="font-normal text-xl">@lang('login.confirm_password')*</label>
+                            <div class="relative mt-3">
+                                <input id="password_confirmation" type="password" name="password_confirmation"
+                                       class="border-2 border-solid border-dark-blue-200 w-full rounded-full h-12 px-4"
+                                       required>
+                                <img src="/images/eye.svg" id="confirm-password-eye" class="absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer">
+                                <img src="/images/eye-slash.svg" id="confirm-password-eye-slash" class="absolute right-4 top-1/2 -translate-y-1/2 cursor-pointer hidden">
+                            </div>
                         </div>
-                        <div class="errors">
+                        <div class="text-error-200 font-semibold mt-2">
                             @component('components.validation-errors', ['field'=>'password'])@endcomponent
                         </div>
                     </div>
-
-                    <div class="codeweek-form-field-wrapper">
-                        <div class="codeweek-form-field">
-                            <label for="email">@lang('login.confirm_password')</label>
-                            <input id="password-confirm" type="password" name="password_confirmation" required>
+                    <div>
+                        <div class="relative flex md:items-center gap-3">
+                            <input id="checkPrivacy" name="privacy" type="checkbox"
+                                   class="peer relative min-w-8 w-8 h-8 border-2 border-solid border-dark-blue-200 rounded-md appearance-none cursor-pointer checked:bg-dark-blue checked:border-0">
+                            <label for="checkPrivacy" class="font-normal text-[16px] cursor-pointer">
+                                I agree with the handling of my data in accordance with the company <a href="{{route('privacy')}}" class="text-dark-blue underline font-semibold">privacy policy</a>.
+                            </label>
+                            <svg
+                                    class="absolute top-1 w-6 h-6 hidden peer-checked:block ml-1"
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    viewBox="0 0 24 24"
+                                    fill="none"
+                                    stroke="white"
+                                    stroke-width="4"
+                                    stroke-linecap="round"
+                                    stroke-linejoin="round"
+                            >
+                                <polyline points="20 6 9 17 4 12"></polyline>
+                            </svg>
                         </div>
-                        <div class="errors">
-                            @component('components.validation-errors', ['field'=>'password-confirm'])@endcomponent
+                        <div class="text-error-200 font-semibold mt-2">
+                            @component('components.validation-errors', ['field'=>'privacy'])@endcomponent
                         </div>
                     </div>
 
-                    <div class="codeweek-form-field-privacy">
-                        <label>
-                            <input id="checkPrivacy" name="privacy" type="checkbox">
-                            @lang('event.privacy')
-                            <a href="{{route('privacy-contact-points')}}" target="_blank">
-                                <img src="/images/external-link.svg" width="16" class="static-image">
-                            </a>
-                        </label>
-                        @component('components.validation-errors', ['field'=>'privacy'])
-                        @endcomponent
-                    </div>
-
-                    <div class="codeweek-form-button-container">
-                        <div class="codeweek-button">
-                            <input type="submit" value="@lang('login.register')">
-                        </div>
+                    <div class="flex justify-center mt-6">
+                        <input class="cursor-pointer bg-primary hover:bg-hover-orange rounded-full py-4 px-20 font-semibold text-base w-full md:w-auto text-center text-[#20262C] transition-all duration-300" type="submit" value="@lang('login.register')">
                     </div>
-
                 </form>
-            </section>
+            </div>
 
+            <img
+                class="absolute top-0 -right-1/4 h-full max-w-[calc(70vw)] object-cover opacity-70 hidden md:block"
+                loading="lazy"
+                src="../images/login_bg.png"
+                style="clip-path: ellipse(70% 140% at 70% 25%);"
+            />
         </section>
 
+        @livewire('still-have-question-section')
     </section>
 @endsection
+
+@push('scripts')
+<script type="text/javascript">
+  document.addEventListener('DOMContentLoaded', function() {
+    const passwordInput = document.getElementById('password');
+    const confirmPasswordInput = document.getElementById('password_confirmation');
+    const eyeIcon = document.getElementById('password-eye');
+    const eyeSlashIcon = document.getElementById('password-eye-slash');
+    const confirmEyeIcon = document.getElementById('confirm-password-eye');
+    const confirmEyeSlashIcon = document.getElementById('confirm-password-eye-slash');
+
+    const togglePasswordVisibility = () => {
+      const isPassword = passwordInput.type === 'password';
+      passwordInput.type = isPassword ? 'text' : 'password';
+      eyeIcon.style.display = isPassword ? 'none' : 'block';
+      eyeSlashIcon.style.display = isPassword ? 'block' : 'none';
+    };
+
+    eyeIcon.addEventListener('click', togglePasswordVisibility);
+    eyeSlashIcon.addEventListener('click', togglePasswordVisibility);
+
+    const toggleConfirmPasswordVisibility = () => {
+      const isConfirmPassword = confirmPasswordInput.type === 'password';
+      confirmPasswordInput.type = isConfirmPassword ? 'text' : 'password';
+      confirmEyeIcon.style.display = isConfirmPassword ? 'none' : 'block';
+      confirmEyeSlashIcon.style.display = isConfirmPassword ? 'block' : 'none';
+    };
+
+    confirmEyeIcon.addEventListener('click', toggleConfirmPasswordVisibility);
+    confirmEyeSlashIcon.addEventListener('click', toggleConfirmPasswordVisibility);
+  });
+</script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/community.blade.php b/resources/views/community.blade.php
index 142574986..922759509 100755
--- a/resources/views/community.blade.php
+++ b/resources/views/community.blade.php
@@ -1,320 +1,747 @@
-@extends('layout.tall')
+@extends('layout.new_base')
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/nice-select2@2.1.0/dist/css/nice-select2.css">
+@section('non-vue-content')
+    <section id="codeweek-ambassadors-page" class="codeweek-page font-['Blinker']">
+        @php
+            $list = [(object) ['label' => __('community.titles.0'), 'href' => '']];
+        @endphp
+    @section('layout.breadcrumb')
+        @include('layout.breadcrumb', ['list' => $list])
+    @endsection
+
+    <style>
+
+        .nice-select .option.selected {
+            color: black!important;
+        }
+        .leaflet-top.leaflet-left {
+            display: none;
+        }
 
-@section('content')
+        #map-controls {
+            @apply absolute top-4 right-4 z-50 flex flex-col gap-2;
+        }
 
+        #custom-zoom,
+        #home-button {
+            @apply cursor-pointer bg-white rounded-lg p-2 shadow-md hover:bg-gray-200 transition-all;
+        }
 
+        .hero-image {
+            clip-path: ellipse(71% 73% at 40% 20%);
+        }
 
-    <section id="codeweek-ambassadors-page" class="codeweek-page">
+        @media (min-width: 768px) {
+            .hero-image {
+                clip-path: ellipse(70% 120% at 70% -2%);
+            }
+        }
 
+        .nice-select.open .nice-select-dropdown {
+            opacity: 1;
+            pointer-events: auto;
+            transform: scale(1) translateY(0);
+            width: 100%;
+            z-index: 9999999;
+        }
 
-        <section class="codeweek-banner ambassadors">
-            <div class="text">
-                <h2>#EUCodeWeek</h2>
-                <h1>@lang('community.titles.0')</h1>
-            </div>
-            <div class="image">
-                <img src="images/banner_ambassadors.svg" class="static-image">
-            </div>
-        </section>
+        .nice-select .option.focus,
+        .nice-select .option.selected.focus {
+            background-color: #1C4DA1;
+            color: white;
+        }
 
-        <section class="codeweek-content-wrapper">
+        .nice-select .option:hover {
+            background-color: #F95C22;
+            color: black;
+        }
 
+        .nice-select ul {
+            margin: 0px;
+        }
 
-            <p style="line-height: 30px;">@lang('community.intro.0').<br/>@lang('community.intro.1')</p>
-            <h3>@lang('community.intro.2')</h3>
+        /* Style the scrollbar */
+        #teacher-details::-webkit-scrollbar {
+            border-radius: 8px;
+        }
 
-            <section class="codeweek-searchbox">
-                <form method="get" action="/community" enctype="multipart/form-data">
-                    <select id="id_country" name="country_iso" onchange="this.form.submit()"
-                            class="codeweek-input-select">
-                        @foreach ($countries as $country)
-                            <option value="{{$country->iso}}" {{app('request')->input('country_iso') == $country->iso ? 'selected' : ''}}>{{$country->translation}}</option>
-                        @endforeach
-                    </select>
-                </form>
-            </section>
+        /* Style the scrollbar thumb (draggable part) */
+        #teacher-details::-webkit-scrollbar-thumb {
+            background: #1C4DA1;
+            border-radius: 6px;
+            min-height: 150px !important;
+            /* Increased minimum height */
+        }
 
+        /* Firefox scrollbar styling */
+        #teacher-details {
+            scrollbar-width: auto;
+            scrollbar-color: #1C4DA1 #D6D8DA;
+        }
 
-            <section class="codeweek-blue-box">
+        /* Style the scrollbar track (background) */
+        #teacher-details::-webkit-scrollbar-track {
+            background: #D6D8DA;
+            border-radius: 8px;
+        }
+    </style>
+
+    <section class="relative flex flex-col overflow-hidden bg-violet-gradient">
+        <div class="relative w-full transition-all">
+            <div
+                class="relative flex flex-col justify-end w-full overflow-hidden md:p-0 md:flex-row md:items-center h-[760px]">
+                <div class="relative flex items-center justify-start w-full h-full duration-1000 home-activity">
+                    <!-- Image with clip-path -->
+                    <img class="absolute top-0 right-0 w-full md:w-[60vw] h-[50%]  md:h-full object-cover transition-all duration-300 hero-image"
+                        src="images/community/mobile-header.png"
+                        srcset="images/community/mobile-header.png 768w, images/community/1.jpg 769w" />
+                    <div
+                        class="flex flex-col-reverse items-center justify-between w-full mx-auto max-md:h-full md:flex-row codeweek-container-lg">
+                        <div class="flex items-center justify-center w-full md:w-1/2">
+                            <div
+                                class="px-6 py-10 md:px-14 md:py-[4.5rem] bg-white rounded-[32px] z-10 w-full max-w-[40rem] h-fit relative -top-6">
+                                <h4
+                                    class="text-[#1C4DA1] text-[30px] md:text-[60px] leading-9 md:leading-[72px] font-normal font-['Montserrat'] mb-4">
+                                    @lang('community.titles.0')
+                                </h4>
+                                <p
+                                    class="text-xl  md:text-2xl leading-8 text-[#333E48] p-0 mb-4 max-md:max-w-full max-w-[525px]">
+                                    A vibrant network of educators, volunteers and ambassadors driving EU Code Week forward. Connect, collaborate and inspire the next generation of digital innovators in your country — and beyond.
+                                </p>
+                                <a class="hidden bg-primary hover:bg-hover-orange rounded-full py-4 px-6 md:px-10 font-semibold text-base w-full md:w-auto text-center text-[#20262C] transition-all duration-300"
+                                    href="#">
+                                    Learn More
+                                </a>
+                            </div>
+                        </div>
+                        <button class="items-center justify-center hidden w-full md:w-1/2 group max-md:h-full">
+                            <svg class="z-50 transition-all duration-300" width="80" height="80"
+                                viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                <rect width="80" height="80" rx="40"
+                                    class="transition-all duration-300 fill-[#FFD700] group-hover:fill-white" />
+                                <path d="M31.3335 25L54.6668 40L31.3335 55V25Z" stroke="black" stroke-width="3.33333"
+                                    stroke-linecap="round" stroke-linejoin="round" />
+                            </svg>
+                        </button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="flex flex-col py-8 text-xl text-gray-700 lg:py-20 px-36 max-md:px-5">
+        <div class="relative w-full mx-auto max-w-[1350px]">
+            <div class="max-w-full mx-auto overflow-hidden leading-8 max-md:max-w-full">
+                @lang('community.intro.0').<br />@lang('community.intro.1')
+            </div>
+            <div class="flex flex-col w-full mt-10 max-md:max-w-full">
+                <h3 class="font-bold max-md:max-w-full">
+                    @lang('community.intro.2')
+                </h3>
+                <div role="button" tabindex="0" aria-haspopup="listbox" class="flex pt-2 pb-6">
+
+                    <form class="w-full" method="get" action="/community" enctype="multipart/form-data">
+                        <select id="country-select" name="country_iso"
+                            class="flex flex-wrap gap-10 justify-between items-center px-6 py-2.5 text-xl text-gray-700 whitespace-nowrap rounded-3xl border-2 border-secondary border-solid w-full max-w-[582px] max-md:px-5 h-[50px]">
+                            @foreach ($countries as $country)
+                                <option value="{{ $country->iso }}"
+                                    {{ app('request')->input('country_iso') == $country->iso ? 'selected' : '' }}>
+                                    {{ $country->translation }}
+                                </option>
+                            @endforeach
+                        </select>
+                    </form>
 
+                </div>
+            </div>
+        </div>
 
+    </section>
+
+    <section class="relative overflow-hidden animation-section bg-[#FFFBE5]">
+        <div class="relative z-10 flex flex-col-reverse items-center gap-12 py-16 codeweek-container-lg md:flex-row">
+            <div class="flex-1">
+                <div class="relative inline-block observer-element">
+                    <img class="relative z-10 w-full max-w-xl" loading="lazy" src="/images/community/2.png" />
+                    <img class="animation-element move-background duration-[1.5s] absolute top-0 left-0 w-full max-w-xl"
+                        loading="lazy" src="/images/shape.png" style="transform: translate(-16px, -24px)" />
+                </div>
+            </div>
+            <div class="flex-1">
+                <h4 class="text-[#1C4DA1] text-2xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-6">
+                    @lang('community.titles.1')
+                </h4>
+                <p class="text-[#333E48] text-lg md:text-xl leading-7 p-0 mb-10">
+                    @lang('community.ambassadors')
+                </p>
 
-                <section class="community_type_section">
-                    <h2 class="subtitle">@lang('community.titles.1')</h2>
-                    <div class="community_type">
-                        <div class="text">
-                            <p>
-                                @lang('community.ambassadors')
-                            </p>
+            </div>
+        </div>
+
+        <div class="grid grid-cols-2 gap-8 mx-auto mb-12 max-lg:grid-cols-1 codeweek-container-lg max-xl:px-5">
+            @forelse ($ambassadors as $ambassador)
+                <div class="relative z-50 flex p-4 bg-transparent border-2 border-solid rounded-2xl border-secondary max-sm:w-full "
+                    role="article" aria-labelledby="profile-name">
+                    <img class="object-cover w-32 h-32" src="{{ $ambassador->avatar }}" class="card-image-avatar">
+                    <div class="flex flex-col flex-1 ml-8 max-sm:ml-8">
+                        <div class="flex flex-col gap-1 mt-1">
+                            <h4 id="profile-name" class="text-2xl font-medium leading-7 text-blue-800">
+                                {{ $ambassador->fullName() }}</h4>
+                            <p class="text-lg font-medium leading-6 text-gray-700">{{ $ambassador->bio }}</p>
                         </div>
-                        <div class="image">
-                            <img src="{{asset('/images/ambassadors.png')}}">
+                        <div class="flex items-center w-full gap-4 mt-4">
+                            @if ($ambassador->email)
+                                <a class="group flex gap-2 items-start my-auto text-base font-semibold leading-none text-[#1C4DA1] hover:text-white overflow-hidden px-6 w-auto whitespace-nowrap py-2.5 rounded-3xl border-2 border-[#1C4DA1] border-solid hover:bg-[#1C4DA1]"
+                                    href="mailto:{{ $ambassador->email }}">
+                                    <span class="my-auto">Get in touch</span>
+                                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
+                                        viewBox="0 0 16 16" fill="none"
+                                        class="text-[#1C4DA1] group-hover:text-white">
+                                        <path d="M3.11865 8H12.452" stroke="currentColor" stroke-width="1.33333"
+                                            stroke-linecap="round" stroke-linejoin="round"></path>
+                                        <path d="M7.78516 3.33337L12.4518 8.00004L7.78516 12.6667" stroke="currentColor"
+                                            stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round">
+                                        </path>
+                                    </svg>
+                                </a>
+                            @endif
+                            @if ($ambassador->twitter)
+                                <a class="group" target="_blank" href="http://twitter.com/{{ $ambassador->twitter }}">
+                                    <svg width="40" height="40" viewBox="0 0 40 40" fill="none"
+                                        xmlns="http://www.w3.org/2000/svg">
+                                        <rect width="40" height="40" rx="20" fill="#E8EDF6"
+                                            class="group-hover:fill-[#1C4DA1] transition-colors duration-300"></rect>
+                                        <g clip-path="url(#clip0_671_8155)">
+                                            <mask id="mask0_671_8155" style="mask-type:luminance"
+                                                maskUnits="userSpaceOnUse" x="8" y="8" width="24" height="24">
+                                                <path d="M8 8H32V32H8V8Z" fill="white"></path>
+                                            </mask>
+                                            <g mask="url(#mask0_671_8155)">
+                                                <path
+                                                    d="M24.8875 12.0001H27.4946L21.7996 18.7769L28.5 28.0001H23.2543L19.1427 22.4074L14.4434 28.0001H11.8339L17.9248 20.7491L11.5 12.0013H16.8793L20.5901 17.1123L24.8875 12.0001ZM23.9707 26.3758H25.4157L16.09 13.5398H14.5406L23.9707 26.3758Z"
+                                                    class="fill-[#000000] group-hover:fill-[#ffffff]"></path>
+                                            </g>
+                                        </g>
+                                        <defs>
+                                            <clipPath id="clip0_671_8155">
+                                                <rect width="24" height="24" fill="white"
+                                                    transform="translate(8 8)"></rect>
+                                            </clipPath>
+                                        </defs>
+                                    </svg>
+
+                                </a>
+                            @endif
                         </div>
                     </div>
-                </section>
+                </div>
+            @empty
+              
+            @endforelse
+        </div>
 
-                <div style="display: flex; align-items: center; justify-content: center; margin-bottom: 16px">
 
-                    @if(app('request')->input('country_iso'))
-                        @foreach ($countries as $country)
-                            @if($country->iso === app('request')->input('country_iso'))
 
-                                @if($country->facebook)
-                                    <a href="{{$country->facebook}}" class="codeweek-orange-button" target="_blank">
-                                        @lang('ambassador.visit_the')
-                                        <span>@lang('ambassador.local_facebook_page')</span>
-                                    </a>
-                                @endif
+        <div class="animation-element move-background duration-[1.5s] absolute z-0 bottom-10 md:bottom-auto md:top-1/3 -right-14 md:-right-36 w-28 md:w-72 h-28 md:h-72 bg-[#F95C22] rounded-full lg:hidden xl:block"
+            style="transform: translate(-16px, -24px)"></div>
+        <div class="animation-element move-background duration-[1.5s] absolute z-0 bottom-12 right-20 w-28 h-28 hidden xl:block bg-[#F95C22] rounded-full"
+            style="transform: translate(-16px, -24px)"></div>
+    </section>
+    <section class="relative overflow-hidden bg-[#FFFBE5]">
+        <div class="absolute w-full h-full bg-blue-gradient md:hidden"
+            style="clip-path: ellipse(170% 90% at 38% 90%);">
+        </div>
+        <div class="absolute hidden w-full h-full bg-blue-gradient md:block"
+            style="clip-path: ellipse(88% 90% at 50% 90%);"></div>
+        <div
+            class="relative z-10 flex flex-col items-center gap-12 pb-16 codeweek-container-lg md:flex-row pt-28 md:pt-48">
+            <div class="flex-1">
+                <h4 class="text-white text-2xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-6">
+                    @lang('community.titles.2')
+                </h4>
+                <p class="p-0 mb-10 text-lg leading-7 text-white md:text-xl">
+                    {{-- Belgium-teachers for NL --}}
+                    @if ($country === 'BE')
+                        @lang('community.leading-teachers_be')
+                    @else
+                        @lang('community.leading-teachers')
+                    @endif
+                    @lang('community.cta')
+                </p>
+            </div>
+            <div class="relative flex justify-center flex-1 observer-element">
+                <img class="z-10 w-full duration-700 animation-element fade-scale-bottom" loading="lazy"
+                    src="/images/community/3.png" />
+            </div>
+        </div>
+        <div
+            class="flex flex-col md:flex-row w-full max-w-[1428px] h-auto md:h-[642px] items-center  rounded-lg mt-16 mx-auto mb-8 px-0 md:px-5 xl:px-0 md:pl-2">
+            <!-- Map Container -->
+            <div id="mapid"
+                class="w-full h-full rounded-tl-lg rounded-bl-lg md:rounded-tl-lg max-md:rounded-none max-md:h-[386px] relative">
+                <div style="z-index: 999;" id="map-controls" class="absolute z-50 flex flex-col top-4 left-2">
+                    <!-- Home Button -->
+                    <div id="home-button" class="pb-2 cursor-pointer group">
+                        <svg width="40" height="40" viewBox="0 0 40 40" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <rect width="40" height="40" rx="8"
+                                class="fill-white transition-colors duration-300 group-hover:fill-[#1C4DA1]" />
+                            <path
+                                d="M17 30V20H23V30M11 17L20 10L29 17V28C29 28.5304 28.7893 29.0391 28.4142 29.4142C28.0391 29.7893 27.5304 30 27 30H13C12.4696 30 11.9609 29.7893 11.5858 29.4142C11.2107 29.0391 11 28.5304 11 28V17Z"
+                                class="stroke-[#414141] group-hover:stroke-[#ffffff]" stroke-width="2"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
+                    </div>
 
-                                @if($country->website)
-                                    <a href="{{$country->website}}" class="codeweek-orange-button" target="_blank">
-                                        @lang('ambassador.visit_the') <span>@lang('ambassador.local_website')</span>
-                                    </a>
-                                @endif
+                    <!-- Zoom In Button -->
+                    <div id="zoom-in" class="pb-2 cursor-pointer group">
+                        <svg width="40" height="40" viewBox="0 0 40 40" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <rect width="40" height="40" rx="8"
+                                class="fill-white transition-colors duration-300 group-hover:fill-[#1C4DA1]" />
+                            <path d="M20 13V27M13 20H27" class="stroke-[#414141] group-hover:stroke-[#ffffff]"
+                                stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
 
-                            @endif
-                        @endforeach
-                    @endif
+                    </div>
 
+                    <!-- Zoom Out Button -->
+                    <div id="zoom-out" class="pb-2 cursor-pointer group">
+                        <svg width="40" height="40" viewBox="0 0 40 40" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <rect width="40" height="40" rx="8"
+                                class="fill-white transition-colors duration-300 group-hover:fill-[#1C4DA1]" />
+                            <path d="M13 20H27" class="stroke-[#414141] group-hover:stroke-[#ffffff]" stroke-width="2"
+                                stroke-linecap="round" stroke-linejoin="round" />
+                        </svg>
 
+                    </div>
                 </div>
 
-                <div class="codeweek-grid-layout">
-                    @forelse ($ambassadors as $ambassador)
-                        <div class="codeweek-card">
-                            <div class="card-avatar">
-                                <img src="{{$ambassador->avatar}}" class="card-image-avatar">
-                            </div>
-                            <div class="card-content">
-                                <h5 class="card-title">{{ $ambassador->fullName() }}</h5>
-                                <p class="card-description">{{ $ambassador->bio }}</p>
-                            </div>
-                            <div class="card-actions">
-                                {{--Ambassador email--}}
-                                @if($ambassador->email_display)
-                                    <a href="mailto:{{ $ambassador->email_display }}"
-                                       class="codeweek-svg-button">
-                                        <img src="/images/mail.svg" alt="Twitter">
-                                    </a>
-                                @elseif($ambassador->email)
-                                    <a href="mailto:{{ $ambassador->email }}"
-                                       class="codeweek-svg-button">
-                                        <img src="/images/mail.svg" alt="Twitter">
-                                    </a>
-                                @endif
-                                {{--Ambassador twitter--}}
-                                @if($ambassador->twitter)
-                                    <a href="http://twitter.com/{{ $ambassador->twitter }}"
-                                       target="_blank" class="codeweek-svg-button">
-                                        <img src="/images/x-twitter.svg" alt="Twitter">
-                                    </a>
-                                @endif
-                                {{--Ambassador website--}}
-                                @if($ambassador->website)
-                                    <a href="{{ $ambassador->website }}"
-                                       target="_blank" class="codeweek-svg-button">
-                                        <img src="/images/globe.svg" alt="Twitter">
-                                    </a>
-                                @endif
-                            </div>
-                        </div>
-                    @empty
-                        @lang('ambassador.no_ambassadors') :(<br/>
-                    @endforelse
-                </div>                
-
-                 {{-- Display this section only if a country is selected and has specific content --}}
-                    @php
-                        $country = app('request')->input('country_iso');
-                        $supportedCountries = ['GR', 'CY', 'MT', 'IT', 'BG', 'TR', 'UA','PL','IE','FR','LU','NL','BE','SK','CZ','NO','IS','FI','SE','PT','ES','LV','LT','HR','SI','DE','AT','CH','RO','MD','DK'];
-                    @endphp
-
-                    @if(in_array($country, $supportedCountries))
-                        <section class="community_type_section">
-                            <div class="community_type">
-                                <div class="text">
-                                    {{-- Dynamically construct the language keys based on country code --}}                                    
-                                    <h2 class="subtitle">@lang("community.hub_level_{$country}")</h2>
-                                    <br/><h3><b>@lang("community.hub_{$country}")</b></h3>
-                                    <p>@lang("community.hub_desc_{$country}")</p>
-                                </div>
-                                <div class="image">
-                                    <img src="{{ asset('/images/hub.png') }}">
-                                </div>
-                            </div>
-                        </section>
+            </div>
+            <div id="teacher-details"
+                class="w-full max-w-full lg:max-w-[429px] md:overflow-y-scroll md:rounded-tr-lg rounded-none md:rounded-br-lg h-full">
+            </div>
+        </div>
+        <div style="display: flex; align-items: center; justify-content: center; margin-bottom: 16px">
+
+            @if (app('request')->input('country_iso'))
+                @foreach ($countries as $country)
+                    @if ($country->iso === app('request')->input('country_iso'))
+                        @if ($country->facebook)
+                            <a href="{{ $country->facebook }}" class="codeweek-orange-button" target="_blank">
+                                @lang('ambassador.visit_the')
+                                <span>@lang('ambassador.local_facebook_page')</span>
+                            </a>
+                        @endif
+
+                        @if ($country->website)
+                            <a href="{{ $country->website }}" class="codeweek-orange-button" target="_blank">
+                                @lang('ambassador.visit_the') <span>@lang('ambassador.local_website')</span>
+                            </a>
+                        @endif
                     @endif
+                @endforeach
+            @endif
+        </div>
+    </section>
 
-                    {{-- Germany-specific additional section --}}
-                    @if($country === 'DE')
+    <svg xmlns="http://www.w3.org/2000/svg" width="119" height="126" viewBox="0 0 119 126" fill="none"
+        class="absolute left-0 z-50">
+        <circle cx="125.533" cy="125.533" r="125.533"
+            transform="matrix(-0.952889 0.30332 0.30332 0.952889 74.2422 -157.995)" fill="#99E1F4" />
+    </svg>
+    <section class="relative bg-white animation-section">
+        <div class="absolute w-full h-full bg-white md:hidden" style="clip-path: ellipse(100% 58% at 38% 39%)"></div>
+        <div class="absolute hidden w-full h-full bg-white md:block" style="clip-path: ellipse(70% 60% at 50% 40%);">
+        </div>
+        <div class="relative z-10 flex flex-col items-center gap-12 codeweek-container-lg md:flex-row pt-[7rem]">
+            <div class="flex-1">
+                <div class="relative inline-block observer-element">
+                    <img class="relative z-10 w-full max-w-xl" loading="lazy" src="/images/community/4.png" />
+                    <img class="animation-element move-background duration-[1.5s] absolute top-0 left-0 w-full max-w-xl"
+                        loading="lazy" src="/images/shape.png" style="transform: translate(-16px, -24px)" />
+                </div>
+            </div>
+            <div class="flex-1">
+                <h4 class="text-[#1C4DA1] text-2xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-6">
+                    @lang('community.titles.3')
+                </h4>
+                <p class="text-[#333E48] text-lg md:text-xl leading-7 p-0 mb-10">
+                    @lang('community.edu')
+                </p>
+            </div>
+        </div>
+    </section>
+    <svg xmlns="http://www.w3.org/2000/svg" width="94" height="131" viewBox="0 0 94 131" fill="none"
+        class="absolute right-0 z-50">
+        <circle cx="64.8986" cy="64.8986" r="64.8986"
+            transform="matrix(-0.952889 0.30332 0.30332 0.952889 107.682 -16)" fill="#410098" />
+    </svg>
+    {{-- Display this section only if a country is selected and has specific content --}}
+    @php
+        $country = app('request')->input('country_iso');
+        $supportedCountries = [
+            'GR',
+            'CY',
+            'MT',
+            'IT',
+            'BG',
+            'TR',
+            'UA',
+            'PL',
+            'IE',
+            'FR',
+            'LU',
+            'NL',
+            'BE',
+            'SK',
+            'CZ',
+            'NO',
+            'IS',
+            'FI',
+            'SE',
+            'PT',
+            'ES',
+            'LV',
+            'LT',
+            'HR',
+            'SI',
+            'DE',
+            'AT',
+            'CH',
+            'RO',
+            'MD',
+            'DK',
+        ];
+    @endphp
+    @if (in_array($country, $supportedCountries))
+        <section class="relative bg-white animation-section">
+            <div class="absolute w-full h-full bg-white md:hidden" style="clip-path: ellipse(100% 58% at 38% 39%)">
+            </div>
+            <div class="absolute hidden w-full h-full bg-white md:block"
+                style="clip-path: ellipse(70% 60% at 50% 40%);"></div>
+            <div
+                class="relative z-10 flex flex-col-reverse items-center gap-12 py-16 pb-32 codeweek-container-lg md:flex-row md:pb-48">
+                <div class="flex-1">
+                    <h4
+                        class="text-[#1C4DA1] text-2xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-6">
+                        @lang("community.hub_level_{$country}")
+                    </h4>
+                    <p class="text-[#333E48] text-lg md:text-xl leading-7 p-0 mb-10">
+                        @lang("community.hub_desc_{$country}")
+                    </p>
+                    @if ($country === 'DE')
                         <section class="community_type_section">
                             <div class="community_type">
-                                <div class="text">@lang('community.codeweek_de')  </div>
+                                <div class="text">@lang('community.codeweek_de') </div>
                             </div>
                         </section>
                     @endif
-
-                <section class="community_type_section">
-                    <h2 class="subtitle">@lang('community.titles.2')</h2>
-                    <div class="community_type">
-                        <div class="text">
-                                {{-- Belgium-teachers for NL --}}
-                                @if($country === 'BE')
-                                    <p> @lang('community.leading-teachers_be')</p>
-                                @else
-                                    <p> @lang('community.leading-teachers')</p>
-                                @endif
-                                <h3>@lang('community.cta')</h3>
-                        </div>
-
-                        <div class="image">
-                            <img src="{{asset('/images/leading_teachers.png')}}">
-                        </div>
-                    </div>
-                </section>
-
-                <div id="mapid" style="width: 100%; height: 400px; z-index: 10000"></div>
-
-                <section class="community_type_section">
-                    <h2 class="subtitle">@lang('community.titles.3')</h2>
-                    <div class="community_type">
-                        <div class="text">
-                            <p>
-                                @lang('community.edu')
-                            </p>
-                        </div>
-                        <div class="image">
-                            <img src="{{asset('/images/edu_coordinators.png')}}">
-                        </div>
-                    </div>
-                </section>
-                <section class="community_type_section">
-                    <h2 class="subtitle">@lang('community.titles.4')</h2>
-                    <div class="community_type">
-                        <div class="text">
-                            {{--                            <p>--}}
-                            {{--                                @lang('community.volunteer.0')--}}
-                            {{--                            </p>--}}
-                            {{--                            <p>--}}
-                            {{--                                @lang('community.volunteer.1')--}}
-                            {{--                            </p>--}}
-                            {{--                            <p>--}}
-                            {{--                                @lang('community.volunteer.2')--}}
-                            {{--                            </p>--}}
-
-                            <p>
-                                @lang('community.volunteer.0') <a
-                                        href="{{route('events_map')}}">@lang('community.volunteer.1')</a> @lang('community.volunteer.2')
-                                <a href="{{route('about')}}">@lang('community.volunteer.3')</a>
-                                @lang('community.volunteer.4') <a
-                                        href="{{route('our-values')}}">@lang('community.volunteer.5')</a> @lang('community.volunteer.6')
-                                .
-                            </p>
-
-
-                            <p>
-                                @lang('community.volunteer.7') <a
-                                        href="{{route('leading-teachers-document')}}">@lang('community.volunteer.8')</a>.
-                                <!--@lang('community.volunteer.9') <a
-                                        href="https://ec.europa.eu/eusurvey/runner/CallforLeadingTeachers">@lang('community.volunteer.10')</a>--> @lang('community.volunteer.11')
-                            </p>
-
-                            <p>
-                                @lang('community.volunteer.12') <a
-                                        href="{{route('beambassador')}}">@lang('community.volunteer.13')</a> @lang('community.volunteer.14') @lang('community.volunteer.15')
-
-                            </p>
-                        </div>
-                        <div class="image">
-                            <img src="{{asset('/images/volunteers.png')}}">
-                        </div>
+                </div>
+                <div class="flex-1">
+                    <div class="relative inline-block observer-element">
+                        <img class="relative z-10 w-full max-w-xl" loading="lazy" src="/images/community/5.png" />
+                        <img class="animation-element move-background duration-[1.5s] absolute top-0 left-0 w-full max-w-xl"
+                            loading="lazy" src="/images/shape.png" style="transform: translate(-16px, -24px)" />
                     </div>
-                </section>
-            </section>
+                </div>
+            </div>
         </section>
-
-
-
-
-
-
-    </section>
+    @endif
 
 @endsection
 
 @push('extra-css')
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
+    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
+        integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin="" />
 @endpush
 @push('scripts')
+    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
+        integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
 
 
-    <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin=""></script>
-
-
-    {{--    <link href="{{asset('css/MarkerCluster.css')}}" media="screen" rel="stylesheet"/>--}}
-    {{--    <link href="{{asset('css/MarkerCluster.Default.css')}}" media="screen" rel="stylesheet"/>--}}
-
-    {{--    <script src="{{asset('js/leaflet.markercluster.js')}}" type="text/javascript"/>--}}
-
+    {{--    <link href="{{asset('css/MarkerCluster.css')}}" media="screen" rel="stylesheet"/> --}}
+    {{--    <link href="{{asset('css/MarkerCluster.Default.css')}}" media="screen" rel="stylesheet"/> --}}
 
+    {{--    <script src="{{asset('js/leaflet.markercluster.js')}}" type="text/javascript"/> --}}
 @endpush
 
-
 @section('extra-js')
-    <script src="{{asset('js/countriesGeoCentroids.js')}}" type="text/javascript"></script>
+    <script src="https://cdn.jsdelivr.net/npm/nice-select2@2.1.0/dist/js/nice-select2.js"></script>
     <script>
-        // var map = L.map('mapid').setView([51.505, -0.09], 13);
-        //
-        // L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
-        //     maxZoom: 19,
-        //     attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
-        // }).addTo(map);
-
-        var mymap = L.map('mapid');
-
-        L.tileLayer('https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token={{config('codeweek.MAPS_MAPBOX_ACCESS_TOKEN')}}', {
-            maxZoom: 18,
-            attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, ' +
-                'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
-            id: 'mapbox/streets-v11',
-            tileSize: 512,
-            zoomOffset: -1
-        }).addTo(mymap);
-
-
-    @foreach($teachers->groupBy('city_id') as $cityId => $teachersInCity)
-            @if($teachersInCity[0]->city && $teachersInCity[0]->city->latitude && $teachersInCity[0]->city->longitude)
-                var marker = L.marker([{{$teachersInCity[0]->city->latitude}}, {{$teachersInCity[0]->city->longitude}}]).addTo(mymap);
-
-                var teachersList = "";
-                @foreach($teachersInCity as $teacher)
-                    teachersList += "&#9679;&nbsp;<b><a href=\"mailto:{{$teacher->email}}\">{{$teacher->firstname}} {{$teacher->lastname}}</a></b> ({{$teacher->city->city}}) <br/>{{implode(", ",$teacher->expertises->pluck('name')->toArray())}}<br/><br/>";
-                @endforeach
-
-                marker.bindPopup(teachersList).openPopup();
-            @endif
-        @endforeach
-
-        var popup = L.popup();
-
-
-
-        let centerInfo = {
-            latitude: 51,
-            longitude: 4,
-            zoom: 4
-        };
-
-
-        const countryInfo = centroids.find(ctrds => ctrds.iso === '{{$country_iso}}');
-        if (countryInfo) {
-            centerInfo = countryInfo;
-        }
-
-        const latlng = new L.LatLng(centerInfo.latitude, centerInfo.longitude);
-        mymap.setView(latlng, centerInfo.zoom, {animation: true});
-
-
+        document.addEventListener('DOMContentLoaded', function() {
+            // Initialize Nice Select for the country select element
+            const select = document.getElementById('country-select');
+            const niceSelect = NiceSelect.bind(select, {
+                searchable: true,
+                placeholder: 'Select a country'
+            });
+            // Handle the change event to submit the form
+            select.addEventListener('change', function() {
+                this.closest('form').submit();
+            });
+
+            // Initialize the Leaflet map
+            var mymap = L.map('mapid');
+            L.tileLayer(
+                'https://api.mapbox.com/styles/v1/mapbox/streets-v11/tiles/{z}/{x}/{y}?access_token={{ config('codeweek.MAPS_MAPBOX_ACCESS_TOKEN') }}', {
+                    maxZoom: 18,
+                    attribution: '© <a href="https://www.mapbox.com/">Mapbox</a>',
+                    tileSize: 512,
+                    zoomOffset: -1,
+                    zoomControl: false
+                }
+            ).addTo(mymap);
+
+            // Define Blue Marker SVG (Default)
+            var blueIcon = L.icon({
+                iconUrl: 'data:image/svg+xml;base64,' + btoa(`
+                    <svg xmlns="http://www.w3.org/2000/svg" width="44" height="62" viewBox="0 0 44 62" fill="none">
+                        <path d="M21.6982 0C9.71943 0 0 8.79472 0 19.6317C0 37.0821 21.6982 61.0764 21.6982 61.0764C21.6982 61.0764 43.3964 37.0821 43.3964 19.6317C43.3964 8.79472 33.6769 0 21.6982 0ZM21.6982 30.5382C19.9816 30.5382 18.3035 30.0265 16.8762 29.0677C15.4489 28.109 14.3365 26.7463 13.6796 25.152C13.0227 23.5577 12.8508 21.8033 13.1857 20.1108C13.5206 18.4183 14.3472 16.8636 15.561 15.6433C16.7748 14.4231 18.3213 13.5921 20.0049 13.2554C21.6886 12.9188 23.4337 13.0916 25.0196 13.752C26.6055 14.4123 27.961 15.5307 28.9147 16.9655C29.8684 18.4004 30.3775 20.0873 30.3775 21.813C30.3749 24.1263 29.4597 26.3441 27.8326 27.9798C26.2054 29.6156 23.9993 30.5357 21.6982 30.5382Z" fill="#1254C5"/>
+                    </svg>
+                `),
+                iconSize: [44, 62],
+                iconAnchor: [22, 62],
+                popupAnchor: [0, -60]
+            });
+
+            // Define Orange Marker SVG (Selected)
+            var orangeIcon = L.icon({
+                iconUrl: 'data:image/svg+xml;base64,' + btoa(`
+                    <svg xmlns="http://www.w3.org/2000/svg" width="44" height="62" viewBox="0 0 44 62" fill="none">
+                        <path d="M21.6982 0C9.71943 0 0 8.91045 0 19.89C0 37.57 21.6982 61.88 21.6982 61.88C21.6982 61.88 43.3964 37.57 43.3964 19.89C43.3964 8.91045 33.6769 0 21.6982 0ZM21.6982 30.94C19.9816 30.94 18.3035 30.4215 16.8762 29.4502C15.4489 28.4788 14.3365 27.0982 13.6796 25.4829C13.0227 23.8676 12.8508 22.0902 13.1857 20.3754C13.5206 18.6606 14.3472 17.0855 15.561 15.8492C16.7748 14.6129 18.3213 13.771 20.0049 13.4299C21.6886 13.0888 23.4337 13.2638 25.0196 13.9329C26.6055 14.602 27.961 15.735 28.9147 17.1888C29.8684 18.6425 30.3775 20.3516 30.3775 22.1C30.3749 24.4437 29.4597 26.6907 27.8326 28.348C26.2054 30.0053 23.9993 30.9374 21.6982 30.94Z" fill="#F95C22"/>
+                    </svg>
+                `),
+                iconSize: [44, 62],
+                iconAnchor: [22, 62],
+                popupAnchor: [0, -60]
+            });
+
+            // Global variables to store markers and teachers
+            var markers = {};
+            var selectedMarker = null;
+            var allTeachers = [];
+
+            // Function to populate teacher information in the right sidebar
+            function populateTeacherInfo(teachers, city = null) {
+                let teacherDetails =
+                    `<h3 class="hidden mb-3 text-lg font-bold">${city ? 'Teachers in ' + city : 'Teachers in Selected Country'}</h3>`;
+                if (city) {
+                    teacherDetails +=
+                        `<button onclick="populateTeacherInfo(allTeachers)" class="hidden text-blue-600 hover:underline">Show All Teachers</button>`;
+                }
+                teacherDetails +=
+                    `<ul class="m-0 relative z-50 list-none bg-white h-auto h-[400px] md:h-[642px] overflow-x-scroll md:overflow-x-hidden overflow-y-hidden md:overflow-y-scroll flex flex-row md:flex-col">`;
+                teachers.forEach(function(teacher) {
+                    let shortBio = teacher.bio ? teacher.bio.split(' ').slice(0, 14).join(' ') :
+                        'No bio available';
+                    let fullBio = teacher.bio || 'No bio available';
+                    teacherDetails += `
+                        <li data-city="${teacher.city}" class="flex flex-col-reverse max-md:justify-end justify-between min-w-[353px] md:flex-row flex gap-4 items-start p-6 w-11/12 md:w-full h-full 
+                            md:border-l-[5px] md:border-l-orange-500 hover:md:border-l-[#1C4DA1]
+                            max-md:border-t-[5px] max-md:border-t-orange-500 hover:max-md:border-t-orange-500 hover:max-md:border-t-transparent hover:max-md:bg-primary-[#1C4DA1]
+                            max-md:border-r-2 max-md:border-r-[#D6D8DA] md:border-b-2 md:border-b-[#D6D8DA] hover:cursor-pointer">
+                            <div class="flex flex-col justify-center">
+                                <div class="flex flex-col justify-center w-full font-semibold">
+                                    <h4 class="text-xl leading-snug text-black">${teacher.firstname} ${teacher.lastname}</h4>
+                                    <span class="text-sm text-gray-600">${teacher.city ? teacher.city + ', ' : ''}${teacher.country_iso}</span>
+                                    ${teacher.expertises && teacher.expertises.length > 0 ? `
+                                            <div class="flex items-center w-full gap-1 mt-1 text-sm leading-none text-gray-700">
+                                                <span class="my-auto font-blinker text-sm font-semibold leading-[20px]">
+                                                    ${teacher.expertises.join(', ')}
+                                                </span>
+                                            </div>` : ''
+                                    }
+                                </div>
+                                <div class="mt-2 text-[16px] leading-6 text-black">
+                                    <span class="font-[Blinker] text-[16px] font-normal leading-[22px] text-[#333E48]" data-expanded="false">${shortBio}...</span>
+                                    <!-- Removed inline onclick; toggle via event listener -->
+                                    <button class="font-semibold text-[#1C4DA1] underline toggle-bio" data-full-bio="${fullBio}">Read full bio</button>
+                                </div>
+                                <div class="flex items-center w-full gap-4 pt-2 mt-2">
+                                    <a href="mailto:${teacher.email}" class="group flex gap-2 items-start my-auto text-base font-semibold leading-none text-[#1C4DA1] hover:text-white overflow-hidden px-6 py-2.5 rounded-3xl border-2 border-[#1C4DA1] border-solid hover:bg-[#1C4DA1]">
+                                        <span class="my-auto">Get in touch</span>
+                                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" class="text-[#1C4DA1] group-hover:text-white">
+                                            <path d="M3.11865 8H12.452" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+                                            <path d="M7.78516 3.33337L12.4518 8.00004L7.78516 12.6667" stroke="currentColor" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/>
+                                        </svg>
+                                    </a>
+                                    <a class="group" target="_blank" href="https://twitter.com/${teacher.twitter}">
+                                         <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+                                        <rect width="40" height="40" rx="20" fill="#E8EDF6" class="group-hover:fill-[#1C4DA1] transition-colors duration-300"/>
+                                        <g clip-path="url(#clip0_671_8155)">
+                                        <mask id="mask0_671_8155" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="8" y="8" width="24" height="24">
+                                        <path d="M8 8H32V32H8V8Z" fill="white"/>
+                                        </mask>
+                                        <g mask="url(#mask0_671_8155)">
+                                        <path d="M24.8875 12.0001H27.4946L21.7996 18.7769L28.5 28.0001H23.2543L19.1427 22.4074L14.4434 28.0001H11.8339L17.9248 20.7491L11.5 12.0013H16.8793L20.5901 17.1123L24.8875 12.0001ZM23.9707 26.3758H25.4157L16.09 13.5398H14.5406L23.9707 26.3758Z" class="fill-[#000000] group-hover:fill-[#ffffff]" />
+                                        </g>
+                                        </g>
+                                        <defs>
+                                        <clipPath id="clip0_671_8155">
+                                        <rect width="24" height="24" fill="white" transform="translate(8 8)"/>
+                                        </clipPath>
+                                        </defs>
+                                        </svg>
 
+                                    </a>
+                                </div>
+                            </div>
+                            ${ teacher.avatar_path 
+                                ? `<img src="${teacher.avatar_path}" alt="Avatar" class="object-cover w-[88px] h-[88px] border-2 border-[#DBECF0] border-solid rounded-full">`
+                                : '' }
+                        </li>
+                    `;
+                });
+                teacherDetails += `</ul>`;
+                document.getElementById('teacher-details').innerHTML = teacherDetails;
+
+                // Attach event listeners to toggle bio buttons
+                document.querySelectorAll('#teacher-details button.toggle-bio').forEach(function(btn) {
+                    btn.addEventListener('click', function(event) {
+                        event.stopPropagation(); // Prevent the li's click event
+                        const bioText = btn.previousElementSibling;
+                        const fullBio = btn.getAttribute('data-full-bio');
+                        if (bioText.dataset.expanded === "true") {
+                            bioText.innerHTML = fullBio.split(' ').slice(0, 14).join(' ') + '...';
+                            bioText.dataset.expanded = "false";
+                            btn.innerHTML = 'Read full bio';
+                        } else {
+                            bioText.innerHTML = fullBio;
+                            bioText.dataset.expanded = "true";
+                            btn.innerHTML = 'Read Less';
+                        }
+                    });
+                });
+
+                // Add click event listener to each teacher list item to highlight the corresponding marker
+                document.querySelectorAll('#teacher-details li').forEach(function(li) {
+                    li.addEventListener('click', function() {
+                        const teacherCity = li.getAttribute('data-city');
+                        for (const key in markers) {
+                            const marker = markers[key];
+                            if (marker.cityName === teacherCity) {
+                                if (selectedMarker && selectedMarker !== marker) {
+                                    selectedMarker.setIcon(blueIcon);
+                                }
+                                marker.setIcon(orangeIcon);
+                                selectedMarker = marker;
+                                mymap.panTo(marker.getLatLng());
+                                break;
+                            }
+                        }
+                    });
+                });
+            }
+
+            // Attach event listener to the Home icon to reset the filter
+            document.getElementById('home-button').addEventListener('click', function() {
+                // Reset teacher filter to show all teachers
+                populateTeacherInfo(allTeachers);
+                // Reset all markers to blue and clear the selected marker
+                for (const key in markers) {
+                    markers[key].setIcon(blueIcon);
+                }
+                selectedMarker = null;
+                // Reset map view to default center
+                let centerInfo = {
+                    latitude: 51,
+                    longitude: 10,
+                    zoom: 5
+                };
+                mymap.setView([centerInfo.latitude, centerInfo.longitude], centerInfo.zoom);
+            });
+
+            // Populate the global teachers array from PHP data
+            @foreach ($teachers->groupBy('city_id') as $cityId => $teachersInCity)
+                @foreach ($teachersInCity as $teacher)
+                    allTeachers.push({
+                        firstname: "{{ $teacher->firstname }}",
+                        lastname: "{{ $teacher->lastname }}",
+                        email: "{{ $teacher->email }}",
+                        country_iso: "{{ $teacher->country_iso }}",
+                        twitter: "{{ $teacher->twitter }}",
+                        website: "{{ $teacher->website }}",
+                        bio: "{{ $teacher->bio }}",
+                        avatar_path: "{{ $teacher->avatar_path }}",
+                        city: "{{ $teacher->city->city ?? 'N/A' }}",
+                        latitude: "{{ $teacher->city->latitude ?? '' }}",
+                        longitude: "{{ $teacher->city->longitude ?? '' }}",
+                        expertises: @json($teacher->expertises->pluck('name')->toArray())
+                    });
+                @endforeach
+            @endforeach
+
+            // Initially populate teacher info with all teachers
+            populateTeacherInfo(allTeachers);
+
+            // Define default map center and zoom and set the view
+            let centerInfo = {
+                latitude: 51,
+                longitude: 10,
+                zoom: 5
+            };
+            mymap.setView([centerInfo.latitude, centerInfo.longitude], centerInfo.zoom);
+
+            // Loop through teachers and place markers on the map
+            @foreach ($teachers->groupBy('city_id') as $cityId => $teachersInCity)
+                @if ($teachersInCity[0]->city && $teachersInCity[0]->city->latitude && $teachersInCity[0]->city->longitude)
+                    var cityId = "{{ $cityId }}";
+                    var marker = L.marker(
+                        [{{ $teachersInCity[0]->city->latitude }},
+                        {{ $teachersInCity[0]->city->longitude }}], {
+                            icon: blueIcon
+                        }
+                    ).addTo(mymap);
+
+                    // Store the city name on the marker for later matching
+                    marker.cityName = "{{ $teachersInCity[0]->city->city }}";
+                    markers[cityId] = marker;
+
+                    var teacherList = [
+                        @foreach ($teachersInCity as $teacher)
+                            {
+                                firstname: "{{ $teacher->firstname }}",
+                                lastname: "{{ $teacher->lastname }}",
+                                email: "{{ $teacher->email }}",
+                                country_iso: "{{ $teacher->country_iso }}",
+                                twitter: "{{ $teacher->twitter }}",
+                                website: "{{ $teacher->website }}",
+                                bio: "{{ $teacher->bio }}",
+                                avatar_path: "{{ $teacher->avatar_path }}",
+                                city: "{{ $teacher->city->city ?? 'N/A' }}",
+                                expertises: @json($teacher->expertises->pluck('name')->toArray())
+                            },
+                        @endforeach
+                    ];
+
+                    // Wrap the marker click event handler in an IIFE to capture the current marker data correctly
+                    marker.on('click', (function(marker, teacherList, cityName) {
+                        return function() {
+                            if (selectedMarker && selectedMarker !== marker) {
+                                selectedMarker.setIcon(blueIcon);
+                            }
+                            marker.setIcon(orangeIcon);
+                            selectedMarker = marker;
+                            populateTeacherInfo(teacherList, cityName);
+                        };
+                    })(marker, teacherList, "{{ $teachersInCity[0]->city->city }}"));
+                @endif
+            @endforeach
+
+            // Adjust map center based on country centroids if available
+            if (typeof centroids !== 'undefined') {
+                const countryInfo = centroids.find(function(ctrds) {
+                    return ctrds.iso === '{{ $country_iso }}';
+                });
+                if (countryInfo) {
+                    centerInfo = countryInfo;
+                }
+            }
+            mymap.setView([centerInfo.latitude, centerInfo.longitude], centerInfo.zoom);
+        });
     </script>
+    <script src="{{ asset('js/countriesGeoCentroids.js') }}" type="text/javascript"></script>
 @endsection
+
+</section>
diff --git a/resources/views/components/validation-errors.blade.php b/resources/views/components/validation-errors.blade.php
index dd941675c..a0de023c5 100755
--- a/resources/views/components/validation-errors.blade.php
+++ b/resources/views/components/validation-errors.blade.php
@@ -1,10 +1,14 @@
 @if($errors->has($field))
     <span class="help-block col-sm-9 col-sm-offset-3">
-                        <ul class="errorlist">
-                            @foreach ($errors->get($field) as $message)
-                                <li>
-                        {{__($message)}}
-                            </li>
-                            @endforeach
-                        </ul></span>
+        <ul class="errorlist" data-field="{{ $field }}">
+            @foreach ($errors->get($field) as $message)
+                <li class="flex items-center">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25" viewBox="0 0 24 25" fill="none">
+                        <path d="M11 17.0001H13V11.0001H11V17.0001ZM12 9.00012C12.2833 9.00012 12.521 8.90412 12.713 8.71212C12.905 8.52012 13.0007 8.28279 13 8.00012C12.9993 7.71746 12.9033 7.48012 12.712 7.28812C12.5207 7.09612 12.2833 7.00012 12 7.00012C11.7167 7.00012 11.4793 7.09612 11.288 7.28812C11.0967 7.48012 11.0007 7.71746 11 8.00012C10.9993 8.28279 11.0953 8.52046 11.288 8.71312C11.4807 8.90579 11.718 9.00146 12 9.00012ZM12 22.0001C10.6167 22.0001 9.31667 21.7375 8.1 21.2121C6.88334 20.6868 5.825 19.9745 4.925 19.0751C4.025 18.1758 3.31267 17.1175 2.788 15.9001C2.26333 14.6828 2.00067 13.3828 2 12.0001C1.99933 10.6175 2.262 9.31746 2.788 8.10012C3.314 6.88279 4.02633 5.82446 4.925 4.92512C5.82367 4.02579 6.882 3.31346 8.1 2.78812C9.318 2.26279 10.618 2.00012 12 2.00012C13.382 2.00012 14.682 2.26279 15.9 2.78812C17.118 3.31346 18.1763 4.02579 19.075 4.92512C19.9737 5.82446 20.6863 6.88279 21.213 8.10012C21.7397 9.31746 22.002 10.6175 22 12.0001C21.998 13.3828 21.7353 14.6828 21.212 15.9001C20.6887 17.1175 19.9763 18.1758 19.075 19.0751C18.1737 19.9745 17.1153 20.6871 15.9 21.2131C14.6847 21.7391 13.3847 22.0015 12 22.0001Z" fill="#B63100"/>
+                        </svg>
+                    <span class="ml-2 text-sm text-dark-orange">{{__($message)}}</span>
+                </li>
+            @endforeach
+        </ul>
+    </span>
 @endif
\ No newline at end of file
diff --git a/resources/views/event/add.blade.php b/resources/views/event/add.blade.php
index 19743f544..0317a752d 100755
--- a/resources/views/event/add.blade.php
+++ b/resources/views/event/add.blade.php
@@ -4,15 +4,7 @@
 
     <section id="codeweek-events-add-page" class="codeweek-page">
 
-        <section class="codeweek-banner simple">
-            <div class="text">
-                <h2>#EUCodeWeek</h2>
-                <h1>@lang('event.main_title')</h1>
-                <a style="color:black;" href="{{route('guide')}}" target="_blank">@lang('event.howto')?</a>
-            </div>
-        </section>
-
-        <section class="codeweek-content-wrapper" style="margin-top:0px;" x-data="addActivity()">
+        <section class="codeweek-content-wrapper" x-data="addActivity()">
 
 
             <form enctype="multipart/form-data" method="post" role="form" class="codeweek-form" action="/events">
@@ -384,4 +376,4 @@ function addActivity() {
         }
     </script>
 
-@endpush
+@endpush
\ No newline at end of file
diff --git a/resources/views/event/edit.blade.php b/resources/views/event/edit.blade.php
index 256e494ad..ca9d25f62 100755
--- a/resources/views/event/edit.blade.php
+++ b/resources/views/event/edit.blade.php
@@ -1,347 +1,853 @@
 @extends('layout.base')
 
 @section('content')
+    @push('scripts')
+        <script src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+        <section id="codeweek-events-add-page" class="codeweek-page event">
+            @include('event.event_header')
+            <section class="codeweek-content-wrapper mx-auto max-w-[680px] py-16 max-sm:px-4 max-md:px-8" x-data="multiStepForm"
+                x-init="console.log('Section initialized')" style="margin-top:0px;">
+                <div class="flex items-start self-center">
+                    <div class="flex flex-col w-20">
+                        <div
+                            x-bind:class="{
+                                'bg-lime': currentStep >= 1,
+                                'bg-slate-200': currentStep < 1,
+                                'flex flex-col justify-center items-center self-center px-2.5 w-12 h-12 rounded-full': true
+                            }">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 30 30"
+                                fill="none">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M7.7988 12.5997L5.3988 14.9997L12.5988 22.1997L24.5988 10.1997L22.1988 7.79968L12.5988 17.3997L7.7988 12.5997Z"
+                                    fill="#164194" />
+                            </svg>
+                        </div>
+                        <span
+                            x-bind:class="{
+                                'text-black': currentStep >= 1,
+                                'text-gray-400': currentStep < 1,
+                                'mt-2 font-bold text-center': true
+                            }">Activity</span>
+                    </div>
+                    <div class="flex flex-col pt-6 w-[100px]">
+                        <div
+                            x-bind:class="{
+                                'bg-lime': currentStep >= 2,
+                                'bg-slate-200': currentStep < 2,
+                                'flex w-full min-h-[2px]': true
+                            }">
+                        </div>
+                    </div>
+                    <div class="flex flex-col items-center text-center">
+                        <div
+                            x-bind:class="{
+                                'bg-lime': currentStep >= 2,
+                                'bg-slate-200': currentStep < 2,
+                                'flex flex-col items-center justify-center w-12 h-12 rounded-full': true
+                            }">
+                            <!-- Show '2' on Step 1 -->
+                            <span x-show="currentStep === 1" class="text-2xl font-bold text-secondary">2</span>
 
-    <section id="codeweek-events-edit-page" class="codeweek-page">
-
-        <section class="codeweek-banner simple">
-            <div class="text">
-                <h2>#EUCodeWeek</h2>
-                <h1>@lang('edit.title')</h1>
-            </div>
-        </section>
+                            <!-- Show SVG on Step 2 -->
+                            <svg x-show="currentStep === 2" xmlns="http://www.w3.org/2000/svg" width="30" height="30"
+                                viewBox="0 0 30 30" fill="none">
+                                <path fill-rule="evenodd" clip-rule="evenodd"
+                                    d="M7.7988 12.5997L5.3988 14.9997L12.5988 22.1997L24.5988 10.1997L22.1988 7.79968L12.5988 17.3997L7.7988 12.5997Z"
+                                    fill="#164194" />
+                            </svg>
+                        </div>
+                        <span
+                            x-bind:class="{
+                                'text-black': currentStep >= 2,
+                                'text-gray-400': currentStep < 2,
+                                'mt-2': true
+                            }">Organisation</span>
+                    </div>
+                </div>
 
-        <section class="codeweek-content-wrapper" style="margin-top:0px;"
-                 x-data="addActivity('{{$event->activity_type}}')">
+                <div class="flex flex-col w-full mt-10 max-md:max-w-full">
+                    <h2 class="text-4xl font-bold leading-tight text-orange-500 max-md:max-w-full">
+                        <span x-show="currentStep === 1">Add your activity</span>
+                        <span x-show="currentStep === 2">Add your organisation's information</span>
+                    </h2>
+                    <p class="mb-4 leading-6 text-black text-form max-md:max-w-full">
+                        <span x-show="currentStep === 1">Ready to inspire the next generation of
+                            coders? Share your event details to promote it to a wider audience. Who knows — your event might be
+                            featured on our official Code Week channels!</span>
+                        <span x-show="currentStep === 2">Tell us more about your organisation. This information helps us
+                            understand who's contributing to Code Week and ensures we can provide the right support.</span>
+                    </p>
+                </div>
 
-            <form enctype="multipart/form-data" method="post" id="event" role="form" class="codeweek-form"
-                  action="/events/{{$event->id}}">
-                <p>@lang('event.required')</p>
 
-                {{csrf_field()}}
-                {{ method_field('PATCH') }}
+                <form enctype="multipart/form-data" method="post" role="form" class="codeweek-form" action="/events">
+                    <p class="hidden">@lang('event.required')</p>
 
-                <div class="codeweek-form-inner-two-columns">
+                    {{ csrf_field() }}
+                    {{ method_field('PATCH') }}
 
-                    <div class="codeweek-form-inner-container">
+                    <div class="step-one" x-show="currentStep === 1" x-cloak>
+                        <div class="codeweek-form-inner-container">
+                            <div class="flex flex-col mt-4 codeweek-form-field-wrapper">
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                        for="id_title">@lang('event.title.label')*</label>
+                                    <div class="flex flex-col w-full md:max-w-[472px]">
+                                        <input
+                                            class="w-full px-6 py-3 text-form md:max-w-[472px] text-black-light rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+                                            id="id_title" maxlength="255" name="title" placeholder="@lang('event.title.placeholder')"
+                                            type="text" value="{{ old('title', $event->title) }}">
+                                    </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_title">* @lang('event.title.label')</label>
-                                <input id="id_title" maxlength="255" name="title"
-                                       placeholder="@lang('event.title.placeholder')" type="text"
-                                       value="{{old('title',$event->title)}}">
-                            </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'title'])@endcomponent
+                                </div>
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form  leading-6 text-black w-[147px] whitespace-nowrap"
+                                        for="id_title"></label>
+                                    <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                        @component('components.validation-errors', ['field' => 'title'])
+                                        @endcomponent
+                                    </div>
+                                </div>
                             </div>
-                        </div>
+                            <div class="flex flex-row mt-4 codeweek-form-field-wrapper max-sm:flex-col max-sm:items-start">
+                                <div
+                                    class="flex items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                        for="activity_type"> @lang('event.activitytype.label')*</label>
+                                    <div class="flex flex-col w-full md:max-w-[472px]">
+                                        <div class="relative inline-block w-full text-gray-700">
+                                            <select id="id_activity_type" name="activity_type"
+                                                class="w-full px-6 border-0 py-3 text-form text-black-light md:max-w-[472px] rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full codeweek-input-select"
+                                                required>
+                                                <option value="" disabled {{ old('activity_type') ? '' : 'selected' }}>
+                                                    @lang('event.activitytype.placeholder')
+                                                </option>
+                                                <option value="open-online"
+                                                    {{ $event->activity_type == 'invite-online' ? 'selected' : '' }}>
+                                                    @lang('event.activitytype.open-online')
+                                                </option>
+                                                <option value="invite-online"
+                                                    {{ $event->activity_type == 'invite-online' ? 'selected' : '' }}>
+                                                    @lang('event.activitytype.invite-online')
+                                                </option>
+                                                <option value="open-in-person"
+                                                    {{ $event->activity_type == 'open-in-person' ? 'selected' : '' }}>
+                                                    @lang('event.activitytype.open-in-person')
+                                                </option>
+                                                <option value="invite-in-person"
+                                                    {{ $event->activity_type == 'invite-in-person' ? 'selected' : '' }}>
+                                                    @lang('event.activitytype.invite-in-person')
+                                                </option>
+                                                <option value="other"
+                                                    {{ is_null($event->activity_type) || $event->activity_type == 'other' ? 'selected' : '' }}>
+                                                    @lang('event.organizertype.other')
+                                                </option>
+                                            </select>
+                                            <div class="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none">
+                                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25"
+                                                    viewBox="0 0 24 25" fill="none">
+                                                    <path d="M6 9.40002L12 15.4L18 9.40002" stroke="black" stroke-width="2"
+                                                        stroke-linecap="round" stroke-linejoin="round" />
+                                                </svg>
+                                            </div>
+                                        </div>
+
+                                        <!-- Error display -->
+                                        <div class="errors">
+                                            @component('components.validation-errors', ['field' => 'activity_type'])
+                                            @endcomponent
+                                        </div>
+                                    </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_organizer">* @lang('event.organizer.label')</label>
-                                <input id="id_organizer" maxlength="255"
-                                       name="organizer" placeholder="@lang('event.organizer.placeholder')" type="text"
-                                       value="{{old('organizer',$event->organizer)}}">
+
+                                </div>
                             </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'organizer'])@endcomponent
+
+
+                            <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                                <div
+                                    class="flex items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                        for="id_start_date">@lang('event.start.label')*</label>
+                                    <date-time :start-date-value="'{{ old('start_date', $event->start_date) }}'"
+                                        :end-date-value="'{{ old('end_date', $event->end_date) }}'"
+                                        placeholder-start="@lang('event.start.placeholder')" placeholder-end="@lang('event.end.placeholder')"></date-time>
+                                </div>
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form  leading-6 text-black w-[147px] whitespace-nowrap"
+                                        for="id_title"></label>
+                                    <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                        @component('components.validation-errors', ['field' => 'start_date'])
+                                        @endcomponent
+                                        @component('components.validation-errors', ['field' => 'end_date'])
+                                        @endcomponent
+                                    </div>
+                                </div>
                             </div>
-                        </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_language">* @lang('resources.Languages')</label>
-                                <select id="id_language" name="language" class="codeweek-input-select">
-                                    @if(is_null($event->language))
-                                        <option value="" disabled selected>---</option>
-                                    @endif
+                            <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                                <div
+                                    class="flex items-start justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="mt-2 text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                        for="id_location"><span
+                                            x-show="!isOnlineActivitySelected()"></span>@lang('event.address.label')*
+                                        <br />
 
-                                    @foreach($languages as $key => $value)
-                                        <option value="{{$key}}" {{ $key == $event->language ? 'selected' : '' }}>{{$value}}</option>
-                                    @endforeach
+                                    </label>
+                                    <div class="w-full md:max-w-[472px] flex address_ flex-col">
+                                        <autocomplete-geo name="location" placeholder="@lang('event.address.placeholder')"
+                                                      location="{{$event->location}}"
+                                                      value="{{old('location',$event->location)}}"
+                                                      geoposition="{{old('geoposition',$event->geoposition)}}"></autocomplete-geo>
 
-                                </select>
+                                        <div class="errors" style="margin-bottom: 10px; margin-left:0;">
+                                            @component('components.validation-errors', ['field' => 'location'])
+                                            @endcomponent
+                                        </div>
+                                        <div id="events-add-map"></div>
+                                    </div>
+
+                                </div>
                             </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'language'])@endcomponent
+                            <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                                <div
+                                    class="flex justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                        for="id_description">@lang('event.description.label')*</label>
+                                    <textarea
+                                        class="h-[280px] block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-dark-orange sm:text-sm/6"
+                                        cols="40" id="id_description" name="description" placeholder="@lang('event.description.placeholder')" rows="10">{{old('description',$event->description)}}</textarea>
+                                </div>
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap"
+                                        for="id_title"></label>
+                                    <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                        @component('components.validation-errors', ['field' => 'description'])
+                                        @endcomponent
+                                    </div>
+                                </div>
                             </div>
 
-                        </div>
+                            <h3
+                                class="text-xl font-bold leading-none text-orange-500 md:text-2xl md:pb-4 md:pt-8 max-md:max-w-full max-md:mt-8">
+                                @lang('event.who')</h3>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_organizer">* @lang('event.organizertype.label')</label>
-                                <select id="id_organizer_type" name="organizer_type" class="codeweek-input-select">
-                                    <option value="school">@lang('event.organizertype.school')</option>
-                                    <option value="library">@lang('event.organizertype.library')</option>
-                                    <option value="non profit">@lang('event.organizertype.non profit')</option>
-                                    <option value="private business">@lang('event.organizertype.private business')</option>
-                                    <option value="other">@lang('event.organizertype.other')</option>
-                                </select>
-                            </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'organizer_type'])@endcomponent
-                            </div>
-                        </div>
 
+                            <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                                <div
+                                    class="flex items-start justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="mt-2 text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                        for="id_audience">@lang('event.audience_title')*</label>
+                                    <multiselect 
+                                        class="w-full max-w-[472px]" 
+                                        :options="{{ $audiences }}"
+                                        value="{{$selected_audiences}}" 
+                                        name="audience" 
+                                        :multiple="true"
+                                        label="event.audience" 
+                                        placeholder="Select audience"></multiselect>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="activity_type">* @lang('event.activitytype.label')</label>
-                                <select id="id_activity_type" name="activity_type" class="codeweek-input-select"
-                                        x-model="selectedActivityType">
-                                    <option value="open-online" {{$event->activity_type == 'open-online' ? 'selected' : ''}}>@lang('event.activitytype.open-online')</option>
-                                    <option value="invite-online" {{$event->activity_type == 'invite-online' ? 'selected' : ''}}>@lang('event.activitytype.invite-online')</option>
-                                    <option value="open-in-person" {{$event->activity_type == 'open-in-person' ? 'selected' : ''}}>@lang('event.activitytype.open-in-person')</option>
-                                    <option value="invite-in-person" {{$event->activity_type == 'invite-in-person' ? 'selected' : ''}}>@lang('event.activitytype.invite-in-person')</option>
-                                    <option value="other" {{(is_null($event->activity_type) || $event->activity_type == 'other')  ? 'selected' : ''}}>@lang('event.organizertype.other')</option>
-                                </select>
-                            </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'activity_type'])@endcomponent
+                                </div>
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form  leading-6 text-black w-[147px] whitespace-nowrap"
+                                        for="id_title"></label>
+                                    <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                        @component('components.validation-errors', ['field' => 'audience'])
+                                        @endcomponent
+                                    </div>
+                                </div>
                             </div>
-                        </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field align-flex-start">
-                                <label for="id_description">*@lang('event.description.label')</label>
-                                <textarea cols="60" id="id_description" name="description"
-                                          placeholder="@lang('event.description.placeholder')"
-                                          rows="10"> {{old('description',$event->description)}}</textarea>
-                            </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'description'])@endcomponent
+                            <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                                <div
+                                    class="flex items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                        for="id_theme">@lang('event.theme_title')</label>
+                                    <multiselect class="w-full max-w-[472px]" 
+                                        :options="{{ $themes }}"
+                                        value="{{$selected_themes}}" 
+                                        name="theme" 
+                                        :multiple="true"
+                                        label="event.theme" 
+                                        placeholder="Select activity type"></multiselect>
+                                </div>
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form  leading-6 text-black w-[147px] whitespace-nowrap"
+                                        for="id_title"></label>
+                                    <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                        @component('components.validation-errors', ['field' => 'theme'])
+                                        @endcomponent
+                                    </div>
+                                </div>
                             </div>
-                        </div>
 
-                        <h3>@lang('event.who')</h3>
+                            <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                                <div
+                                    class="flex items-start justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 pt-2 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                        for="id_participants_count">Number of Participants*</label>
+                                    <div class="flex flex-col w-full md:max-w-[472px]">
+                                        <input type="number" id="id_participants_count" name="participants_count"
+                                            class="w-full px-6 py-3 text-black-light md:max-w-[472px] rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+                                            placeholder="Enter number of participants"
+                                            value="{{ old('participants_count', $event->participants_count) }}" />
 
+                                        <div class="flex flex-col p-4 mt-4 rounded-2xl bg-pearl max-w-[472px]"
+                                            aria-labelledby="gender-count-title" x-data="{
+                                                femaleCount: {{ old('percentage_of_females', $event->percentage_of_females, 0) }},
+                                                maleCount: {{ old('percentage_of_males', $event->percentage_of_males, 0) }},
+                                                otherCount: {{ old('percentage_of_other', $event->percentage_of_other, 0) }}
+                                            }">
+                                            <label id="gender-count-title" class="mb-2 font-normal text-black text-form">
+                                                Of this number of participants, how many are:
+                                            </label>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_audience">*@lang('event.audience_title')</label>
-                                <multiselect :options="{{ $audiences }}" value="{{$selected_audiences}}" name="audience"
-                                             :multiple="true"
-                                             label="event.audience"></multiselect>
-                            </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'audience'])@endcomponent
+                                            <div class="flex flex-row flex-wrap justify-between w-full gap-2 mb-2">
+                                                <!-- Female Participants -->
+                                                <div class="flex flex-row items-center max-w-[218px]">
+                                                    <label for="percentage_of_females"
+                                                        class="flex items-center self-stretch w-[61px] xl:mr-[15px]">Females</label>
+                                                    <input type="number" id="percentage_of_females"
+                                                        name="percentage_of_females" placeholder="Enter number"
+                                                        min="0" x-model.number="femaleCount"
+                                                        class="text-center py-3 text-form w-[141px] rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+                                                        value="{{ old('percentage_of_females', $event->percentage_of_females) }}" />
+                                                </div>
+
+                                                <!-- Male Participants -->
+                                                <div class="flex flex-row items-center max-w-[218px]">
+                                                    <label for="percentage_of_males"
+                                                        class="flex items-center self-stretch w-[61px]">Males</label>
+                                                    <input type="number" id="percentage_of_males" name="percentage_of_males"
+                                                        placeholder="Enter number" min="0" x-model.number="maleCount"
+                                                        class="text-center py-3 text-form w-[141px] rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+                                                        value="{{ old('percentage_of_males', $event->percentage_of_males) }}" />
+                                                </div>
+                                            </div>
+
+                                            <div class="flex flex-row flex-wrap w-full gap-2">
+                                                <!-- Other Gender Participants -->
+                                                <div class="flex flex-row items-center max-w-[218px]">
+                                                    <label for="percentage_of_other"
+                                                        class="flex items-center self-stretch w-[61px] xl:mr-[15px]">Other</label>
+                                                    <input type="number" id="percentage_of_other" name="percentage_of_other"
+                                                        placeholder="Enter number" min="0" x-model.number="otherCount"
+                                                        class="text-center py-3 text-form w-[141px] rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+                                                        value="{{ old('percentage_of_other', $event->percentage_of_other) }}" />
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                    </div>
+                                </div>
+
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap"
+                                        for="id_participants_count"></label>
+                                    <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                        @component('components.validation-errors', ['field' => 'participants_count'])
+                                        @endcomponent
+                                    </div>
+                                </div>
                             </div>
-                        </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_theme">*@lang('event.theme_title')</label>
-                                <multiselect :options="{{ $themes }}" value="{{$selected_themes}}" name="theme"
-                                             :multiple="true"
-                                             label="event.theme"></multiselect>
+                            <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                                <div
+                                    class="flex items-start justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                        for="id_age">Age (optional)</label>
+                                    <div class="flex flex-col gap-2.5 w-full md:max-w-[472px]">
+                                        <!-- Option 1 -->
+                                        <div class="flex flex-row items-center mr-4">
+                                            <input type="radio" id="age_0_5" name="age_group" value="0-5"
+                                                class="w-[24px] h-[24px] mr-2 text-black bg-gray-100 border-gray-300 focus:ring-dark-orange focus:ring-2"
+                                                {{ old('age_group', $event->age_group) == '0-5' ? 'checked' : '' }}
+                                                aria-labelledby="label-age_0_5" />
+                                            <label id="label-age_0_5" for="age_0_5" class="text-gray-900">0-5</label>
+                                        </div>
+
+                                        <!-- Option 2 -->
+                                        <div class="flex items-center flex-row mb-2.5">
+                                            <input type="radio" id="age_6_18" name="age_group" value="6-18"
+                                                class="w-[24px] h-[24px] mr-2 text-black bg-gray-100 border-gray-300 focus:ring-dark-orange focus:ring-2"
+                                                {{ old('age_group', $event->age_group) == '6-18' ? 'checked' : '' }}
+                                                aria-labelledby="label-age_6_18" />
+                                            <label id="label-age_6_18" for="age_6_18" class="text-gray-900">6-18</label>
+                                        </div>
+
+                                        <!-- Option 3 -->
+                                        <div class="flex items-center flex-row mb-2.5">
+                                            <input type="radio" id="age_19_25" name="age_group" value="19-25"
+                                                class="w-[24px] h-[24px] mr-2 text-black bg-gray-100 border-gray-300 focus:ring-dark-orange focus:ring-2"
+                                                {{  old('age_group', $event->age_group) == '19-25' ? 'checked' : '' }}
+                                                aria-labelledby="label-age_19_25" />
+                                            <label id="label-age_19_25" for="age_19_25" class="text-gray-900">19-25</label>
+                                        </div>
+
+                                        <!-- Option 4 -->
+                                        <div class="flex items-center flex-row mb-2.5">
+                                            <input type="radio" id="age_over_25" name="age_group" value="Over 25"
+                                                class="w-[24px] h-[24px] mr-2 text-black bg-gray-100 border-gray-300 focus:ring-dark-orange focus:ring-2"
+                                               {{ old('age_group', $event->age_group) == 'Over 25' ? 'checked' : '' }}
+                                                aria-labelledby="label-age_over_25" />
+                                            <label id="label-age_over_25" for="age_over_25" class="text-gray-900">Over
+                                                25</label>
+                                        </div>
+                                    </div>
+                                </div>
                             </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'theme'])@endcomponent
+
+
+
+                            <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                                <div
+                                    class="flex items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="mt-2 text-form leading-6 text-black w-[147px] max-sm:mb-2"
+                                        for="id_extracurricular_activity">
+                                        Is this an extracurricular activity?*
+                                    </label>
+                                    <div class="flex flex-row items-center w-full md:max-w-[472px]">
+                                        <div class="flex flex-row items-center mr-4">
+                                            <input type="radio" id="extracurricular_yes" name="extracurricular_activity"
+                                                value="yes"
+                                                class="w-[24px] h-[24px] mr-2 text-black bg-gray-100 border-gray-300 focus:ring-dark-orange focus:ring-2"
+                                                @if (old('extracurricular_activity', $event->extracurricular_activity) == 'yes') checked @endif required />
+                                            <label for="extracurricular_yes" class="text-base text-gray-900">Yes</label>
+                                        </div>
+                                        <div class="flex items-center">
+                                            <input type="radio" id="extracurricular_no" name="extracurricular_activity"
+                                                value="no"
+                                                class="w-[24px] h-[24px] mr-2 text-black bg-gray-100 border-gray-300 focus:ring-dark-orange focus:ring-2"
+                                                @if (old('extracurricular_activity', $event->extracurricular_activity) == 'no') checked @endif required />
+                                            <label for="extracurricular_no" class="text-base text-gray-900">No</label>
+                                        </div>
+                                    </div>
+
+                                </div>
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form  leading-6 text-black w-[147px] whitespace-nowrap"
+                                        for="id_extracurricular_activity"></label>
+                                    <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                        @component('components.validation-errors', ['field' => 'extracurricular_activity'])
+                                        @endcomponent
+                                    </div>
+                                </div>
                             </div>
-                        </div>
 
-                    </div>
+                            <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper" x-data="{ isRecurring: '' }">
+                                <div
+                                    class="flex items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 text-black w-[147px] max-sm:mb-2"
+                                        for="id_recurring_event">
+                                        Is it a recurring event?*
+                                    </label>
+                                    <div class="flex flex-col w-full md:max-w-[472px]" x-data="{ isRecurring: '{{ old('recurring_event') == 'yes' ? 'yes' : 'no' }}' }"
+                                        x-init="$nextTick(() => { isRecurring = '{{ old('recurring_event', 'no') }}' })">
+                                        <!-- Radio Buttons for Yes/No -->
+                                        <div class="flex flex-row items-center w-full mb-4">
+                                            <div class="flex flex-row items-center mr-4">
+                                                <input type="radio" id="recurring_event_yes" name="recurring_event"
+                                                    value="yes"
+                                                    class="w-[24px] h-[24px] mr-2 text-black bg-gray-100 border-gray-300 focus:ring-dark-orange focus:ring-2"
+                                                    @if (old('recurring_event', $event->recurring_event) == 'yes') checked @endif
+                                                    x-on:click="isRecurring = 'yes'" required />
+                                                <label for="recurring_event_yes" class="text-base text-gray-900">Yes</label>
+                                            </div>
+                                            <div class="flex items-center">
+                                                <input type="radio" id="recurring_event_no" name="recurring_event"
+                                                    value="no"
+                                                    class="w-[24px] h-[24px] mr-2 text-black bg-gray-100 border-gray-300 focus:ring-dark-orange focus:ring-2"
+                                                    @if (old('recurring_event', $event->recurring_event) == 'no') checked @endif
+                                                    x-on:click="isRecurring = 'no'" required />
+                                                <label for="recurring_event_no" class="text-base text-gray-900">No</label>
+                                            </div>
+                                        </div>
 
-                    <div class="codeweek-form-inner-container">
+                                        <!-- Conditional Section for Frequency -->
+                                        <div 
+                                            class="rounded-2xl bg-pearl min-h-[88px] p-4 w-[317px]">
+                                            <label class="mb-4 font-normal text-black text-form">How frequently?</label>
+                                            <div class="flex items-center w-full gap-6 mt-4 whitespace-nowrap">
+                                                <div class="relative flex items-center self-stretch gap-2 my-auto">
+                                                    <input type="radio" id="daily" name="frequency" value="daily"
+                                                        class="w-[24px] h-[24px] bg-white text-black border-2 border-solid rounded-full border-slate-300"
+                                                        @if (old('frequency', $event->frequency) == 'daily') checked @endif />
+                                                    <label for="daily" class="z-0 self-stretch my-auto">Daily</label>
+                                                </div>
+                                                <div class="flex items-center self-stretch gap-2 my-auto">
+                                                    <input type="radio" id="weekly" name="frequency" value="weekly"
+                                                        class="w-[24px] h-[24px] bg-white text-black border-2 border-solid rounded-full border-slate-300"
+                                                        @if (old('frequency', $event->frequency) == 'weekly') checked @endif />
+                                                    <label for="weekly" class="self-stretch my-auto">Weekly</label>
+                                                </div>
+                                                <div class="flex items-center self-stretch gap-2 my-auto">
+                                                    <input type="radio" id="monthly" name="frequency" value="monthly"
+                                                        class="w-[24px] h-[24px] bg-white text-black border-2 border-solid rounded-full border-slate-300"
+                                                        @if (old('frequency', $event->frequency) == 'monthly') checked @endif />
+                                                    <label for="monthly" class="self-stretch my-auto">Monthly</label>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field align-flex-start">
-                                <label for="id_location"><span
-                                            x-show="!isOnlineActivitySelected()">*</span>@lang('event.address.label')
-                                </label>
-                                <div>
-                                    <autocomplete-geo name="location" placeholder="@lang('event.address.placeholder')"
-                                                      location="{{$event->location}}"
-                                                      value="{{old('location',$event->location)}}"
-                                                      geoposition="{{old('geoposition',$event->geoposition)}}"></autocomplete-geo>
-                                    <div class="errors" style="margin-bottom: 10px; margin-left:0;">
-                                        @component('components.validation-errors', ['field'=>'location'])@endcomponent
+
+                                </div>
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap"
+                                        for="id_recurring_event"></label>
+                                    <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                        @component('components.validation-errors', ['field' => 'recurring_event'])
+                                        @endcomponent
+                                        @component('components.validation-errors', ['field' => 'frequency'])
+                                        @endcomponent
                                     </div>
-                                    <div id="events-edit-map"></div>
                                 </div>
                             </div>
+
+
+
+
                         </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_country">* @lang('event.country')</label>
-                                <select id="id_country" name="country_iso" class="codeweek-input-select">
-                                    <option value=""></option>
-                                    @foreach ($countries as $country)
-                                        <option value="{{$country->iso}}" {{$selected_country == $country->iso ? 'selected' : ''}}>@lang('countries.'. $country->name)</option>
-                                    @endforeach
-                                </select>
+                        <div class="codeweek-form-inner-container">
+                            <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form leading-6 text-black w-[147px]"
+                                        for="id_codeweek_forall_code_label">@lang('event.codeweek_for_all_participation_code.title')</label>
+                                    <div class="w-full group-fields max-w-[472px]">
+                                        <input
+                                            class="w-full px-6 py-3 text-form md:max-w-[472px] rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+                                            id="id_codeweek_forall_code" maxlength="75"
+                                            name="codeweek_for_all_participation_code"
+                                            value="{{ old('codeweek_for_all_participation_code', $event->codeweek_for_all_participation_code) }}"
+                                            placeholder="XXX-XXX-XXX">
+                                    </div>
+                                </div>
+                            </div>
+
+                            <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                                <div
+                                    class="flex justify-between w-full items-max-sm:items-start codeweek-form-field max-sm:flex-col max-sm:items-start-searchable">
+                                    <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                        for="id_leading_teacher_tag_label">@lang('community.titles.2')</label>
+                                    <singleselect class="w-full max-w-[472px]"
+                                        :options="{{ json_encode($leading_teachers) }}"
+                                        value="{{ old('leading_teacher_tag', $event->leading_teacher_tag) }}" name="leading_teacher_tag"
+                                        placeholder="Select {{ __('community.titles.2') }}"></singleselect>
+                                </div>
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form  leading-6 text-black w-[147px] whitespace-nowrap"
+                                        for="id_title"></label>
+                                </div>
                             </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'country'])@endcomponent
+
+                            <div
+                                class="flex items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                    for="id_picture">@lang('event.image')</label>
+                                <div class="w-full max-w-[478px]" data-provides="fileinput" data-name="picture">
+                                    <div class="fileinput-new">
+                                        <div class="fileinput-preview fileinput-exists"></div>
+                                        <div class="w-full max-w-[478px]">
+                                            <picture-form picture="{{$event->picture_detail_path()}}"
+                                                      image="{{$event->picture}}"></picture-form>
+                                        </div>
+                                    </div>
+                                </div>
                             </div>
+
+                        </div>
+                        <div class="flex justify-end w-full relative mt-6 -left-[4px]">
+                            <button type="button" x-on:click="nextStep()" x-bind:disabled="hasErrors"
+                                class="flex justify-center items-center leading-none px-2.5 py-3 border-2 border-solid rounded-3xl w-[160px] h-[48px] text-base font-bold whitespace-nowrap transition-colors duration-200"
+                                x-bind:class="{
+                                    'bg-gray-300 text-gray-500 cursor-not-allowed border-gray-300': hasErrors,
+                                    'bg-primary text-black border-primary hover:bg-white': !hasErrors
+                                }">
+                                Next Step
+                            </button>
                         </div>
 
+                    </div>
+                    <div class="step-two" x-show="currentStep === 2" x-cloak>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_start_date">*@lang('event.start.label')</label>
-                                <date-time name="start_date" placeholder="@lang('event.start.placeholder')"
-                                           value="{{old('start_date',$event->start_date)}}"></date-time>
+                        <div class="flex flex-col mt-4 codeweek-form-field-wrapper">
+                            <div
+                                class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                    for="id_organizer">@lang('event.organizer.label')*</label>
+                                <input
+                                    class="w-full px-6 py-3 text-form md:max-w-[472px]  rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+                                    id="id_organizer" maxlength="255" name="organizer" placeholder="@lang('event.organizer.placeholder')"
+                                    type="text" value="{{ old('organizer', $event->organizer) ?: $location->name ?? '' }}">
                             </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'start_date'])@endcomponent
+                            <div
+                                class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form  leading-6 text-black w-[147px] whitespace-nowrap"
+                                    for="id_title"></label>
+                                <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                    @component('components.validation-errors', ['field' => 'organizer'])
+                                    @endcomponent
+                                </div>
                             </div>
                         </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_end_date">*@lang('event.end.label')</label>
-                                <date-time name="end_date" placeholder="@lang('event.end.placeholder')"
-                                           value="{{old('end_date',$event->end_date)}}"></date-time>
-                            </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'end_date'])@endcomponent
+                        <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                            <div
+                                class="flex items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                    for="id_organizer">@lang('event.organizertype.label')* </label>
+                                <div class="flex flex-col w-full md:max-w-[472px]">
+                                    <div class="relative inline-block w-full text-gray-700">
+                                        <select
+                                            class="w-full px-6 border-0 py-3 text-form md:max-w-[472px] rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full codeweek-input-select"
+                                            id="id_organizer_type" name="organizer_type" class="codeweek-input-select">
+                                            <option disabled value>Select Type</option>
+                                            <option value="school" {{ old('organizer_type', $event->organizer_type) == 'school' ? 'selected' : '' }}>
+                                                @lang('event.organizertype.school')</option>
+                                            <option value="library"
+                                                {{ old('organizer_type', $event->organizer_type) == 'library' ? 'selected' : '' }}>@lang('event.organizertype.library')
+                                            </option>
+                                            <option value="non profit"
+                                                {{ old('organizer_type', $event->organizer_type) == 'non profit' ? 'selected' : '' }}>
+                                                @lang('event.organizertype.non profit')</option>
+                                            <option value="private business"
+                                                {{ old('organizer_type', $event->organizer_type) == 'private business' ? 'selected' : '' }}>
+                                                @lang('event.organizertype.private business')</option>
+                                            <option value="other" {{ old('organizer_type', $event->organizer_type) == 'other' ? 'selected' : '' }}>
+                                                @lang('event.organizertype.other')</option>
+                                        </select>
+                                        <div class="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none">
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25"
+                                                viewBox="0 0 24 25" fill="none">
+                                                <path d="M6 9.40002L12 15.4L18 9.40002" stroke="black" stroke-width="2"
+                                                    stroke-linecap="round" stroke-linejoin="round" />
+                                            </svg>
+                                        </div>
+                                        <div
+                                            class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                            <label class="text-form  leading-6 text-black w-[147px] whitespace-nowrap"
+                                                for="id_title"></label>
+                                            <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                                @component('components.validation-errors', ['field' => 'organizer_type'])
+                                                @endcomponent
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
                             </div>
                         </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_event_url"><span
-                                            x-show="isOnlineActivitySelected()">*</span>@lang('event.website.label')
-                                </label>
-                                <input id="id_event_url" maxlength="200" name="event_url"
-                                       placeholder="@lang('event.website.placeholder')" type="text"
-                                       value="{{old('event_url')?old('event_url'):$event->event_url}}">
-                            </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'event_url'])@endcomponent
+                        <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                            <div
+                                class="flex items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                    for="id_language">@lang('resources.Languages')* </label>
+                                <div class="flex flex-col w-full md:max-w-[472px]">
+                                    <div class="relative inline-block w-full text-gray-700">
+                                        <select
+                                            class="w-full border-0 px-6 py-3 text-form md:max-w-[472px]  rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+                                            id="id_language" name="language" class="codeweek-input-select">
+                                    @if(is_null($event->language))
+                                        <option value="" disabled selected>---</option>
+                                    @endif
+
+                                    @foreach($languages as $key => $value)
+                                        <option value="{{$key}}" {{ $key == $event->language ? 'selected' : '' }}>{{$value}}</option>
+                                    @endforeach
+                                        </select>
+                                        <div class="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none">
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25"
+                                                viewBox="0 0 24 25" fill="none">
+                                                <path d="M6 9.40002L12 15.4L18 9.40002" stroke="black" stroke-width="2"
+                                                    stroke-linecap="round" stroke-linejoin="round" />
+                                            </svg>
+                                        </div>
+                                    </div>
+                                </div>
                             </div>
                         </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_contact_person">@lang('event.public.label')</label>
-                                <input id="id_contact_person" maxlength="75" name="contact_person"
-                                       placeholder="@lang('event.public.placeholder')" type="text"
-                                       value="{{old('contact_person')?old('contact_person'):$event->contact_person}}">
+
+                        <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                            <div
+                                class="flex items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                    for="id_country">@lang('event.country')* </label>
+                                <div class="flex flex-col w-full md:max-w-[472px]">
+                                    <div class="relative inline-block w-full text-gray-700">
+                                        <select id="id_country" name="country_iso"
+                                            class="border-0 w-full px-6 py-3 text-form md:max-w-[472px]  rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full codeweek-input-select">
+                                            <option value="">Select Country</option>
+                                             @foreach ($countries as $country)
+                                        <option value="{{$country->iso}}" {{$selected_country == $country->iso ? 'selected' : ''}}>@lang('countries.'. $country->name)</option>
+                                        @endforeach
+                                        </select>
+                                        <div class="absolute inset-y-0 right-0 flex items-center px-2 pointer-events-none">
+                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="25"
+                                                viewBox="0 0 24 25" fill="none">
+                                                <path d="M6 9.40002L12 15.4L18 9.40002" stroke="black" stroke-width="2"
+                                                    stroke-linecap="round" stroke-linejoin="round" />
+                                            </svg>
+                                        </div>
+                                    </div>
+                                </div>
                             </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'contact_person'])@endcomponent
+                            <div
+                                class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form  leading-6 text-black w-[147px] whitespace-nowrap"
+                                    for="id_title"></label>
+                                <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                    @component('components.validation-errors', ['field' => 'country'])
+                                    @endcomponent
+                                </div>
                             </div>
                         </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field">
-                                <label for="id_tags">@lang('event.tags')</label>
-                                <input-tags value="{{$tags}}"></input-tags>
+                        <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                            <div
+                                class="flex items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                    for="id_event_url"><span x-show="isOnlineActivitySelected()"></span>@lang('event.website.label')*
+                                </label>
+                                <input
+                                    class="w-full px-6 py-3 text-form md:max-w-[472px]  rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+                                    id="id_event_url" maxlength="200" name="event_url" placeholder="@lang('event.website.placeholder')"
+                                    type="text" value="{{ old('event_url',$event->event_url) }}">
+                            </div>
+                            <div
+                                class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form  leading-6 text-black w-[147px] whitespace-nowrap"
+                                    for="id_title"></label>
+                                <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                    @component('components.validation-errors', ['field' => 'event_url'])
+                                    @endcomponent
+                                </div>
                             </div>
                         </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field align-flex-start">
-                                <label for="id_codeweek_forall_code_label">@lang('event.codeweek_for_all_participation_code.title')</label>
-                                <div class="group-fields">
-                                    <input id="id_codeweek_forall_code" maxlength="75"
-                                           name="codeweek_for_all_participation_code"
-                                           value="{{old('codeweek_for_all_participation_code')?old('codeweek_for_all_participation_code'):$event->codeweek_for_all_participation_code}}">
-                                    <span style="font-size: 13px;font-style: italic;">
-                                        @lang('event.codeweek_for_all_participation_code.explanation')
-                                        <a href="/codeweek4all">@lang('event.codeweek_for_all_participation_code.link')</a>
-                                    </span>
+                        <div class="flex flex-wrap mt-4 codeweek-form-field-wrapper">
+                            <div
+                                class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                    for="id_contact_person">
+                                    @lang('event.public.label')
+                                </label>
+                                <input
+                                    class="w-full px-6 py-3 text-form md:max-w-[472px] rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+                                    id="id_contact_person" maxlength="75" name="contact_person"
+                                    placeholder="@lang('event.public.placeholder')" type="text" value="{{ old('contact_person',$event->contact_person) }}">
+                            </div>
+                            <!-- Error Display -->
+                            <div
+                                class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap"
+                                    for="id_title"></label>
+                                <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                    @component('components.validation-errors', ['field' => 'contact_person'])
+                                    @endcomponent
                                 </div>
                             </div>
                         </div>
 
-                        <div class="codeweek-form-field-wrapper">
-                            <div class="codeweek-form-field-searchable">
-                                <label for="id_leading_teacher_tag_label">@lang('community.titles.2')</label>
-                                <singleselect :options="{{ json_encode($leading_teachers) }}"
-                                              value="{{old('leading_teacher_tag')?old('leading_teacher_tag'):$event->leading_teacher_tag}}"
-                                              name="leading_teacher_tag"
-                                              placeholder="{{__('community.titles.2')}}"
 
-                                ></singleselect>
-                            </div>
-                            <div class="errors">
-                                @component('components.validation-errors', ['field'=>'theme'])@endcomponent
+                        <div class="flex-wrap hidden mt-4 codeweek-form-field-wrapper">
+                            <div
+                                class="flex items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                <label class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"
+                                    for="id_tags">@lang('event.tags')</label>
+                                <input-tags value="{{ old('tags') }}"></input-tags>
                             </div>
                         </div>
-
-                        <div class="codeweek-form-field">
-                            <label for="id_picture">@lang('event.image')</label>
-                            <div data-provides="fileinput" data-name="picture">
-                                <div class="fileinput-new">
-                                    <div class="fileinput-preview fileinput-exists"></div>
-                                    <div>
-                                        <picture-form picture="{{$event->picture_detail_path()}}"
-                                                      image="{{$event->picture}}"></picture-form>
+                        <div class="w-full codeweek-form-message xl:w-[712px] relative xl:-left-[15px]">
+                            <div
+                                class="flex flex-wrap items-start w-full p-4 mt-4 rounded-2xl bg-pearl max-md:max-w-full codeweek-form-field-wrapper">
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label
+                                        class="text-form leading-6 text-black w-[147px] whitespace-nowrap max-sm:mb-2"for="id_user_email">@lang('event.contact.label')*
+                                    </label>
+                                    <div class="flex flex-col w-full md:max-w-[472px]">
+                                        <input
+                                            class="w-full px-6 py-3 text-form md:max-w-[472px]  rounded-3xl shadow-sm ring-1 ring-inset ring-gray-300 focus-within:ring-2 focus-within:ring-inset focus-within:ring-dark-orange focus-within:placeholder-dark-orange max-md:px-5 max-md:max-w-full"
+                                            id="id_user_email" name="user_email" type="email"
+                                            placeholder="@lang('event.contact.placeholder')" value="{{ old('user_email',$event->user_email) }}" track-by="tag"
+                                            label="tag">
+                                    </div>
+                                </div>
+                                <div
+                                    class="flex flex-row items-center justify-between w-full codeweek-form-field max-sm:flex-col max-sm:items-start">
+                                    <label class="text-form  leading-6 text-black w-[147px] whitespace-nowrap"
+                                        for="id_title"></label>
+                                    <div class="flex flex-col">
+                                        <div class="flex flex-col w-full md:max-w-[472px] errors">
+                                            @component('components.validation-errors', ['field' => 'user_email'])
+                                            @endcomponent
+                                        </div>
+                                        <div
+                                            class="flex items-start mt-2 text-xs leading-5 text-black max-sm:hidden message max-md:max-w-full">
+                                            <svg class="mr-2" xmlns="http://www.w3.org/2000/svg" width="20"
+                                                height="20" viewBox="0 0 20 20" fill="none">
+                                                <path
+                                                    d="M9 15H11V9H9V15ZM10 7C10.2833 7 10.521 6.904 10.713 6.712C10.905 6.52 11.0007 6.28267 11 6C10.9993 5.71733 10.9033 5.48 10.712 5.288C10.5207 5.096 10.2833 5 10 5C9.71667 5 9.47933 5.096 9.288 5.288C9.09667 5.48 9.00067 5.71733 9 6C8.99933 6.28267 9.09533 6.52033 9.288 6.713C9.48067 6.90567 9.718 7.00133 10 7ZM10 20C8.61667 20 7.31667 19.7373 6.1 19.212C4.88334 18.6867 3.825 17.9743 2.925 17.075C2.025 16.1757 1.31267 15.1173 0.788001 13.9C0.263335 12.6827 0.000667933 11.3827 1.26582e-06 10C-0.000665401 8.61733 0.262001 7.31733 0.788001 6.1C1.314 4.88267 2.02633 3.82433 2.925 2.925C3.82367 2.02567 4.882 1.31333 6.1 0.788C7.318 0.262667 8.618 0 10 0C11.382 0 12.682 0.262667 13.9 0.788C15.118 1.31333 16.1763 2.02567 17.075 2.925C17.9737 3.82433 18.6863 4.88267 19.213 6.1C19.7397 7.31733 20.002 8.61733 20 10C19.998 11.3827 19.7353 12.6827 19.212 13.9C18.6887 15.1173 17.9763 16.1757 17.075 17.075C16.1737 17.9743 15.1153 18.687 13.9 19.213C12.6847 19.739 11.3847 20.0013 10 20Z"
+                                                    fill="#164194" />
+                                            </svg>
+                                            <span class="max-w-[445px] w-full  max-md:max-w-full">
+                                                @lang('event.contact.explanation')
+                                            </span>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                         </div>
 
-                    </div>
-
-                </div>
-
-                <div class="codeweek-form-message">
-                    <div class="message">
-                        @lang('event.contact.explanation')
-                    </div>
-                    <div class="codeweek-form-field-wrapper">
-                        <div class="codeweek-form-field">
-                            <label for="id_user_email">* @lang('event.contact.label')</label>
-                            <input id="id_user_email" name="user_email" type="email"
-                                   placeholder="@lang('event.contact.placeholder')"
-                                   value="{{old('user_email')?old('user_email'):$event->user_email}}">
+                        <div class="pt-4 pb-8 codeweek-form-field-privacy">
+                            <label>
+                                <input id="checkPrivacy" name="privacy" type="checkbox"
+                                    {{ auth()->user()->privacy === 1 ? 'checked="checked"' : '' }}>
+                                @lang('event.privacy')
+                            </label>
+                            @component('components.validation-errors', ['field' => 'privacy'])
+                            @endcomponent
                         </div>
-                        <div class="errors">
-                            @component('components.validation-errors', ['field'=>'user_email'])@endcomponent
+                        <div class="flex justify-between w-full">
+                            <button type="button" x-on:click="previousStep()"
+                                class="flex justify-center items-center leading-none px-2.5 py-3 bg-white border-2 border-solid border-primary rounded-3xl w-[160px] h-[48px] text-base font-bold text-black whitespace-nowrap hover:bg-primary">
+                                Previous
+                            </button>
+                            <button type="submit" onclick="document.querySelector('form.codeweek-form').submit()"
+                                class="flex justify-center items-center leading-none px-2.5 py-3 bg-primary border-2 border-solid border-primary rounded-3xl w-[160px] h-[48px] text-base font-bold text-black whitespace-nowrap hover:bg-white">
+                                Submit
+                            </button>
                         </div>
                     </div>
-                </div>
-
-                <div class="codeweek-form-field-privacy">
-                    <label>
-                        <input id="checkPrivacy" name="privacy"
-                               type="checkbox" {{ auth()->user()->privacy === 1 ? 'checked="checked"' : '' }}>
-                        @lang('event.privacy')
-                        <a href="/privacy" target="_blank">
-                            <img src="/images/external-link.svg" width="16" class="static-image">
-                        </a>
-                    </label>
-                    @component('components.validation-errors', ['field'=>'privacy'])
-                    @endcomponent
-                </div>
-
-
-                <div class="codeweek-form-button-container">
-                    <div class="codeweek-button">
-                        <input type="submit" id="add-button"
-                               onclick="javascript:return addEvent('{{__('school.required.location')}}');"
-                               value="@lang('event.update_activity')">
-                    </div>
-                </div>
-
-            </form>
+                </form>
 
+            </section>
 
         </section>
 
-    </section>
-
-@endsection
+    @endsection
 
-@push('scripts')
 
-    {{--    <script defer src="//europa.eu/webtools/load.js" type="text/javascript"></script>--}}
-
-    {{--    <script src="{{asset('js/map-add-event.js')}}"></script>--}}
-
-    <script defer src="//europa.eu/webtools/load.js" type="text/javascript"></script>
-    <script type="application/json">
+    @push('scripts')
+        <script defer src="//europa.eu/webtools/load.js" type="text/javascript"></script>
+        <script type="application/json">
         {
             "service" : "map",
             "version" : "2.0",
-            "renderTo" : "events-edit-map",
+            "renderTo" : "events-add-map",
             "height": "250",
             "width": "422",
             "custom": ["/js/hideMenuMap.js"]
@@ -349,29 +855,233 @@
 
 
 
-    </script>
 
-    <script src="{{asset('js/tinymce/tinymce.min.js')}}"></script>
 
-    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.x.x/dist/alpine.min.js"></script>
 
-    <script>
 
-        tinymce.init({
-            selector: '#id_description',
-            height: 400,
-            width: 460
-        });
 
-        function addActivity(activityType) {
-            return {
-                selectedActivityType: activityType,
-                isOnlineActivitySelected() {
-                    return (this.selectedActivityType === 'open-online' || this.selectedActivityType === 'invite-online')
-                },
-            }
-        }
+
     </script>
 
-@endpush
+        <script src="{{ asset('js/tinymce/tinymce.min.js') }}"></script>
+
+
+
+        <script>
+            tinymce.init({
+                selector: '#id_description',
+                height: 400,
+                width: '100%',
+                setup: function(editor) {
+                    editor.on('init', function() {
+                        editor.getContainer().style.width = '100%';
+                    });
+
+                    editor.on('input', function() {
+                        const errorContainer = document.querySelector('.errors [data-field="description"]');
+                        if (errorContainer) {
+                            errorContainer.style.display = 'none';
+                            const alpine = document.querySelector('[x-data="multiStepForm"]')?.__x?.data;
+                            if (alpine) {
+                                alpine.clearFieldError('description');
+                            }
+                        }
+                    });
+                }
+            });
+            $(document).ready(function() {
+                $('select').niceSelect();
+            });
+
+            document.addEventListener('click', function(event) {
+                const radioGroup = document.getElementById('age-radio-group');
+                const radios = document.querySelectorAll('input[name="age"]');
+
+                // Check if the click was outside the radio group
+                if (!radioGroup.contains(event.target)) {
+                    radios.forEach(radio => {
+                        radio.checked = false; // Deselect all radio buttons
+                    });
+                }
+            });
+
+
+            document.addEventListener('alpine:init', () => {
+                Alpine.data('multiStepForm', () => ({
+                    currentStep: 1,
+                    totalSteps: 2,
+                    hasErrors: false,
+                    fieldErrors: {},
+
+                    init() {
+                        // Initial setup and error check
+                        this.setupValidationHandlers();
+                        this.checkErrors();
+
+                        // Set up mutation observer for dynamic error changes
+                        const observer = new MutationObserver(() => {
+                            this.checkErrors();
+                        });
+
+                        // Observe the entire form for changes
+                        const form = document.querySelector('form.codeweek-form');
+                        if (form) {
+                            observer.observe(form, {
+                                childList: true,
+                                subtree: true,
+                                characterData: true
+                            });
+                        }
+                    },
+
+                    setupValidationHandlers() {
+                        // Get all form fields
+                        const formFields = document.querySelectorAll('input, select, textarea');
+
+                        formFields.forEach(field => {
+                            // Skip fields that don't need validation
+                            if (!field.name || field.type === 'hidden') return;
+
+                            // Handle input events
+                            field.addEventListener('input', () => {
+                                // Find the error container for this field
+                                const errorContainer = document.querySelector(
+                                    `.errors [data-field="${field.name}"]`);
+                                if (errorContainer) {
+                                    errorContainer.style.display = 'none';
+                                    this.clearFieldError(field.name);
+                                }
+                            });
+
+                            // Handle change events for select elements
+                            if (field.tagName === 'SELECT') {
+                                field.addEventListener('change', () => {
+                                    const errorContainer = document.querySelector(
+                                        `.errors [data-field="${field.name}"]`);
+                                    if (errorContainer) {
+                                        errorContainer.style.display = 'none';
+                                        this.clearFieldError(field.name);
+                                    }
+                                });
+                            }
+                        });
+
+                        // Setup TinyMCE handler if it exists
+                        this.setupTinyMCE();
+
+                        // Setup multiselect handlers
+                        this.setupMultiselectHandlers();
+                    },
+
+                    setupTinyMCE() {
+                        if (tinymce.get('id_description')) {
+                            tinymce.get('id_description').on('input', () => {
+                                const errorContainer = document.querySelector(
+                                    '.errors [data-field="description"]');
+                                if (errorContainer) {
+                                    errorContainer.style.display = 'none';
+                                    this.clearFieldError('description');
+                                }
+                            });
+                        }
+                    },
+
+                    setupMultiselectHandlers() {
+                        // Handle vue-multiselect components
+                        document.querySelectorAll('.multiselect-wrapper').forEach(select => {
+                            const input = select.querySelector('input[type="hidden"]');
+                            if (input) {
+                                const name = input.name;
+                                // Watch for changes in the multiselect
+                                select.addEventListener('change', () => {
+                                    const errorContainer = document.querySelector(
+                                        `.errors [data-field="${name}"]`);
+                                    if (errorContainer) {
+                                        errorContainer.style.display = 'none';
+                                        this.clearFieldError(name);
+                                    }
+                                });
+                            }
+                        });
+                    },
+
+                    checkErrors() {
+                        // Reset errors first
+                        this.fieldErrors = {};
+                        this.hasErrors = false;
+
+                        // Check for Laravel validation errors that are visible
+                        const errorLists = document.querySelectorAll('.errorlist[data-field]');
+                        errorLists.forEach(errorList => {
+                            const fieldName = errorList.getAttribute('data-field');
+                            // Only count visible errors
+                            if (fieldName && errorList.offsetParent !== null) {
+                                this.fieldErrors[fieldName] = true;
+                            }
+                        });
+
+                        // Update hasErrors based on visible errors
+                        this.hasErrors = Object.keys(this.fieldErrors).length > 0;
+
+                        // Update styling for components
+                        this.updateComponentStyles();
+                    },
+
+                    updateComponentStyles() {
+                        // Update TinyMCE styling
+                        const editor = tinymce.get('id_description');
+                        if (editor) {
+                            const hasError = !!this.fieldErrors['description'];
+                            editor.getContainer().style.border = hasError ?
+                                '2px solid rgb(249, 92, 34)' :
+                                '1px solid rgb(209, 213, 219)';
+                        }
+
+                        // Update multiselect styling
+                        document.querySelectorAll('.multiselect-wrapper').forEach(select => {
+                            const input = select.querySelector('input[type="hidden"]');
+                            if (input) {
+                                const name = input.name;
+                                const hasError = !!this.fieldErrors[name];
+                                const tagsElement = select.querySelector('.multiselect__tags');
+                                if (tagsElement) {
+                                    if (hasError) {
+                                        tagsElement.classList.add('ring-2', 'ring-dark-orange');
+                                        tagsElement.classList.remove('ring-gray-300');
+                                    } else {
+                                        tagsElement.classList.remove('ring-2', 'ring-dark-orange');
+                                        tagsElement.classList.add('ring-gray-300');
+                                    }
+                                }
+                            }
+                        });
+                    },
+
+                    clearFieldError(fieldName) {
+                        if (this.fieldErrors[fieldName]) {
+                            delete this.fieldErrors[fieldName];
+                            this.checkErrors();
+                        }
+                    },
+
+                    nextStep() {
+                        this.checkErrors();
+                        if (!this.hasErrors && this.currentStep < this.totalSteps) {
+                            this.currentStep++;
+                        }
+                    },
+
+                    previousStep() {
+                        if (this.currentStep > 1) {
+                            this.currentStep--;
+                        }
+                    },
 
+                    isOnlineActivitySelected() {
+                        const activityType = document.getElementById('id_activity_type')?.value;
+                        return activityType === 'open-online' || activityType === 'invite-online';
+                    }
+                }));
+            });
+        </script>
+    @endpush
diff --git a/resources/views/event/event_header.blade.php b/resources/views/event/event_header.blade.php
new file mode 100644
index 000000000..9d6ffb1e7
--- /dev/null
+++ b/resources/views/event/event_header.blade.php
@@ -0,0 +1,17 @@
+  <section
+      class="flex relative flex-col justify-center items-start px-8 xl:px-24 w-full font-bold text-white bg-blue-900 max-md:h-[460px] h-[280px] max-md:px-5 max-md:max-w-full max-md:justify-between">
+      <div class="flex z-0 flex-col w-full max-w-[751px] max-md:mt-8">
+          <h1 class="text-6xl leading-none text-white max-xl:text-4xl">Add your CodeWeek activity</h1>
+          <span class="mt-4 leading-6 text-white text-default w-full md:max-w-[50%] xl:max-w-[90%]">Register your
+              activity today and become part of the movement! By adding your event, you're helping to inspire others —
+              don't forget to promote and share your event with your community.</span>
+      </div>
+      <img loading="lazy"
+          src="/images/events/dektop-img.svg"
+          alt="Decorative image representing Code Week activities"
+          class="hidden md:flex object-contain absolute right-0 bottom-0 z-0 max-w-full aspect-[1.82] md:h-[280px] w-[509px]" />
+      <img loading="lazy"
+          src="/images/events/mobile.svg"
+          alt="Decorative image representing Code Week activities"
+          class="max-md:flex hidden object-contain max-sm:relative absolute right-0 bottom-0 z-0 max-w-full w-[509px]" />
+  </section>
\ No newline at end of file
diff --git a/resources/views/event/thankyou.blade.php b/resources/views/event/thankyou.blade.php
index d0b7529a5..47c1f798c 100755
--- a/resources/views/event/thankyou.blade.php
+++ b/resources/views/event/thankyou.blade.php
@@ -1,37 +1,245 @@
 @extends('layout.base')
 
 @section('content')
+    <section id="codeweek-events-add-page" class="codeweek-page thank_you">
+        @include('event.event_header')
 
-    <section id="codeweek-thankyou-events-page" class="codeweek-page">
+        <section class="w-full mx-auto codeweek-content-wrapper" style="margin-top:0px;"
+            x-data="addActivity()">
+            <div class="flex flex-col max-w-full m-auto" role="main" aria-labelledby="confirmation-title">
+                <div class="flex flex-col w-full py-8 lg:py-16 max-md:max-w-full max-sm:px-4 max-md:px-8">
+                    <div class="flex flex-col items-center justify-center w-full">
+                        <svg width="80" height="80" viewBox="0 0 80 80" fill="none"
+                            xmlns="http://www.w3.org/2000/svg">
+                            <rect width="80" height="80" rx="40" fill="#99CC28" />
+                            <path fill-rule="evenodd" clip-rule="evenodd"
+                                d="M28 35.999L24 39.999L36 51.999L56 31.999L52 27.999L36 43.999L28 35.999Z"
+                                fill="#164194" />
+                        </svg>
 
-        <section class="codeweek-content-header">
+                        <h1 id="confirmation-title"
+                            class="mt-6 text-2xl font-bold leading-tight text-center text-orange-500 lg:text-40 max-md:max-w-full">
+                            @lang('event.thanks_page.title')
+                        </h1>
+                        <div class="max-md:max-w-full m-auto max-w-[730px] pt-[20px] text-center">
+                            <span class="leading-6 text-center text-black text-default">
+                                @lang('event.thanks_page.phrase1')
+                                <a href="{{ $event->path() }}"><strong>{{ $event->title }}</strong></a>
+                                @lang('event.thanks_page.phrase2') @lang('event.thanks_page.phrase3')<a href="{{ route('ambassadors') }}">
+                                    @lang('event.thanks_page.phrase4')</a>
+                                <br />
+                            </span>
+                            <br />
+                            <span class="block">
+                                @if ($event->codeweek_for_all_participation_code)
+                                    @lang('event.thanks_page.phrase7')
+                                    <strong>{{ $event->codeweek_for_all_participation_code }}</strong>
+                                @endif
+                            </span>
+                            <br />
+                            <span class="block">See the information you supplied below:</span>
+                        </div>
+                    </div>
+                    <div class="flex flex-col w-full mt-10 max-md:max-w-full">
+                        <div class="flex flex-col w-full max-md:max-w-full">
+                            <h2 class="text-2xl font-bold leading-none text-black max-md:max-w-full">
+                                Activity
+                            </h2>
+                            <div class="flex flex-col w-full mt-4 text-black text-default max-md:max-w-full">
+                                <div class="flex flex-col items-center w-full gap-6 px-4 py-2 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default"
+                                    role="group" aria-labelledby="activity-title">
+                                    <div id="activity-title" class="self-stretch w-40 my-auto max-xxs:font-bold">@lang('event.title.label')</div>
+                                    <div class="self-stretch w-40 my-auto">{{ $event->title }}</div>
+                                </div>
+                                <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default "
+                                    role="group" aria-labelledby="activity-type">
+                                    <div id="activity-type" class="self-stretch w-40 my-auto max-xxs:font-bold">@lang('event.activitytype.label')</div>
+                                    <div class="self-stretch w-40 my-auto">
+                                        {{ ucfirst(str_replace('-', ' ', $event->activity_type)) }}</div>
+                                </div>
+                                <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default "
+                                    role="group" aria-labelledby="activity-date">
+                                    <div id="activity-date" class="self-stretch w-40 my-auto max-xxs:font-bold">@lang('event.start.label')</div>
+                                    <div class="self-stretch w-40 my-auto">{{ $event->start_date }} – {{ $event->end_date }}
+                                    </div>
+                                </div>
+                                <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 whitespace-nowrap max-md:max-w-full text-default"
+                                    role="group" aria-labelledby="activity-address">
+                                    <div id="activity-address" class="self-stretch w-40 my-auto max-xxs:font-bold">@lang('event.address.label')</div>
+                                    <div class="self-stretch w-40 my-auto">{{ $event->location }}</div>
+                                </div>
+                                <div class="flex flex-col items-start w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default"
+                                    role="group" aria-labelledby="activity-description">
+                                    <div id="activity-description" class="w-40 my-auto welf-stretch max-xxs:font-bold">@lang('event.description.label')</div>
+                                    <div class="flex-1 leading-6 shrink basis-0 max-md:max-w-full">
+                                        {!! $event->description !!}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex flex-col w-full mt-10 max-md:max-w-full">
+                            <h2 class="text-2xl font-bold leading-none text-black max-md:max-w-full">
+                                Who is the activity for?
+                            </h2>
+                            <div class="flex flex-col w-full mt-4 text-black text-default max-md:max-w-full">
+                                <div class="flex flex-col items-center w-full gap-6 px-4 py-2 max-xxs:gap-2 xxs:flex-row bg-grey-3 whitespace-nowrap max-md:max-w-full"
+                                    role="group" aria-labelledby="activity-audience">
+                                    <div id="activity-audience" class="self-stretch w-40 my-auto max-xxs:font-bold">@lang('event.audience_title')</div>
+                                    <div class="self-stretch w-40 my-auto">
+                                        @if($event->audiences->count())
+                                            {{ implode(', ', $event->audiences->pluck('name')->toArray()) }}
+                                        @else
+                                            N/A
+                                        @endif
+                                    </div>
+                                </div>
+                                <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 whitespace-nowrap max-md:max-w-full text-default"
+                                    role="group" aria-labelledby="activity-theme">
+                                    <div id="activity-theme" class="self-stretch w-40 my-auto max-xxs:font-bold">@lang('event.theme_title')</div>
+                                    <div class="self-stretch w-40 my-auto">
+                                        @php
+                                            $themes = $event->themes->pluck('name')->toArray();
+                                        @endphp
 
-            <h1>@lang('event.thanks_page.title')</h1>
-
-        </section>
-
-        <section class="codeweek-content-wrapper">
-
-            <p>
-                @lang('event.thanks_page.phrase1')
-                <a href="{{$event->path()}}"><strong>{{ $event->title }}</strong></a>
-                @lang('event.thanks_page.phrase2')
-                <br/>
-                @lang('event.thanks_page.phrase3')
-                <a href="{{route('ambassadors')}}">@lang('event.thanks_page.phrase4')</a>
-                @lang('event.thanks_page.phrase5')
-                <a href="mailto:info@codeweek.eu?subject=Code Week events">@lang('event.thanks_page.phrase6')</a>.
-            </p>
-
-            <p>
-                @if($event->codeweek_for_all_participation_code)
-                    @lang('event.thanks_page.phrase7')
-                    <strong>{{$event->codeweek_for_all_participation_code}}</strong>
-                @endif
-            </p>
+                                        @if (count($themes))
+                                            {{ implode(', ', $themes) }}
+                                        @else
+                                            N/A
+                                        @endif
+                                    </div>
+                                </div>
+                                <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default "
+                                    role="group" aria-labelledby="activity-participants">
+                                    <div id="activity-participants" class="self-stretch w-40 my-auto max-xxs:font-bold">Number of participants
+                                    </div>
+                                    <div class="self-stretch my-auto">
+                                        {{ $event->participants_count }} – {{ $event->percentage_of_females }} Females,
+                                        {{ $event->percentage_of_males }} Males, {{ $event->percentage_of_other }} Others
+                                    </div>
+                                </div>
+                                <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 whitespace-nowrap max-md:max-w-full text-default"
+                                    role="group" aria-labelledby="activity-age">
+                                    <div id="activity-age" class="self-stretch w-40 my-auto max-xxs:font-bold">Age</div>
+                                    <div class="self-stretch w-40 my-auto">{{ $event->age_group }}</div>
+                                </div>
+                                <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default "
+                                    role="group" aria-labelledby="activity-extra">
+                                    <div id="activity-extra" class="self-stretch w-40 my-auto max-xxs:font-bold">Extracuricular activity
+                                    </div>
+                                    <div class="self-stretch w-40 my-auto">{{ ucfirst($event->extracurricular_activity) }}
+                                    </div>
+                                </div>
+                                <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default "
+                                    role="group" aria-labelledby="activity-recurring">
+                                    <div id="activity-recurring" class="self-stretch w-40 my-auto max-xxs:font-bold">Recurring event</div>
+                                    <div class="self-stretch w-40 my-auto">{{ ucfirst($event->frequency) }}</div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="flex flex-col w-full mt-10 text-black max-md:max-w-full">
+                            <div class="flex flex-col items-center w-full gap-6 px-4 py-2 max-xxs:gap-2 xxs:flex-row text-default bg-grey-3 max-md:max-w-full"
+                                role="group" aria-labelledby="activity-code">
+                                <div id="activity-code" class="self-stretch w-40 my-auto max-xxs:font-bold">@lang('event.codeweek_for_all_participation_code.title')</div>
+                                <div class="self-stretch my-auto">{{ $event->codeweek_for_all_participation_code }}</div>
+                            </div>
+                            <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row text-default bg-grey-3 max-md:max-w-full"
+                                role="group" aria-labelledby="activity-teachers">
+                                <div id="activity-teachers" class="self-stretch w-40 my-auto max-xxs:font-bold">@lang('community.titles.2')</div>
+                                <div class="self-stretch my-auto">
+                                      @if($event->leadingTeacher)
+                                          {{ $event->leadingTeacher->name }}
+                                      @else
+                                          N/A
+                                      @endif
+                                </div>
+                            </div>
+                            <div class="flex flex-col items-start w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default"
+                                role="group" aria-labelledby="activity-image">
+                                <div id="activity-image" class="w-40 text-default ">@lang('event.image')</div>
+                                <div class="flex flex-col justify-center min-w-[240px] w-[280px]">
+                                    @if ($event->picture)
+                                        <div class="text-default">Image attached</div>
+                                        <img loading="lazy" src="{{ asset('storage/' . $event->picture) }}"
+                                            class="object-contain mt-2 max-w-full aspect-[1.77] w-[280px]"
+                                            alt="Activity cover image" />
+                                        <div class="mt-2 text-sm">{{ basename($event->picture) }}</div>
+                                    @else
+                                        <div class="text-default">No image uploaded</div>
+                                    @endif
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="flex flex-col w-full mt-10 max-md:max-w-full">
+                        <h2 class="text-2xl font-bold leading-none text-black max-md:max-w-full">
+                            Organisation
+                        </h2>
+                        <div class="flex flex-col w-full mt-4 text-black text-default max-md:max-w-full">
+                            <div class="flex flex-col items-center w-full gap-6 px-4 py-2 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default"
+                                role="group" aria-labelledby="org-name">
+                                <div id="org-name" class="self-stretch w-40 my-auto max-xxs:font-bold">Name of organisation</div>
+                                <div class="self-stretch w-40 my-auto">{{ $event->organizer }}</div>
+                            </div>
+                            <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default "
+                                role="group" aria-labelledby="org-type">
+                                <div id="org-type" class="self-stretch w-40 my-auto max-xxs:font-bold">Type of organisation</div>
+                                <div class="self-stretch w-40 my-auto">{{ ucfirst($event->organizer_type ?? 'N/A') }}
+                                </div>
+                            </div>
+                            <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 whitespace-nowrap max-md:max-w-full text-default"
+                                role="group" aria-labelledby="org-language">
+                                <div id="org-language" class="self-stretch w-40 my-auto max-xxs:font-bold">Language</div>
+                                <div class="self-stretch w-40 my-auto">
+                                    {{ $event->language ? __('base.languages.' . $event->language) : 'N/A' }}</div>
+                            </div>
+                            <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 whitespace-nowrap max-md:max-w-full text-default"
+                                role="group" aria-labelledby="org-country">
+                                <div id="org-country" class="self-stretch w-40 my-auto max-xxs:font-bold">@lang('event.country')</div>
+                                <div class="self-stretch w-40 my-auto">
+                                    {{ $event->country_iso ? __('countries.' . $event->country_iso) : 'N/A' }}</div>
+                            </div>
+                            <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 whitespace-nowrap max-md:max-w-full text-default"
+                                role="group" aria-labelledby="org-website">
+                                <div id="org-website" class="self-stretch w-40 my-auto max-xxs:font-bold">Website</div>
+                                <div class="self-stretch w-40 my-auto">
+                                    @if ($event->event_url)
+                                        <a href="{{ $event->event_url }}" target="_blank"
+                                            class="text-blue-600 underline">
+                                            {{ $event->event_url }}
+                                        </a>
+                                    @else
+                                        N/A
+                                    @endif
+                                </div>
+                            </div>
+                            <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default "
+                                role="group" aria-labelledby="org-public-email">
+                                <div id="org-public-email" class="self-stretch w-40 my-auto max-xxs:font-bold">Public email</div>
+                                <div class="self-stretch w-40 my-auto">{{ $event->contact_person }}</div>
+                            </div>
+                            <div class="flex flex-col items-center w-full gap-6 px-4 py-2 mt-1 max-xxs:gap-2 xxs:flex-row bg-grey-3 max-md:max-w-full text-default "
+                                role="group" aria-labelledby="org-private-email">
+                                <div id="org-private-email" class="self-stretch w-40 my-auto max-xxs:font-bold">Private email</div>
+                                <div class="self-stretch w-40 my-auto">{{ $event->user_email ?? 'N/A' }}</div>
+                            </div>
+                        </div>
+                    </div>
+                    <div
+                        class="flex flex-col items-start justify-between w-full gap-10 mt-10 font-bold text-black sm:flex-row text-default max-md:max-w-full">
+                        <a href="/"
+                            class="flex items-start justify-center py-3 text-center text-black border-2 border-solid border-primary rounded-3xl hover:bg-primary focus:outline-none focus:ring-2 focus:ring-primary w-full sm:w-[208px]"
+                            role="button">
+                            BACK TO HOMEPAGE
+                        </a>
+                        <a href="/activities-locations"
+                            class="flex items-start justify-center py-3 text-center text-black border-2 border-solid bg-primary rounded-3xl hover:bg-white focus:outline-none focus:ring-2 focus:ring-primary border-primary w-full sm:w-[208px]"
+                            role="button">
+                            ADD ANOTHER ACTIVITY
+                        </a>
+                    </div>
+                </div>
 
         </section>
 
     </section>
-
-@endsection
\ No newline at end of file
+@endsection
diff --git a/resources/views/layout/footer.blade.php b/resources/views/layout/footer.blade.php
index 04330f1be..7519c9de5 100755
--- a/resources/views/layout/footer.blade.php
+++ b/resources/views/layout/footer.blade.php
@@ -120,9 +120,9 @@
     </div>
     <div
       id="scroll-top-btn"
-      class="fixed z-[100] -bottom-2 hover:bottom-0 right-[50px] bg-yellow hover:bg-primary p-4 pb-6 rounded-t-full duration-300 cursor-pointer"
+      class="fixed z-[100] -bottom-2 hover:bottom-0 right-[20px] bg-yellow hover:bg-primary p-3 pb-4 md:p-4 md:pb-6 rounded-t-full duration-300 cursor-pointer"
     >
-      <img class="icon-rotate-270" src="/images/arrow-up-icon.svg" />
+      <img class="icon-rotate-270 w-6 h-6 md:w-8 md:h-8" src="/images/arrow-up-icon.svg" />
     </div>
 
     <div id="footer-scroll-activity" class="fixed md:hidden bottom-0 left-0 border-t-2 border-primary flex justify-center py-4 px-[44px] w-full bg-white z-[99]">
diff --git a/resources/views/layout/menu.blade.php b/resources/views/layout/menu.blade.php
index 22abaf595..945926c8f 100644
--- a/resources/views/layout/menu.blade.php
+++ b/resources/views/layout/menu.blade.php
@@ -9,6 +9,7 @@
                 <img src="/images/logo_icon.svg" alt="CodeWeek">
             </a>
         </div>
+
         <nav id="primary-menu" class="flex-grow font-['Montserrat']">
             <ul class="max-xl:flex max-xl:flex-col max-xl:!items-start max-xl:overflow-auto max-xl:pt-6 main-menu">
                 <li class="!pt-16 md:!pt-12 !pb-8 xl:hidden max-xl:w-full">
@@ -22,7 +23,7 @@
                     </div>
                 </li>
 
-              {{-- language --}}
+                {{-- language --}}
                 <li class="main-menu-item xl:hidden">
                     <a
                         class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
@@ -74,10 +75,14 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
                         <img class="arrow-icon" src="/images/chevron-down-icon.svg" alt="">
                     </a>
                     <ul class="sub-menu">
-                        <li><a href="{{route('events_map')}}">@lang('menu.map')</a></li>
-                        <li><a href="{{route('featured_activities')}}">@lang('menu.featured_activities')</a></li>
-                        <li><a href="{{route('create_event')}}">@lang('menu.add_event')</a></li>
-                        <li><a href="{{route('scoreboard')}}">@lang('event.scoreboard_by_country')</a></li>
+                        <li class="menu-title max-xl:hidden">
+                          @lang('menu.events')
+                          <img src="/images/arrow-right-icon.svg" class="menu-title-icon" />
+                        </li>
+                        <li><a class="cookweek-link hover-underline" href="{{route('events_map')}}">@lang('menu.map')</a></li>
+                        <li><a class="cookweek-link hover-underline" href="{{route('featured_activities')}}">@lang('menu.featured_activities')</a></li>
+                        <li><a class="cookweek-link hover-underline" href="{{route('create_event')}}">@lang('menu.add_event')</a></li>
+                        <li><a class="cookweek-link hover-underline" href="{{route('scoreboard')}}">@lang('event.scoreboard_by_country')</a></li>
                     </ul>
                 </li>
 
@@ -91,17 +96,42 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
                         <img class="arrow-icon" src="/images/chevron-down-icon.svg" alt="">
                     </a>
                     <ul class="sub-menu">
-                        <li><a href="{{route('coding@home')}}">@lang('menu.coding@home')</a></li>
-                        <li><a href="/podcasts">Podcasts</a></li>
-                        <li><a href="{{route('hackathons')}}">Hackathons</a></li>
-                        <li><a href="{{route('online-courses')}}">Online Courses</a></li>
-                        <li><a href="{{route('training.index')}}">@lang('menu.training')</a></li>
-                        <li><a href="{{route('challenges')}}">@lang('menu.challenges')</a></li>
-                        <li><a href="{{route('dance')}}">@lang('snippets.dance.menu')</a></li>
-                        <li><a href="{{route('resources_learn')}}">@lang('menu.learn')</a></li>
-                        <li><a href="{{route('resources_teach')}}">@lang('menu.teach')</a></li>
-                        <li><a href="{{route('toolkits')}}">@lang('menu.toolkits')</a></li>
-
+                        <li class="menu-title max-xl:hidden">
+                          @lang('menu.resources')
+                          <img src="/images/arrow-right-icon.svg" class="menu-title-icon" />
+                        </li>
+                        <li class="xl:flex gap-16">
+                            <div class="flex-grow flex flex-col gap-4 mb-4 xl:mb-0">
+                                <div class="hidden xl:block text-[#20262C] font-semibold text-lg">@lang('menu.resources')</div>
+                                <div><a class="cookweek-link hover-underline !px-0" href="{{route('coding@home')}}">@lang('menu.coding@home')</a></div>
+                                <div><a class="cookweek-link hover-underline !px-0" href="/podcasts">Podcasts</a></div>
+                                <div><a class="cookweek-link hover-underline !px-0" href="{{route('online-courses')}}">Online Courses</a></div>
+                                <div><a class="cookweek-link hover-underline !px-0" href="{{route('training.index')}}">@lang('menu.training')</a></div>
+                                <div><a class="cookweek-link hover-underline !px-0" href="{{route('resources_learn')}}">@lang('menu.learn')</a></div>
+                                <div><a class="cookweek-link hover-underline !px-0" href="{{route('resources_teach')}}">@lang('menu.teach')</a></div>
+                                <div><a class="cookweek-link hover-underline !px-0" href="{{route('toolkits')}}">@lang('menu.toolkits')</a></div>
+                              </div>
+                              <div class="flex-grow flex flex-col gap-4">
+                                <div class="hidden xl:block text-[#20262C] font-semibold text-lg whitespace-nowrap">@lang('menu.game_and_competitions')</div>
+                                <div><a class="cookweek-link hover-underline !px-0" href="{{route('challenges')}}">@lang('menu.challenges')</a></div>
+                                <div><a class="cookweek-link hover-underline !px-0" href="{{route('hackathons')}}">Hackathons</a></div>
+                                <div><a class="cookweek-link hover-underline !px-0" href="{{route('dance')}}">@lang('snippets.dance.menu')</a></div>
+                            </div>
+                            <div class="relative flex-grow hidden xl:flex flex-col gap-4 w-60 mb-2">
+                                <img class="w-full h-auto rounded-lg" src="/images/resource-menu-bg.png" alt="">
+                                <div class="absolute w-full bottom-0 left-0 p-4">
+                                  <div class="text-white text-xl font-semibold mb-1">@lang('menu.girls_in_digital')</div>
+                                  <div class="text-white text-[16px] font-medium mb-2">
+                                      Celebrating diversity through tech innovation and creativity
+                                  </div>
+                                  <a class="block w-full bg-[#F95C22] rounded-full py-2.5 px-6 font-['Blinker'] hover:bg-hover-orange duration-300" href="{{route('girls-in-digital-week')}}">
+                                      <span class="text-base leading-7 font-semibold text-black normal-case">
+                                          See more
+                                      </span>
+                                  </a>
+                                </div>
+                            </div>
+                        </li>
                     </ul>
                 </li>
 
@@ -122,8 +152,12 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
                         <img class="arrow-icon" src="/images/chevron-down-icon.svg" alt="">
                     </a>
                     <ul class="dropdown-menu sub-menu">
-                        <li><a href="{{route('schools')}}">@lang('menu.why')?</a></li>
-                        <li><a href="/remote-teaching">@lang('remote-teaching.remote-teaching')</a></li>
+                        <li class="menu-title max-xl:hidden">
+                          @lang('menu.schools')
+                          <img src="/images/arrow-right-icon.svg" class="menu-title-icon" />
+                        </li>
+                        <li><a class="cookweek-link hover-underline" href="{{route('schools')}}">@lang('menu.why')?</a></li>
+                        <li><a class="cookweek-link hover-underline" href="/remote-teaching">@lang('remote-teaching.remote-teaching')</a></li>
                     </ul>
                 </li>
 
@@ -137,13 +171,17 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
                         <img class="arrow-icon" src="/images/chevron-down-icon.svg" alt="">
                     </a>
                     <ul class="sub-menu">
-                        <li><a href="/about">Code Week</a></li>
+                        <li class="menu-title max-xl:hidden">
+                          @lang('menu.about')
+                          <img src="/images/arrow-right-icon.svg" class="menu-title-icon" />
+                        </li>
+                        <li><a class="cookweek-link hover-underline" href="/about">Code Week</a></li>
 
-                        <li><a href="{{route('codeweek4all')}}">Code Week 4 All</a></li>
-                        <li><a href="/treasure-hunt">@lang('snippets.treasure-hunt.menu')</a></li>
-                        <li><a href="/why-coding">@lang('why-coding.titles.0')</a></li>
-                        <li><a href="/our-values">@lang('menu.values')</a></li>
-                        <li><a href="/partners">@lang('about.partners_and_sponsors')</a></li>
+                        <li><a class="cookweek-link hover-underline" href="{{route('codeweek4all')}}">Code Week 4 All</a></li>
+                        <li><a class="cookweek-link hover-underline" href="/treasure-hunt">@lang('snippets.treasure-hunt.menu')</a></li>
+                        <li><a class="cookweek-link hover-underline" href="/why-coding">@lang('why-coding.titles.0')</a></li>
+                        <li><a class="cookweek-link hover-underline" href="/our-values">@lang('menu.values')</a></li>
+                        <li><a class="cookweek-link hover-underline" href="/partners">@lang('about.partners_and_sponsors')</a></li>
                     </ul>
                 </li>
 
@@ -188,13 +226,13 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
                     <ul class="menu-dropdown">
                         <li>
                             <img src="/images/user_menu_profile.svg" class="icon">
-                            <a href="{{route('profile')}}">
+                            <a class="cookweek-link hover-underline" href="{{route('profile')}}">
                                 @lang('menu.profile')
                             </a>
                         </li>
                         <li>
                             <img src="{{asset('svg/address-book.svg')}}" class="static-image">
-                            <a href="{{route('activities-locations')}}">
+                            <a class="cookweek-link hover-underline" href="{{route('activities-locations')}}">
                                 Activities Locations
                             </a>
                         </li>
@@ -203,7 +241,7 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
 
                             <img src="/images/user_menu_badges.svg">
 
-                            <a href="{{route('my-badges')}}">
+                            <a class="cookweek-link hover-underline" href="{{route('my-badges')}}">
                                 My Badges
                             </a>
                         </li>
@@ -211,7 +249,7 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
                         @role('ambassador')
                         <li>
                             <img src="/images/user_menu_volunteers.svg" class="icon">
-                            <a href="{{route('admin.online-events')}}">
+                            <a class="cookweek-link hover-underline" href="{{route('admin.online-events')}}">
                                 @lang('menu.online_events')
                             </a>
                         </li>
@@ -220,7 +258,7 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
                         @role('super admin')
                         <li>
                             <img src="/images/user_menu_volunteers.svg" class="icon">
-                            <a href="{{route('promoted_events')}}">
+                            <a class="cookweek-link hover-underline" href="{{route('promoted_events')}}">
                                 @lang('menu.online_events')
                             </a>
                         </li>
@@ -230,7 +268,7 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
                         @role('ambassador|super admin')
                         <li>
                             <img src="/images/user_menu_pending_events.svg" class="icon">
-                            <a href="{{route('pending')}}">
+                            <a class="cookweek-link hover-underline" href="{{route('pending')}}">
                                 @lang('menu.pending')
                             </a>
                         </li>
@@ -239,32 +277,32 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
 
                         <li>
                             <img src="/images/user_menu_your_events.svg" class="icon">
-                            <a href="{{route('my_events')}}">
+                            <a class="cookweek-link hover-underline" href="{{route('my_events')}}">
                                 @lang('menu.your_events')
                             </a>
                         </li>
                         <li>
                             <img src="/images/user_menu_certificates.svg" class="icon">
-                            <a href="{{route('certificates')}}">
+                            <a class="cookweek-link hover-underline" href="{{route('certificates')}}">
                                 @lang('menu.your_certificates')
                             </a>
                         </li>
                         <li>
                             <img src="/images/user_menu_report_events.svg" class="icon">
-                            <a href="/events_to_report">
+                            <a class="cookweek-link hover-underline" href="/events_to_report">
                                 @lang('menu.report')
                             </a>
                         </li>
                         <li>
                             <img src="/images/user_menu_certificates.svg" class="icon">
-                            <a href="/participation">
+                            <a class="cookweek-link hover-underline" href="/participation">
                                 @lang('menu.participation')
                             </a>
                         </li>
                         @role('super admin')
                         <li>
                             <img src="/images/user_menu_activities.svg" class="icon">
-                            <a href="{{route('excellence_winners')}}">
+                            <a class="cookweek-link hover-underline" href="{{route('excellence_winners')}}">
                                 Excellence Winners
                             </a>
                         </li>
@@ -279,7 +317,7 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
                                       fill="#FE6824"/>
                             </svg>
 
-                            <a href="{{route('leading_teachers_list')}}">
+                            <a class="cookweek-link hover-underline" href="{{route('leading_teachers_list')}}">
                                 Leading Teachers
                             </a>
                         </li>
@@ -292,7 +330,7 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
                                 />
                             </svg>
 
-                            <a href="{{route('badges-leaderboard-year')}}">
+                            <a class="cookweek-link hover-underline" href="{{route('badges-leaderboard-year')}}">
                                 Badges Leaderboard
                             </a>
                         </li>
@@ -301,7 +339,7 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
 
                         <li>
                             <img src="/images/user_menu_logout.svg" class="icon">
-                            <a class="dropdown-item" href="{{ route('logout') }}"
+                            <a class="cookweek-link hover-underline" class="dropdown-item" href="{{ route('logout') }}"
                                onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                                 {{ __('menu.logout') }}
                             </a>
@@ -333,12 +371,15 @@ class="cookweek-link hover-underline !text-[#1C4DA1] !text-[16px]"
                     </a>
 
 
-                    <div class="menu-dropdown absolute top-14">
-                        <ul class="sub-menu">
+                    <div class="menu-dropdown lang-menu-dropdown absolute top-14">
+                        <ul class="lang-sub-menu">
                             @foreach ($locales as $key => $value)
-                                <li>
-                                    <a class="dropdown-item !text-lg font-['Montserrat']"
-                                       href="/setlocale/?locale={{$value}}">@lang('base.languages_menu.' . $value)</a>
+                                <li class="lang-menu-item {{ App::getLocale() === $value ? 'selected' : '' }}">
+                                    <a class="cookweek-link {{ App::getLocale() === $value ? 'cursor-default' : 'hover-underline' }} !capitalize"
+                                       href="/setlocale/?locale={{$value}}">
+                                        @lang('base.languages_menu.' . $value)
+                                        <img class="arrow-icon {{ App::getLocale() === $value ? '' : 'hidden' }}" src="/images/check.svg" alt="">
+                                    </a>
                                 </li>
                             @endforeach
                         </ul>
diff --git a/resources/views/layout/new_base.blade.php b/resources/views/layout/new_base.blade.php
index 26dd74f98..406570af8 100644
--- a/resources/views/layout/new_base.blade.php
+++ b/resources/views/layout/new_base.blade.php
@@ -59,6 +59,9 @@
         @include('layout.menu')
         @yield('layout.breadcrumb')
 
+        @yield('layout.video-player')
+        @stack('video-layer-stack')
+
         <main id="app">
             @yield("content")
         </main>
diff --git a/resources/views/layout/video-player.blade.php b/resources/views/layout/video-player.blade.php
new file mode 100644
index 000000000..9801f69b2
--- /dev/null
+++ b/resources/views/layout/video-player.blade.php
@@ -0,0 +1,26 @@
+<div>
+    <button id="video-modal-trigger-show" data-targetId="video-modal-{{ $id }}"
+        class="bg-yellow hover:bg-primary rounded-full w-20 h-20 duration-300 flex justify-center items-center">
+        <img class="duration-300 ml-2" src="/images/fi_play.svg" />
+    </button>
+
+    @if ($src)
+        @push('video-layer-stack')
+            <div id="video-modal-{{ $id }}"
+                class="fixed left-0 top-[139px] md:top-[123px] z-[110] flex flex-col gap-6 items-center justify-center w-full p-6 h-[calc(100dvh-139px)] md:h-[calc(100dvh-123px)] bg-white duration-300 overflow-hidden"
+                style="display: none;">
+                <div class="flex-shrink-0 flex justify-end w-full">
+                    <button id="video-modal-trigger-hide" data-targetId="video-modal-{{ $id }}"
+                        class="block bg-[#FFD700] hover:bg-[#F95C22] rounded-full p-4 duration-300">
+                        <img class="w-6 h-6" src="/images/close_menu_icon.svg">
+                    </button>
+                </div>
+                <div class="flex-grow flex-shrink flex flex-col justify-center max-h-full w-full overflow-hidden">
+                    <video id="video" class="max-h-full max-w-full" controls src="{{ $src }}">
+                        <source src="{{ $src }}" type="video/mp4">
+                    </video>
+                </div>
+            </div>
+        @endpush
+    @endif
+</div>
diff --git a/resources/views/livewire/still-have-question-section.blade.php b/resources/views/livewire/still-have-question-section.blade.php
index ad334c5b3..538725a13 100644
--- a/resources/views/livewire/still-have-question-section.blade.php
+++ b/resources/views/livewire/still-have-question-section.blade.php
@@ -1,7 +1,7 @@
 <section id="still-have-question-section">
     <div class="animation-section relative bg-[#F2FBFE]">
         <div class="relative z-10 codeweek-container-lg flex flex-col md:flex-row items-center py-20 gap-12">
-            <div class="flex-1 flex flex-col items-start">
+            <div class="flex-1 flex flex-col items-start w-full">
                 <h2 class="text-[#1C4DA1] text-2xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-10 md:mb-6">
                     @lang('base.still_have_question')
                 </h2>
diff --git a/resources/views/static/dream-jobs-in-digital.blade.php b/resources/views/static/dream-jobs-in-digital.blade.php
new file mode 100644
index 000000000..ee425f4f9
--- /dev/null
+++ b/resources/views/static/dream-jobs-in-digital.blade.php
@@ -0,0 +1,278 @@
+@extends('layout.new_base')
+
+@php
+    $list = [
+      (object) ['label' => 'Dream jobs in Digital', 'href' => ''],
+    ];
+
+    $results = [
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ],
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ],
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ],
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ],
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ],
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ],
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ],
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ],
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ],
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ],
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ],
+        [
+            'first_name' => 'Jowita',
+            'last_name' => 'Michalska',
+            'role' => 'Role title',
+            'image' => '/images/dream-jobs/jowita-michalska.png',
+        ]
+    ];
+
+    $resources = [
+        (object) [
+            'title' =>  __('dream-jobs-in-digital.resource_title_1'),
+            'description' =>  __('dream-jobs-in-digital.resource_description_1'),
+            'button_text' =>  __('dream-jobs-in-digital.resource_button_1'),
+            'button_link' => '/',
+            'image' => '/images/dream-jobs/career-guide.png',
+        ],
+        (object) [
+            'title' =>  __('dream-jobs-in-digital.resource_title_2'),
+            'description' =>  __('dream-jobs-in-digital.resource_description_2'),
+            'button_text' =>  __('dream-jobs-in-digital.resource_button_2'),
+            'button_link' => '/',
+            'image' => '/images/dream-jobs/inspiration-day.png',
+        ],
+        (object) [
+            'title' =>  __('dream-jobs-in-digital.resource_title_3'),
+            'description' =>  __('dream-jobs-in-digital.resource_description_3'),
+            'button_text' =>  __('dream-jobs-in-digital.resource_button_3'),
+            'button_link' => '/',
+            'image' => '/images/dream-jobs/vet-activities.png',
+        ],
+        (object) [
+            'title' =>  __('dream-jobs-in-digital.resource_title_4'),
+            'description' =>  __('dream-jobs-in-digital.resource_description_4'),
+            'button_text' =>  __('dream-jobs-in-digital.resource_button_4'),
+            'button_link' => '/',
+            'image' => '/images/dream-jobs/skills-test.png',
+        ],
+    ];
+@endphp
+@section('layout.breadcrumb')
+    @include('layout.breadcrumb', ['list' => $list])
+@endsection
+
+@section('content')
+    <section id="codeweek-digital-girls" class="font-['Blinker'] overflow-hidden">
+        <section class="relative flex overflow-hidden">
+            <div class="flex relative transition-all w-full bg-orange-gradient pt-48 md:pt-32 pb-0 md:py-[7.5rem]">
+                <div class="w-full overflow-hidden pb-10 md:p-0 flex flex-col md:flex-row justify-end md:items-center flex-shrink-0">
+                    <div class="home-activity codeweek-container-lg flex flex-col md:flex-row md:items-center duration-1000 gap-28 md:gap-4 xl:gap-28">
+                        <div class="px-6 py-10 md:px-14 md:py-[4.5rem] bg-white rounded-[32px] z-10 relative">
+                            <img
+                                class="mb-4 max-w-full"
+                                src="/images/dream-jobs/dream_jobs_logo.svg"
+                            />
+                            <p class="text-xl md:text-2xl leading-8 text-[#333E48] p-0 max-md:max-w-full max-w-[525px] mb-4">
+                                @lang('dream-jobs-in-digital.landing_header')
+                            </p>
+                            <a
+                                class="text-nowrap md:w-fit flex justify-center items-center bg-primary hover:bg-hover-orange duration-300 text-[#20262C] rounded-full py-4 px-8 font-semibold text-lg"
+                                href="/"
+                            >
+                                <span>@lang('dream-jobs-in-digital.get_inolved')</span>
+                            </a>
+                        </div>
+                        <img
+                            class="absolute top-0 -left-1/4 w-[150vw] !max-w-none md:hidden"
+                            loading="lazy"
+                            src="/images/dream-jobs/dream_jobs_bg.png"
+                            style="clip-path: ellipse(71% 73% at 40% 20%);"
+                        />
+                        <img
+                            class="absolute top-0 right-0 h-full max-w-[calc(70vw)] object-cover hidden md:block"
+                            loading="lazy"
+                            src="/images/dream-jobs/dream_jobs_bg.png"
+                            style="clip-path: ellipse(70% 140% at 70% 25%);"
+                        />
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="relative flex overflow-hidden">
+            <div class="relative pt-10 md:pt-28 codeweek-container-lg">
+                <h2 class="text-dark-blue text-[22px] md:text-4xl md:leading-[44px] font-medium font-['Montserrat'] mb-6 md:mb-10">
+                    @lang('dream-jobs-in-digital.about_title')
+                </h2>
+                <p class="text-[#20262C] font-normal text-[16px] leading-[22px] md:text-xl p-0 mb-6 md:mb-10 max-w-4xl">
+                    @lang('dream-jobs-in-digital.about_description')
+                </p>
+                <div class="relative">
+                    <img
+                        class="w-full rounded-2xl object-cover object-center h-[calc(80vw-40px)] sm:h-auto"
+                        loading="lazy"
+                        src="/images/dream-jobs/career-about.png"
+                    />
+                    <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2">
+                        @include('layout.video-player', ['id' => 'carrer-about', 'src' => ''])
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="relative flex z-10">
+            <div class="relative pt-10 pb-10 md:pt-12 md:pb-28 codeweek-container-lg z-[1]">
+                <h2 class="text-dark-blue text-2xl md:text-4xl md:leading-[44px] font-medium font-['Montserrat'] mb-10">
+                    @lang('dream-jobs-in-digital.our_role_models')
+                </h2>
+                <div class="grid grid-cols-1 lg:grid-cols-2 2xl:grid-cols-3 gap-6 lg:gap-8">
+                    @foreach($results as $result)
+                        <div class="p-4 rounded-2xl border-2 border-solid border-[#A4B8D9] flex flex-col gap-4 md:gap-8 bg-white">
+                        <div class="flex gap-4 md:gap-8">
+                            <img
+                                class="w-32 h-32 rounded-lg"
+                                src="{{ $result['image'] }}"
+                            />
+                            <div class="flex flex-col justify-center">
+                                <p class="p-0 font-medium text-dark-blue text-[22px] lg:text-xl font-['Montserrat']">{{ $result['first_name'] }} {{ $result['last_name'] }}</p>
+                                <p class="p-0 font-medium text-[#333E48] text-lg mb-4 font-['Montserrat']">{{ $result['role'] }}</p>
+                                <a
+                                    class="hidden sm:flex text-nowrap justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
+                                    href="/"
+                                >
+                                    <span>@lang('dream-jobs-in-digital.more_about') {{ $result['first_name'] }}</span>
+                                    <div class="flex gap-2 w-4 overflow-hidden">
+                                        <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                                        <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+
+                        <a
+                            class="flex sm:hidden text-nowrap justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
+                            href="/"
+                        >
+                            <span>@lang('dream-jobs-in-digital.more_about') {{ $result['first_name'] }}</span>
+                            <div class="flex gap-2 w-4 overflow-hidden">
+                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                            </div>
+                        </a>
+                    </div>
+                    @endforeach
+                    
+                    {{-- <div class="mt-6 lg:mt-12">
+                        {{ $results->links('vendor.livewire.pagination') }}
+                    </div> --}}
+                </div>
+            </div>
+            <div
+                class="animation-element move-background duration-[1.5s] absolute z-0 bottom-10 md:bottom-auto md:top-2/3 -right-14 md:-right-36 w-28 md:w-72 h-28 md:h-72 bg-[#99E1F4] rounded-full hidden lg:block"
+                style="transform: translate(-16px, -24px)"
+            ></div>
+            <div
+
+                class="animation-element move-background duration-[1.5s] absolute z-0 lg:-bottom-20 xl:-bottom-32 right-40 w-28 h-28 hidden lg:block bg-[#99E1F4] rounded-full"
+                style="transform: translate(-16px, -24px)"
+            ></div>
+        </section>
+
+        <section class="relative overflow-hidden">
+            <div class="absolute w-full h-full bg-blue-gradient md:hidden" style="clip-path: ellipse(370% 90% at 38% 90%);"></div>
+            <div class="absolute w-full h-full bg-blue-gradient hidden md:block lg:hidden" style="clip-path: ellipse(188% 90% at 50% 90%);"></div>
+
+            <div class="absolute w-full h-full bg-blue-gradient hidden lg:block xl:hidden" style="clip-path: ellipse(168% 90% at 50% 90%);"></div>
+            <div class="absolute w-full h-full bg-blue-gradient hidden xl:block" style="clip-path: ellipse(98% 90% at 50% 90%);"></div>
+            <div class="codeweek-container-lg relative pt-20 pb-16 md:pt-48 md:pb-28">
+                <h2 class="text-white md:text-center text-3xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-6 md:mb-16">
+                    @lang('dream-jobs-in-digital.resources')
+                </h2>
+
+                <div class="grid grid-cols-1 xl:grid-cols-2 gap-6 md:gap-10 xl:gap-20">
+                    @foreach($resources as $resource)
+                        <div class="px-6 py-8 md:p-12 rounded-2xl bg-white gap-4 sm:gap-10 grid grid-cols-1 sm:grid-cols-2">
+                            <div class="flex-1 flex flex-col justify-between order-1">
+                                <div>
+                                    <p class="text-dark-blue text-[22px] md:text-3xl font-medium font-['Montserrat'] mb-4 md:mb-6 p-0">
+                                        {{ $resource->title }}
+                                    </p>
+                                    <p class="text-[#333E48] font-normal text-lg md:text-xl leading-[30px] font-['Blinker'] p-0 mb-6 md:mb-10">
+                                        {{ $resource->description }}
+                                    </p>
+                                </div>
+                                <a
+                                    class="text-nowrap flex justify-center items-center bg-primary hover:bg-hover-orange duration-300 text-[#20262C] rounded-full py-2.5 px-6 font-semibold text-lg"
+                                    href="{{ $resource->button_link }}"
+                                >
+                                    <span>{{ $resource->button_text }}</span>
+                                </a>
+                            </div>
+
+                            <div class="order-0 sm:order-2">
+                                <img
+                                    class="w-full flex-1 rounded-lg object-cover object-center max-w-full h-full"
+                                    src="{{ $resource->image }}"
+                                />
+                            </div>
+                        </div>
+                    @endforeach
+                </div>
+            </div>
+        </section>
+    </section>
+@endsection
diff --git a/resources/views/static/girls-in-digital-week.blade.php b/resources/views/static/girls-in-digital-week.blade.php
new file mode 100644
index 000000000..bb8ceb03b
--- /dev/null
+++ b/resources/views/static/girls-in-digital-week.blade.php
@@ -0,0 +1,434 @@
+@extends('layout.new_base')
+
+@php
+    $list = [
+      (object) ['label' => 'Girls in Digital', 'href' => ''],
+    ];
+@endphp
+@section('layout.breadcrumb')
+    @include('layout.breadcrumb', ['list' => $list])
+@endsection
+
+@section('content')
+    <section id="codeweek-digital-girls" class="font-['Blinker'] overflow-hidden">
+        <section class="relative flex overflow-hidden">
+            <div class="flex relative transition-all w-full bg-orange-gradient pt-32 pb-0 md:py-[7.5rem]">
+                <div class="w-full overflow-hidden pb-10 md:p-0 flex flex-col md:flex-row justify-end md:items-center flex-shrink-0">
+                    <div class="home-activity codeweek-container-lg flex flex-col md:flex-row md:items-center duration-1000 gap-28 md:gap-4 xl:gap-28">
+                        <div class="order-1 px-6 flex-1 py-10 max-md:w-full md:px-14 md:py-[4.5rem] bg-white rounded-[32px] z-10 relative">
+                            <img
+                                class="mb-4 max-w-full"
+                                src="/images/digital-girls/digital_girls_logo.svg"
+                            />
+                            <p class="text-xl md:text-2xl leading-8 text-[#333E48] p-0">
+                                Empower, inspire and celebrate the next generation of girls and young Europeans!
+                            </p>
+                        </div>
+                        <div class="order-0 md:order-2 flex flex-1 justify-center items-center z-10">
+                            <button class="bg-yellow hover:bg-primary rounded-full w-20 h-20 duration-300 flex justify-center items-center">
+                              <img class="duration-300 ml-2" src="/images/fi_play.svg" />
+                          </button>
+                        </div>
+                        <img
+                            class="absolute top-0 -left-1/4 w-[150vw] !max-w-none md:hidden"
+                            loading="lazy"
+                            src="/images/digital-girls/digital_girls_bg.png"
+                            style="clip-path: ellipse(71% 73% at 40% 20%);"
+                        />
+                        <img
+                            class="absolute top-0 right-0 h-full max-w-[calc(70vw)] object-cover hidden md:block"
+                            loading="lazy"
+                            src="/images/digital-girls/digital_girls_bg.png"
+                            style="clip-path: ellipse(70% 140% at 70% 25%);"
+                        />
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="animation-section relative z-10">
+            <div class="relative z-10 codeweek-container-lg flex flex-col-reverse md:flex-row items-center py-20 pb-32 md:pb-48 gap-12">
+                <div class="flex-1">
+                    <div class="inline-block observer-element relative">
+                        <img class="relative z-10 w-full max-w-xl" loading="lazy" src="/images/digital-girls/about-girls.png" />
+                        <img
+                            class="animation-element move-background duration-[1.5s] absolute top-0 left-0 w-full max-w-xl"
+                            loading="lazy"
+                            src="/images/shape.png"
+                            style="transform: translate(-16px, -24px)"
+                        />
+                    </div>
+                </div>
+                <div class="flex-1">
+                    <h2 class="text-[#1C4DA1] text-2xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-6">
+                        About Girls in Digital
+                    </h2>
+                    <p class="text-[#20262C] font-normal text-lg md:text-2xl p-0 mb-6">
+                        Get ready to celebrate <span class="font-semibold">Girls in Digital Week</span> from <span class="font-semibold">24–28 March 2025</span>, as we put a spotlight on inclusion, innovation, and the limitless opportunities digital skills offer to all!
+                    </p>
+                    <p class="text-[#20262C] font-normal text-lg md:text-xl p-0 mb-6">
+                        Girls in Digital is part of a larger movement to inspire and empower the next generation of young Europeans—regardless of gender—to thrive in an inclusive digital world. Our purpose? To break down barriers and ensure that every young person—girl, boy, or non-binary—has the confidence to explore STE(A)M fields, embrace tech careers, and drive the future of innovation.
+                    </p>
+                    <div class="flex flex-col xl:flex-row gap-4">
+                        <a
+                            class="flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
+                            href="https://codeweek.eu/blog/girls-in-digital-week"
+                        >
+                            <span>Read more</span>
+                            <div class="flex gap-2 w-4 overflow-hidden">
+                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                            </div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <div
+                class="animation-element move-background duration-[1.5s] absolute z-0 bottom-10 md:bottom-auto md:top-2/3 -right-14 md:-right-36 w-28 md:w-72 h-28 md:h-72 bg-[#A4B8D9] rounded-full lg:hidden xl:block"
+                style="transform: translate(-16px, -24px)"
+            ></div>
+            <div
+                class="animation-element move-background duration-[1.5s] absolute z-0 -bottom-28 right-40 w-28 h-28 hidden xl:block bg-[#A4B8D9] rounded-full"
+                style="transform: translate(-16px, -24px)"
+            ></div>
+        </section>
+
+        <section class="relative overflow-hidden">
+            <div class="absolute w-full h-full bg-blue-gradient md:hidden" style="clip-path: ellipse(270% 90% at 38% 90%);"></div>
+            <div class="absolute w-full h-full bg-blue-gradient hidden md:block" style="clip-path: ellipse(88% 90% at 50% 90%);"></div>
+            <div class="relative pt-20 pb-12 md:pt-48 md:pb-28">
+                <div class="codeweek-container-lg">
+                    <h2 class="text-white md:text-center text-2xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-6 md:mb-16">
+                        Resources
+                    </h2>
+                    <div class="flex flex-col md:flex-row justify-between gap-6 md:gap-20">
+                        <div class="bg-white rounded-2xl px-6 py-8 md:p-12 w-full">
+                            <h3 class="text-[#1C4DA1] text-2xl md:text-3xl font-medium font-['Montserrat'] mb-6">
+                                Are you a young person or parent?
+                            </h3>
+                            <p class="text-[#20262C] font-normal text-lg md:text-xl p-0 mb-10">
+                                You are a <span class="font-semibold">young person</span> passionate about technology, coding, or digital creativity; explore activities near you and begin your journey today.
+                                </br>
+                                You are a <span class="font-semibold">parent</span> looking for inclusive activities for your child to participate in a safe and supportive space; discover opportunities that nurture their interest in technology and digital skills.
+                            </p>
+                            <div class="flex flex-wrap gap-4">
+                                <a
+                                    class="w-full md:w-auto flex justify-center items-center bg-primary hover:bg-hover-orange duration-300 text-[#20262C] rounded-full py-2.5 px-6 font-semibold text-lg"
+                                    href="/events"
+                                >
+                                    <span>Search an activity</span>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="bg-white rounded-2xl px-6 py-8 md:p-12 w-full">
+                            <h3 class="text-[#1C4DA1] text-2xl md:text-3xl font-medium font-['Montserrat'] mb-6">
+                                Are you an educator?
+                            </h3>
+                            <p class="text-[#20262C] font-normal text-lg md:text-xl p-0 mb-10">
+                                You are an educator looking to organise an activity to empower youth with digital skills in a safe and inclusive environment, where all feel welcomed to explore the endless opportunities that digital has to offer. Check our resources below for guidance and support in bringing your activity to life.
+                            </p>
+                            <div class="flex flex-wrap gap-4">
+                                <a
+                                    class="w-full md:w-auto flex justify-center items-center bg-primary hover:bg-hover-orange duration-300 text-[#20262C] rounded-full py-2.5 px-6 font-semibold text-lg"
+                                    href="/events"
+                                >
+                                    <span>Organise an activity</span>
+                                </a>
+                                <a
+                                    class="w-full md:w-auto flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-2.5 px-6 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
+                                    href="/"
+                                >
+                                    <span>Girls in DIgital Activity Guideline</span>
+                                    <div class="flex gap-2 w-4 overflow-hidden">
+                                        <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                                        <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                                    </div>
+                                </a>
+                                <a
+                                    class="w-full md:w-auto flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-2.5 px-6 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
+                                    href="/"
+                                >
+                                    <span>Social Media Kit</span>
+                                    <div class="flex gap-2 w-4 overflow-hidden">
+                                        <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                                        <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="relative overflow-hidden">
+            <div class="relative py-20 codeweek-container-lg">
+                <h2 class="text-dark-blue text-2xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-16">
+                    Some visual elements showing relevant Statistics
+                </h2>
+                <div class="flex flex-col lg:flex-row justify-between gap-12">
+                    <div class="w-full">
+                        <a
+                            class="block mb-12 p-6 rounded-lg border-2 border-[#A4B8D9]"
+                            href="https://ec.europa.eu/eurostat/statistics-explained/index.php?title=Young_people_-_digital_world"
+                        >
+                            <img src="/images/digital-girls/fig-1.png" alt="Young people – digital world. Eurostat 2023" />
+                        </a>
+                        <a
+                            class="block mb-12 p-6 rounded-lg border-2 border-[#A4B8D9]"
+                            href="https://ec.europa.eu/eurostat/statistics-explained/index.php?title=ICT_specialists_in_employment#Explore_further"
+                        >
+                            <img src="/images/digital-girls/fig-2.png" alt="ICT specialists in employment. Eurostat 2023" />
+                        </a>
+                        <p class="text-[#333E48] font-normal text-lg md:text-xl p-0 mb-10">
+                            The graphs illustrate the persistent gender gap in ICT across different stages of a young European’s journey, from education to professional life. While female representation has gradually increased between 2013 and 2023, the sector remains male-dominated, highlighting the need for further progress in closing the gap.
+                        </p>
+                    </div>
+                    <div class="w-full">
+                        <a
+                            class="block mb-12 p-6 rounded-lg border-2 border-[#A4B8D9]"
+                            href="https://unesdoc.unesco.org/ark:/48223/pf0000253479"
+                        >
+                            <img src="/images/digital-girls/fig-3.png" alt="Cracking the code: Girls’ and women’s education in science, technology, engineering and mathematics (STEM). United Nations Educational, Scientific and Cultural Organization (UNESCO), 2017." />
+                        </a>
+                       <p class="text-[#333E48] font-normal text-lg md:text-xl p-0 mb-10">
+                            Multiple interconnected factors influence girls' and women's participation, achievement, and progression in STEM, with individual beliefs shaped by family, peers, education, and broader societal influences. This diagram illustrates the various factors at different levels influencing female representation in STEM. Addressing these factors holistically has been shown to positively impact confidence and motivation, encouraging more girls and women to pursue STEM education and careers.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="relative overflow-hidden">
+            <div class="absolute w-full h-full bg-light-blue md:hidden" style="clip-path: ellipse(370% 90% at 38% 90%);"></div>
+            <div class="absolute w-full h-full bg-light-blue hidden md:block lg:hidden" style="clip-path: ellipse(188% 90% at 50% 90%);"></div>
+            <div class="absolute w-full h-full bg-light-blue hidden lg:block" style="clip-path: ellipse(98% 90% at 50% 90%);"></div>
+            <div class="relative pt-28 md:pt-48 pb-28 codeweek-container-lg flex justify-center">
+                <div class="w-full max-w-[708px]">
+                    <h2 class="text-dark-blue text-2xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-6 md:mb-10">
+                        FAQ’s
+                    </h2>
+
+                    <div class="accordion">
+                        {{-- General FAQs --}}
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>What is Girls in Digital?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                    Girls in Digital (GiD) is an EU Code Week initiative aimed at empowering girls and young women to explore and excel in digital skills, STEM fields, and technology-driven careers while fostering gender equality.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>Who can participate in Girls in Digital activities?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                    The initiative is inclusive of all genders, but its primary focus is on encouraging and empowering girls and young women. Activities can be tailored for girls-only groups or mixed-gender settings.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>Why does Girls in Digital focus on girls?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                    Girls are underrepresented in digital fields, STEM careers, and ICT studies. GiD aims to bridge these gaps and inspire a new generation of women in technology by breaking down gender stereotypes and promoting equality. A more gender-balanced workforce in these fields will not only foster innovation but also contribute to building a better, more inclusive future.
+                                </div>
+                            </div>
+                        </div>
+
+                        {{-- For Educators and Organisers --}}
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>How can I organise a Girls in Digital activity?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                    You can use the Girls in Digital Activity Guidelines, which provide step-by-step instructions, resources, and tips to plan and execute engaging activities tailored to your group’s needs.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>Do I need prior experience in digital skills to organise an activity?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                    No, the guidelines are designed to be accessible for everyone, regardless of their expertise. They include examples, templates, and resources to help you get started.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>What types of activities can I organise?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                    Activities range from coding workshops and robotics challenges to interactive discussions on digital careers and gender equality. The guidelines also include creative projects that encourage teamwork and innovation.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>Are there any funding opportunities for Girls in Digital events?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                    This depends on your region and local resources. Check with your national or regional hubs or reach out to partners affiliated with the initiative. Find the list of EU Code Week national and regional hubs <a href="/community">HERE</a>.
+                                </div>
+                            </div>
+                        </div>
+                        {{-- For Students and Participants --}}
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>Do I need any prior knowledge of coding or digital skills to join?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                    Not at all! GiD activities are designed to be fun and beginner-friendly, encouraging everyone to explore and learn regardless of their starting point.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>What skills will I gain by participating?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                    You’ll learn a variety of skills, including coding, problem-solving, teamwork, creativity, and critical thinking. You’ll also gain insights into digital careers and STE(A)M opportunities.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>Can boys or nonbinary students participate in GiD activities?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                  Yes, GiD is inclusive of all genders. While the initiative aims to address the underrepresentation of girls in digital fields by providing them with tailored support and encouragement, it is important for all citizens–irrespective of their age, gender, nationalities ethnicity, abilities–to be aware of the current gender gap and help create a more inclusive digital future, making it essential for all individuals to engage, learn, and be part of the solution.
+                                </div>
+                            </div>
+                        </div>
+                        {{-- Impact and Vision --}}
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>How does Girls in Digital promote gender equality?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                    By creating opportunities, breaking down stereotypes, and inspiring girls to pursue careers in technology, GiD contributes to bridging the gender gap in digital fields and fostering equality.
+                                </div>
+                            </div>
+                        </div>
+                        <div class="bg-transparent border-b-2 border-solid border-[#A4B8D9]">
+                            <div class="text-[#20262C] font-semibold text-lg py-4 cursor-pointer flex items-center justify-between duration-300 accordion-item-header">
+                                <p>What is the long-term goal of the initiative?</p>
+                                <button class="bg-yellow hover:bg-primary rounded-full min-w-12 min-h-12 duration-300 flex justify-center items-center">
+                                    <img class="duration-300" src="/images/digital-girls/arrow.svg" />
+                                </button>
+                            </div>
+                            <div class="overflow-hidden max-h-0 transition-all duration-300">
+                                <div class="pb-4 pt-2 text-[#333E48] text-xl font-normal">
+                                    Our long-term goal is to foster equality in STE(A)M, as a more gender-balanced workforce drives innovation, brings diverse perspectives, and creates a more inclusive environment. When everyone has equal opportunities to contribute, we unlock new ideas, fuel creativity, and develop stronger, more equitable solutions for the future. By breaking down barriers and encouraging diverse talent, we not only shape a fairer industry but also ensure that STE(A)M continues to thrive with fresh insights and groundbreaking advancements—paving the way for a future where everyone has equal access to opportunities in digital and STEM fields.
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                </div>
+            </div>
+        </section>
+    </section>
+@endsection
+
+@push('scripts')
+    <script type="text/javascript">
+      const waitForDOM = (callback, interval = 100, maxRetries = 50) => {
+        let retries = 0;
+        const checkDOM = () => {
+          const target = document.getElementById('codeweek-digital-girls');
+          if (target) {
+            callback(target);
+          } else if (retries < maxRetries) {
+            retries++;
+            setTimeout(checkDOM, interval);
+          } else {
+            console.error('DOM not ready after retries');
+          }
+        };
+        checkDOM();
+      };
+
+      waitForDOM((target) => {
+        triggerAnimations(target);
+      });
+
+      document.addEventListener('DOMContentLoaded', function() {
+        const accordionItemHeaders = document.querySelectorAll(".accordion-item-header");
+
+        accordionItemHeaders.forEach(accordionItemHeader => {
+          accordionItemHeader.addEventListener("click", event => {
+
+            accordionItemHeader.classList.toggle("active");
+
+            const button = accordionItemHeader.querySelector("button");
+
+            button.classList.toggle("!bg-primary");
+            button.classList.toggle("!hover:bg-hover-orange");
+
+            const arrowIcon = accordionItemHeader.querySelector("svg");
+
+            arrowIcon.classList.toggle("rotate-180");
+
+
+            const accordionItemBody = accordionItemHeader.nextElementSibling;
+            if(accordionItemHeader.classList.contains("active")) {
+              accordionItemBody.style.maxHeight = accordionItemBody.scrollHeight + "px";
+            }
+            else {
+              accordionItemBody.style.maxHeight = 0;
+            }
+
+          });
+        });
+      });
+    </script>
+@endpush
\ No newline at end of file
diff --git a/resources/views/static/home.blade.php b/resources/views/static/home.blade.php
index 44c9d9fa0..f67491c64 100644
--- a/resources/views/static/home.blade.php
+++ b/resources/views/static/home.blade.php
@@ -3,16 +3,16 @@
 @section('non-vue-content')
     <section id="codeweek-homepage" class="codeweek-page font-['Blinker']">
       <section class="relative flex overflow-hidden">
-          <div id="slider-wrapper" class="flex relative transition-all w-full bg-secondary-gradient">
+          <div id="slider-wrapper" class="relative flex w-full transition-all bg-secondary-gradient">
             @foreach ($activities as $index => $activity)
-                <div class="absolute top-0 left-0 w-full h-full overflow-hidden md:px-16 pb-10 md:p-0 flex flex-col md:flex-row justify-end md:items-center flex-shrink-0">
-                    <div class="relative flex-grow-1 h-full">
+                <div class="absolute top-0 left-0 flex flex-col justify-end flex-shrink-0 w-full h-full pb-10 overflow-hidden md:px-16 md:p-0 md:flex-row md:items-center">
+                    <div class="relative h-full flex-grow-1">
                       <button
                         id="slider-prev-small-btn"
                         class="absolute z-10 top-1/2 -translate-y-1/2 -left-2 hover:left-0 bg-white hover:bg-[#F95C22] p-4 pl-6 rounded-r-full duration-300 block md:hidden"
                         style="display: none;"
                       >
-                        <img class="rotate-180 w-8 h-8" src="/images/arrow-right-icon.svg" />
+                        <img class="w-8 h-8 rotate-180" src="/images/arrow-right-icon.svg" />
                       </button>
                       <button
                         id="slider-next-small-btn"
@@ -24,7 +24,7 @@ class="absolute z-10 top-1/2 -translate-y-1/2 -right-2 hover:right-0 bg-white ho
                     </div>
                     <div
                       id="activity-{{ $index }}"
-                      class="home-activity codeweek-container-lg flex items-end md:items-center duration-1000"
+                      class="flex items-end duration-1000 home-activity codeweek-container-lg md:items-center"
                       style="opacity: {{ $index === 0 ? 1 : 0 }}"
                     >
                         <div class="px-6 py-10 max-md:w-full md:px-14 md:py-[4.5rem] bg-white rounded-[32px] z-10 relative">
@@ -56,7 +56,7 @@ class="absolute top-0 right-0 h-full max-w-[calc(70vw)] object-cover hidden md:b
                           src="images/search/search_bg_lg_{{ ($index % 2) === 0 ? 1 : 2 }}.jpeg"
                           style="clip-path: ellipse(70% 140% at 70% 25%);"
                         >
-                        <div class="homepage-robot absolute right-0 bottom-0 hidden md:block">
+                        <div class="absolute bottom-0 right-0 hidden homepage-robot md:block">
                           <img class="robot-land" src="/images/homepage/robot-land.png" />
                           <div class="absolute bottom-10 right-10">
                             <img src="/images/homepage/robot.png" />
@@ -74,7 +74,7 @@ class="absolute top-0 right-0 h-full max-w-[calc(70vw)] object-cover hidden md:b
               class="absolute top-28 md:top-1/2 -translate-y-1/2 -left-2 hover:left-0 bg-white hover:bg-[#F95C22] p-4 pl-6 rounded-r-full duration-300 hidden md:block"
               style="display: none;"
             >
-              <img class="rotate-180 w-8 h-8" src="/images/arrow-right-icon.svg" />
+              <img class="w-8 h-8 rotate-180" src="/images/arrow-right-icon.svg" />
             </button>
             <button
               id="slider-next-btn"
@@ -85,12 +85,12 @@ class="absolute top-28 md:top-1/2 -translate-y-1/2 -right-2 hover:right-0 bg-whi
             </button>
         </section>
 
-        <section class="animation-section relative bg-yellow-2">
+        <section class="relative animation-section bg-yellow-2">
             <div class="absolute w-full h-full bg-white md:hidden" style="clip-path: ellipse(100% 58% at 38% 39%)"></div>
-            <div class="absolute w-full h-full bg-white hidden md:block" style="clip-path: ellipse(70% 60% at 50% 40%);"></div>
-            <div class="relative z-10 codeweek-container-lg flex flex-col-reverse md:flex-row items-center py-16 pb-32 md:pb-48 gap-12">
+            <div class="absolute hidden w-full h-full bg-white md:block" style="clip-path: ellipse(70% 60% at 50% 40%);"></div>
+            <div class="relative z-10 flex flex-col-reverse items-center gap-12 py-16 pb-32 codeweek-container-lg md:flex-row md:pb-48">
                 <div class="flex-1">
-                  <div class="inline-block observer-element relative">
+                  <div class="relative inline-block observer-element">
                     <img class="relative z-10 w-full max-w-xl" loading="lazy" src="/images/homepage/toolkits.png" />
                     <img
                       class="animation-element move-background duration-[1.5s] absolute top-0 left-0 w-full max-w-xl"
@@ -107,15 +107,15 @@ class="animation-element move-background duration-[1.5s] absolute top-0 left-0 w
                     <p class="text-[#333E48] text-lg md:text-xl leading-7 p-0 mb-10">
                       @lang('home.toolkits_description')
                     </p>
-                    <div class="flex flex-col xl:flex-row gap-4">
+                    <div class="flex flex-col gap-4 xl:flex-row">
                         <a
                           class="flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
                           href="/guide"
                         >
                             <span>@lang('home.toolkits_button1')</span>
-                            <div class="flex gap-2 w-4 overflow-hidden">
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                            <div class="flex w-4 gap-2 overflow-hidden">
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
                             </div>
                         </a>
                         <a
@@ -123,9 +123,9 @@ class="flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border
                           href="/toolkits"
                         >
                           <span>@lang('home.toolkits_button2')</span>
-                            <div class="flex gap-2 w-4 overflow-hidden">
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                            <div class="flex w-4 gap-2 overflow-hidden">
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
                             </div>
                         </a>
                     </div>
@@ -148,22 +148,22 @@ class="inline-flex justify-center items-center gap-2 text-[#1C4DA1] border-solid
                       href="https://www.codeweekcoders.eu/"
                     >
                         <span>@lang('home.minecraft_button')</span>
-                        <div class="flex gap-2 w-4 overflow-hidden">
-                            <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
-                            <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                        <div class="flex w-4 gap-2 overflow-hidden">
+                            <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
+                            <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
                         </div>
                     </a>
                 </div>
-                <div class="observer-element flex-1">
-                    <img class="animation-element fade-scale-right duration-700" loading="lazy" src="/images/homepage/minecraft1.png" />
+                <div class="flex-1 observer-element">
+                    <img class="duration-700 animation-element fade-scale-right" loading="lazy" src="/images/homepage/minecraft1.png" />
                 </div>
             </div>
         </section>
 
-        <section class="animation-section relative overflow-hidden">
-            <div class="relative z-10 codeweek-container-lg flex flex-col-reverse md:flex-row items-center py-16 gap-12">
+        <section class="relative overflow-hidden animation-section">
+            <div class="relative z-10 flex flex-col-reverse items-center gap-12 py-16 codeweek-container-lg md:flex-row">
                 <div class="flex-1">
-                  <div class="inline-block observer-element relative">
+                  <div class="relative inline-block observer-element">
                     <img class="relative z-10 w-full max-w-xl" loading="lazy" src="/images/homepage/activity.png" />
                     <img
                       class="animation-element move-background duration-[1.5s] absolute top-0 left-0 w-full max-w-xl"
@@ -180,15 +180,15 @@ class="animation-element move-background duration-[1.5s] absolute top-0 left-0 w
                     <p class="text-[#333E48] text-lg md:text-xl leading-7 p-0 mb-10">
                       @lang('home.activity_description')
                     </p>
-                    <div class="flex flex-col xl:flex-row gap-4">
+                    <div class="flex flex-col gap-4 xl:flex-row">
                         <a
                           class="flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border-2 border-[#1C4DA1] rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#E8EDF6] group"
                           href="/add"
                         >
                             <span>@lang('home.activity_button1')</span>
-                            <div class="flex gap-2 w-4 overflow-hidden">
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                            <div class="flex w-4 gap-2 overflow-hidden">
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
                             </div>
                         </a>
                         <a
@@ -196,9 +196,9 @@ class="flex justify-center items-center gap-2 text-[#1C4DA1] border-solid border
                           href="/events"
                         >
                             <span>@lang('home.activity_button2')</span>
-                            <div class="flex gap-2 w-4 overflow-hidden">
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                            <div class="flex w-4 gap-2 overflow-hidden">
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
                             </div>
                         </a>
                     </div>
@@ -216,24 +216,24 @@ class="animation-element move-background duration-[1.5s] absolute z-0 bottom-12
 
         <section class="relative overflow-hidden">
             <div class="absolute w-full h-full bg-blue-gradient md:hidden" style="clip-path: ellipse(170% 90% at 38% 90%);"></div>
-            <div class="absolute w-full h-full bg-blue-gradient hidden md:block" style="clip-path: ellipse(88% 90% at 50% 90%);"></div>
-            <div class="relative z-10 codeweek-container-lg flex flex-col md:flex-row items-center pt-28 md:pt-48 pb-16 gap-12">
+            <div class="absolute hidden w-full h-full bg-blue-gradient md:block" style="clip-path: ellipse(88% 90% at 50% 90%);"></div>
+            <div class="relative z-10 flex flex-col items-center gap-12 pb-16 codeweek-container-lg md:flex-row pt-28 md:pt-48">
                 <div class="flex-1">
                     <h2 class="text-white text-2xl md:text-4xl leading-[44px] font-medium font-['Montserrat'] mb-6">
                       @lang('home.resouce_title')
                     </h2>
-                    <p class="text-white text-lg md:text-xl leading-7 p-0 mb-10">
+                    <p class="p-0 mb-10 text-lg leading-7 text-white md:text-xl">
                       @lang('home.resouce_description')
                     </p>
-                    <div class="flex flex-col xl:flex-row gap-4">
+                    <div class="flex flex-col gap-4 xl:flex-row">
                         <a
                           class="flex justify-center items-center gap-2 text-white border-solid border-2 border-white rounded-full py-3 px-8 font-semibold text-lg transition-all duration-300 hover:bg-[#061b45] hover:text-white group"
                           href="/resources/CodingAtHome"
                         >
                             <span>@lang('home.resouce_button1')</span>
-                            <div class="flex gap-2 w-4 overflow-hidden">
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                            <div class="flex w-4 gap-2 overflow-hidden">
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
                             </div>
                         </a>
                         <a
@@ -241,16 +241,16 @@ class="flex justify-center items-center gap-2 text-white border-solid border-2 b
                           href="/training"
                         >
                             <span>@lang('home.resouce_button2')</span>
-                            <div class="flex gap-2 w-4 overflow-hidden">
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
-                                <img src="/images/arrow-right-icon.svg" class="min-w-4 duration-500 transform -translate-x-6 group-hover:translate-x-0" />
+                            <div class="flex w-4 gap-2 overflow-hidden">
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
+                                <img src="/images/arrow-right-icon.svg" class="duration-500 transform -translate-x-6 min-w-4 group-hover:translate-x-0" />
                             </div>
                         </a>
                     </div>
                 </div>
-                <div class="observer-element flex-1 flex justify-center relative">
+                <div class="relative flex justify-center flex-1 observer-element">
                     <img
-                        class="animation-element fade-scale-bottom duration-700 w-full z-10"
+                        class="z-10 w-full duration-700 animation-element fade-scale-bottom"
                         loading="lazy"
                         src="/images/homepage/resource-training.png"
                     />
diff --git a/routes/web.php b/routes/web.php
index d62a99122..7ff59795c 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -107,10 +107,18 @@
 Route::get('/dance', [StaticPageController::class, 'static'])->name('dance');
 Route::get('/why-coding', [StaticPageController::class, 'static'])->name('why-coding');
 
+Route::get('/girls-in-digital-week', [StaticPageController::class, 'static'])->name(
+    'girls-in-digital-week'
+);
+
 Route::get('/remote-teaching', [RemoteTeachingController::class, 'index'])->name(
     'remote-teaching'
 );
 
+Route::get('/dream-jobs-in-digital', [StaticPageController::class, 'static'])->name(
+    'dream-jobs-in-digital'
+);
+
 //Static training pages
 Route::get('/training', [StaticPageController::class, 'static'])->name('training.index');
 Route::get(
diff --git a/tailwind.config.js b/tailwind.config.js
index 2d7826eee..d3fef76e6 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -5,12 +5,18 @@ module.exports = {
     './resources/**/*.js',
     './resources/**/*.vue',
   ],
+  safelist: [
+    'bg-[url("images/community/mobile-header.png")]',
+    'md:bg-[url("images/community/1.jpg")]'
+  ],
   theme: {
     extend: {
       backgroundImage: {
         'secondary-gradient': 'linear-gradient(36.92deg, #1C4DA1 20.32%, #0040AE 28.24%)',
         'blue-gradient': 'linear-gradient(161.75deg, #1254C5 16.95%, #0040AE 31.1%)',
-        'count-gradient': 'linear-gradient(150.73deg, #1254C5 24.55%, #0040AE 68.54%)'
+        'count-gradient': 'linear-gradient(150.73deg, #1254C5 24.55%, #0040AE 68.54%)',
+        'orange-gradient': 'linear-gradient(36.92deg, #F95C22 20.32%, #FF885C 28.24%)',
+        'violet-gradient': 'linear-gradient(247deg, #410098 22.05%, #6733AD 79.09%)'
       },
       colors: {
         'primary': '#F95C22',
@@ -27,18 +33,34 @@ module.exports = {
         'yellow-2': '#FFF7CC',
         'dark-blue': '#1C4DA1',
         'hover-blue': '#0A42A1',
-        'slate': '#5C656D'
+        'slate': '#5C656D',
+        'light-blue': '#F2FBFE',
+        'error-200': '#E30519',
+        'dark-blue-50': '#E8EDF6',
+        'dark-blue-200': '#A4B8D9',
+        'dark-blue-300': '#7794C7',
+        'dark-blue-400': '#4971B4',
+        'grey-3': '#F2F2F8',
+        'lime': '#99CC28',
+        'black-light': '#00000080',
       },
       screens: {
+        'xxs': '320px',
+        'sm': '575px',
         'tablet': '993px',
+        'md': '768px',
       },
       fontSize: {
         base: '1.125rem',
+        'default': '16px',
+        '40': '2.5rem',
       },
       lineHeight: {
-        'truly-normal': 'normal',  // Custom class for true line-height: normal
+        'truly-normal': 'normal', // Custom class for true line-height: normal
       },
     },
   },
-  plugins: [],
-};
\ No newline at end of file
+  plugins: [
+    require('@tailwindcss/forms'), // Add the forms plugin here
+  ],
+};