diff --git a/_index.html b/_index.html
index f80bd8b..6f36a96 100644
--- a/_index.html
+++ b/_index.html
@@ -13,7 +13,7 @@
     <link rel="canonical" href="https://ros-plata.ru" />
     <link rel="icon" href="/images/favicons/icon.svg" type="image/svg+xml">
 
-    <link rel="stylesheet" async href="https://unpkg.com/papercss@1.9.0/dist/paper.min.css" />
+    <link rel="stylesheet" async href="/styles/paper.min.css" />
     <script src="/src/App.mjs" type="module"></script>
 
     <style type="text/css">
@@ -269,7 +269,10 @@ <h6 class="text-muted" data-translate-id="budget-settings-isOpen">
             <h1 class="layout-login__prompt" data-translate-id="layout-login-title">Enter Rosplata</h1>
             <h2 class="layout-login__prompt-detail" data-translate-id="layout-login-description">Sign in with your
                 google account to start using shared budgets</h2>
-            <button id="login__google" data-translate-id="layout-login-enter">Enter</button>
+                <div class="layout-login__variants">
+                    <button class="layout-login__variant--google" id="login__google" data-translate-id="layout-login-enter">Enter</button>
+                    <a class="layout-login__variant--demo" href="/demo" data-translate-id="demo-login">Demo login</a>
+                </div>
             <div class="layout-login__aside">
                 <span class="layout-login__version"></span>
                 <a href="https://express.adobe.com/page/XiWR4wcPLBYfH/" target="_blank" rel="noopener"
diff --git a/src/App.mjs b/src/App.mjs
index e1cc9de..57a4395 100644
--- a/src/App.mjs
+++ b/src/App.mjs
@@ -25,6 +25,9 @@ document.body.addEventListener('click', (event) => {
 
 window.addEventListener('load', async () => {
     await AuthManager.start()
+    if (location.pathname === '/demo') {
+        AuthManager.requestDemoAccess()
+    }
     if (await AuthManager.validate()) {
         Router.start()
     }
diff --git a/src/constants/routes.mjs b/src/constants/routes.mjs
index cf902b0..e1ac424 100644
--- a/src/constants/routes.mjs
+++ b/src/constants/routes.mjs
@@ -2,6 +2,7 @@ export const BASE_URL = ''
 
 export const ROUTES = [
     { pattern: BASE_URL + '/', layout: 'main' },
+    { pattern: BASE_URL + '/(demo)', layout: 'main' },
     { pattern: BASE_URL + '/create', layout: 'main', params: { create: true } },
     { pattern: BASE_URL + '/budgets/:id', layout: 'main' },
     { pattern: BASE_URL + '/settings/:section?', layout: 'settings' },
diff --git a/src/core/AuthManager.mjs b/src/core/AuthManager.mjs
index 24487f5..e36bb56 100644
--- a/src/core/AuthManager.mjs
+++ b/src/core/AuthManager.mjs
@@ -79,6 +79,15 @@ class CAuthManager {
         })
     }
 
+    requestDemoAccess() {
+        this.isLoggedIn = true
+        this.#data = {
+            id: 'rosplataapp',
+            name: 'Demo Account',
+            token: 'demoaccount',
+        }
+    }
+
     login = async () => {
         try {
             this.#gProvider = new GoogleAuthProvider()
diff --git a/src/core/FeatureDetector.mjs b/src/core/FeatureDetector.mjs
index 4ce8f8d..208bf0a 100644
--- a/src/core/FeatureDetector.mjs
+++ b/src/core/FeatureDetector.mjs
@@ -1,7 +1,5 @@
 //@ts-check
 
-import { Store } from "./Store.mjs"
-
 let instance
 
 const mobileMediaQuery = window.matchMedia('(max-width: 425px)')
@@ -50,7 +48,8 @@ class CFeatureDetector {
         mobileMediaQuery.addEventListener('change', this.#updateIsMobile)
     }
 
-    #updateIsMobile = (evt) => {
+    #updateIsMobile = async (evt) => {
+        const { Store } = await import('./Store.mjs')
         this.#isMobile = evt.matches
         Store.set('isMobile', this.#isMobile)
     }
diff --git a/src/core/SettingsManager.mjs b/src/core/SettingsManager.mjs
index 58f0af1..9abac22 100644
--- a/src/core/SettingsManager.mjs
+++ b/src/core/SettingsManager.mjs
@@ -5,7 +5,7 @@ import { getFromLs, updateFormatters } from "../utils/utils.mjs"
 const darkThemeMedia = matchMedia('(prefers-color-scheme: dark)')
 
 class CSettingsManager {
-    #appVersion = '0.2.4'
+    #appVersion = '0.2.5'
     #animationsEnabled = true
     #autoLoginEnabled = getFromLs('autoLoginEnabled', 'true') === 'true'
     #theme = getFromLs('theme', 'system')
diff --git a/src/layouts/Login/LoginLayout.css b/src/layouts/Login/LoginLayout.css
index d6ecc64..a7f4028 100644
--- a/src/layouts/Login/LoginLayout.css
+++ b/src/layouts/Login/LoginLayout.css
@@ -26,6 +26,13 @@
     color: darkslategray;
     font-size: 1.75vh;
 }
+.layout-login__variants {
+    display: flex;
+    flex-direction: column;
+}
+.layout-login__variant--demo {
+    margin: 1rem;
+}
 
 @media screen and (max-width: 425px) {
     #layout-login {
diff --git a/src/layouts/Main/MainLayout.mjs b/src/layouts/Main/MainLayout.mjs
index a6990a0..ef7a8a6 100644
--- a/src/layouts/Main/MainLayout.mjs
+++ b/src/layouts/Main/MainLayout.mjs
@@ -8,6 +8,7 @@ import { Router } from '../../core/Router.mjs'
 import { importStyle } from '../../utils/imports.js'
 import { FeatureDetector } from '../../core/FeatureDetector.mjs'
 import { NewBudget } from '../../containers/NewBudget/NewBudget.mjs'
+import { AuthManager } from '../../core/AuthManager.mjs'
 
 importStyle('/src/layouts/Main/MainLayout.css')
 
@@ -20,6 +21,14 @@ const template = document.querySelector('template#layout-main-template')
 export class MainLayout extends AnimatedComponent {
     containerId = 'layout-main'
 
+    constructor() {
+        const params = Router.routeParams
+        if (params[0] === 'demo') {
+            AuthManager.requestDemoAccess()
+        }
+        super()
+    }
+
     renderTo(parent) {
         budgetListController = new BudgetList()
         budgetDetailsController = new BudgetDetails()
diff --git a/src/utils/polyfills/URLPattern.mjs b/src/utils/polyfills/URLPattern.mjs
index 7854d09..0871f40 100644
--- a/src/utils/polyfills/URLPattern.mjs
+++ b/src/utils/polyfills/URLPattern.mjs
@@ -1,12 +1,23 @@
 window.URLPattern = function (options) {
     const { pathname, baseUrl } = options
 
+    let enumsCount = 0
+
     const urlParts = pathname.split('/').map(part => {
-        let type = 'part', mandatory = false, name
-        if (part.startsWith(':')) {
-            type = 'variable'
-            mandatory = part.endsWith('?')
-            name = part.substring(1, mandatory ? part.length - 1 : part.length)
+        let type = 'part', mandatory = false, name, values
+        const isVariable = part.startsWith(':')
+        const isEnum = part.startsWith('(')
+        if (isVariable || isEnum) {
+            mandatory = !part.endsWith('?')
+            if (isVariable) {
+                type = 'variable'
+                name = part.substring(1, mandatory ? part.length : part.length - 1)
+            } else {
+                type = 'enum'
+                name = enumsCount
+                enumsCount++
+                values = part.replace(/[\(\)?]*/g, '').split('|')
+            }
         } else {
             name = part.substring(0, part.length)
         }
@@ -14,6 +25,7 @@ window.URLPattern = function (options) {
             type,
             mandatory,
             name,
+            values,
         }
     })
 
@@ -36,6 +48,15 @@ window.URLPattern = function (options) {
                 isMatching = true
                 continue
             }
+            if (uPart.type === 'enum') {
+                if (uPart.mandatory) {
+                    isMatching = uPart.values.includes(part)
+                    continue
+                }
+                
+                isMatching = part.length > 0
+                continue
+            }
 
             isMatching = relativePath[index] === uPart.name
         }
@@ -47,7 +68,7 @@ window.URLPattern = function (options) {
         const groups = {}
         const relativePath = url.split(baseUrl)[1].split('/')
         relativePath.forEach((part, index) => {
-            if (urlParts[index]?.type === 'variable') {
+            if (urlParts[index]?.type === 'variable' || urlParts[index]?.type === 'enum') {
                 groups[urlParts[index].name] = part
             }
         })
diff --git a/styles/paper.min.css b/styles/paper.min.css
new file mode 100644
index 0000000..38495c8
--- /dev/null
+++ b/styles/paper.min.css
@@ -0,0 +1,2 @@
+@charset "UTF-8";@import url("https://fonts.googleapis.com/css?family=Neucha|Patrick+Hand+SC&display=swap");html{--primary:#41403e;--secondary:#0b74d5;--success:#86a361;--warning:#ddcd45;--danger:#a7342d;--muted:#868e96;--primary-light:#cdcccb;--secondary-light:#d8ebfd;--success-light:#d5dfc8;--warning-light:#f5f0c6;--danger-light:#f0cbc9;--muted-light:#e6e7e9;--primary-dark:#000;--secondary-dark:#000;--success-dark:#374427;--warning-dark:#746a15;--danger-dark:#000;--muted-dark:#313538;--primary-light-10:#5b5a57;--secondary-light-10:#208ef3;--success-light-10:#9fb681;--warning-light-10:#e5d970;--danger-light-10:#cb453c;--muted-light-10:#a1a8ae;--primary-dark-10:#272625;--secondary-dark-10:#085aa5;--success-dark-10:#4a5a35;--warning-dark-10:#746a15;--danger-dark-10:#7f2722;--muted-dark-10:#6c757d;--primary-shaded-50:#c1c0bd;--primary-shaded-70:#f2f2f2;--white-dark:rgba(0,0,0,0.03);--white-dark-light-80:hsla(0,0%,80%,0.03);--light-dark:rgba(0,0,0,0.7);--white:#fff;--main-background:#fff;--main-background-light:#fff;--primary-text:#272625;--secondary-text:#085aa5;--success-text:#4a5a35;--warning-text:#746a15;--danger-text:#7f2722;--muted-text:#6c757d;--primary-inverse:#fff}html,html.dark{--black:#000;--shadow-color-regular:rgba(0,0,0,0.2);--shadow-color-hover:rgba(0,0,0,0.3)}html.dark{--primary:#fff;--secondary:#5595ce;--success:#70c272;--warning:#d4c252;--danger:#df4c57;--muted:#868e96;--primary-light:#fff;--secondary-light:#69a1d4;--success-light:#82ca84;--warning-light:#d9c966;--danger-light:#e3626b;--muted-light:#949ba2;--primary-dark:grey;--secondary-dark:#1f476b;--success-dark:#265927;--warning-dark:#71651c;--danger-dark:#7c161e;--muted-dark:#313538;--primary-light-10:#fff;--secondary-light-10:#7daed9;--success-light-10:#94d195;--warning-light-10:#ded07b;--danger-light-10:#e77780;--muted-light-10:#a1a8ae;--primary-dark-10:#e6e6e6;--secondary-dark-10:#367cba;--success-dark-10:#4cb34f;--warning-dark-10:#c3ae30;--danger-dark-10:#d22633;--muted-dark-10:#6c757d;--primary-shaded-50:#343332;--primary-shaded-70:#2f2e2d;--white-dark:hsla(0,0%,100%,0.03);--white-dark-light-80:hsla(0,0%,100%,0.03);--light-dark:hsla(0,0%,100%,0.7);--white:#fff;--main-background:#41403e;--main-background-light:#c1c0bd;--primary-text:#41403e;--secondary-text:#1f476b;--success-text:#265927;--warning-text:#71651c;--danger-text:#7c161e;--muted-text:#313538;--primary-inverse:#41403e}.text-primary{color:#41403e;color:var(--primary)}.background-primary{background-color:#41403e;background-color:var(--primary-light)}.text-secondary{color:#41403e;color:var(--secondary)}.background-secondary{background-color:#41403e;background-color:var(--secondary-light)}.text-success{color:#41403e;color:var(--success)}.background-success{background-color:#41403e;background-color:var(--success-light)}.text-warning{color:#41403e;color:var(--warning)}.background-warning{background-color:#41403e;background-color:var(--warning-light)}.text-danger{color:#41403e;color:var(--danger)}.background-danger{background-color:#41403e;background-color:var(--danger-light)}.text-muted{color:#41403e;color:var(--muted)}.background-muted{background-color:#41403e;background-color:var(--muted-light)}
+/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.container.container-xs{max-width:480px}.container.container-sm{max-width:768px}.container.container-md{max-width:992px}.container.container-lg{max-width:1200px}.section{margin-bottom:2rem;margin-top:1rem;word-wrap:break-word}.section:after{color:#8f8d89;content:"~~~";display:block;font-size:1.5rem;position:relative;text-align:center}hr{border:0}hr:after{color:#8f8d89;content:"~~~";display:block;font-size:1.5rem;position:relative;text-align:center;top:-.75rem}.paper{background-color:#41403e;background-color:var(--main-background);border:1px solid #cdcccb;box-shadow:-1px 5px 35px -9px rgba(0,0,0,.2);margin-bottom:1rem;margin-top:1rem;padding:2rem}@media only screen and (max-width:480px){.paper{margin-bottom:0;margin-top:0;padding:1rem;width:100%}}.row{display:flex;flex-flow:row wrap;margin-bottom:1rem;margin-left:auto;margin-right:auto}.row.flex-right{justify-content:flex-end}.row.flex-center{justify-content:center}.row.flex-edges{justify-content:space-between}.row.flex-spaces{justify-content:space-around}.row.flex-top{align-items:flex-start}.row.flex-middle{align-items:center}.row.flex-bottom{align-items:flex-end}.col{padding:1rem}@media only screen and (max-width:768px){.col{flex:0 0 100%;max-width:100%}}.col-fill{flex:1 1 0;width:auto}@media only screen and (min-width:0){.col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-3{flex:0 0 25%;max-width:25%}.col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-6{flex:0 0 50%;max-width:50%}.col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-9{flex:0 0 75%;max-width:75%}.col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:480px){.xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.xs-3{flex:0 0 25%;max-width:25%}.xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.xs-6{flex:0 0 50%;max-width:50%}.xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.xs-9{flex:0 0 75%;max-width:75%}.xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.xs-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:768px){.sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.sm-3{flex:0 0 25%;max-width:25%}.sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.sm-6{flex:0 0 50%;max-width:50%}.sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.sm-9{flex:0 0 75%;max-width:75%}.sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.sm-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:992px){.md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.md-3{flex:0 0 25%;max-width:25%}.md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.md-6{flex:0 0 50%;max-width:50%}.md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.md-9{flex:0 0 75%;max-width:75%}.md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.md-12{flex:0 0 100%;max-width:100%}}@media only screen and (min-width:1200px){.lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.lg-3{flex:0 0 25%;max-width:25%}.lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.lg-6{flex:0 0 50%;max-width:50%}.lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.lg-9{flex:0 0 75%;max-width:75%}.lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.lg-12{flex:0 0 100%;max-width:100%}}.align-top{align-self:flex-start}.align-middle{align-self:center}.align-bottom{align-self:flex-end}.container{margin:0 auto;max-width:960px;position:relative;width:100%}@media only screen and (max-width:992px){.container{width:85%}}@media only screen and (max-width:480px){.container{width:90%}}code{color:#41403e;color:var(--secondary);background-color:#41403e;background-color:var(--primary-shaded-70)}code,kbd{border-radius:3px;font-size:80%;padding:2px 4px}kbd{color:#41403e;color:var(--primary-inverse);background-color:#41403e;background-color:var(--primary)}pre{background-color:#41403e;background-color:var(--primary-shaded-70);border-radius:3px;border:1px solid #41403e;border-color:var(--primary-shaded-50);font-size:80%;line-height:1.5;overflow-x:auto;padding:1em;word-break:break-all;word-wrap:break-word}pre,pre code{color:#41403e;color:var(--inverse-primary);display:block;white-space:pre}pre code{background:transparent;font-size:inherit;padding:initial}html{color:#41403e;color:var(--primary);font-size:20px}a,button,html,input,li,option,p,select,table,tbody,td,textarea,th,thead,tr{font-family:Neucha,sans-serif}h1,h2,h3,h4,h5,h6{font-family:Patrick Hand SC,sans-serif;font-weight:400}h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2rem}h4{font-size:1.5rem}h5{font-size:1rem}h6{font-size:.8rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}img{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;border-color:var(--primary);display:block;height:auto;max-width:100%}img.float-left{float:left;margin:1rem 1rem 1rem 0}img.float-right{float:right;margin:1rem 0 1rem 1rem}img.no-responsive{display:initial;height:auto;max-width:none}img.no-border{border:0;border-radius:0}ol{list-style-type:decimal}ol ol{list-style-type:upper-alpha}ol ol ol{list-style-type:upper-roman}ol ol ol ol{list-style-type:lower-alpha}ol ol ol ol ol{list-style-type:lower-roman}ul{list-style:none;margin-left:0}ul li:before{content:"-"}ul li{text-indent:-7px}ul li .badge,ul li [popover-bottom]:after,ul li [popover-left]:after,ul li [popover-right]:after,ul li [popover-top]:after{text-indent:0}ul li:before{left:-7px;position:relative}ul ul li:before{content:"+"}ul ul ul li:before{content:"~"}ul ul ul ul li:before{content:"⤍"}ul ul ul ul ul li:before{content:"⁎"}ul.inline li{display:inline;margin-left:5px}table{box-sizing:border-box;max-width:100%;overflow-x:auto;width:100%}@media only screen and (max-width:480px){table tbody tr td,table thead tr th{padding:2%}}table thead tr th{line-height:1.5;padding:8px;text-align:left;vertical-align:bottom}table tbody tr td{border-top:1px dashed #d9d9d8;line-height:1.5;padding:8px;vertical-align:top}table.table-hover tbody tr:hover{color:#41403e;color:var(--secondary)}table.table-alternating tbody tr:nth-of-type(2n){color:#82807c}.border{border:2px solid #41403e;border-color:var(--primary)}.border,.border-1,.child-borders>:nth-child(6n+1){border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px}.border-2,.child-borders>:nth-child(6n+2){border-bottom-left-radius:185px 25px;border-bottom-right-radius:20px 205px;border-top-left-radius:125px 25px;border-top-right-radius:10px 205px}.border-3,.child-borders>:nth-child(6n+3){border-bottom-left-radius:225px 15px;border-bottom-right-radius:15px 255px;border-top-left-radius:15px 225px;border-top-right-radius:255px 15px}.border-4,.child-borders>:nth-child(6n+4){border-bottom-left-radius:25px 115px;border-bottom-right-radius:155px 25px;border-top-left-radius:15px 225px;border-top-right-radius:25px 150px}.border-5,.child-borders>:nth-child(6n+5){border-bottom-left-radius:20px 115px;border-bottom-right-radius:15px 105px;border-top-left-radius:250px 15px;border-top-right-radius:25px 80px}.border-6,.child-borders>:nth-child(6n+6){border-bottom-left-radius:15px 225px;border-bottom-right-radius:20px 205px;border-top-left-radius:28px 125px;border-top-right-radius:100px 30px}.child-borders>*{border:2px solid #41403e;border-color:var(--primary)}.border-white{border-color:#41403e;border-color:var(--white)}.border-dotted{border-style:dotted}.border-dashed{border-style:dashed}.border-thick{border-width:5px}.border-primary{border-color:#41403e;border-color:var(--primary)}.border-secondary{border-color:#41403e;border-color:var(--secondary)}.border-success{border-color:#41403e;border-color:var(--success)}.border-warning{border-color:#41403e;border-color:var(--warning)}.border-danger{border-color:#41403e;border-color:var(--danger)}.border-muted{border-color:#41403e;border-color:var(--muted)}.shadow{transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2)}.shadow.shadow-large{transition:all 235ms ease 0s;box-shadow:20px 38px 34px -26px rgba(0,0,0,.2)}.shadow.shadow-small{transition:all 235ms ease 0s;box-shadow:10px 19px 17px -13px rgba(0,0,0,.2)}.shadow.shadow-hover:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.child-shadows>*{transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2)}.child-shadows .shadow-none{box-shadow:none}.child-shadows-hover>*{transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2)}.child-shadows-hover>:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.collapsible{display:flex;flex-direction:column}.collapsible:first-of-type{border-top:1px solid #41403e;border-top-color:var(--muted-light)}.collapsible .collapsible-body{background-color:#41403e;background-color:var(--white-dark-light-80);transition:all 235ms ease-in-out 0s;border-bottom:1px solid #41403e;border-bottom-color:var(--muted-light);margin:0;max-height:0;opacity:0;overflow:hidden;padding:0 .75rem}.collapsible>input{display:none}.collapsible>input:checked+label{color:#41403e;color:var(--primary)}.collapsible>input[id^=collapsible]:checked~div.collapsible-body{margin:0;max-height:960px;opacity:1;padding:.75rem}.collapsible>label{color:#41403e;color:var(--primary);border-bottom:1px solid #41403e;border-bottom-color:var(--muted-light);display:inline-block;font-weight:600;margin:0 0 -1px;padding:.75rem;text-align:center}.collapsible>label:hover{color:#41403e;color:var(--muted);cursor:pointer}.alert{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;border-color:var(--primary);margin-bottom:20px;padding:15px;width:100%}.alert.dismissible{transition:all 235ms ease-in-out 0s;display:flex;justify-content:space-between;max-height:48rem;overflow:hidden}.alert .btn-close{transition:all 235ms ease-in-out 0s;color:#41403e;color:var(--primary-light-10);cursor:pointer;margin-left:.75rem}.alert .btn-close:active,.alert .btn-close:focus,.alert .btn-close:hover{color:#41403e;color:var(--primary-dark-10)}.alert-primary{color:#41403e;color:var(--primary-text);background-color:#41403e;background-color:var(--primary-light);border-color:#41403e;border-color:var(--primary)}.alert-primary .btn-close{color:#41403e;color:var(--primary-light-10)}.alert-primary .btn-close:active,.alert-primary .btn-close:focus,.alert-primary .btn-close:hover{color:#41403e;color:var(--primary-dark-10)}.alert-secondary{color:#41403e;color:var(--secondary-text);background-color:#41403e;background-color:var(--secondary-light);border-color:#41403e;border-color:var(--secondary)}.alert-secondary .btn-close{color:#41403e;color:var(--secondary-light-10)}.alert-secondary .btn-close:active,.alert-secondary .btn-close:focus,.alert-secondary .btn-close:hover{color:#41403e;color:var(--secondary-dark-10)}.alert-success{color:#41403e;color:var(--success-text);background-color:#41403e;background-color:var(--success-light);border-color:#41403e;border-color:var(--success)}.alert-success .btn-close{color:#41403e;color:var(--success-light-10)}.alert-success .btn-close:active,.alert-success .btn-close:focus,.alert-success .btn-close:hover{color:#41403e;color:var(--success-dark-10)}.alert-warning{color:#41403e;color:var(--warning-text);background-color:#41403e;background-color:var(--warning-light);border-color:#41403e;border-color:var(--warning)}.alert-warning .btn-close{color:#41403e;color:var(--warning-light-10)}.alert-warning .btn-close:active,.alert-warning .btn-close:focus,.alert-warning .btn-close:hover{color:#41403e;color:var(--warning-dark-10)}.alert-danger{color:#41403e;color:var(--danger-text);background-color:#41403e;background-color:var(--danger-light);border-color:#41403e;border-color:var(--danger)}.alert-danger .btn-close{color:#41403e;color:var(--danger-light-10)}.alert-danger .btn-close:active,.alert-danger .btn-close:focus,.alert-danger .btn-close:hover{color:#41403e;color:var(--danger-dark-10)}.alert-muted{color:#41403e;color:var(--muted-text);background-color:#41403e;background-color:var(--muted-light);border-color:#41403e;border-color:var(--muted)}.alert-muted .btn-close{color:#41403e;color:var(--muted-light-10)}.alert-muted .btn-close:active,.alert-muted .btn-close:focus,.alert-muted .btn-close:hover{color:#41403e;color:var(--muted-dark-10)}.alert-state{display:none}.alert-state:checked+.dismissible{border-width:0;margin:0;max-height:0;opacity:0;padding-bottom:0;padding-top:0}article .article-title{font-size:3rem}article .article-meta{color:#41403e;color:var(--muted-text);font-size:15px}article .article-meta a{color:#41403e;color:var(--muted-text);background-image:none}article .article-meta a:hover{color:#41403e;color:var(--light-dark)}article .text-lead{font-size:30px;line-height:1.3;margin:35px}article button:not(:first-of-type){margin-left:2rem}@media only screen and (max-width:480px){article button:not(:first-of-type){margin-left:0}}article p{line-height:1.6}.badge{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;color:#41403e;color:var(--white);background-color:#41403e;background-color:var(--muted);border:2px solid transparent;display:inline-block;font-size:75%;font-weight:700;line-height:1;padding:.25em .4em;text-align:center;vertical-align:baseline;white-space:nowrap}.badge.primary{background-color:#41403e;background-color:var(--primary)}.badge.secondary{background-color:#41403e;background-color:var(--secondary)}.badge.success{background-color:#41403e;background-color:var(--success)}.badge.warning{background-color:#41403e;background-color:var(--warning)}.badge.danger{background-color:#41403e;background-color:var(--danger)}.badge.muted{background-color:#41403e;background-color:var(--muted)}ul.breadcrumb{list-style:none;padding:10px 16px}ul.breadcrumb li{display:inline;font-size:20px}ul.breadcrumb li:before{content:""}ul.breadcrumb li a{color:#41403e;color:var(--secondary);background-image:none;text-decoration:none}ul.breadcrumb li a:hover{text-decoration:underline}ul.breadcrumb li+li:before{content:"/ ";padding:8px}.paper-btn,[type=button],button{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2);transition:all 235ms ease-in-out 0s;color:#41403e;color:var(--primary);background-color:#41403e;background-color:var(--main-background);align-self:center;background-image:none;border:2px solid #41403e;border-color:var(--primary);cursor:pointer;display:inline-block;font-size:1rem;outline:none;padding:.75rem}@media only screen and (max-width:520px){.paper-btn,[type=button],button{display:inline-block;margin:0 auto 1rem;text-align:center}}.paper-btn.btn-large,[type=button].btn-large,button.btn-large{transition:all 235ms ease 0s;box-shadow:20px 38px 34px -26px rgba(0,0,0,.2);font-size:2rem;padding:1rem}.paper-btn.btn-small,[type=button].btn-small,button.btn-small{transition:all 235ms ease 0s;box-shadow:10px 19px 17px -13px rgba(0,0,0,.2);font-size:.75rem;padding:.5rem}.paper-btn.btn-block,[type=button].btn-block,button.btn-block{display:block;width:100%}.paper-btn:hover,[type=button]:hover,button:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.paper-btn:focus,[type=button]:focus,button:focus{border:2px solid #41403e;border-color:var(--secondary);box-shadow:2px 8px 4px -6px rgba(0,0,0,.3)}.paper-btn:active,[type=button]:active,button:active{border-color:rgba(0,0,0,.2);transition:none}.paper-btn.disabled,.paper-btn[disabled],[type=button].disabled,[type=button][disabled],button.disabled,button[disabled]{cursor:not-allowed;opacity:.5}a{color:#41403e;color:var(--secondary);background-image:linear-gradient(5deg,transparent 65%,#0b74d5 80%,transparent 90%),linear-gradient(165deg,transparent 5%,#0b74d5 15%,transparent 25%),linear-gradient(165deg,transparent 45%,#0b74d5 55%,transparent 65%),linear-gradient(15deg,transparent 25%,#0b74d5 35%,transparent 50%);background-position:0 90%;background-repeat:repeat-x;background-size:4px 3px}a,a:visited{text-decoration:none}a:visited{color:#41403e;color:var(--primary)}.paper-btn.btn-primary,[type=button].btn-primary,button.btn-primary{color:#41403e;color:var(--primary-text);background-color:#41403e;background-color:var(--primary-light);border-color:#41403e;border-color:var(--primary)}.paper-btn.btn-primary:hover:active,[type=button].btn-primary:hover:active,button.btn-primary:hover:active{background-color:#b4b3b0}.paper-btn.btn-secondary,[type=button].btn-secondary,button.btn-secondary{color:#41403e;color:var(--secondary-text);background-color:#41403e;background-color:var(--secondary-light);border-color:#41403e;border-color:var(--secondary)}.paper-btn.btn-secondary:hover:active,[type=button].btn-secondary:hover:active,button.btn-secondary:hover:active{background-color:#a7d3fa}.paper-btn.btn-success,[type=button].btn-success,button.btn-success{color:#41403e;color:var(--success-text);background-color:#41403e;background-color:var(--success-light);border-color:#41403e;border-color:var(--success)}.paper-btn.btn-success:hover:active,[type=button].btn-success:hover:active,button.btn-success:hover:active{background-color:#bccca8}.paper-btn.btn-warning,[type=button].btn-warning,button.btn-warning{color:#41403e;color:var(--warning-text);background-color:#41403e;background-color:var(--warning-light);border-color:#41403e;border-color:var(--warning)}.paper-btn.btn-warning:hover:active,[type=button].btn-warning:hover:active,button.btn-warning:hover:active{background-color:#ede49b}.paper-btn.btn-danger,[type=button].btn-danger,button.btn-danger{color:#41403e;color:var(--danger-text);background-color:#41403e;background-color:var(--danger-light);border-color:#41403e;border-color:var(--danger)}.paper-btn.btn-danger:hover:active,[type=button].btn-danger:hover:active,button.btn-danger:hover:active{background-color:#e6a5a1}.paper-btn.btn-muted,[type=button].btn-muted,button.btn-muted{color:#41403e;color:var(--muted-text);background-color:#41403e;background-color:var(--muted-light);border-color:#41403e;border-color:var(--muted)}.paper-btn.btn-muted:hover:active,[type=button].btn-muted:hover:active,button.btn-muted:hover:active{background-color:#caced1}.paper-btn.btn-primary-outline,[type=button].btn-primary-outline,button.btn-primary-outline{background-color:#fff;border-color:#b4b3b0;color:#41403e}.paper-btn.btn-primary-outline:hover,[type=button].btn-primary-outline:hover,button.btn-primary-outline:hover{background-color:#cdcccb;border-color:#41403e}.paper-btn.btn-primary-outline:hover:active,[type=button].btn-primary-outline:hover:active,button.btn-primary-outline:hover:active{background-color:#b4b3b0}.paper-btn.btn-secondary-outline,[type=button].btn-secondary-outline,button.btn-secondary-outline{background-color:#fff;border-color:#a7d3fa;color:#085aa5}.paper-btn.btn-secondary-outline:hover,[type=button].btn-secondary-outline:hover,button.btn-secondary-outline:hover{background-color:#d8ebfd;border-color:#0b74d5}.paper-btn.btn-secondary-outline:hover:active,[type=button].btn-secondary-outline:hover:active,button.btn-secondary-outline:hover:active{background-color:#a7d3fa}.paper-btn.btn-success-outline,[type=button].btn-success-outline,button.btn-success-outline{background-color:#fff;border-color:#bccca8;color:#4a5a35}.paper-btn.btn-success-outline:hover,[type=button].btn-success-outline:hover,button.btn-success-outline:hover{background-color:#d5dfc8;border-color:#86a361}.paper-btn.btn-success-outline:hover:active,[type=button].btn-success-outline:hover:active,button.btn-success-outline:hover:active{background-color:#bccca8}.paper-btn.btn-warning-outline,[type=button].btn-warning-outline,button.btn-warning-outline{background-color:#fff;border-color:#ede49b;color:#746a15}.paper-btn.btn-warning-outline:hover,[type=button].btn-warning-outline:hover,button.btn-warning-outline:hover{background-color:#f5f0c6;border-color:#ddcd45}.paper-btn.btn-warning-outline:hover:active,[type=button].btn-warning-outline:hover:active,button.btn-warning-outline:hover:active{background-color:#ede49b}.paper-btn.btn-danger-outline,[type=button].btn-danger-outline,button.btn-danger-outline{background-color:#fff;border-color:#e6a5a1;color:#7f2722}.paper-btn.btn-danger-outline:hover,[type=button].btn-danger-outline:hover,button.btn-danger-outline:hover{background-color:#f0cbc9;border-color:#a7342d}.paper-btn.btn-danger-outline:hover:active,[type=button].btn-danger-outline:hover:active,button.btn-danger-outline:hover:active{background-color:#e6a5a1}.paper-btn.btn-muted-outline,[type=button].btn-muted-outline,button.btn-muted-outline{background-color:#fff;border-color:#caced1;color:#6c757d}.paper-btn.btn-muted-outline:hover,[type=button].btn-muted-outline:hover,button.btn-muted-outline:hover{background-color:#e6e7e9;border-color:#868e96}.paper-btn.btn-muted-outline:hover:active,[type=button].btn-muted-outline:hover:active,button.btn-muted-outline:hover:active{background-color:#caced1}.card{transition:all 235ms ease 0s;box-shadow:15px 28px 25px -18px rgba(0,0,0,.2);-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid #41403e;border-color:var(--muted-light);display:flex;flex-direction:column;position:relative;will-change:transform;word-wrap:break-word}.card:hover{transform:translate3d(0,2px,0);box-shadow:2px 8px 8px -5px rgba(0,0,0,.3)}.card .card-footer,.card .card-header{background-color:#41403e;background-color:var(--white-dark);border-color:#41403e;border-color:var(--muted-light);padding:.75rem 1.25rem}.card .card-header{border-bottom-style:solid;border-bottom-width:2px}.card .card-footer{border-top-style:solid;border-top-width:2px}.card .card-body{flex:1 1 auto;padding:1.25rem}.card .card-body .card-title,.card .card-body h4{margin-bottom:.5rem;margin-top:0}.card .card-body .card-subtitle,.card .card-body h5{color:#0b74d5;margin-bottom:.5rem;margin-top:0}.card .card-body .card-text,.card .card-body p{margin-bottom:1rem;margin-top:0}.card .card-body .card-link+.card-link,.card .card-body a+a{margin-left:1.25rem}.card .image-bottom,.card .image-top,.card img{border:0;border-radius:0}input,select,textarea{color:#41403e;color:var(--primary);background:transparent;border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;border-color:var(--primary);display:block;font-size:1rem;outline:none;padding:.5rem}input:focus,select:focus,textarea:focus{border:2px solid #41403e;border-color:var(--secondary)}select{height:2.35rem}.disabled,input.disabled,input[disabled],select.disabled,select[disabled],textarea.disabled,textarea[disabled]{cursor:not-allowed;opacity:.5}.form-group{margin-bottom:1rem}.form-group>label,.form-group legend{display:inline-block;margin-bottom:.5rem}.form-group .input-block{width:100%}.form-group textarea{max-height:90vh;max-width:100%}.form-group textarea.no-resize{resize:none}.form-group .paper-check,.form-group .paper-radio{cursor:pointer;display:block;margin-bottom:.5rem}.form-group .paper-check input,.form-group .paper-radio input{border:0;height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;position:absolute;width:1px}.form-group .paper-check input+span,.form-group .paper-radio input+span{display:block}.form-group .paper-check input+span:before,.form-group .paper-radio input+span:before{border:2px solid #41403e;border-color:var(--primary);content:"";display:inline-block;height:1rem;margin-right:.75em;position:relative;vertical-align:-.25em;width:1rem}.form-group .paper-check input[type=radio]+span:before,.form-group .paper-radio input[type=radio]+span:before{border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem}.form-group .paper-check input[type=radio]:checked+span:before,.form-group .paper-radio input[type=radio]:checked+span:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230b74d5' d='M49.346 46.341c-3.79-2.005 3.698-10.294 7.984-8.89 8.713 2.852 4.352 20.922-4.901 20.269-4.684-.33-12.616-7.405-14.38-11.818-2.375-5.938 7.208-11.688 11.624-13.837 9.078-4.42 18.403-3.503 22.784 6.651 4.049 9.378 6.206 28.09-1.462 36.276-7.091 7.567-24.673 2.277-32.357-1.079-11.474-5.01-24.54-19.124-21.738-32.758 3.958-19.263 28.856-28.248 46.044-23.244 20.693 6.025 22.012 36.268 16.246 52.826-5.267 15.118-17.03 26.26-33.603 21.938-11.054-2.883-20.984-10.949-28.809-18.908C9.236 66.096 2.704 57.597 6.01 46.371c3.059-10.385 12.719-20.155 20.892-26.604C40.809 8.788 58.615 1.851 75.058 12.031c9.289 5.749 16.787 16.361 18.284 27.262.643 4.698.646 10.775-3.811 13.746'/%3E%3C/svg%3E") 0 no-repeat}.form-group .paper-check input[type=checkbox]+span:before,.form-group .paper-radio input[type=checkbox]+span:before{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px}.form-group .paper-check input[type=checkbox]:checked+span:before,.form-group .paper-radio input[type=checkbox]:checked+span:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath stroke='%230b74d5' stroke-width='16' d='M13 62c.61 1.6 1.304 2.304 1.757 2.757l2.076 2.076c.542.542 1.042 1.06 1.829 1.824.578.56 1.005.97 2.026 1.744.559.424 1.191.84 1.884 1.284 1.165.746 1.598 1.002 2.5 1.551.47.286 1.437.869 1.93 1.165.998.6 1.997 1.198 2.494 1.499.985.598 1.47.896 1.947 1.2 1.397.89 1.837 1.197 2.7 1.796.422.292 1.24.877 2.056 1.419a33.039 33.039 0 002.38 1.438c.744.409 1.451.758 2.378 1.226.761.383 1.55.828 2.407 1.41.731.497 1.496 1.083 2.279 1.258.355.08.147-.955.357-1.868.181-.787.982-1.214 1-2.079.02-.995.08-1.8.425-2.561.436-.96.54-1.668.797-2.682.188-.747.397-1.312.778-2.624.209-.718.415-1.486.708-2.28.155-.418.774-1.731 1.348-2.641.306-.484.65-.97 1.007-1.474.747-1.06 1.153-1.602 1.937-2.771.406-.606.803-1.235 1.205-1.877.407-.65.814-1.312 1.231-1.975.42-.668.834-1.343 1.73-2.648.448-.65.915-1.284 1.387-1.91.47-.623.947-1.236 1.422-1.846.94-1.21 1.861-2.409 2.303-3.01a84.919 84.919 0 002.46-3.543c1.106-1.685 1.441-2.236 1.777-2.771.328-.525.963-1.546 1.274-2.04a89.78 89.78 0 011.51-2.325c.591-.864 1.18-1.68 1.465-2.075.55-.761 1.317-1.823 1.779-2.49.439-.634.853-1.252 1.457-2.157.596-.891.965-1.468 1.515-2.23.584-.809 1.125-1.402 1.838-2.123.613-.62.451-1.483.704-2.347.257-.878.755-1.625 1-2.41.251-.803.763-1.394 1.332-2.254.546-.824.735-1.671 1.316-2.336.556-.636 1.386-1.226 1.859-1.9.508-.724.789-1.4 1.603-1.567l.712-.49' fill='none'/%3E%3C/svg%3E") 0 no-repeat}.form-group .paper-switch-2-label,.form-group .paper-switch-label{cursor:pointer;float:left}.form-group .paper-switch-label{margin:-6px 10px 0 0}.form-group .paper-switch-2-label{margin:0 10px 0 0}.form-group .paper-switch,.form-group .paper-switch-2{display:block;float:left;margin:0 10px 0 0;position:relative}.form-group .paper-switch-2 input,.form-group .paper-switch input{height:0;opacity:0;width:0}.form-group .paper-switch-2 input:checked+.paper-switch-slider,.form-group .paper-switch input:checked+.paper-switch-slider{background-color:#41403e;background-color:var(--success-light)}.form-group .paper-switch-2 input:checked+.paper-switch-slider:before,.form-group .paper-switch input:checked+.paper-switch-slider:before{transform:translateX(26px)}.form-group .paper-switch-2 input:focus+.paper-switch-slider,.form-group .paper-switch input:focus+.paper-switch-slider{box-shadow:0 0 3px #0b74d5}.form-group .paper-switch-2 .paper-switch-slider,.form-group .paper-switch .paper-switch-slider{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;border-color:var(--primary);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.form-group .paper-switch-2 .paper-switch-slider:before,.form-group .paper-switch .paper-switch-slider:before{background:#41403e;background:var(--secondary);border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;content:"";left:4px;position:absolute;transition:.4s}.form-group .paper-switch-2 .paper-switch-slider.round,.form-group .paper-switch .paper-switch-slider.round{border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;border:2px solid #41403e;border-color:var(--primary)}.form-group .paper-switch-2 .paper-switch-slider.round:before,.form-group .paper-switch .paper-switch-slider.round:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath fill='%230071de' d='M49.346 46.341c-3.79-2.005 3.698-10.294 7.984-8.89 8.713 2.852 4.352 20.922-4.901 20.269-4.684-.33-12.616-7.405-14.38-11.818-2.375-5.938 7.208-11.688 11.624-13.837 9.078-4.42 18.403-3.503 22.784 6.651 4.049 9.378 6.206 28.09-1.462 36.276-7.091 7.567-24.673 2.277-32.357-1.079-11.474-5.01-24.54-19.124-21.738-32.758 3.958-19.263 28.856-28.248 46.044-23.244 20.693 6.025 22.012 36.268 16.246 52.826-5.267 15.118-17.03 26.26-33.603 21.938-11.054-2.883-20.984-10.949-28.809-18.908C9.236 66.096 2.704 57.597 6.01 46.371c3.059-10.385 12.719-20.155 20.892-26.604C40.809 8.788 58.615 1.851 75.058 12.031c9.289 5.749 16.787 16.361 18.284 27.262.643 4.698.646 10.775-3.811 13.746'/%3E%3C/svg%3E") 0 no-repeat;border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;left:4px}.form-group .paper-switch{height:12px;width:60px}.form-group .paper-switch .paper-switch-slider:before{bottom:-6px;height:20px;width:20px}.form-group .paper-switch .paper-switch-slider.round:before{bottom:-7px;height:23px;width:23px}.form-group .paper-switch-2{height:22px;width:50px}.form-group .paper-switch-2 .paper-switch-slider.round:before,.form-group .paper-switch-2 .paper-switch-slider:before{bottom:2px;height:14px;width:14px}.form-group .paper-switch-tile{cursor:pointer;display:block;float:left;height:80px;margin:40px 0 0 40px;perspective:1000px;position:relative;transform:translate(-50%,-50%);transform-style:preserve-3d;width:80px}.form-group .paper-switch-tile:hover .paper-switch-tile-card{box-shadow:2px 8px 4px -5px rgba(0,0,0,.2);transform:rotateX(30deg)}.form-group .paper-switch-tile:hover:checked+.paper-switch-tile-card{background-color:transparent;box-shadow:0 10px 15px -15px rgba(0,0,0,.9);transform:rotateX(150deg)}.form-group .paper-switch-tile input{display:none}.form-group .paper-switch-tile input:checked+.paper-switch-tile-card{transform:rotateX(180deg)}.form-group .paper-switch-tile-card{background-color:transparent;border-color:transparent;height:100%;position:relative;transform-style:preserve-3d;transition:all .6s;width:100%}.form-group .paper-switch-tile-card div{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:2px 8px 8px -5px rgba(0,0,0,.3);height:100%;line-height:70px;position:absolute;text-align:center;width:100%}.form-group .paper-switch-tile-card .paper-switch-tile-card-back{transform:rotateX(180deg)}.form-group input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-width:0;padding:0}.form-group input[type=range]::-webkit-slider-runnable-track{background:#41403e;background:var(--secondary);border-radius:18px;border:1px solid #41403e;border-color:var(--primary);box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:8px;margin:10px 0;width:100%}.form-group input[type=range]::-webkit-slider-thumb{background:#41403e;background:var(--white);-webkit-appearance:none;appearance:none;border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;border:1px solid #41403e;border-color:var(--primary);box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;margin-top:-14px;width:16px}.form-group input[type=range]::-moz-range-track{background:#41403e;background:var(--secondary);border-color:#41403e;border-color:var(--primary);border-radius:18px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:8px;width:100%}.form-group input[type=range]::-moz-range-thumb{background:#41403e;background:var(--white);border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;border:1px solid #41403e;border-color:var(--primary);box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;width:16px}.form-group input[type=range]::-ms-track{background:transparent;border-color:transparent;border-width:16px 0;color:transparent;cursor:pointer;height:8px;width:100%}.form-group input[type=range]::-ms-fill-lower,.form-group input[type=range]::-ms-fill-upper{background:#41403e;background:var(--secondary);border-radius:18px;border:1px solid #41403e;border-color:var(--primary);box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}.form-group input[type=range]::-ms-thumb{background:#41403e;background:var(--white);border-bottom-left-radius:.7rem 1rem;border-bottom-right-radius:1rem .9rem;border-top-left-radius:1rem 1rem;border-top-right-radius:1rem .6rem;border:1px solid #41403e;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;height:36px;width:16px}fieldset.form-group{border:0;padding:0}.modal{transition:opacity 235ms ease-in-out 0s;background:rgba(0,0,0,.6);flex:1 1 auto;opacity:0;position:fixed;text-align:left;visibility:hidden;word-wrap:break-word;z-index:200}.modal,.modal-bg{bottom:0;left:0;right:0;top:0}.modal-bg{cursor:pointer;position:absolute}.modal .modal-body{color:#41403e;color:var(--primary);background:#41403e;background:var(--main-background);transition:all 235ms ease-in-out 0s;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:2px solid;left:50%;padding:1.25rem;position:absolute;top:0;transform:translate(-50%,-50%)}@media only screen and (max-width:768px){.modal .modal-body{box-sizing:border-box;width:90%}}.modal .btn-close{color:#41403e;color:var(--primary-light);transition:all 235ms ease-in-out 0s;cursor:pointer;font-size:30px;height:1.1rem;position:absolute;right:1rem;text-decoration:none;top:1rem;width:1.1rem}.modal .btn-close:active,.modal .btn-close:focus,.modal .btn-close:hover{color:#41403e;color:var(--primary)}.modal .modal-title,.modal h4{margin-bottom:.5rem;margin-top:0}.modal .modal-subtitle,.modal h5{color:#41403e;color:var(--secondary);margin-bottom:.5rem;margin-top:0}.modal .modal-text,.modal p{margin-bottom:1rem;margin-top:0}.modal .modal-link+.modal-link,.modal a+a{margin-left:1.25rem}.modal .paper-btn{background:#41403e;background:var(--main-background);display:inline-block;text-decoration:none}.modal .modal-link,.modal a{background-image:linear-gradient(5deg,transparent 65%,#0b74d5 80%,transparent 90%),linear-gradient(165deg,transparent 5%,#0b74d5 15%,transparent 25%),linear-gradient(165deg,transparent 45%,#0b74d5 55%,transparent 65%),linear-gradient(15deg,transparent 25%,#0b74d5 35%,transparent 50%);background-position:0 90%;background-repeat:repeat-x;background-size:4px 3px;cursor:pointer;text-decoration:none}.modal .modal-link:focus,.modal .modal-link:hover,.modal .modal-link:visited,.modal a:focus,.modal a:hover,.modal a:visited{color:#41403e;color:var(--primary);text-decoration:none}.modal-state{display:none}.modal-state:checked+.modal{opacity:1;visibility:visible}.modal-state:checked+.modal .modal-body{top:50%}[popover-bottom],[popover-left],[popover-right],[popover-top]{margin:24px;position:relative}[popover-bottom]:hover:after,[popover-left]:hover:after,[popover-right]:hover:after,[popover-top]:hover:after{opacity:1;transition:opacity .2s ease-out}[popover-bottom]:after,[popover-left]:after,[popover-right]:after,[popover-top]:after{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;transition:opacity 235ms ease-in-out 0s;background-color:#41403e;background-color:var(--light-dark);border:2px solid #41403e;border-color:var(--primary);color:#fff;font-size:.7em;left:50%;min-width:80px;opacity:0;padding:4px 2px;position:absolute;text-align:center;top:-6px;transform:translateX(-50%) translateY(-100%)}[popover-left]:before{left:0;margin-left:-12px;top:50%;transform:translateY(-50%) rotate(-90deg)}[popover-left]:after{content:attr(popover-left);left:0;margin-left:-8px;top:50%;transform:translateX(-100%) translateY(-50%)}[popover-right]:before{left:100%;margin-left:1px;top:50%;transform:translatey(-50%) rotate(90deg)}[popover-right]:after{content:attr(popover-right);left:100%;margin-left:8px;top:50%;transform:translateX(0) translateY(-50%)}[popover-top]:before{left:50%}[popover-top]:after{content:attr(popover-top);left:50%}[popover-bottom]:before{margin-top:8px;top:100%;transform:translateX(-50%) translatey(-100%) rotate(-180deg)}[popover-bottom]:after{content:attr(popover-bottom);margin-top:8px;top:100%;transform:translateX(-50%) translateY(0)}.progress{border-bottom-left-radius:20px 115px;border-bottom-right-radius:15px 105px;border-top-left-radius:250px 15px;border-top-right-radius:25px 80px;border:2px solid;box-shadow:2px 8px 8px -5px rgba(0,0,0,.3);height:1.2rem;overflow:hidden;width:100%}.progress .bar{border-bottom-left-radius:20px 115px;border-bottom-right-radius:15px 105px;border-top-left-radius:250px 15px;border-top-right-radius:25px 80px;transition:all 235ms ease-in-out 0s;background-color:#41403e;background-color:var(--primary-light);border-color:#41403e;border-color:var(--primary);border-right:2px solid;display:flex;flex-direction:column;font-size:.6rem;height:100%;justify-content:center;text-align:center;width:0}.progress .bar.striped{background:repeating-linear-gradient(45deg,#cdcccb,#cdcccb .25rem,#b4b3b0 0,#b4b3b0 .5rem)}.progress .bar.primary{background-color:#41403e;background-color:var(--primary-light)}.progress .bar.primary.striped{background:repeating-linear-gradient(45deg,#cdcccb,#cdcccb .25rem,#b4b3b0 0,#b4b3b0 .5rem)}.progress .bar.secondary{background-color:#41403e;background-color:var(--secondary-light)}.progress .bar.secondary.striped{background:repeating-linear-gradient(45deg,#d8ebfd,#d8ebfd .25rem,#a7d3fa 0,#a7d3fa .5rem)}.progress .bar.success{background-color:#41403e;background-color:var(--success-light)}.progress .bar.success.striped{background:repeating-linear-gradient(45deg,#d5dfc8,#d5dfc8 .25rem,#bccca8 0,#bccca8 .5rem)}.progress .bar.warning{background-color:#41403e;background-color:var(--warning-light)}.progress .bar.warning.striped{background:repeating-linear-gradient(45deg,#f5f0c6,#f5f0c6 .25rem,#ede49b 0,#ede49b .5rem)}.progress .bar.danger{background-color:#41403e;background-color:var(--danger-light)}.progress .bar.danger.striped{background:repeating-linear-gradient(45deg,#f0cbc9,#f0cbc9 .25rem,#e6a5a1 0,#e6a5a1 .5rem)}.progress .bar.muted{background-color:#41403e;background-color:var(--muted-light)}.progress .bar.muted.striped{background:repeating-linear-gradient(45deg,#e6e7e9,#e6e7e9 .25rem,#caced1 0,#caced1 .5rem)}.progress .bar.w-0{width:0}.progress .bar.w-1{width:1%}.progress .bar.w-2{width:2%}.progress .bar.w-3{width:3%}.progress .bar.w-4{width:4%}.progress .bar.w-5{width:5%}.progress .bar.w-6{width:6%}.progress .bar.w-7{width:7%}.progress .bar.w-8{width:8%}.progress .bar.w-9{width:9%}.progress .bar.w-10{width:10%}.progress .bar.w-11{width:11%}.progress .bar.w-12{width:12%}.progress .bar.w-13{width:13%}.progress .bar.w-14{width:14%}.progress .bar.w-15{width:15%}.progress .bar.w-16{width:16%}.progress .bar.w-17{width:17%}.progress .bar.w-18{width:18%}.progress .bar.w-19{width:19%}.progress .bar.w-20{width:20%}.progress .bar.w-21{width:21%}.progress .bar.w-22{width:22%}.progress .bar.w-23{width:23%}.progress .bar.w-24{width:24%}.progress .bar.w-25{width:25%}.progress .bar.w-26{width:26%}.progress .bar.w-27{width:27%}.progress .bar.w-28{width:28%}.progress .bar.w-29{width:29%}.progress .bar.w-30{width:30%}.progress .bar.w-31{width:31%}.progress .bar.w-32{width:32%}.progress .bar.w-33{width:33%}.progress .bar.w-34{width:34%}.progress .bar.w-35{width:35%}.progress .bar.w-36{width:36%}.progress .bar.w-37{width:37%}.progress .bar.w-38{width:38%}.progress .bar.w-39{width:39%}.progress .bar.w-40{width:40%}.progress .bar.w-41{width:41%}.progress .bar.w-42{width:42%}.progress .bar.w-43{width:43%}.progress .bar.w-44{width:44%}.progress .bar.w-45{width:45%}.progress .bar.w-46{width:46%}.progress .bar.w-47{width:47%}.progress .bar.w-48{width:48%}.progress .bar.w-49{width:49%}.progress .bar.w-50{width:50%}.progress .bar.w-51{width:51%}.progress .bar.w-52{width:52%}.progress .bar.w-53{width:53%}.progress .bar.w-54{width:54%}.progress .bar.w-55{width:55%}.progress .bar.w-56{width:56%}.progress .bar.w-57{width:57%}.progress .bar.w-58{width:58%}.progress .bar.w-59{width:59%}.progress .bar.w-60{width:60%}.progress .bar.w-61{width:61%}.progress .bar.w-62{width:62%}.progress .bar.w-63{width:63%}.progress .bar.w-64{width:64%}.progress .bar.w-65{width:65%}.progress .bar.w-66{width:66%}.progress .bar.w-67{width:67%}.progress .bar.w-68{width:68%}.progress .bar.w-69{width:69%}.progress .bar.w-70{width:70%}.progress .bar.w-71{width:71%}.progress .bar.w-72{width:72%}.progress .bar.w-73{width:73%}.progress .bar.w-74{width:74%}.progress .bar.w-75{width:75%}.progress .bar.w-76{width:76%}.progress .bar.w-77{width:77%}.progress .bar.w-78{width:78%}.progress .bar.w-79{width:79%}.progress .bar.w-80{width:80%}.progress .bar.w-81{width:81%}.progress .bar.w-82{width:82%}.progress .bar.w-83{width:83%}.progress .bar.w-84{width:84%}.progress .bar.w-85{width:85%}.progress .bar.w-86{width:86%}.progress .bar.w-87{width:87%}.progress .bar.w-88{width:88%}.progress .bar.w-89{width:89%}.progress .bar.w-90{width:90%}.progress .bar.w-91{width:91%}.progress .bar.w-92{width:92%}.progress .bar.w-93{width:93%}.progress .bar.w-94{width:94%}.progress .bar.w-95{width:95%}.progress .bar.w-96{width:96%}.progress .bar.w-97{width:97%}.progress .bar.w-98{width:98%}.progress .bar.w-99{width:99%}.progress .bar.w-100{width:100%}.progress .bar.w-0,.progress .bar.w-100{border-right:0}.tabs .content{display:none;flex-basis:100%;padding:.75rem 0 0}.tabs input{display:none}.tabs input:checked+label{color:#41403e;color:var(--primary);border-bottom:3px solid #41403e;border-bottom-color:var(--secondary)}.tabs input[id$=tab1]:checked~div[id$=content1],.tabs input[id$=tab2]:checked~div[id$=content2],.tabs input[id$=tab3]:checked~div[id$=content3],.tabs input[id$=tab4]:checked~div[id$=content4],.tabs input[id$=tab5]:checked~div[id$=content5]{display:block}.tabs label{color:#41403e;color:var(--primary-light);display:inline-block;font-weight:600;margin:0 0 -1px;padding:.75rem;text-align:center}.tabs label:hover{color:#41403e;color:var(--muted);cursor:pointer}.margin{margin:1rem}.margin-top{margin-top:1rem}.margin-top-large{margin-top:2rem}.margin-top-small{margin-top:.5rem}.margin-top-none{margin-top:0}.margin-right{margin-right:1rem}.margin-right-large{margin-right:2rem}.margin-right-small{margin-right:.5rem}.margin-right-none{margin-right:0}.margin-bottom{margin-bottom:1rem}.margin-bottom-large{margin-bottom:2rem}.margin-bottom-small{margin-bottom:.5rem}.margin-bottom-none{margin-bottom:0}.margin-left{margin-left:1rem}.margin-left-large{margin-left:2rem}.margin-left-small{margin-left:.5rem}.margin-left-none{margin-left:0}.margin-large{margin:2rem}.margin-small{margin:.5rem}.margin-none{margin:0}.padding{padding:1rem}.padding-top{padding-top:1rem}.padding-top-large{padding-top:2rem}.padding-top-small{padding-top:.5rem}.padding-top-none{padding-top:0}.padding-right{padding-right:1rem}.padding-right-large{padding-right:2rem}.padding-right-small{padding-right:.5rem}.padding-right-none{padding-right:0}.padding-bottom{padding-bottom:1rem}.padding-bottom-large{padding-bottom:2rem}.padding-bottom-small{padding-bottom:.5rem}.padding-bottom-none{padding-bottom:0}.padding-left{padding-left:1rem}.padding-left-large{padding-left:2rem}.padding-left-small{padding-left:.5rem}.padding-left-none{padding-left:0}.padding-large{padding:2rem}.padding-small{padding:.5rem}.padding-none{padding:0}nav{background-color:#41403e;background-color:var(--main-background);display:flex;padding:.3rem;position:relative;width:100%;z-index:100}@media only screen and (max-width:768px){nav{display:block}}nav .bar1,nav .bar2,nav .bar3{background-color:#41403e;background-color:var(--primary);border-color:#41403e;color:#41403e;color:var(--primary);border-bottom-left-radius:15px 5px;border-bottom-right-radius:15px 3px;border-bottom:5px solid;border-color:var(--primary);margin:6px 0;transition:.4s;width:2rem}nav .collapsible input[id^=collapsible]:checked+button .bar1,nav .collapsible input[id^=collapsible]:checked+label .bar1{transform:rotate(-45deg) translate(-9px,7px)}nav .collapsible input[id^=collapsible]:checked+button .bar2,nav .collapsible input[id^=collapsible]:checked+label .bar2{opacity:0}nav .collapsible input[id^=collapsible]:checked+button .bar3,nav .collapsible input[id^=collapsible]:checked+label .bar3{transform:rotate(45deg) translate(-8px,-9px)}nav.split-nav{justify-content:space-between}nav.fixed{left:0;position:fixed;right:0;top:0}nav div{margin:0 1rem}nav ul.inline{margin-bottom:0;margin-top:10px;padding:0}nav ul.inline li{display:inline-block;margin:0 .5rem}@media only screen and (max-width:768px){nav ul.inline li{display:block;margin:1rem 0}}nav a{color:#41403e;color:var(--primary);background-image:none;border-bottom-left-radius:15px 3px;border-bottom-right-radius:15px 5px;border-bottom:5px solid #41403e;border-bottom-color:var(--primary);padding-bottom:.1rem}nav a:hover{border-color:#41403e;border-bottom:5px solid;border-color:var(--primary-light)}nav ul.inline li a{font-size:1.3rem}nav ul.inline li:before{content:""}@media only screen and (max-width:992px){nav ul{text-align:center}}nav .nav-brand h1,nav .nav-brand h2,nav .nav-brand h3,nav .nav-brand h4,nav .nav-brand h5,nav .nav-brand h6{margin:0 0 .2rem}@media only screen and (max-width:768px){nav .collapsible{width:100%}}nav .collapsible input[id^=collapsible]:checked~div.collapsible-body{margin:0;max-height:960px;opacity:1;padding:0}nav .collapsible .collapsible-body,nav .collapsible:first-of-type{border:0}@media only screen and (min-width:769px){nav .collapsible .collapsible-body,nav .collapsible:first-of-type{display:contents}}nav div.collapsible-body{padding:none}nav .collapsible label{border-bottom-left-radius:15px 255px;border-bottom-right-radius:225px 15px;border-top-left-radius:255px 15px;border-top-right-radius:15px 225px;border:2px solid #41403e;border-color:var(--primary)}nav .collapsible>button{border:0}nav .collapsible>button,nav .collapsible>label{background-color:#41403e;background-color:var(--main-background);display:none;font-size:.5rem;margin-right:1rem;padding:.25rem;position:absolute;right:0;top:.2rem}@media only screen and (max-width:768px){nav .collapsible>button,nav .collapsible>label{display:block}}
\ No newline at end of file
diff --git a/translations/ar.json b/translations/ar.json
index b1e963e..799d1d7 100644
--- a/translations/ar.json
+++ b/translations/ar.json
@@ -249,6 +249,11 @@
         "prop": "text",
         "defaultValue": "Enter"
     },
+    "demo-login": {
+        "value": "تسجيل الدخول التجريبي",
+        "prop": "text",
+        "defaultValue": "Demo login"
+    },
     "landing-page": {
         "value": "ما هو روزبلاتا?",
         "prop": "text",
diff --git a/translations/bn.json b/translations/bn.json
index a95b4a2..79e1c36 100644
--- a/translations/bn.json
+++ b/translations/bn.json
@@ -249,6 +249,11 @@
         "prop": "text",
         "defaultValue": "Enter"
     },
+    "demo-login": {
+        "value": "ডেমো লগইন",
+        "prop": "text",
+        "defaultValue": "Demo login"
+    },
     "landing-page": {
         "value": "রোসপ্লাটা কী?",
         "prop": "text",
diff --git a/translations/en.json b/translations/en.json
index 1188f92..584853c 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -1 +1,357 @@
-{"page-title":{"value":"Rosplata","prop":"text","defaultValue":"Rosplata"},"description":{"value":"Rosplata הוא מנהל כספים שיתופי המארח במקור פתוח. צור תקציבים, שתף אותם עם חברים ופצל בקלות את החשבונות","prop":"content","defaultValue":"Rosplata is an opensource self hosted collaborative finance manager. Create budgets, share them with friends and easily split the bills"},"keywords":{"value":"מקור פתוח, שיתופי, מימון, תקציב, פיצול, הצעת חוק","prop":"content","defaultValue":"opensource, collaborative, finance, budget, split, bill"},"feature-checkup-title":{"value":"הדפדפן שלך חייב לתמוך בתכונות אלו","prop":"text","defaultValue":"Your browser must support these features"},"feature-checkup-description":{"value":"מצטער על אי הנוחות. נסה לפתוח את האפליקציה הזו בכרום או ב-Edge.","prop":"text","defaultValue":"Sorry for inconvenience. Try opening this app in Chrome or Edge."},"settings-item-app-version":{"value":"גרסת האפליקציה","prop":"text","defaultValue":"App version"},"settings-item-autologin":{"value":"כניסה אוטומטית","prop":"text","defaultValue":"Autologin"},"settings-item-theme":{"value":"נושא צבע","prop":"text","defaultValue":"Theme"},"settings-item-theme-system":{"value":"נושא המערכת","prop":"text","defaultValue":"System"},"settings-item-theme-light":{"value":"נושא קליל","prop":"text","defaultValue":"Light"},"settings-item-theme-dark":{"value":"ערכת נושא כהה","prop":"text","defaultValue":"Dark"},"settings-item-language":{"value":"שפה","prop":"text","defaultValue":"Language"},"settings-item-language-system":{"value":"תן לדפדפן להחליט","prop":"text","defaultValue":"Let browser decide"},"settings-item-language-ru":{"value":"Русский","prop":"text","defaultValue":"Russian"},"settings-item-language-en":{"value":"English","prop":"text","defaultValue":"English"},"settings-item-language-hi":{"value":"हिन्दी","prop":"text","defaultValue":"Hindi"},"settings-item-language-bn":{"value":"বাংলা","prop":"text","defaultValue":"Bengali"},"settings-item-language-zn":{"value":"中文","prop":"text","defaultValue":"Chinese"},"settings-item-language-ar":{"value":"العربية","prop":"text","defaultValue":"Arabic"},"settings-item-language-ko":{"value":"한국어","prop":"text","defaultValue":"Korean"},"settings-item-language-he":{"value":"עברית","prop":"text","defaultValue":"Hebrew"},"budgets-list-new":{"value":"צור תקציב חדש","prop":"text","defaultValue":"Create new"},"back":{"value":"תחזור","prop":"text","defaultValue":"Back"},"settings-button":{"value":"","prop":"text","defaultValue":"Settings"},"budget-details-my-balance":{"value":"האיזון שלי","prop":"text","defaultValue":"My balance"},"budget-details-total-sum":{"value":"סכום כולל","prop":"text","defaultValue":"Total sum"},"budget-details-actions-invite":{"value":"אתם מוזמנים להשתתף","prop":"text","defaultValue":"You are invited to participate"},"budget-details-actions-accept":{"value":"לְקַבֵּל","prop":"text","defaultValue":"Accept"},"budget-details-actions-decline":{"value":"יְרִידָה","prop":"text","defaultValue":"Decline"},"budget-details-actions-open-notification":{"value":"","prop":"text","defaultValue":"This budget is open. Your request will be automatically approved."},"budget-details-actions-ask":{"value":"אתה יכול לבקש הזמנה","prop":"text","defaultValue":"You can ask for invite"},"budget-details-actions-send-request":{"value":"שלח בקשה","prop":"text","defaultValue":"Send request"},"budget-details-actions-wait":{"value":"בעל התקציב צריך לאשר את בקשתך","prop":"text","defaultValue":"Budget owner have to approve your request"},"close":{"value":"לִסְגוֹר","prop":"text","defaultValue":"Close"},"participants-list-button":{"value":"משתתפים","prop":"text","defaultValue":"Participants"},"settings-btn":{"value":"","prop":"text","defaultValue":"Settings"},"budget-details-add-people":{"value":"הוסף אנשים","prop":"text","defaultValue":"Add people"},"budget-details-settings-open":{"value":"","prop":"text","defaultValue":"Open"},"budget-settings-isOpen":{"value":"","prop":"text","defaultValue":"In open budgets participation requests are being approved automatically."},"budget-settings-save-btn":{"value":"","prop":"text","defaultValue":"Save"},"transactions-list-ok":{"value":"בסדר","prop":"text","defaultValue":"mkay"},"transactions-list-comment":{"value":"הוסף הערה אופציונלית","prop":"placeholder","defaultValue":"Add optional comment"},"feature-detector-title":{"value":"מאפיינים","prop":"text","defaultValue":"Features"},"feature-detector-description":{"value":"תכונות שצריך לתמוך כדי שהאפליקציה הזו תעבוד","prop":"text","defaultValue":"That need to be supported for this app to work"},"menu-budgets":{"value":"תקציבים","prop":"text","defaultValue":"Budgets"},"menu-settings":{"value":"הגדרות","prop":"text","defaultValue":"Settings"},"menu-logout":{"value":"התנתק","prop":"text","defaultValue":"Log out"},"layout-login-title":{"value":"היכנס לרוספלטה","prop":"text","defaultValue":"Enter Rosplata"},"layout-login-description":{"value":"היכנס עם חשבון Google שלך כדי להתחיל להשתמש בתקציבים משותפים","prop":"text","defaultValue":"Sign in with your google account to start using shared budgets"},"layout-login-enter":{"value":"להיכנס","prop":"text","defaultValue":"Enter"},"landing-page":{"value":"","prop":"text","defaultValue":"What is Rosplata?"},"new-budget-title":{"value":"כותרת תקציב חדשה","prop":"text","defaultValue":""},"new-budget-currency":{"value":"תבחר מדינה","prop":"text","defaultValue":"Select currency"},"currency-rub":{"value":"רובל רוסי","prop":"text","defaultValue":"Russian Rouble"},"currency-inr":{"value":"רופי הודי","prop":"text","defaultValue":"Indian Rupee"},"currency-usd":{"value":"דולר אמריקאי","prop":"text","defaultValue":"US Dollar"},"currency-eur":{"value":"יוֹרוֹ","prop":"text","defaultValue":"Euro"},"currency-cny":{"value":"יואן סיני","prop":"text","defaultValue":"Chinese Yuan"},"currency-jrd":{"value":"דינר ירדני","prop":"text","defaultValue":"Jordanian Dinar"},"new-budget-suggested-participants":{"value":"","prop":"text","defaultValue":"Suggested participants"},"new-budget-type":{"value":"","prop":"text","defaultValue":"Budget type"},"new-budget-is-open-notice":{"value":"","prop":"text","defaultValue":"If you turn this setting on, any participation requests will be automatically approved."},"new-budget-is-open":{"value":"","prop":"text","defaultValue":"Make this budget open"},"new-budget-go":{"value":"ללכת","prop":"text","defaultValue":"Go"},"new-budget-reset":{"value":"אִתחוּל","prop":"text","defaultValue":"Reset"},"participants-list-ban":{"value":"לֶאֱסוֹר","prop":"text","defaultValue":"Ban"},"participants-list-revert":{"value":"לַחֲזוֹר","prop":"text","defaultValue":"Revert"},"participants-list-approve":{"value":"לְאַשֵׁר","prop":"text","defaultValue":"Approve"},"invite-dialog-description":{"value":"סרוק את קוד ה-QR הזה כדי לפתוח את התקציב הזה במכשיר שלך.","prop":"text","defaultValue":"Scan this QR code to open this budget on your device."},"invite-dialog-share-link":{"value":"שתף קישור במקום זאת","prop":"text","defaultValue":"Share link instead"}}
\ No newline at end of file
+{
+    "page-title": {
+        "value": "Rosplata",
+        "prop": "text",
+        "defaultValue": "Rosplata"
+    },
+    "description": {
+        "value": "Rosplata הוא מנהל כספים שיתופי המארח במקור פתוח. צור תקציבים, שתף אותם עם חברים ופצל בקלות את החשבונות",
+        "prop": "content",
+        "defaultValue": "Rosplata is an opensource self hosted collaborative finance manager. Create budgets, share them with friends and easily split the bills"
+    },
+    "keywords": {
+        "value": "מקור פתוח, שיתופי, מימון, תקציב, פיצול, הצעת חוק",
+        "prop": "content",
+        "defaultValue": "opensource, collaborative, finance, budget, split, bill"
+    },
+    "feature-checkup-title": {
+        "value": "הדפדפן שלך חייב לתמוך בתכונות אלו",
+        "prop": "text",
+        "defaultValue": "Your browser must support these features"
+    },
+    "feature-checkup-description": {
+        "value": "מצטער על אי הנוחות. נסה לפתוח את האפליקציה הזו בכרום או ב-Edge.",
+        "prop": "text",
+        "defaultValue": "Sorry for inconvenience. Try opening this app in Chrome or Edge."
+    },
+    "settings-item-app-version": {
+        "value": "גרסת האפליקציה",
+        "prop": "text",
+        "defaultValue": "App version"
+    },
+    "settings-item-autologin": {
+        "value": "כניסה אוטומטית",
+        "prop": "text",
+        "defaultValue": "Autologin"
+    },
+    "settings-item-theme": {
+        "value": "נושא צבע",
+        "prop": "text",
+        "defaultValue": "Theme"
+    },
+    "settings-item-theme-system": {
+        "value": "נושא המערכת",
+        "prop": "text",
+        "defaultValue": "System"
+    },
+    "settings-item-theme-light": {
+        "value": "נושא קליל",
+        "prop": "text",
+        "defaultValue": "Light"
+    },
+    "settings-item-theme-dark": {
+        "value": "ערכת נושא כהה",
+        "prop": "text",
+        "defaultValue": "Dark"
+    },
+    "settings-item-language": {
+        "value": "שפה",
+        "prop": "text",
+        "defaultValue": "Language"
+    },
+    "settings-item-language-system": {
+        "value": "תן לדפדפן להחליט",
+        "prop": "text",
+        "defaultValue": "Let browser decide"
+    },
+    "settings-item-language-ru": {
+        "value": "Русский",
+        "prop": "text",
+        "defaultValue": "Russian"
+    },
+    "settings-item-language-en": {
+        "value": "English",
+        "prop": "text",
+        "defaultValue": "English"
+    },
+    "settings-item-language-hi": {
+        "value": "हिन्दी",
+        "prop": "text",
+        "defaultValue": "Hindi"
+    },
+    "settings-item-language-bn": {
+        "value": "বাংলা",
+        "prop": "text",
+        "defaultValue": "Bengali"
+    },
+    "settings-item-language-zn": {
+        "value": "中文",
+        "prop": "text",
+        "defaultValue": "Chinese"
+    },
+    "settings-item-language-ar": {
+        "value": "العربية",
+        "prop": "text",
+        "defaultValue": "Arabic"
+    },
+    "settings-item-language-ko": {
+        "value": "한국어",
+        "prop": "text",
+        "defaultValue": "Korean"
+    },
+    "settings-item-language-he": {
+        "value": "עברית",
+        "prop": "text",
+        "defaultValue": "Hebrew"
+    },
+    "budgets-list-new": {
+        "value": "צור תקציב חדש",
+        "prop": "text",
+        "defaultValue": "Create new"
+    },
+    "back": {
+        "value": "תחזור",
+        "prop": "text",
+        "defaultValue": "Back"
+    },
+    "settings-button": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "Settings"
+    },
+    "budget-details-my-balance": {
+        "value": "האיזון שלי",
+        "prop": "text",
+        "defaultValue": "My balance"
+    },
+    "budget-details-total-sum": {
+        "value": "סכום כולל",
+        "prop": "text",
+        "defaultValue": "Total sum"
+    },
+    "budget-details-actions-invite": {
+        "value": "אתם מוזמנים להשתתף",
+        "prop": "text",
+        "defaultValue": "You are invited to participate"
+    },
+    "budget-details-actions-accept": {
+        "value": "לְקַבֵּל",
+        "prop": "text",
+        "defaultValue": "Accept"
+    },
+    "budget-details-actions-decline": {
+        "value": "יְרִידָה",
+        "prop": "text",
+        "defaultValue": "Decline"
+    },
+    "budget-details-actions-open-notification": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "This budget is open. Your request will be automatically approved."
+    },
+    "budget-details-actions-ask": {
+        "value": "אתה יכול לבקש הזמנה",
+        "prop": "text",
+        "defaultValue": "You can ask for invite"
+    },
+    "budget-details-actions-send-request": {
+        "value": "שלח בקשה",
+        "prop": "text",
+        "defaultValue": "Send request"
+    },
+    "budget-details-actions-wait": {
+        "value": "בעל התקציב צריך לאשר את בקשתך",
+        "prop": "text",
+        "defaultValue": "Budget owner have to approve your request"
+    },
+    "close": {
+        "value": "לִסְגוֹר",
+        "prop": "text",
+        "defaultValue": "Close"
+    },
+    "participants-list-button": {
+        "value": "משתתפים",
+        "prop": "text",
+        "defaultValue": "Participants"
+    },
+    "settings-btn": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "Settings"
+    },
+    "budget-details-add-people": {
+        "value": "הוסף אנשים",
+        "prop": "text",
+        "defaultValue": "Add people"
+    },
+    "budget-details-settings-open": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "Open"
+    },
+    "budget-settings-isOpen": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "In open budgets participation requests are being approved automatically."
+    },
+    "budget-settings-save-btn": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "Save"
+    },
+    "transactions-list-ok": {
+        "value": "בסדר",
+        "prop": "text",
+        "defaultValue": "mkay"
+    },
+    "transactions-list-comment": {
+        "value": "הוסף הערה אופציונלית",
+        "prop": "placeholder",
+        "defaultValue": "Add optional comment"
+    },
+    "feature-detector-title": {
+        "value": "מאפיינים",
+        "prop": "text",
+        "defaultValue": "Features"
+    },
+    "feature-detector-description": {
+        "value": "תכונות שצריך לתמוך כדי שהאפליקציה הזו תעבוד",
+        "prop": "text",
+        "defaultValue": "That need to be supported for this app to work"
+    },
+    "menu-budgets": {
+        "value": "תקציבים",
+        "prop": "text",
+        "defaultValue": "Budgets"
+    },
+    "menu-settings": {
+        "value": "הגדרות",
+        "prop": "text",
+        "defaultValue": "Settings"
+    },
+    "menu-logout": {
+        "value": "התנתק",
+        "prop": "text",
+        "defaultValue": "Log out"
+    },
+    "layout-login-title": {
+        "value": "היכנס לרוספלטה",
+        "prop": "text",
+        "defaultValue": "Enter Rosplata"
+    },
+    "layout-login-description": {
+        "value": "היכנס עם חשבון Google שלך כדי להתחיל להשתמש בתקציבים משותפים",
+        "prop": "text",
+        "defaultValue": "Sign in with your google account to start using shared budgets"
+    },
+    "layout-login-enter": {
+        "value": "להיכנס",
+        "prop": "text",
+        "defaultValue": "Enter"
+    },
+    "demo-login": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "Demo login"
+    },
+    "landing-page": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "What is Rosplata?"
+    },
+    "new-budget-title": {
+        "value": "כותרת תקציב חדשה",
+        "prop": "text",
+        "defaultValue": ""
+    },
+    "new-budget-currency": {
+        "value": "תבחר מדינה",
+        "prop": "text",
+        "defaultValue": "Select currency"
+    },
+    "currency-rub": {
+        "value": "רובל רוסי",
+        "prop": "text",
+        "defaultValue": "Russian Rouble"
+    },
+    "currency-inr": {
+        "value": "רופי הודי",
+        "prop": "text",
+        "defaultValue": "Indian Rupee"
+    },
+    "currency-usd": {
+        "value": "דולר אמריקאי",
+        "prop": "text",
+        "defaultValue": "US Dollar"
+    },
+    "currency-eur": {
+        "value": "יוֹרוֹ",
+        "prop": "text",
+        "defaultValue": "Euro"
+    },
+    "currency-cny": {
+        "value": "יואן סיני",
+        "prop": "text",
+        "defaultValue": "Chinese Yuan"
+    },
+    "currency-jrd": {
+        "value": "דינר ירדני",
+        "prop": "text",
+        "defaultValue": "Jordanian Dinar"
+    },
+    "new-budget-suggested-participants": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "Suggested participants"
+    },
+    "new-budget-type": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "Budget type"
+    },
+    "new-budget-is-open-notice": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "If you turn this setting on, any participation requests will be automatically approved."
+    },
+    "new-budget-is-open": {
+        "value": "",
+        "prop": "text",
+        "defaultValue": "Make this budget open"
+    },
+    "new-budget-go": {
+        "value": "ללכת",
+        "prop": "text",
+        "defaultValue": "Go"
+    },
+    "new-budget-reset": {
+        "value": "אִתחוּל",
+        "prop": "text",
+        "defaultValue": "Reset"
+    },
+    "participants-list-ban": {
+        "value": "לֶאֱסוֹר",
+        "prop": "text",
+        "defaultValue": "Ban"
+    },
+    "participants-list-revert": {
+        "value": "לַחֲזוֹר",
+        "prop": "text",
+        "defaultValue": "Revert"
+    },
+    "participants-list-approve": {
+        "value": "לְאַשֵׁר",
+        "prop": "text",
+        "defaultValue": "Approve"
+    },
+    "invite-dialog-description": {
+        "value": "סרוק את קוד ה-QR הזה כדי לפתוח את התקציב הזה במכשיר שלך.",
+        "prop": "text",
+        "defaultValue": "Scan this QR code to open this budget on your device."
+    },
+    "invite-dialog-share-link": {
+        "value": "שתף קישור במקום זאת",
+        "prop": "text",
+        "defaultValue": "Share link instead"
+    }
+}
\ No newline at end of file
diff --git a/translations/generated/ar.html b/translations/generated/ar.html
index 74c569d..64a4ff1 100644
--- a/translations/generated/ar.html
+++ b/translations/generated/ar.html
@@ -8,7 +8,7 @@
     <link rel="canonical" href="https://ros-plata.ru">
     <link rel="icon" href="/images/favicons/icon.svg" type="image/svg+xml">
 
-    <link rel="stylesheet" async="" href="https://unpkg.com/papercss@1.9.0/dist/paper.min.css">
+    <link rel="stylesheet" async="" href="/styles/paper.min.css">
     <script src="/src/App.mjs" type="module"></script>
 
     <style type="text/css">
@@ -222,7 +222,10 @@ <h6 class="text-muted" data-translate-id="budget-settings-isOpen">في المي
     <template id="layout-login-template"><div id="layout-login">
             <h1 class="layout-login__prompt" data-translate-id="layout-login-title">أدخل Rosplata</h1>
             <h2 class="layout-login__prompt-detail" data-translate-id="layout-login-description">قم بتسجيل الدخول باستخدام حساب جوجل الخاص بك لبدء استخدام الميزانيات المشتركة</h2>
-            <button id="login__google" data-translate-id="layout-login-enter">يدخل</button>
+                <div class="layout-login__variants">
+                    <button class="layout-login__variant--google" id="login__google" data-translate-id="layout-login-enter">يدخل</button>
+                    <a class="layout-login__variant--demo" href="/demo" data-translate-id="demo-login">تسجيل الدخول التجريبي</a>
+                </div>
             <div class="layout-login__aside">
                 <span class="layout-login__version"></span>
                 <a href="https://express.adobe.com/page/XiWR4wcPLBYfH/" target="_blank" rel="noopener" data-translate-id="landing-page">ما هو روزبلاتا?</a>
diff --git a/translations/generated/bn.html b/translations/generated/bn.html
index 42ba0bf..2a3b410 100644
--- a/translations/generated/bn.html
+++ b/translations/generated/bn.html
@@ -8,7 +8,7 @@
     <link rel="canonical" href="https://ros-plata.ru">
     <link rel="icon" href="/images/favicons/icon.svg" type="image/svg+xml">
 
-    <link rel="stylesheet" async="" href="https://unpkg.com/papercss@1.9.0/dist/paper.min.css">
+    <link rel="stylesheet" async="" href="/styles/paper.min.css">
     <script src="/src/App.mjs" type="module"></script>
 
     <style type="text/css">
@@ -222,7 +222,10 @@ <h6 class="text-muted" data-translate-id="budget-settings-isOpen">খোলা 
     <template id="layout-login-template"><div id="layout-login">
             <h1 class="layout-login__prompt" data-translate-id="layout-login-title">রসপ্লাটা লিখুন</h1>
             <h2 class="layout-login__prompt-detail" data-translate-id="layout-login-description">ভাগ করা বাজেট ব্যবহার শুরু করতে আপনার গুগল অ্যাকাউন্ট দিয়ে সাইন ইন করুন</h2>
-            <button id="login__google" data-translate-id="layout-login-enter">প্রবেশ করুন</button>
+                <div class="layout-login__variants">
+                    <button class="layout-login__variant--google" id="login__google" data-translate-id="layout-login-enter">প্রবেশ করুন</button>
+                    <a class="layout-login__variant--demo" href="/demo" data-translate-id="demo-login">ডেমো লগইন</a>
+                </div>
             <div class="layout-login__aside">
                 <span class="layout-login__version"></span>
                 <a href="https://express.adobe.com/page/XiWR4wcPLBYfH/" target="_blank" rel="noopener" data-translate-id="landing-page">রোসপ্লাটা কী?</a>
diff --git a/translations/generated/en.html b/translations/generated/en.html
index 4ba4700..b1eea3a 100644
--- a/translations/generated/en.html
+++ b/translations/generated/en.html
@@ -8,7 +8,7 @@
     <link rel="canonical" href="https://ros-plata.ru">
     <link rel="icon" href="/images/favicons/icon.svg" type="image/svg+xml">
 
-    <link rel="stylesheet" async="" href="https://unpkg.com/papercss@1.9.0/dist/paper.min.css">
+    <link rel="stylesheet" async="" href="/styles/paper.min.css">
     <script src="/src/App.mjs" type="module"></script>
 
     <style type="text/css">
@@ -222,7 +222,10 @@ <h6 class="text-muted" data-translate-id="budget-settings-isOpen"></h6>
     <template id="layout-login-template"><div id="layout-login">
             <h1 class="layout-login__prompt" data-translate-id="layout-login-title">היכנס לרוספלטה</h1>
             <h2 class="layout-login__prompt-detail" data-translate-id="layout-login-description">היכנס עם חשבון Google שלך כדי להתחיל להשתמש בתקציבים משותפים</h2>
-            <button id="login__google" data-translate-id="layout-login-enter">להיכנס</button>
+                <div class="layout-login__variants">
+                    <button class="layout-login__variant--google" id="login__google" data-translate-id="layout-login-enter">להיכנס</button>
+                    <a class="layout-login__variant--demo" href="/demo" data-translate-id="demo-login"></a>
+                </div>
             <div class="layout-login__aside">
                 <span class="layout-login__version"></span>
                 <a href="https://express.adobe.com/page/XiWR4wcPLBYfH/" target="_blank" rel="noopener" data-translate-id="landing-page"></a>
diff --git a/translations/generated/he.html b/translations/generated/he.html
index 1f05edc..6deefb4 100644
--- a/translations/generated/he.html
+++ b/translations/generated/he.html
@@ -8,7 +8,7 @@
     <link rel="canonical" href="https://ros-plata.ru">
     <link rel="icon" href="/images/favicons/icon.svg" type="image/svg+xml">
 
-    <link rel="stylesheet" async="" href="https://unpkg.com/papercss@1.9.0/dist/paper.min.css">
+    <link rel="stylesheet" async="" href="/styles/paper.min.css">
     <script src="/src/App.mjs" type="module"></script>
 
     <style type="text/css">
@@ -222,7 +222,10 @@ <h6 class="text-muted" data-translate-id="budget-settings-isOpen">בתקציבי
     <template id="layout-login-template"><div id="layout-login">
             <h1 class="layout-login__prompt" data-translate-id="layout-login-title">היכנס לרוספלטה</h1>
             <h2 class="layout-login__prompt-detail" data-translate-id="layout-login-description">היכנס עם חשבון Google שלך כדי להתחיל להשתמש בתקציבים משותפים</h2>
-            <button id="login__google" data-translate-id="layout-login-enter">להיכנס</button>
+                <div class="layout-login__variants">
+                    <button class="layout-login__variant--google" id="login__google" data-translate-id="layout-login-enter">להיכנס</button>
+                    <a class="layout-login__variant--demo" href="/demo" data-translate-id="demo-login">התחברות הדגמה</a>
+                </div>
             <div class="layout-login__aside">
                 <span class="layout-login__version"></span>
                 <a href="https://express.adobe.com/page/XiWR4wcPLBYfH/" target="_blank" rel="noopener" data-translate-id="landing-page">מה זה רוספלטה?</a>
diff --git a/translations/generated/hi.html b/translations/generated/hi.html
index 21dae94..e4da734 100644
--- a/translations/generated/hi.html
+++ b/translations/generated/hi.html
@@ -8,7 +8,7 @@
     <link rel="canonical" href="https://ros-plata.ru">
     <link rel="icon" href="/images/favicons/icon.svg" type="image/svg+xml">
 
-    <link rel="stylesheet" async="" href="https://unpkg.com/papercss@1.9.0/dist/paper.min.css">
+    <link rel="stylesheet" async="" href="/styles/paper.min.css">
     <script src="/src/App.mjs" type="module"></script>
 
     <style type="text/css">
@@ -222,7 +222,10 @@ <h6 class="text-muted" data-translate-id="budget-settings-isOpen">खुले 
     <template id="layout-login-template"><div id="layout-login">
             <h1 class="layout-login__prompt" data-translate-id="layout-login-title">रोजप्लाटा दर्ज करें</h1>
             <h2 class="layout-login__prompt-detail" data-translate-id="layout-login-description">साझा बजट का उपयोग शुरू करने के लिए अपने गूगल खाते से साइन इन करें</h2>
-            <button id="login__google" data-translate-id="layout-login-enter">दर्ज करें</button>
+                <div class="layout-login__variants">
+                    <button class="layout-login__variant--google" id="login__google" data-translate-id="layout-login-enter">दर्ज करें</button>
+                    <a class="layout-login__variant--demo" href="/demo" data-translate-id="demo-login">डेमो लॉगिन</a>
+                </div>
             <div class="layout-login__aside">
                 <span class="layout-login__version"></span>
                 <a href="https://express.adobe.com/page/XiWR4wcPLBYfH/" target="_blank" rel="noopener" data-translate-id="landing-page">रोजप्लाटा क्या है?</a>
diff --git a/translations/generated/ko.html b/translations/generated/ko.html
index 9824561..b9eb234 100644
--- a/translations/generated/ko.html
+++ b/translations/generated/ko.html
@@ -8,7 +8,7 @@
     <link rel="canonical" href="https://ros-plata.ru">
     <link rel="icon" href="/images/favicons/icon.svg" type="image/svg+xml">
 
-    <link rel="stylesheet" async="" href="https://unpkg.com/papercss@1.9.0/dist/paper.min.css">
+    <link rel="stylesheet" async="" href="/styles/paper.min.css">
     <script src="/src/App.mjs" type="module"></script>
 
     <style type="text/css">
@@ -222,7 +222,10 @@ <h6 class="text-muted" data-translate-id="budget-settings-isOpen">공개 예산
     <template id="layout-login-template"><div id="layout-login">
             <h1 class="layout-login__prompt" data-translate-id="layout-login-title">로스플라타에 들어가다</h1>
             <h2 class="layout-login__prompt-detail" data-translate-id="layout-login-description">공유 예산을 사용하려면 Google 계정으로 로그인하세요.</h2>
-            <button id="login__google" data-translate-id="layout-login-enter">입력하다</button>
+                <div class="layout-login__variants">
+                    <button class="layout-login__variant--google" id="login__google" data-translate-id="layout-login-enter">입력하다</button>
+                    <a class="layout-login__variant--demo" href="/demo" data-translate-id="demo-login">데모 로그인</a>
+                </div>
             <div class="layout-login__aside">
                 <span class="layout-login__version"></span>
                 <a href="https://express.adobe.com/page/XiWR4wcPLBYfH/" target="_blank" rel="noopener" data-translate-id="landing-page">로스플라타 란?</a>
diff --git a/translations/generated/ru.html b/translations/generated/ru.html
index d04ab7e..925a668 100644
--- a/translations/generated/ru.html
+++ b/translations/generated/ru.html
@@ -8,7 +8,7 @@
     <link rel="canonical" href="https://ros-plata.ru">
     <link rel="icon" href="/images/favicons/icon.svg" type="image/svg+xml">
 
-    <link rel="stylesheet" async="" href="https://unpkg.com/papercss@1.9.0/dist/paper.min.css">
+    <link rel="stylesheet" async="" href="/styles/paper.min.css">
     <script src="/src/App.mjs" type="module"></script>
 
     <style type="text/css">
@@ -222,7 +222,10 @@ <h6 class="text-muted" data-translate-id="budget-settings-isOpen">В откры
     <template id="layout-login-template"><div id="layout-login">
             <h1 class="layout-login__prompt" data-translate-id="layout-login-title">Войти в Росплату</h1>
             <h2 class="layout-login__prompt-detail" data-translate-id="layout-login-description">Используйте ваш Google аккаунт чтобы начать пользоваться общими бюджетами</h2>
-            <button id="login__google" data-translate-id="layout-login-enter">Войти</button>
+                <div class="layout-login__variants">
+                    <button class="layout-login__variant--google" id="login__google" data-translate-id="layout-login-enter">Войти</button>
+                    <a class="layout-login__variant--demo" href="/demo" data-translate-id="demo-login">Демонстрационный вход в систему</a>
+                </div>
             <div class="layout-login__aside">
                 <span class="layout-login__version"></span>
                 <a href="https://express.adobe.com/page/XiWR4wcPLBYfH/" target="_blank" rel="noopener" data-translate-id="landing-page">Что такое Росплата?</a>
diff --git a/translations/generated/zh.html b/translations/generated/zh.html
index 0962122..6682361 100644
--- a/translations/generated/zh.html
+++ b/translations/generated/zh.html
@@ -8,7 +8,7 @@
     <link rel="canonical" href="https://ros-plata.ru">
     <link rel="icon" href="/images/favicons/icon.svg" type="image/svg+xml">
 
-    <link rel="stylesheet" async="" href="https://unpkg.com/papercss@1.9.0/dist/paper.min.css">
+    <link rel="stylesheet" async="" href="/styles/paper.min.css">
     <script src="/src/App.mjs" type="module"></script>
 
     <style type="text/css">
@@ -222,7 +222,10 @@ <h6 class="text-muted" data-translate-id="budget-settings-isOpen">在公开预
     <template id="layout-login-template"><div id="layout-login">
             <h1 class="layout-login__prompt" data-translate-id="layout-login-title">进入罗斯普拉塔</h1>
             <h2 class="layout-login__prompt-detail" data-translate-id="layout-login-description">使用您的 Google 帐户登录以开始使用共享预算</h2>
-            <button id="login__google" data-translate-id="layout-login-enter">进入</button>
+                <div class="layout-login__variants">
+                    <button class="layout-login__variant--google" id="login__google" data-translate-id="layout-login-enter">进入</button>
+                    <a class="layout-login__variant--demo" href="/demo" data-translate-id="demo-login">演示登录</a>
+                </div>
             <div class="layout-login__aside">
                 <span class="layout-login__version"></span>
                 <a href="https://express.adobe.com/page/XiWR4wcPLBYfH/" target="_blank" rel="noopener" data-translate-id="landing-page">什么是Rosplata？</a>
diff --git a/translations/he.json b/translations/he.json
index 1617f11..1531889 100644
--- a/translations/he.json
+++ b/translations/he.json
@@ -249,6 +249,11 @@
         "prop": "text",
         "defaultValue": "Enter"
     },
+    "demo-login": {
+        "value": "התחברות הדגמה",
+        "prop": "text",
+        "defaultValue": "Demo login"
+    },
     "landing-page": {
         "value": "מה זה רוספלטה?",
         "prop": "text",
diff --git a/translations/hi.json b/translations/hi.json
index bbde478..71b3d74 100644
--- a/translations/hi.json
+++ b/translations/hi.json
@@ -249,6 +249,11 @@
         "prop": "text",
         "defaultValue": "Enter"
     },
+    "demo-login": {
+        "value": "डेमो लॉगिन",
+        "prop": "text",
+        "defaultValue": "Demo login"
+    },
     "landing-page": {
         "value": "रोजप्लाटा क्या है?",
         "prop": "text",
diff --git a/translations/ko.json b/translations/ko.json
index 89f9e75..2c7ca05 100644
--- a/translations/ko.json
+++ b/translations/ko.json
@@ -249,6 +249,11 @@
         "prop": "text",
         "defaultValue": "Enter"
     },
+    "demo-login": {
+        "value": "데모 로그인",
+        "prop": "text",
+        "defaultValue": "Demo login"
+    },
     "landing-page": {
         "value": "로스플라타 란?",
         "prop": "text",
diff --git a/translations/ru.json b/translations/ru.json
index 0d955ce..cd063e1 100644
--- a/translations/ru.json
+++ b/translations/ru.json
@@ -249,6 +249,11 @@
         "prop": "text",
         "defaultValue": "Enter"
     },
+    "demo-login": {
+        "value": "Демонстрационный вход в систему",
+        "prop": "text",
+        "defaultValue": "Demo login"
+    },
     "landing-page": {
         "value": "Что такое Росплата?",
         "prop": "text",
diff --git a/translations/zh.json b/translations/zh.json
index ae9cdf9..cd8fab5 100644
--- a/translations/zh.json
+++ b/translations/zh.json
@@ -249,6 +249,11 @@
         "prop": "text",
         "defaultValue": "Enter"
     },
+    "demo-login": {
+        "value": "演示登录",
+        "prop": "text",
+        "defaultValue": "Demo login"
+    },
     "landing-page": {
         "value": "什么是Rosplata？",
         "prop": "text",