diff --git a/build/gulp/html.js b/build/gulp/html.js
index 3916ecf..7443e3b 100644
--- a/build/gulp/html.js
+++ b/build/gulp/html.js
@@ -4,7 +4,7 @@ const { BUILD_DESTS } = require('./config');
 const { version } = require('../../package.json');
 
 const html = buildDest => {
-    let stream = src('src/index.html').pipe(replace('{{VERSION}}', version));
+    let stream = src('src/index.html').pipe(replace('{{VERSION}}', version)).pipe(src('src/ton-connect.html'));
 
     // For extensions add body class and remove Controller.js including
     if (buildDest !== BUILD_DESTS.WEB) {
diff --git a/docs/assets/fonts/Inter/Inter-400.woff2 b/docs/assets/fonts/Inter/Inter-400.woff2
new file mode 100644
index 0000000..d94592a
Binary files /dev/null and b/docs/assets/fonts/Inter/Inter-400.woff2 differ
diff --git a/docs/assets/fonts/Inter/Inter-500.woff2 b/docs/assets/fonts/Inter/Inter-500.woff2
new file mode 100644
index 0000000..c0833eb
Binary files /dev/null and b/docs/assets/fonts/Inter/Inter-500.woff2 differ
diff --git a/docs/assets/fonts/Inter/Inter-600.woff2 b/docs/assets/fonts/Inter/Inter-600.woff2
new file mode 100644
index 0000000..d0de893
Binary files /dev/null and b/docs/assets/fonts/Inter/Inter-600.woff2 differ
diff --git a/docs/assets/fonts/Inter/Inter-700.woff2 b/docs/assets/fonts/Inter/Inter-700.woff2
new file mode 100644
index 0000000..9003f1e
Binary files /dev/null and b/docs/assets/fonts/Inter/Inter-700.woff2 differ
diff --git a/docs/main.css b/docs/main.css
index 21193de..b784720 100644
--- a/docs/main.css
+++ b/docs/main.css
@@ -16,6 +16,43 @@
     font-display: block;
 }
 
+/* Inter Regular */
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    font-display: block;
+    src: url("../assets/fonts/Inter/Inter-400.woff2") format("woff2");
+  }
+  
+  /* Inter Medium */
+  @font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 500;
+    font-display: block;
+    src: url("../assets/fonts/Inter/Inter-500.woff2") format("woff2");
+  }
+  
+  /* Inter Semi Bold */
+  @font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 600;
+    font-display: block;
+    src: url("../assets/fonts/Inter/Inter-600.woff2") format("woff2");
+  }
+  
+  /* Inter Bold */
+  @font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 700;
+    font-display: block;
+    src: url("../assets/fonts/Inter/Inter-700.woff2") format("woff2");
+  }
+  
+
 html {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
@@ -1272,4 +1309,173 @@ button {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
+}
+
+#install .middle {
+    font-family: "Inter", -apple-system, BlinkMacSystemFont,
+    Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    background-color: #EFEFF3;
+}
+
+#install .container {
+    width: 100%;
+    max-width: 544px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 16px;
+}
+
+#install .screen-title {
+    max-width: 350px;
+    color: #000;
+    font-size: 28px;
+    font-weight: 600;
+    line-height: 40px;
+    letter-spacing: -0.07px;
+
+    text-align: center;
+    margin-bottom: 8px;
+}
+
+#install #start_createBtn, #install #start_importBtn {
+    display: none;
+}
+
+#install .widget {
+    width: 100%;
+
+    display: flex;
+    padding: 26px 32px 32px;
+    flex-direction: column;
+    align-items: flex-start;
+
+    border-radius: 32px;
+    background: #FFF;
+}
+
+#install .widget-icon {
+    width: 56px;
+    height: 56px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    margin-bottom: 24px;
+}
+
+#install .widget-title {
+    color: #000;
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 30px;
+    letter-spacing: -0.046px;
+
+    margin-bottom: 6px;
+}
+
+#install .widget-subtitle {
+    color: #728A96;
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 28px;
+    letter-spacing: -0.025px;
+
+    margin-bottom: 24px;
+}
+
+#install .widget-subtitle.shortened {
+    max-width: 300px;
+}
+
+#install .widget-button-link {
+    width: 100%;
+    -webkit-tap-highlight-color: transparent;
+    text-decoration: none;
+}
+
+#install .widget-button-link:focus {
+    border-radius: 12px;
+    outline: solid #32AAFE 1px;
+}
+
+#install .widget-button {
+    width: 100%;
+
+    display: flex;
+    padding: 12px 24px;
+    justify-content: center;
+    align-items: center;
+
+    border-radius: 12px;
+    background: #32AAFE;
+    transition: opacity 0.2s linear;
+
+    color:#FFF;
+    font-size: 16px;
+    font-weight: 700;
+    line-height: 24px;
+    letter-spacing: -0.018px;
+
+    outline: none;
+    border: none;
+}
+
+#install .widget-button:hover {
+    opacity: 0.9;
+}
+
+@media (max-width: 734px) {
+    #install .middle {
+        justify-content: flex-start;
+        padding: 16px;
+    }
+
+    #install .container {
+        gap: 8px;
+    }
+
+    #install .screen-title {
+        max-width: 320px;
+        font-size: 22px;
+        font-weight: 600;
+        line-height: 28px;
+        letter-spacing: -0.031px;
+        margin-bottom: 16px;
+    }
+
+    #install .widget {
+        border-radius: 24px;
+        padding: 18px 24px 24px 24px;
+    }
+
+    #install .widget-icon {
+        width: 48px;
+        height: 48px;
+
+        margin-bottom: 16px;
+    }
+
+    #install .widget-title {
+        font-size: 20px;
+        font-weight: 600;
+        line-height: 26px;
+        letter-spacing: -0.038px;
+    }
+    
+    #install .widget-subtitle {
+        font-size: 16px;
+        line-height: 24px;
+        letter-spacing: -0.018px;
+    }
+
+    #install .widget-button {
+        border-radius: 12px;
+
+        padding: 8px 24px;
+
+        font-size: 14px;
+        line-height: 24px;
+        letter-spacing: -0.008px;
+    }
 }
\ No newline at end of file
diff --git a/docs/ton-connect.html b/docs/ton-connect.html
new file mode 100644
index 0000000..9fac5bc
--- /dev/null
+++ b/docs/ton-connect.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="en" translate="no">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="Content-Security-Policy"
+              content="default-src 'none'; script-src 'self'; style-src 'self'; font-src 'self'; img-src 'self' data: https://nft.ton.diamonds/; manifest-src 'self'; connect-src 'self' https://toncenter.com/api/v2/jsonRPC https://testnet.toncenter.com/api/v2/jsonRPC https://ton.diamonds/api/wallet/diamond_nfts">
+        <meta name="viewport"
+              content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover">
+    
+        <title>TON Wallet</title>
+    
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="format-detection" content="telephone=no">
+        <meta name="google" content="notranslate">
+    
+        <meta name="description" content="Set up your own TON Wallet on The Open Network">
+        <meta name="image" content="assets/favicon/512x512.png">
+    
+        <meta itemprop="name" content="TON Wallet">
+        <meta itemprop="description" content="Set up your own TON Wallet on The Open Network">
+        <meta itemprop="image" content="assets/favicon/512x512.png">
+        <meta name="twitter:card" content="summary">
+        <meta name="twitter:title" content="TON Wallet">
+        <meta name="twitter:description" content="Set up your own TON Wallet on The Open Network">
+        <meta name="og:title" content="TON Wallet">
+        <meta name="og:description" content="Set up your own TON Wallet on The Open Network">
+        <meta name="og:type" content="website">
+    
+        <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="192x192" href="assets/favicon/192x192.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
+        <link rel="manifest" href="assets/favicon/site.webmanifest">
+        <link rel="mask-icon" href="assets/favicon/safari-pinned-tab.svg" color="#0088cc">
+        <link rel="shortcut icon" href="assets/favicon/favicon.ico">
+        <meta name="apple-mobile-web-app-title" content="TON Wallet">
+        <meta name="application-name" content="TON Wallet">
+        <meta name="msapplication-TileColor" content="#ffffff">
+        <meta name="msapplication-TileImage" content="assets/favicon/mstile-144x144.png">
+        <meta name="msapplication-config" content="assets/favicon/browserconfig.xml">
+        <meta name="theme-color" content="#ffffff">
+    
+        <link rel="stylesheet" href="main.css?v=1.1.47">
+    </head>
+  <body>
+    <div id="install" class="screen">
+      <div class="middle">
+        <div class="container">
+          <div class="screen-title">
+            How to sign in to services with TON Wallet
+          </div>
+
+          <div class="widget">
+            <div class="widget-icon">
+              <svg
+                viewBox="0 0 56 56"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  fill-rule="evenodd"
+                  clip-rule="evenodd"
+                  d="M39.1352 11.6667H16.8648C13.2991 11.6667 11.9766 11.9637 10.6651 12.6651C9.51547 13.2799 8.61325 14.1821 7.99843 15.3317C7.29704 16.6432 7 17.9658 7 21.5315V34.4685C7 38.0342 7.29704 39.3568 7.99843 40.6683C8.61325 41.8179 9.51547 42.7201 10.6651 43.3349C11.9766 44.0363 13.2991 44.3333 16.8648 44.3333H39.1352C42.7009 44.3333 44.0234 44.0363 45.3349 43.3349C46.4845 42.7201 47.3868 41.8179 48.0016 40.6683C48.703 39.3568 49 38.0342 49 34.4685V21.5315C49 17.9658 48.703 16.6432 48.0016 15.3317C47.3868 14.1821 46.4845 13.2799 45.3349 12.6651C44.0234 11.9637 42.7009 11.6667 39.1352 11.6667Z"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                />
+                <path
+                  d="M43.0033 28H49V35H43.0033C42.1184 35 41.2697 34.6313 40.644 33.9749C40.0182 33.3185 39.6667 32.4283 39.6667 31.5V31.5C39.6667 30.5717 40.0182 29.6815 40.644 29.0251C41.2697 28.3687 42.1184 28 43.0033 28V28Z"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+                <path
+                  d="M14 18.6667H20.5567"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+            </div>
+            <div class="widget-title">
+              Install TON Wallet<br />and log in to your wallet
+            </div>
+            <div class="widget-subtitle">
+              Create a new wallet or import an existing one.
+            </div>
+            <a
+              class="widget-button-link"
+              target="_blank"
+              href="https://play.google.com/store/apps/details?id=org.ton.wallet"
+            >
+              <button class="widget-button">Google Play Store</button>
+            </a>
+          </div>
+
+          <div class="widget">
+            <div class="widget-icon">
+              <svg
+                viewBox="0 0 56 56"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M21 21L29.5829 28L21 35"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+                <path
+                  d="M28 28H9.33331"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+                <path
+                  d="M28 9.33334H36.8019C40.3676 9.33334 41.6901 9.63037 43.0016 10.3318C44.1512 10.9466 45.0534 11.8488 45.6682 12.9984C46.3696 14.3099 46.6667 15.6324 46.6667 19.1981V36.8019C46.6667 40.3676 46.3696 41.6901 45.6682 43.0016C45.0534 44.1512 44.1512 45.0534 43.0016 45.6682C41.6901 46.3696 40.3676 46.6667 36.8019 46.6667H28"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </div>
+            <div class="widget-title">Sign in with TON Wallet</div>
+            <div class="widget-subtitle shortened">
+              Click the button below or log in through the service page.
+            </div>
+            <a class="widget-button-link" href="#">
+              <button class="widget-button">Sign in with TON Wallet</button>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
index 0021be3..d344f66 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "ton-wallet",
-  "version": "1.1.42",
+  "version": "1.1.47",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "ton-wallet",
-      "version": "1.1.42",
+      "version": "1.1.47",
       "devDependencies": {
         "gulp": "4.0.2",
         "gulp-replace": "1.1.3",
@@ -1909,26 +1909,34 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/abbrev": {
       "version": "1.1.1",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/ansi-regex": {
       "version": "2.1.1",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/aproba": {
       "version": "1.2.0",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/are-we-there-yet": {
       "version": "1.1.5",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "delegates": "^1.0.0",
         "readable-stream": "^2.0.6"
@@ -1936,13 +1944,17 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/balanced-match": {
       "version": "1.0.0",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/brace-expansion": {
       "version": "1.1.11",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -1950,57 +1962,75 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/chownr": {
       "version": "1.1.3",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/code-point-at": {
       "version": "1.1.0",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/concat-map": {
       "version": "0.0.1",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/console-control-strings": {
       "version": "1.1.0",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/core-util-is": {
       "version": "1.0.2",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/debug": {
       "version": "3.2.6",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "ms": "^2.1.1"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/deep-extend": {
       "version": "0.6.0",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=4.0.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/delegates": {
       "version": "1.0.0",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/detect-libc": {
       "version": "1.0.3",
+      "dev": true,
       "inBundle": true,
       "license": "Apache-2.0",
+      "optional": true,
       "bin": {
         "detect-libc": "bin/detect-libc.js"
       },
@@ -2010,21 +2040,27 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/fs-minipass": {
       "version": "1.2.7",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "minipass": "^2.6.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/fs.realpath": {
       "version": "1.0.0",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/gauge": {
       "version": "2.7.4",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "aproba": "^1.0.3",
         "console-control-strings": "^1.0.0",
@@ -2038,8 +2074,10 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/glob": {
       "version": "7.1.6",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -2057,13 +2095,17 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/has-unicode": {
       "version": "2.0.1",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/iconv-lite": {
       "version": "0.4.24",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3"
       },
@@ -2073,16 +2115,20 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/ignore-walk": {
       "version": "3.0.3",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "minimatch": "^3.0.4"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/inflight": {
       "version": "1.0.6",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -2090,21 +2136,27 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/inherits": {
       "version": "2.0.4",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/ini": {
       "version": "1.3.5",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "engines": {
         "node": "*"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/is-fullwidth-code-point": {
       "version": "1.0.0",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "number-is-nan": "^1.0.0"
       },
@@ -2114,13 +2166,17 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/isarray": {
       "version": "1.0.0",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/minimatch": {
       "version": "3.0.4",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -2130,13 +2186,17 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/minimist": {
       "version": "0.0.8",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/minipass": {
       "version": "2.9.0",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "safe-buffer": "^5.1.2",
         "yallist": "^3.0.0"
@@ -2144,16 +2204,20 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/minizlib": {
       "version": "1.3.3",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "minipass": "^2.9.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/mkdirp": {
       "version": "0.5.1",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "minimist": "0.0.8"
       },
@@ -2163,13 +2227,17 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/ms": {
       "version": "2.1.2",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/needle": {
       "version": "2.4.0",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "debug": "^3.2.6",
         "iconv-lite": "^0.4.4",
@@ -2184,8 +2252,10 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/node-pre-gyp": {
       "version": "0.14.0",
+      "dev": true,
       "inBundle": true,
       "license": "BSD-3-Clause",
+      "optional": true,
       "dependencies": {
         "detect-libc": "^1.0.2",
         "mkdirp": "^0.5.1",
@@ -2204,8 +2274,10 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/nopt": {
       "version": "4.0.1",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "abbrev": "1",
         "osenv": "^0.1.4"
@@ -2216,21 +2288,27 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/npm-bundled": {
       "version": "1.1.1",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "npm-normalize-package-bin": "^1.0.1"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/npm-normalize-package-bin": {
       "version": "1.0.1",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/npm-packlist": {
       "version": "1.4.7",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "ignore-walk": "^3.0.1",
         "npm-bundled": "^1.0.1"
@@ -2238,8 +2316,10 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/npmlog": {
       "version": "4.1.2",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "are-we-there-yet": "~1.1.2",
         "console-control-strings": "~1.1.0",
@@ -2249,48 +2329,60 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/number-is-nan": {
       "version": "1.0.1",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/object-assign": {
       "version": "4.1.1",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/once": {
       "version": "1.4.0",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "wrappy": "1"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/os-homedir": {
       "version": "1.0.2",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/os-tmpdir": {
       "version": "1.0.2",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/osenv": {
       "version": "0.1.5",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "os-homedir": "^1.0.0",
         "os-tmpdir": "^1.0.0"
@@ -2298,21 +2390,27 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/path-is-absolute": {
       "version": "1.0.1",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/process-nextick-args": {
       "version": "2.0.1",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/rc": {
       "version": "1.2.8",
+      "dev": true,
       "inBundle": true,
       "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
+      "optional": true,
       "dependencies": {
         "deep-extend": "^0.6.0",
         "ini": "~1.3.0",
@@ -2325,13 +2423,17 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/rc/node_modules/minimist": {
       "version": "1.2.0",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/readable-stream": {
       "version": "2.3.6",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "core-util-is": "~1.0.0",
         "inherits": "~2.0.3",
@@ -2344,8 +2446,10 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/rimraf": {
       "version": "2.7.1",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -2355,49 +2459,65 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/safe-buffer": {
       "version": "5.1.2",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/safer-buffer": {
       "version": "2.1.2",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/sax": {
       "version": "1.2.4",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/semver": {
       "version": "5.7.1",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "bin": {
         "semver": "bin/semver"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/set-blocking": {
       "version": "2.0.0",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/signal-exit": {
       "version": "3.0.2",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/string_decoder": {
       "version": "1.1.1",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "safe-buffer": "~5.1.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/string-width": {
       "version": "1.0.2",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "code-point-at": "^1.0.0",
         "is-fullwidth-code-point": "^1.0.0",
@@ -2409,8 +2529,10 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/strip-ansi": {
       "version": "3.0.1",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "dependencies": {
         "ansi-regex": "^2.0.0"
       },
@@ -2420,16 +2542,20 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/strip-json-comments": {
       "version": "2.0.1",
+      "dev": true,
       "inBundle": true,
       "license": "MIT",
+      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/tar": {
       "version": "4.4.13",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "chownr": "^1.1.1",
         "fs-minipass": "^1.2.5",
@@ -2445,26 +2571,34 @@
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/util-deprecate": {
       "version": "1.0.2",
+      "dev": true,
       "inBundle": true,
-      "license": "MIT"
+      "license": "MIT",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/wide-align": {
       "version": "1.1.3",
+      "dev": true,
       "inBundle": true,
       "license": "ISC",
+      "optional": true,
       "dependencies": {
         "string-width": "^1.0.2 || 2"
       }
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/wrappy": {
       "version": "1.0.2",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/fsevents/node_modules/yallist": {
       "version": "3.1.1",
+      "dev": true,
       "inBundle": true,
-      "license": "ISC"
+      "license": "ISC",
+      "optional": true
     },
     "node_modules/glob-watcher/node_modules/glob-parent": {
       "version": "3.1.0",
@@ -6970,19 +7104,27 @@
           "dependencies": {
             "abbrev": {
               "version": "1.1.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "ansi-regex": {
               "version": "2.1.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "aproba": {
               "version": "1.2.0",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "are-we-there-yet": {
               "version": "1.1.5",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "delegates": "^1.0.0",
                 "readable-stream": "^2.0.6"
@@ -6990,11 +7132,15 @@
             },
             "balanced-match": {
               "version": "1.0.0",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "brace-expansion": {
               "version": "1.1.11",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "balanced-match": "^1.0.0",
                 "concat-map": "0.0.1"
@@ -7002,57 +7148,81 @@
             },
             "chownr": {
               "version": "1.1.3",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "code-point-at": {
               "version": "1.1.0",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "concat-map": {
               "version": "0.0.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "console-control-strings": {
               "version": "1.1.0",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "core-util-is": {
               "version": "1.0.2",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "debug": {
               "version": "3.2.6",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "ms": "^2.1.1"
               }
             },
             "deep-extend": {
               "version": "0.6.0",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "delegates": {
               "version": "1.0.0",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "detect-libc": {
               "version": "1.0.3",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "fs-minipass": {
               "version": "1.2.7",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "minipass": "^2.6.0"
               }
             },
             "fs.realpath": {
               "version": "1.0.0",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "gauge": {
               "version": "2.7.4",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "aproba": "^1.0.3",
                 "console-control-strings": "^1.0.0",
@@ -7067,6 +7237,8 @@
             "glob": {
               "version": "7.1.6",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "fs.realpath": "^1.0.0",
                 "inflight": "^1.0.4",
@@ -7078,11 +7250,15 @@
             },
             "has-unicode": {
               "version": "2.0.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "iconv-lite": {
               "version": "0.4.24",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "safer-buffer": ">= 2.1.2 < 3"
               }
@@ -7090,6 +7266,8 @@
             "ignore-walk": {
               "version": "3.0.3",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "minimatch": "^3.0.4"
               }
@@ -7097,6 +7275,8 @@
             "inflight": {
               "version": "1.0.6",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "once": "^1.3.0",
                 "wrappy": "1"
@@ -7104,37 +7284,51 @@
             },
             "inherits": {
               "version": "2.0.4",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "ini": {
               "version": "1.3.5",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "is-fullwidth-code-point": {
               "version": "1.0.0",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "number-is-nan": "^1.0.0"
               }
             },
             "isarray": {
               "version": "1.0.0",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "minimatch": {
               "version": "3.0.4",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "brace-expansion": "^1.1.7"
               }
             },
             "minimist": {
               "version": "0.0.8",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "minipass": {
               "version": "2.9.0",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "safe-buffer": "^5.1.2",
                 "yallist": "^3.0.0"
@@ -7143,6 +7337,8 @@
             "minizlib": {
               "version": "1.3.3",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "minipass": "^2.9.0"
               }
@@ -7150,17 +7346,23 @@
             "mkdirp": {
               "version": "0.5.1",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "minimist": "0.0.8"
               }
             },
             "ms": {
               "version": "2.1.2",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "needle": {
               "version": "2.4.0",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "debug": "^3.2.6",
                 "iconv-lite": "^0.4.4",
@@ -7170,6 +7372,8 @@
             "node-pre-gyp": {
               "version": "0.14.0",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "detect-libc": "^1.0.2",
                 "mkdirp": "^0.5.1",
@@ -7186,6 +7390,8 @@
             "nopt": {
               "version": "4.0.1",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "abbrev": "1",
                 "osenv": "^0.1.4"
@@ -7194,17 +7400,23 @@
             "npm-bundled": {
               "version": "1.1.1",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "npm-normalize-package-bin": "^1.0.1"
               }
             },
             "npm-normalize-package-bin": {
               "version": "1.0.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "npm-packlist": {
               "version": "1.4.7",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "ignore-walk": "^3.0.1",
                 "npm-bundled": "^1.0.1"
@@ -7213,6 +7425,8 @@
             "npmlog": {
               "version": "4.1.2",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "are-we-there-yet": "~1.1.2",
                 "console-control-strings": "~1.1.0",
@@ -7222,30 +7436,42 @@
             },
             "number-is-nan": {
               "version": "1.0.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "object-assign": {
               "version": "4.1.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "once": {
               "version": "1.4.0",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "wrappy": "1"
               }
             },
             "os-homedir": {
               "version": "1.0.2",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "os-tmpdir": {
               "version": "1.0.2",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "osenv": {
               "version": "0.1.5",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "os-homedir": "^1.0.0",
                 "os-tmpdir": "^1.0.0"
@@ -7253,15 +7479,21 @@
             },
             "path-is-absolute": {
               "version": "1.0.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "process-nextick-args": {
               "version": "2.0.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "rc": {
               "version": "1.2.8",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "deep-extend": "^0.6.0",
                 "ini": "~1.3.0",
@@ -7271,13 +7503,17 @@
               "dependencies": {
                 "minimist": {
                   "version": "1.2.0",
-                  "bundled": true
+                  "bundled": true,
+                  "dev": true,
+                  "optional": true
                 }
               }
             },
             "readable-stream": {
               "version": "2.3.6",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "core-util-is": "~1.0.0",
                 "inherits": "~2.0.3",
@@ -7291,37 +7527,53 @@
             "rimraf": {
               "version": "2.7.1",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "glob": "^7.1.3"
               }
             },
             "safe-buffer": {
               "version": "5.1.2",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "safer-buffer": {
               "version": "2.1.2",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "sax": {
               "version": "1.2.4",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "semver": {
               "version": "5.7.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "set-blocking": {
               "version": "2.0.0",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "signal-exit": {
               "version": "3.0.2",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "string_decoder": {
               "version": "1.1.1",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "safe-buffer": "~5.1.0"
               }
@@ -7329,6 +7581,8 @@
             "string-width": {
               "version": "1.0.2",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "code-point-at": "^1.0.0",
                 "is-fullwidth-code-point": "^1.0.0",
@@ -7338,17 +7592,23 @@
             "strip-ansi": {
               "version": "3.0.1",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "ansi-regex": "^2.0.0"
               }
             },
             "strip-json-comments": {
               "version": "2.0.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "tar": {
               "version": "4.4.13",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "chownr": "^1.1.1",
                 "fs-minipass": "^1.2.5",
@@ -7361,22 +7621,30 @@
             },
             "util-deprecate": {
               "version": "1.0.2",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "wide-align": {
               "version": "1.1.3",
               "bundled": true,
+              "dev": true,
+              "optional": true,
               "requires": {
                 "string-width": "^1.0.2 || 2"
               }
             },
             "wrappy": {
               "version": "1.0.2",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             },
             "yallist": {
               "version": "3.1.1",
-              "bundled": true
+              "bundled": true,
+              "dev": true,
+              "optional": true
             }
           }
         },
diff --git a/src/assets/fonts/Inter/Inter-400.woff2 b/src/assets/fonts/Inter/Inter-400.woff2
new file mode 100644
index 0000000..d94592a
Binary files /dev/null and b/src/assets/fonts/Inter/Inter-400.woff2 differ
diff --git a/src/assets/fonts/Inter/Inter-500.woff2 b/src/assets/fonts/Inter/Inter-500.woff2
new file mode 100644
index 0000000..c0833eb
Binary files /dev/null and b/src/assets/fonts/Inter/Inter-500.woff2 differ
diff --git a/src/assets/fonts/Inter/Inter-600.woff2 b/src/assets/fonts/Inter/Inter-600.woff2
new file mode 100644
index 0000000..d0de893
Binary files /dev/null and b/src/assets/fonts/Inter/Inter-600.woff2 differ
diff --git a/src/assets/fonts/Inter/Inter-700.woff2 b/src/assets/fonts/Inter/Inter-700.woff2
new file mode 100644
index 0000000..9003f1e
Binary files /dev/null and b/src/assets/fonts/Inter/Inter-700.woff2 differ
diff --git a/src/css/main.css b/src/css/main.css
index 21193de..b784720 100644
--- a/src/css/main.css
+++ b/src/css/main.css
@@ -16,6 +16,43 @@
     font-display: block;
 }
 
+/* Inter Regular */
+@font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 400;
+    font-display: block;
+    src: url("../assets/fonts/Inter/Inter-400.woff2") format("woff2");
+  }
+  
+  /* Inter Medium */
+  @font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 500;
+    font-display: block;
+    src: url("../assets/fonts/Inter/Inter-500.woff2") format("woff2");
+  }
+  
+  /* Inter Semi Bold */
+  @font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 600;
+    font-display: block;
+    src: url("../assets/fonts/Inter/Inter-600.woff2") format("woff2");
+  }
+  
+  /* Inter Bold */
+  @font-face {
+    font-family: 'Inter';
+    font-style: normal;
+    font-weight: 700;
+    font-display: block;
+    src: url("../assets/fonts/Inter/Inter-700.woff2") format("woff2");
+  }
+  
+
 html {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
@@ -1272,4 +1309,173 @@ button {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
+}
+
+#install .middle {
+    font-family: "Inter", -apple-system, BlinkMacSystemFont,
+    Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
+    background-color: #EFEFF3;
+}
+
+#install .container {
+    width: 100%;
+    max-width: 544px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 16px;
+}
+
+#install .screen-title {
+    max-width: 350px;
+    color: #000;
+    font-size: 28px;
+    font-weight: 600;
+    line-height: 40px;
+    letter-spacing: -0.07px;
+
+    text-align: center;
+    margin-bottom: 8px;
+}
+
+#install #start_createBtn, #install #start_importBtn {
+    display: none;
+}
+
+#install .widget {
+    width: 100%;
+
+    display: flex;
+    padding: 26px 32px 32px;
+    flex-direction: column;
+    align-items: flex-start;
+
+    border-radius: 32px;
+    background: #FFF;
+}
+
+#install .widget-icon {
+    width: 56px;
+    height: 56px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    margin-bottom: 24px;
+}
+
+#install .widget-title {
+    color: #000;
+    font-size: 24px;
+    font-weight: 600;
+    line-height: 30px;
+    letter-spacing: -0.046px;
+
+    margin-bottom: 6px;
+}
+
+#install .widget-subtitle {
+    color: #728A96;
+    font-size: 18px;
+    font-weight: 400;
+    line-height: 28px;
+    letter-spacing: -0.025px;
+
+    margin-bottom: 24px;
+}
+
+#install .widget-subtitle.shortened {
+    max-width: 300px;
+}
+
+#install .widget-button-link {
+    width: 100%;
+    -webkit-tap-highlight-color: transparent;
+    text-decoration: none;
+}
+
+#install .widget-button-link:focus {
+    border-radius: 12px;
+    outline: solid #32AAFE 1px;
+}
+
+#install .widget-button {
+    width: 100%;
+
+    display: flex;
+    padding: 12px 24px;
+    justify-content: center;
+    align-items: center;
+
+    border-radius: 12px;
+    background: #32AAFE;
+    transition: opacity 0.2s linear;
+
+    color:#FFF;
+    font-size: 16px;
+    font-weight: 700;
+    line-height: 24px;
+    letter-spacing: -0.018px;
+
+    outline: none;
+    border: none;
+}
+
+#install .widget-button:hover {
+    opacity: 0.9;
+}
+
+@media (max-width: 734px) {
+    #install .middle {
+        justify-content: flex-start;
+        padding: 16px;
+    }
+
+    #install .container {
+        gap: 8px;
+    }
+
+    #install .screen-title {
+        max-width: 320px;
+        font-size: 22px;
+        font-weight: 600;
+        line-height: 28px;
+        letter-spacing: -0.031px;
+        margin-bottom: 16px;
+    }
+
+    #install .widget {
+        border-radius: 24px;
+        padding: 18px 24px 24px 24px;
+    }
+
+    #install .widget-icon {
+        width: 48px;
+        height: 48px;
+
+        margin-bottom: 16px;
+    }
+
+    #install .widget-title {
+        font-size: 20px;
+        font-weight: 600;
+        line-height: 26px;
+        letter-spacing: -0.038px;
+    }
+    
+    #install .widget-subtitle {
+        font-size: 16px;
+        line-height: 24px;
+        letter-spacing: -0.018px;
+    }
+
+    #install .widget-button {
+        border-radius: 12px;
+
+        padding: 8px 24px;
+
+        font-size: 14px;
+        line-height: 24px;
+        letter-spacing: -0.008px;
+    }
 }
\ No newline at end of file
diff --git a/src/ton-connect.html b/src/ton-connect.html
new file mode 100644
index 0000000..9fac5bc
--- /dev/null
+++ b/src/ton-connect.html
@@ -0,0 +1,139 @@
+<!DOCTYPE html>
+<html lang="en" translate="no">
+    <head>
+        <meta charset="UTF-8">
+        <meta http-equiv="Content-Security-Policy"
+              content="default-src 'none'; script-src 'self'; style-src 'self'; font-src 'self'; img-src 'self' data: https://nft.ton.diamonds/; manifest-src 'self'; connect-src 'self' https://toncenter.com/api/v2/jsonRPC https://testnet.toncenter.com/api/v2/jsonRPC https://ton.diamonds/api/wallet/diamond_nfts">
+        <meta name="viewport"
+              content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,viewport-fit=cover">
+    
+        <title>TON Wallet</title>
+    
+        <meta name="apple-mobile-web-app-capable" content="yes">
+        <meta name="format-detection" content="telephone=no">
+        <meta name="google" content="notranslate">
+    
+        <meta name="description" content="Set up your own TON Wallet on The Open Network">
+        <meta name="image" content="assets/favicon/512x512.png">
+    
+        <meta itemprop="name" content="TON Wallet">
+        <meta itemprop="description" content="Set up your own TON Wallet on The Open Network">
+        <meta itemprop="image" content="assets/favicon/512x512.png">
+        <meta name="twitter:card" content="summary">
+        <meta name="twitter:title" content="TON Wallet">
+        <meta name="twitter:description" content="Set up your own TON Wallet on The Open Network">
+        <meta name="og:title" content="TON Wallet">
+        <meta name="og:description" content="Set up your own TON Wallet on The Open Network">
+        <meta name="og:type" content="website">
+    
+        <link rel="apple-touch-icon" sizes="180x180" href="assets/favicon/apple-touch-icon.png">
+        <link rel="icon" type="image/png" sizes="32x32" href="assets/favicon/favicon-32x32.png">
+        <link rel="icon" type="image/png" sizes="192x192" href="assets/favicon/192x192.png">
+        <link rel="icon" type="image/png" sizes="16x16" href="assets/favicon/favicon-16x16.png">
+        <link rel="manifest" href="assets/favicon/site.webmanifest">
+        <link rel="mask-icon" href="assets/favicon/safari-pinned-tab.svg" color="#0088cc">
+        <link rel="shortcut icon" href="assets/favicon/favicon.ico">
+        <meta name="apple-mobile-web-app-title" content="TON Wallet">
+        <meta name="application-name" content="TON Wallet">
+        <meta name="msapplication-TileColor" content="#ffffff">
+        <meta name="msapplication-TileImage" content="assets/favicon/mstile-144x144.png">
+        <meta name="msapplication-config" content="assets/favicon/browserconfig.xml">
+        <meta name="theme-color" content="#ffffff">
+    
+        <link rel="stylesheet" href="main.css?v=1.1.47">
+    </head>
+  <body>
+    <div id="install" class="screen">
+      <div class="middle">
+        <div class="container">
+          <div class="screen-title">
+            How to sign in to services with TON Wallet
+          </div>
+
+          <div class="widget">
+            <div class="widget-icon">
+              <svg
+                viewBox="0 0 56 56"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  fill-rule="evenodd"
+                  clip-rule="evenodd"
+                  d="M39.1352 11.6667H16.8648C13.2991 11.6667 11.9766 11.9637 10.6651 12.6651C9.51547 13.2799 8.61325 14.1821 7.99843 15.3317C7.29704 16.6432 7 17.9658 7 21.5315V34.4685C7 38.0342 7.29704 39.3568 7.99843 40.6683C8.61325 41.8179 9.51547 42.7201 10.6651 43.3349C11.9766 44.0363 13.2991 44.3333 16.8648 44.3333H39.1352C42.7009 44.3333 44.0234 44.0363 45.3349 43.3349C46.4845 42.7201 47.3868 41.8179 48.0016 40.6683C48.703 39.3568 49 38.0342 49 34.4685V21.5315C49 17.9658 48.703 16.6432 48.0016 15.3317C47.3868 14.1821 46.4845 13.2799 45.3349 12.6651C44.0234 11.9637 42.7009 11.6667 39.1352 11.6667Z"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                />
+                <path
+                  d="M43.0033 28H49V35H43.0033C42.1184 35 41.2697 34.6313 40.644 33.9749C40.0182 33.3185 39.6667 32.4283 39.6667 31.5V31.5C39.6667 30.5717 40.0182 29.6815 40.644 29.0251C41.2697 28.3687 42.1184 28 43.0033 28V28Z"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+                <path
+                  d="M14 18.6667H20.5567"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+              </svg>
+            </div>
+            <div class="widget-title">
+              Install TON Wallet<br />and log in to your wallet
+            </div>
+            <div class="widget-subtitle">
+              Create a new wallet or import an existing one.
+            </div>
+            <a
+              class="widget-button-link"
+              target="_blank"
+              href="https://play.google.com/store/apps/details?id=org.ton.wallet"
+            >
+              <button class="widget-button">Google Play Store</button>
+            </a>
+          </div>
+
+          <div class="widget">
+            <div class="widget-icon">
+              <svg
+                viewBox="0 0 56 56"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <path
+                  d="M21 21L29.5829 28L21 35"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+                <path
+                  d="M28 28H9.33331"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                />
+                <path
+                  d="M28 9.33334H36.8019C40.3676 9.33334 41.6901 9.63037 43.0016 10.3318C44.1512 10.9466 45.0534 11.8488 45.6682 12.9984C46.3696 14.3099 46.6667 15.6324 46.6667 19.1981V36.8019C46.6667 40.3676 46.3696 41.6901 45.6682 43.0016C45.0534 44.1512 44.1512 45.0534 43.0016 45.6682C41.6901 46.3696 40.3676 46.6667 36.8019 46.6667H28"
+                  stroke="#32AAFE"
+                  stroke-width="3.5"
+                  stroke-linecap="round"
+                />
+              </svg>
+            </div>
+            <div class="widget-title">Sign in with TON Wallet</div>
+            <div class="widget-subtitle shortened">
+              Click the button below or log in through the service page.
+            </div>
+            <a class="widget-button-link" href="#">
+              <button class="widget-button">Sign in with TON Wallet</button>
+            </a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </body>
+</html>