@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500;600;700&display=swap');
@font-face {
    font-family: 'Byz';
    src: url('/assets/fonts/byz.ttf')  format('truetype');
}
@font-face {
    font-family: 'PTRoot';
    font-weight: normal;
    src: url('/assets/fonts/ptroot/pt-root-ui-regular.woff') format('woff'),
         url('/assets/fonts/ptroot/pt-root-ui-regular.woff2') format('woff2');
}
@font-face {
    font-family: 'PTRoot';
    font-weight: bold;
    src: url('/assets/fonts/ptroot/pt-root-ui-bold.woff') format('woff'),
         url('/assets/fonts/ptroot/pt-root-ui-bold.woff2')  format('woff2');
}
@font-face {
    font-family: 'DejaVu Serif';
    font-weight: normal;
    src: url('/assets/fonts/DejaVuSerif/DejaVuSerif.woff') format('woff'),
         url('/assets/fonts/DejaVuSerif/DejaVuSerif.woff2') format('woff2');
}
body {
    margin: 0;
    font-family: "PTRoot", "Open Sans", sans-serif;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    justify-content: space-between;
    background-color: #18414d;
}
h1, h2, h3, h4, h5 { color: #ffffff;
    font-family: 'DejaVu Serif', serif }
h2, h3, h4, h5 { font-weight: 500; }
article { margin-bottom: 30px; }


main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.splash {
    width: 250px;
    height: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

}
.splash h1 {
    font-size: 35px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
}
.slogan {
    font-size: 15px;
    width: 230px;
    font-family: "DejaVu Serif", serif;
    font-weight: normal;
    text-transform: uppercase;
    color: #ffffff;
    opacity: 0.5;
    text-align: center;
    margin: 10px 0;
}
span.beta {
    font-family: "PTRoot", "Open Sans", sans-serif;
    font-size: 11px;
    opacity: 0.2;
    cursor: default;
    color: #ffffff;
    text-transform: lowercase;
    position: absolute;
}

.btn {
    display: inline-block;
    text-decoration: none;
    min-width: 100px;
    padding: 0 18px;
    text-align: center;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.32);
    min-height: 40px;
    border-radius: 20px;
    line-height: 40px;
}
.btn-primary {
    color: #ffffff;
    background-color: #4FB0AE!important;
    border: 0!important;
}

.btn-android-icon {
    padding-left: 38px;
    background: 10px center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' width='20' height='20' viewBox='0,0,256,256'%0Astyle='fill:%23FFFFFF;'%3E%3Cg fill='%23ffffff' fill-rule='nonzero' stroke='none' stroke-width='1' stroke-linecap='butt' stroke-linejoin='miter' stroke-miterlimit='10' stroke-dasharray='' stroke-dashoffset='0' font-family='none' font-weight='none' font-size='none' text-anchor='none' style='mix-blend-mode: normal'%3E%3Cg transform='scale(10.66667,10.66667)'%3E%3Cpath d='M7.5,1c-0.128,0 -0.25602,0.04898 -0.35352,0.14648c-0.195,0.195 -0.195,0.51203 0,0.70703l1.31055,1.31055c-1.48792,1.09186 -2.45703,2.84869 -2.45703,4.83594h12c0,-1.98725 -0.96911,-3.74408 -2.45703,-4.83594l1.31055,-1.31055c0.195,-0.196 0.195,-0.51103 0,-0.70703c-0.195,-0.195 -0.51203,-0.195 -0.70703,0l-1.48242,1.48242c-0.80345,-0.39935 -1.70587,-0.62891 -2.66406,-0.62891c-0.95819,0 -1.86062,0.22956 -2.66406,0.62891l-1.48242,-1.48242c-0.0975,-0.0975 -0.22552,-0.14648 -0.35352,-0.14648zM9,5h1v1h-1zM14,5h1v1h-1zM4,9c-0.552,0 -1,0.448 -1,1v6c0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1v-6c0,-0.552 -0.448,-1 -1,-1zM6,9v8c0,0.552 0.448,1 1,1h1v3.5c0,0.828 0.672,1.5 1.5,1.5c0.828,0 1.5,-0.672 1.5,-1.5v-3.5h2v3.5c0,0.828 0.672,1.5 1.5,1.5c0.828,0 1.5,-0.672 1.5,-1.5v-3.5h1c0.552,0 1,-0.448 1,-1v-8zM20,9c-0.552,0 -1,0.448 -1,1v6c0,0.552 0.448,1 1,1c0.552,0 1,-0.448 1,-1v-6c0,-0.552 -0.448,-1 -1,-1z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.btn-ios-icon {
    padding-left: 37px;
    background: 12px center no-repeat url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="20px" viewBox="0 0 16 19" version="1.1"><g id="surface1"><path style=" stroke:none;fill-rule:nonzero;fill:rgb(100%,100%,100%);fill-opacity:1;" d="M 15.492188 6.476562 C 15.375 6.5625 13.363281 7.660156 13.363281 10.097656 C 13.363281 12.917969 15.925781 13.914062 16.003906 13.9375 C 15.988281 14 15.59375 15.304688 14.652344 16.632812 C 13.808594 17.804688 12.933594 18.972656 11.59375 18.972656 C 10.257812 18.972656 9.914062 18.222656 8.371094 18.222656 C 6.867188 18.222656 6.332031 19 5.109375 19 C 3.886719 19 3.035156 17.914062 2.054688 16.585938 C 0.917969 15.023438 0 12.597656 0 10.292969 C 0 6.601562 2.484375 4.640625 4.929688 4.640625 C 6.230469 4.640625 7.3125 5.464844 8.128906 5.464844 C 8.902344 5.464844 10.113281 4.59375 11.59375 4.59375 C 12.152344 4.59375 14.167969 4.640625 15.492188 6.476562 Z M 10.890625 3.027344 C 11.503906 2.328125 11.933594 1.355469 11.933594 0.382812 C 11.933594 0.246094 11.921875 0.109375 11.898438 0 C 10.902344 0.0351562 9.71875 0.640625 9.007812 1.441406 C 8.445312 2.054688 7.921875 3.027344 7.921875 4.015625 C 7.921875 4.164062 7.949219 4.3125 7.960938 4.359375 C 8.023438 4.371094 8.125 4.382812 8.226562 4.382812 C 9.121094 4.382812 10.242188 3.804688 10.890625 3.027344 Z M 10.890625 3.027344 "/></g></svg>');
}


.actions {
    margin: 0;
    padding: 0 20px 30px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-items: center;
    align-items: center;
    align-content: center;
    justify-content: center;
    gap: 20px;
}

/* Footer */
.site-footer {
    padding: 20px 20px 24px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 24px;
    margin-bottom: 8px;
}
.footer-links a {
    color: rgba(255, 255, 255, 0.45);
    text-decoration: none;
    font-size: 13px;
}
.footer-links a:hover {
    color: rgba(255, 255, 255, 0.7);
}
.footer-copy {
    color: rgba(255, 255, 255, 0.25);
    font-size: 12px;
}

/* Legal document page */
.legal-document {
    flex: 1;
    max-width: 720px;
    margin: 0 auto;
    padding: 40px 24px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
}
.legal-document h1 {
    font-size: 24px;
    margin-bottom: 8px;
}
.legal-document h2 {
    font-size: 18px;
    margin-top: 28px;
}
.legal-document h3 {
    font-size: 15px;
    margin-top: 20px;
}
.legal-document p {
    margin: 10px 0;
}
.legal-document ul {
    padding-left: 20px;
    margin: 8px 0;
}
.legal-document li {
    margin: 4px 0;
}
.legal-document a {
    color: #4FB0AE;
}
.legal-document hr {
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    margin: 24px 0;
}
.legal-document strong {
    color: #ffffff;
}
.legal-back {
    margin-top: 32px;
    text-align: center;
}
.legal-back .btn {
    font-size: 13px;
    min-height: 36px;
    line-height: 36px;
}