@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);
.clearfix::before{content:"";display:table;clear:both}body{color:#003860;background:url("/static/img/bg-particles.jpg") no-repeat center -300px;background-size:contain;text-rendering:geometricPrecision;font-size:16px}.header{padding:150px 0 50px 0}.emoji-picker__wrapper{z-index:11}#editor{font-size:38px;letter-spacing:-2px;line-height:1.2;border:none;padding:30px 60px}#editor span.bad::after,#editor span.caution::after{border-radius:10px;bottom:5px;top:5px}#editor .score-text-editor-root-corner-score{letter-spacing:.5px;right:20px;bottom:20px;top:auto}.score-text-editor-word-detail-popup{letter-spacing:0;top:auto !important;bottom:20px !important;left:20px !important;-webkit-animation:fade-in-up .5s ease forwards;animation:fade-in-up .5s ease forwards;opacity:0;padding:20px !important}@-webkit-keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fade-in-up{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.editor-wrap{position:relative;border:1px solid #fff;border-radius:22px;max-width:800px;margin:50px auto 100px auto;background:#fff;-webkit-box-shadow:0 0 20px rgba(0,0,0,.3);box-shadow:0 0 20px rgba(0,0,0,.3)}.editor-wrap>.score-text-editor-word-detail-popup{top:100% !important;bottom:auto !important;right:-10px !important;left:-10px !important;margin-top:20px;padding:20px 20px 20px 40px !important;-webkit-box-shadow:0px 20px 50px rgba(0,0,0,.3);box-shadow:0px 20px 50px rgba(0,0,0,.3)}.editor-wrap .label{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;white-space:nowrap}.editor-wrap .editor-toolbar{background:#f7f7f7;border-radius:20px 20px 0 0;border-bottom:1px solid #ededed;padding:10px 20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.editor-wrap .editor-toolbar button{background:none;border:none;cursor:pointer;color:#003860}.editor-wrap .editor-toolbar button svg{vertical-align:middle}.editor-wrap .editor-content{background:#fff;border-radius:0 0 20px 20px}.editor-wrap::before{content:"";position:absolute;inset:-10px;border-radius:28px;background:linear-gradient(150deg, #0de2bf, #003860) no-repeat center;z-index:-1;-webkit-box-shadow:0 20px 50px rgba(0,50,100,.2),0 10px 20px rgba(0,50,100,.4);box-shadow:0 20px 50px rgba(0,50,100,.2),0 10px 20px rgba(0,50,100,.4)}.infopopup{position:relative}.infopopup span{position:absolute;top:100%;right:0;width:280px;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;visibility:hidden;padding:20px;border-radius:10px;z-index:10;font-size:14px;line-height:1.2em}.infopopup:hover span{visibility:visible}.fill{background:#f3f9ff;padding:70px 0 200px 0}#score .fill{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transition:all 1s ease;transition:all 1s ease}#score .fill-shadow{stroke:url(#shadow)}#score .score-value{fill:#003860;-webkit-transition:fill 1s ease;transition:fill 1s ease}#score .fill-bg{-webkit-transition:stroke 1s ease;transition:stroke 1s ease}#counter{font-size:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.canvaswrap{width:100%;height:150px;position:absolute;top:0;left:0;opacity:0}canvas{width:100%}h2{font-size:41px;line-height:1.1em}h2 span{background:-webkit-gradient(linear, left top, right top, color-stop(50%, #0de2bf), color-stop(50%, rgba(255, 255, 255, 0))) no-repeat;background:linear-gradient(to right, #0de2bf 50%, rgba(255, 255, 255, 0) 50%) no-repeat;background-size:200% 70%;background-position:100% center}h2 span.visible{-webkit-transition:background-position 1s cubic-bezier(0.16, 1, 0.3, 1) 1s;transition:background-position 1s cubic-bezier(0.16, 1, 0.3, 1) 1s;background-position:0px center}.steps{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:50px 0;max-width:100vw;scroll-behavior:smooth;scrollbar-width:0;scrollbar-color:rgba(0,0,0,0) rgba(0,0,0,0);-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.steps::-webkit-scrollbar{width:0px;height:0px;display:none}.steps li{padding:150px 20px 20px 40px;color:#aaa;border-radius:20px;border:1px solid #ededed;background:#fff;min-width:350px;position:relative;-webkit-transition:background .3s ease,color .3s ease;transition:background .3s ease,color .3s ease;scroll-snap-align:center}.steps li .canvaswrap{visibility:hidden}.steps li .canvaswrap canvas{pointer-events:none}.steps li p{font-size:22px;line-height:1.2em;margin:15px 0}.steps li::before{content:"";position:absolute;inset:50px 30px 80px 30px;-webkit-box-shadow:0 30px 50px 30px rgba(0,97,200,.4);box-shadow:0 30px 50px 30px rgba(0,97,200,.4);z-index:-3;border-radius:20px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:0;-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,opacity .3s ease;transition:transform .3s ease,opacity .3s ease,-webkit-transform .3s ease;-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}.steps li::after{content:"";position:absolute;inset:5px;background:#fff;border-radius:20px;z-index:-2}.steps li.active{background:#003860;color:#fff}.steps li.active::before{-webkit-transform:translateY(50px);-ms-transform:translateY(50px);transform:translateY(50px);opacity:1}.steps li.active p{color:#0de2bf}.steps.ready li.active .canvaswrap{visibility:visible;-webkit-animation:fade-in 1s ease forwards;animation:fade-in 1s ease forwards}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}#stepsProgress{width:65px;height:12px;border-radius:10px;margin:0 auto 50px auto;background:rgba(0,0,0,.1);overflow:hidden}#stepsProgress span{width:100%;height:12px;background:#003860;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);display:block;border-radius:10px}.anchor-right{float:right}.score-text-editor-caret{width:5px !important;border-radius:5px;background:#003860 !important;-webkit-animation:caret-blink-fade 1s linear infinite !important;animation:caret-blink-fade 1s linear infinite !important}@-webkit-keyframes caret-blink-fade{0%,100%{opacity:1}50%{opacity:0}}@keyframes caret-blink-fade{0%,100%{opacity:1}50%{opacity:0}}p{line-height:1.7em}p a{color:#003860;font-weight:700;font-size:14px}.footer-more{background:#003860;border-radius:20px;margin-top:-90px;z-index:10;position:relative}.footer-more .content{padding:40px 60px}.footer-more a{color:#0de2bf;font-size:36px;letter-spacing:-1.5px}.footer-more a span{color:#fff;font-weight:700;font-size:14px;text-transform:uppercase;display:block;letter-spacing:0;margin-top:15px}.footer-more img{position:absolute;right:10px;bottom:0;height:250px}@media screen and (max-width: 1180px){.steps{margin:50px -40px -50px -40px;padding:0 40px 100px 40px;overflow:auto}}@media screen and (max-width: 800px){body{background-size:150%}.header{padding-top:110px}.anchor-right{float:none;display:block;margin-left:auto !important;margin-right:auto !important}.cutoff{overflow:hidden;height:200px;margin-bottom:50px;position:relative}.cutoff::after{content:"";position:absolute;bottom:0;left:-40px;right:-40px;height:80px;background:radial-gradient(rgba(0, 0, 0, 0.2), transparent 70%) no-repeat center 50px;background-size:100% 100%;display:block}.score-text-editor-word-detail-popup-entry-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.footer-more{overflow-x:hidden}.footer-more img{right:-80px;z-index:-2}.footer-more .content{position:relative;padding-left:30px}.footer-more .content::after{content:"";position:absolute;top:0px;bottom:0px;left:0px;width:130%;display:block;background:-webkit-gradient(linear, left top, right top, color-stop(50%, #003860), to(transparent));background:linear-gradient(to right, #003860 50%, transparent);z-index:-1}}@media screen and (max-width: 500px){.steps{margin-left:-10px;margin-right:0px;padding-left:20px;padding-right:20px}.footer-more{margin-left:0px}.footer-more img{display:none}.editor-wrap{margin-left:10px;margin-right:10px}#editor{padding:20px 30px;font-size:28px;letter-spacing:0}.editor-wrap>.score-text-editor-word-detail-popup{padding-left:20px;padding-right:20px}}