:root{--color-1: #000000;--color-2: #FFFFFF;--color-3: #1c1b1e;--color-4: #4b4453;--color-5: #56416f;--color-6: #0064a5;--color-7: #c0375a;--color-8: #eb724f;--color-9: #C9A227;--color-10: #BFC5C9}*{margin:0;padding:0}a{text-decoration:none}ul{box-sizing:border-box;padding-left:25px}button{outline:none;border:none;cursor:pointer}html,body{width:100%;min-height:100vh;background-color:var(--color-1);color:var(--color-2)}body{display:flex;flex-direction:column}body.scroll-disabled{overflow:hidden}body.scroll-disabled::before{content:"";display:block;width:100%;height:100%;background-color:rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:110;position:fixed;top:0;left:0}#page-content{flex:1;display:flex;flex-direction:column;padding:100px 0}#page-zero{width:100%;box-sizing:border-box;padding:10px}#page-zero .z-core{width:100%;max-width:1000px;margin:auto;border-radius:2rem;padding:25px;border:1px solid var(--color-4);box-sizing:border-box;display:flex;gap:25px}#page-zero .z-core .frame{width:400px;height:300px;border-radius:2rem;background-color:var(--color-3);flex-shrink:0;background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#page-zero .z-core .content{flex:1;box-sizing:border-box;padding:50px 25px;display:flex;justify-content:center;align-items:center}#page-zero .z-core .content .text{max-width:500px}#page-zero .z-core .content .text h1{font-size:1.5rem}#page-zero .z-core .content .text h4{font-size:1.1rem;margin-top:5px}#page-zero .z-core .content .text p{font-size:1.1rem;margin-top:25px}@media screen and (max-width: 900px){#page-zero .z-core{flex-direction:column;align-items:center;border:none}}#page-zero .z-menu{width:100%;background-color:var(--color-1);position:relative;margin-top:50px}#page-zero .z-menu.fixed{position:fixed;width:100%;top:0;left:0;z-index:100}#page-zero .z-menu .wrapper{width:100%;max-width:1000px;height:50px;margin:auto;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;box-sizing:border-box;padding:0 50px}#page-zero .z-menu .wrapper a{color:var(--color-2);display:inline-flex;align-items:center;justify-content:center;height:50px;font-size:1rem;box-sizing:border-box;padding:0 25px;border-radius:25px}#page-zero .z-menu .wrapper a:hover{background-color:var(--color-4)}#page-zero .z-menu .wrapper a.active{background-color:var(--color-10);color:var(--color-1)}#page-zero .z-menu .wrapper ul{display:inline-flex;gap:10px;align-items:center;height:100%}#page-zero .z-menu .wrapper ul li{list-style:none}#page-zero .z-menu .wrapper .app{display:inline-flex;height:100%}#page-zero .z-menu .wrapper .app .logo{width:50px;height:100%}#page-zero .z-menu .wrapper .app .logo img{width:100%;height:100%;transform:scale(1.3)}#page-zero .z-menu .wrapper .app .name{font-size:1.1rem}@media(max-width: 1000px){#page-zero .z-menu.fixed{position:relative;width:100%;top:auto;left:auto;z-index:auto}}#page-ending{width:100%;box-sizing:border-box;padding:10px}#page-ending .wrapper{width:100%;max-width:1000px;margin:auto;border-radius:2rem;padding:25px;border:1px solid var(--color-4);box-sizing:border-box}#page-ending .wrapper .mobile h6{font-size:1.1rem}#page-ending .wrapper .mobile p{font-size:1rem}#page-ending .wrapper .mobile .badges{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:25px}#page-ending .wrapper .mobile .badges a{display:block;height:70px}#page-ending .wrapper .mobile .badges a img{height:100%;display:block}#page-ending .wrapper .app{text-align:right}#page-ending .wrapper .app .organisation a{color:var(--color-2);text-decoration:underline}
#home{width:100%}#home .moto{width:100%;margin:100px auto 0 auto;max-width:700px}#home .moto h3{font-size:1.5em}#home .moto p{font-size:1.1rem;margin-top:25px}#home .moto ul{margin-top:10px}#home .moto ul li{font-size:1.1rem}#home .moto blockquote{font-style:italic;border-left:3px solid var(--color-10);box-sizing:border-box;padding-left:1rem;margin:1rem 0;display:block;background:linear-gradient(90deg, #777 0%, #fff 20%, #bbb 40%, #fff 60%, #777 100%);background-size:200% auto;color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;animation:shine 4s linear;font-size:1.33rem}@keyframes shine{0%{background-position:200% center}100%{background-position:-200% center}}#home .features{width:100%;max-width:1000px;margin:auto;display:flex;flex-wrap:wrap;gap:25px;box-sizing:border-box;padding:10px}#home .features .feature{flex:1;min-width:300px;max-width:400px;border-radius:2rem;padding:25px;border:1px solid var(--color-4);box-sizing:border-box}#home .features .feature .icon-label{display:flex;align-items:center;gap:25px}#home .features .feature .icon-label svg{width:40px;height:40px}#home .features .feature .icon-label svg path{fill:var(--color-10)}#home .features .feature .icon-label h3{font-size:1.3rem}#home .features .feature p{font-size:1.1rem;margin-top:25px}#home .info{width:100%;max-width:1000px;margin:50px auto 0 auto;box-sizing:border-box;padding:10px}#home .info .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#home .info .content{margin-top:25px}#home .info .content .text{max-width:700px}#home .info .content .text h2{font-size:1.5rem;margin-bottom:25px}#home .info .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#home .info .frame{width:100%;height:50vw}}#home .monetization{width:100%;max-width:1000px;margin:50px auto 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:25px;box-sizing:border-box;padding:10px}#home .monetization .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#home .monetization .content{flex:1;min-width:400px;margin-top:25px}#home .monetization .content .text{max-width:700px}#home .monetization .content .text h2{font-size:1.5rem;margin-bottom:25px}#home .monetization .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#home .monetization .frame{width:100%;height:50vw}}
#api{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#api .zero{width:100%;display:flex;gap:25px;flex-wrap:wrap;align-items:center;justify-content:center;margin:50px auto 0 auto;box-sizing:border-box;padding:10px}#api .zero .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#api .zero .content{flex:1;min-width:400px;margin-top:25px}#api .zero .content .text{max-width:700px}#api .zero .content .text h2{font-size:1.5rem;margin-bottom:25px}#api .zero .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#api .zero .frame{width:100%;height:50vw}}#api .service{width:100%;display:flex;gap:25px;flex-wrap:wrap;align-items:center;justify-content:center;margin:50px auto 0 auto;box-sizing:border-box;padding:10px}#api .service .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#api .service .content{flex:1;min-width:400px;margin-top:25px}#api .service .content .text{max-width:700px}#api .service .content .text h3{font-size:1.5rem;margin-bottom:25px}#api .service .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#api .service .frame{width:100%;height:50vw}}#api .api-tabs-menu{width:100%;display:flex;gap:10px;margin-top:25px}#api .api-tabs-menu button{color:var(--color-2);display:inline-flex;align-items:center;justify-content:center;height:50px;font-size:1rem;box-sizing:border-box;padding:0 25px;border-radius:25px;background-color:var(--color-1);border:1px solid var(--color-4)}#api .api-tabs-menu button:hover{background-color:var(--color-4)}#api .api-tabs-menu button.visible{background-color:var(--color-10);color:var(--color-1)}#api .api-tabs-contents{width:100%;margin-top:25px}#api .api-tabs-contents .at-content{width:100%;display:none}#api .api-tabs-contents .at-content.visible{display:block}#api .row{width:100%;margin-top:25px}#api .row .content{width:100%;max-width:700px}#api .row .content h2{font-size:1.3rem;margin-bottom:25px}#api .row .content h4{font-size:1.1rem;margin-top:10px}#api .row .content p,#api .row .content ul{font-size:1rem;margin-top:10px}#api .row .code{width:100%;max-width:700px;margin-top:25px;border-radius:2rem;overflow:hidden;box-sizing:border-box;padding:25px;background-color:#0d1117}#api .row .code pre,#api .row .code code{width:100%;box-sizing:border-box}@media screen and (max-width: 780px){#api .row .code{width:100%}}
#world{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#world .zero{width:100%;display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin:50px auto 0 auto;box-sizing:border-box;padding:10px}#world .zero .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#world .zero .content{flex:1;min-width:400px;margin-top:25px}#world .zero .content .text{max-width:700px}#world .zero .content .text h1{font-size:2rem;margin-bottom:25px}#world .zero .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#world .zero .frame{width:100%;height:50vw}}#world .host{width:100%;display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin:50px auto 0 auto;box-sizing:border-box;padding:10px}#world .host .qr-code{width:300px;height:300px;border-radius:2rem;overflow:hidden}#world .host .qr-code img{width:100%;height:100%}#world .host .content{flex:1;min-width:400px;margin-top:25px}#world .host .content .text{max-width:700px}#world .host .content .text h2{font-size:1.5rem;margin-bottom:25px}#world .host .content .text p{font-size:1.1rem;margin-top:10px}
#guide{width:100%;max-width:1000px;margin:auto;box-sizing:border-box;padding:10px}#guide .zero{width:100%;display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin:50px auto 0 auto;box-sizing:border-box;padding:10px}#guide .zero .frame{width:500px;height:300px;border-radius:2rem;background-color:var(--color-3);background:linear-gradient(45deg, var(--color-3) 0%, var(--color-3) 5%, transparent 5%, transparent 10%, var(--color-3) 10%, var(--color-3) 15%, transparent 15%, transparent 20%, var(--color-3) 20%, var(--color-3) 25%, transparent 25%, transparent 30%, var(--color-3) 30%, var(--color-3) 35%, transparent 35%, transparent 40%, var(--color-3) 40%, var(--color-3) 45%, transparent 45%, transparent 50%, var(--color-3) 50%, var(--color-3) 55%, transparent 55%, transparent 60%, var(--color-3) 60%, var(--color-3) 65%, transparent 65%, transparent 70%, var(--color-3) 70%, var(--color-3) 75%, transparent 70%, transparent 80%, var(--color-3) 80%, var(--color-3) 85%, transparent 85%, transparent 90%, var(--color-3) 90%, var(--color-3) 95%, transparent 95%);background-size:3em 3em;opacity:1}#guide .zero .content{flex:1;min-width:400px;margin-top:25px}#guide .zero .content .text{max-width:700px}#guide .zero .content .text h1{font-size:2rem;margin-bottom:25px}#guide .zero .content .text p{font-size:1.1rem;margin-top:10px}@media screen and (max-width: 580px){#guide .zero .frame{width:100%;height:50vw}}#guide .host{width:100%;display:flex;gap:25px;flex-wrap:wrap;align-items:center;margin:50px auto 0 auto;box-sizing:border-box;padding:10px}#guide .host .qr-code{width:300px;height:300px;border-radius:2rem;overflow:hidden}#guide .host .qr-code img{width:100%;height:100%}#guide .host .content{flex:1;min-width:400px;margin-top:25px}#guide .host .content .text{max-width:700px}#guide .host .content .text h2{font-size:1.5rem;margin-bottom:25px}#guide .host .content .text p{font-size:1.1rem;margin-top:10px}#guide .roadmap,#guide .study-tips,#guide .provider{width:100%;margin:50px auto 0 auto}#guide .roadmap .content,#guide .study-tips .content,#guide .provider .content{flex:1;min-width:400px;margin-top:25px}#guide .roadmap .content .text,#guide .study-tips .content .text,#guide .provider .content .text{max-width:700px}#guide .roadmap .content .text h2,#guide .study-tips .content .text h2,#guide .provider .content .text h2{font-size:1.5rem;margin-bottom:25px}#guide .roadmap .content .text p,#guide .study-tips .content .text p,#guide .provider .content .text p{font-size:1.1rem;margin-top:10px}
#miscellaneous-contact{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:50px;color:var(--color-2);box-sizing:border-box;padding:200px 10px}#miscellaneous-contact h2,#miscellaneous-contact p{max-width:700px}#miscellaneous-contact .frame{width:700px;height:200px;border-radius:1rem;box-sizing:border-box;padding:10px;border:1px solid var(--color-2);overflow:hidden;display:flex;justify-content:center;align-items:center}#miscellaneous-contact .frame a{font-size:1.3rem;text-decoration:underline;color:var(--color-2)}
#miscellaneous-privacy{width:100%;max-width:1000px;margin:0 auto;height:100%;color:var(--color-2);box-sizing:border-box;padding:200px 10px}#miscellaneous-privacy h2,#miscellaneous-privacy h3,#miscellaneous-privacy p{max-width:700px}#miscellaneous-privacy h2{font-size:1.5rem;margin-top:25px}#miscellaneous-privacy h3{font-size:1.3rem;margin-top:25px}#miscellaneous-privacy p{font-size:1.1rem;margin-top:25px}