@import url(https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700;900&display=swap);
html,body,div,span,object,iframe,figure,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,img,small,strike,strong,sub,sup,tt,b,u,i,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,main,canvas,embed,footer,header,nav,section,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}footer,header,nav,section,main{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}@-webkit-keyframes rotate{0%{-webkit-transform:translate3d(-50%, -50%, 0) rotateZ(0deg);transform:translate3d(-50%, -50%, 0) rotateZ(0deg)}100%{-webkit-transform:translate3d(-50%, -50%, 0) rotateZ(360deg);transform:translate3d(-50%, -50%, 0) rotateZ(360deg)}}@keyframes rotate{0%{-webkit-transform:translate3d(-50%, -50%, 0) rotateZ(0deg);transform:translate3d(-50%, -50%, 0) rotateZ(0deg)}100%{-webkit-transform:translate3d(-50%, -50%, 0) rotateZ(360deg);transform:translate3d(-50%, -50%, 0) rotateZ(360deg)}}@-webkit-keyframes cta{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes cta{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}@-webkit-keyframes clip{from{opacity:0;-webkit-clip-path:inset(-20% 100% -20% -20%);clip-path:inset(-20% 100% -20% -20%)}to{opacity:1;-webkit-clip-path:inset(-20% -20% -20% -20%);clip-path:inset(-20% -20% -20% -20%)}}@keyframes clip{from{opacity:0;-webkit-clip-path:inset(-20% 100% -20% -20%);clip-path:inset(-20% 100% -20% -20%)}to{opacity:1;-webkit-clip-path:inset(-20% -20% -20% -20%);clip-path:inset(-20% -20% -20% -20%)}}*{font-family:"Noto Sans",sans-serif}body{font-family:"Noto Sans",sans-serif;background:url("../img/world.svg") no-repeat center top;background-repeat:no-repeat;text-align:center}#logo{width:257px;height:53px;background:url("../img/logo.png") no-repeat center center;display:block;margin:0 auto 130px auto}header p{max-width:500px;margin:0 auto}#wrap{padding:50px}h1{font-size:43px;font-weight:900;letter-spacing:-2px;color:#a511ff;margin:20px 0}h1 b{font-weight:900}h1 span{color:#00278a;-webkit-transition:width 1s ease;-o-transition:width 1s ease;transition:width 1s ease;position:relative;display:inline-block;text-align:left;vertical-align:bottom;margin-right:10px}h1 span.w{width:0;margin:0}h1 span.dot{margin-left:-10px}.page{max-width:1000px;margin:0 auto}.page h1{color:#00278a;margin-bottom:80px;line-height:1.2em}.page h1 b{color:#a511ff}.page main{text-align:left}.page p{margin-bottom:10px}strong,b{font-weight:700}p{font-size:18px;color:#666;line-height:1.2em}.cta{overflow:hidden;color:#fff;border-radius:50px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px;text-transform:uppercase;white-space:nowrap;padding:15px 50px;font-size:16px;-webkit-box-shadow:0px 8px 20px rgba(101,58,192,.4);box-shadow:0px 8px 20px rgba(101,58,192,.4);border:none;font-weight:bold;position:relative;z-index:3;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;cursor:pointer;text-decoration:none;margin:70px 0 100px 0}.cta:hover{-webkit-transform:scale(1.07);-ms-transform:scale(1.07);transform:scale(1.07);-webkit-box-shadow:0 10px 30px rgba(101,58,192,.3);box-shadow:0 10px 30px rgba(101,58,192,.3)}.cta:active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.cta::before{content:"";z-index:-1;background:-o-linear-gradient(290deg, #58D8F4, #AA01FA);background:linear-gradient(160deg, #58D8F4, #AA01FA);inset:3px;position:absolute;border-radius:50px}.cta::after{content:"";position:absolute;background:conic-gradient(#B9FBFF, #FF81EB, #B9FBFF);width:200%;aspect-ratio:1;top:50%;left:50%;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0);z-index:-2;-webkit-animation:rotate 5s ease infinite;animation:rotate 5s ease infinite}.cta svg{fill:#fff;width:30px;height:30px}main ul{display:-webkit-box;display:-ms-flexbox;display:flex;align-item:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:50px;color:#00278a;margin:20px 0 100px 0}main ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}main ul strong{font-size:40px;font-weight:900;display:block}ol li{list-style-type:decimal;margin:20px;color:#333;line-height:1.2em}ol li::marker{color:#aaa}ol ul{display:block;margin:20px}ol ul li{list-style-type:disc;margin:20px 40px;display:list-item}#tutorial{padding:10px 10px 10px 30px;border-radius:50px;font-size:22px;color:#666;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ccc;white-space:nowrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:42px}#tutorial a{background:-webkit-gradient(linear, left top, right top, from(#00278A), to(#A511FF));background:-o-linear-gradient(left, #00278A, #A511FF);background:linear-gradient(90deg, #00278A, #A511FF);display:block;border-radius:50px;white-space:nowrap;width:42px;line-height:42px;height:42px;color:#fff;padding:5px;-webkit-box-sizing:border-box;box-sizing:border-box}#tutorial a:hover{background:-webkit-gradient(linear, left top, right top, from(#0035bd), to(#b844ff));background:-o-linear-gradient(left, #0035bd, #b844ff);background:linear-gradient(90deg, #0035bd, #b844ff)}#tutorial>div{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px}#tutorial select{border-radius:50px;padding:0px 40px 0px 20px;margin:0 10px;border:none;font:inherit;color:inherit;font-weight:bold;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e7e7e7 url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2235%22%20height%3D%2235%22%20viewBox%3D%220%200%2035%2035%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M27.3438%2012.5781L17.5%2022.4219L7.65625%2012.5781%22%20stroke%3D%22%239F9F9F%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fsvg%3E") no-repeat 93% center;background-size:20px 20px}@media screen and (max-width: 900px){#tutorial{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:10px;border-radius:10px;padding:20px}}@media screen and (max-width: 600px){#logo{margin-bottom:70px}#wrap{padding:50px 20px}}@media screen and (max-width: 500px){h1 span.w{display:block}}