a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{background:transparent}:root{--color-primary:#16308d;--color-primary-dark:#2a00a2;--color-primary-light:#e4daff;--color-primary-bg:#f6f7fb;--color-white:#fff;--color-black:#000;--color-title:#14142b;--color-body:#4e4b66;--color-label:#6e7191;--color-placeholder:#a0a3bd;--color-line:#d9dbe9;--color-input-background:#fafafc;--color-background:#f7f7fc;--color-off-white:#fcfcfc;--color-feedback-error:#ed2e7e;--color-feedback-success:#00ba88;--color-feedback-warning:#f4b740;--font-family:"Inter",sans-serif}*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden}body{background:#f6f7fb;background:var(--color-primary-bg);color:#4e4b66;color:var(--color-body);display:grid;font-family:Inter,sans-serif;font-family:var(--font-family);font-size:1rem;grid-template-rows:auto 1fr auto;line-height:1.5;min-height:100vh}b,strong{font-weight:700}svg{vertical-align:middle;width:100%}a{color:inherit}[hidden]{display:none!important}.container{margin:0 auto;max-width:1400px}.grid{grid-gap:6rem 6.625rem;align-items:flex-start;display:grid;gap:6rem 6.625rem;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content}.content>*+*{margin-top:2rem}.visually-hidden:not(:focus){clip:rect(0,0,0,0);position:absolute}.back-to-top,.skip-to-main{z-index:100}.back-to-top{bottom:1.5rem;position:fixed;right:1.5rem}.skip-to-main{left:1.5rem;position:absolute;top:1.5rem}.title{color:#14142b;color:var(--color-title);font-weight:700}.title--large{font-size:2.75rem;line-height:1.2}.title--medium{font-size:2.25rem;line-height:1.2}.title--small{font-size:1.5rem;line-height:1.2}.link{color:#16308d;color:var(--color-primary);cursor:pointer}.link:focus{outline-color:#2a00a2;outline-color:var(--color-primary-dark)}.link--black{color:#000;color:var(--color-black)}.button{background:var(--blue);border:none;border-radius:.25rem;color:#fff;cursor:pointer;display:inline-block;font-size:.75em;font-weight:700;padding:.75rem 1.5rem;position:relative;text-decoration:none;text-transform:uppercase;transition:background .1s ease-in-out}.button--primary{background:#16308d;background:var(--color-primary);color:#fff}.button--success{background:#00ba88;background:var(--color-feedback-success);color:#fff}.button__icon{margin-left:.75em;width:1.5em}.button__icon--hidden{opacity:0;position:absolute}.button__icon--spinner{-webkit-animation:spinner 1s linear infinite;animation:spinner 1s linear infinite}@-webkit-keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}::-moz-placeholder{color:#a0a3bd;color:var(--color-placeholder);opacity:1}:-ms-input-placeholder{color:#a0a3bd;color:var(--color-placeholder);opacity:1}::placeholder{color:#a0a3bd;color:var(--color-placeholder);opacity:1}:-ms-input-placeholder{color:#a0a3bd;color:var(--color-placeholder)}::-ms-input-placeholder{color:#a0a3bd;color:var(--color-placeholder)}.form>*{grid-gap:1.5rem;align-content:flex-start;display:grid;gap:1.5rem;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;position:relative}.form__label{display:inline-block;margin-bottom:.25rem}.form__input{-webkit-appearance:none;background-color:#fafafc;background-color:var(--color-input-background);border:1px solid #d9dbe9;border:1px solid var(--color-line);border-radius:.25rem;font-size:1rem;line-height:1;margin-top:.25rem;padding:.745rem 1rem;transition:border .3s ease-in-out,box-shadow .3s ease-in-out;width:100%}.form__input:focus{box-shadow:0 0 0 2px #14142b;box-shadow:0 0 0 2px var(--color-title);outline:0}.form__input--disable{background:#d9dbe9;background:var(--color-line);cursor:not-allowed}.form__input--email{text-transform:lowercase}.form__input--select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 2.25 6.018 3.99 2.537 2.25' stroke='%23A0A3BD' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position-x:95%;background-position-y:50%;background-repeat:no-repeat;cursor:pointer}.form__switch{--width:2rem;--height:calc(var(--width)/2);--border-radius:calc(var(--height)/2);--margin:6px;grid-gap:.5rem;align-items:center;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:auto auto;justify-content:flex-start}.form__switch__slider{background:#a0a3bd;background:var(--color-placeholder);border-radius:var(--border-radius);height:var(--height);position:relative;transition:background .2s;width:var(--width)}.form__switch__slider:after{background:#fff;background:var(--color-white);border-radius:var(--border-radius);content:"";height:calc(var(--height) - var(--margin));left:calc(var(--margin)/2);position:absolute;top:50%;transform:translateY(-50%);transition:transform .2s;width:calc(var(--height) - var(--margin));will-change:transform}.form__switch--active .form__switch__slider{background:#16308d;background:var(--color-primary)}.form__switch--active .form__switch__slider:after{transform:translateX(var(--height)) translateY(-50%)}.form__message{bottom:-3rem;position:absolute}.form__message__icon{max-width:1rem}.form__footer{display:flex;justify-content:space-between}.preview__viewer{--device-border:#27242f;--device-topbar:#3c3a44;--device-header:#eff0f6;border-radius:4px;position:relative;z-index:1}.preview__viewer--desktop:before{background:red}.preview__viewer:before{background:var(--device-border);border-radius:4px;content:"";height:calc(100% + 2rem);left:-1rem;position:absolute;top:-1rem;width:calc(100% + 2rem);z-index:-1}.preview__topbar{background:var(--device-topbar);border-radius:4px 4px 0 0;display:flex;padding:1rem}.preview__topbar__button{border-radius:50%;display:block;height:.5rem;margin-right:.5rem;width:.5rem}.preview__topbar__button--red{background:#f2545b}.preview__topbar__button--yellow{background:#f5c26b}.preview__topbar__button--green{background:#00bda5}.preview__header{background:var(--device-header);padding:1.5rem 2rem}.preview__header__text{margin:0}.preview__body{background:#fff;padding:1.5rem 2rem 0}.preview__body__line{background:var(--device-header);border-radius:2px;display:block;height:.5rem;margin-top:.5rem}.preview__body__line-1{width:50%}.preview__body__line-2,.preview__body__line-3{width:100%}.preview__body__line-4{width:75%}.preview__output{background:#fff;border-radius:0 0 8px 8px;color:#000;color:initial;min-height:340px;padding:1.5rem 2rem 4rem}.preview__viewer--mobile{margin:auto;max-width:316px}.preview__viewer--mobile:before{border-radius:40px}.preview__viewer--mobile .preview__topbar{background:var(--device-header);border-radius:24px 24px 0 0;justify-content:center;position:relative}.preview__viewer--mobile .preview__topbar:after{background:#3c3a44;border-radius:0 0 32px 32px;content:"";height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:50%}.preview__viewer--mobile .preview__topbar__button{background:#a0a3bd;position:relative;z-index:1}.preview__viewer--mobile .preview__topbar__button:first-child{display:none}.preview__viewer--mobile .preview__topbar__button:nth-child(2){border-radius:24px;width:1.5rem}.preview__viewer--mobile .preview__output{border-radius:0 0 24px 24px}.preview__device{align-items:center;display:flex;justify-content:center;margin-top:2.25rem}.preview__device__label{margin-right:1.5rem}.preview__device__button{cursor:pointer;padding:.25em}.preview__device__icon{color:#a0a3bd;color:var(--color-placeholder);max-width:1.5rem}.preview__device__button:hover .preview__device__icon{color:#16308d;color:var(--color-primary)}.preview__device__button--actived .preview__device__icon{color:#4e4b66;color:var(--color-body)}.preview__outcome__clipboard{background:#00ba88;background:var(--color-feedback-success);border:2px solid #fff;border-radius:8px;bottom:2rem;box-shadow:0 16px 24px rgba(0,0,0,.16),0 2px 6px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.04);color:#fff;font-size:1.25rem;left:0;margin:auto;opacity:0;padding:1em 1.5em;position:fixed;right:0;transform:translate3d(0,150px,0);width:-webkit-max-content;width:-moz-max-content;width:max-content;will-change:transform,opacity;z-index:-99}.preview__outcome__clipboard--active{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-name:copied;animation-name:copied}@-webkit-keyframes copied{0%,30%,37%,45%,50%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,150px,0)}30%{opacity:1;transform:translate3d(0,-20px,0)}37%{transform:translate3d(0,10px,0)}45%{transform:translate3d(0,-5px,0)}50%{transform:translateZ(0)}70%{transform:scale3d(.9,.9,.9)}80%,85%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes copied{0%,30%,37%,45%,50%{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,150px,0)}30%{opacity:1;transform:translate3d(0,-20px,0)}37%{transform:translate3d(0,10px,0)}45%{transform:translate3d(0,-5px,0)}50%{transform:translateZ(0)}70%{transform:scale3d(.9,.9,.9)}80%,85%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.header{padding:2rem 1.5rem 0;text-align:center}.header__brand{max-width:4rem}.intro{padding:2rem 1.5rem 8rem}.how-to{font-size:1.125rem;line-height:1.5;padding:6rem 1.5rem 8rem}.footer{background:#16308d;background:var(--color-primary);color:#fff;font-size:.875rem;line-height:1.5;padding:2rem 1.5rem}.footer__container{gap:.75rem;margin:0 auto;max-width:1400px}.footer__container,.footer__copyright,.footer__credits{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.footer__copyright__divider{margin:0 1em}.footer__copyright__brand{max-width:6.25rem}.footer__credits__brand{display:block}.footer__credits__brand>*{margin:.5em;max-width:1.75rem}.box{background:#a0a3bd;background:var(--color-placeholder);border-radius:4px;color:#000;color:var(--color-black);padding:2rem 2rem 3rem}.box:not(:last-child){margin-top:4rem}.box:first-child{margin-top:5rem}.box:last-child{margin-top:2.25rem}.box__icon{background:#fff;border:5px solid #a0a3bd;border:5px solid var(--color-placeholder);border-radius:8px;display:block;margin:-4rem 0 2rem;max-width:100px;padding:1em}.box__list{font-size:1rem;list-style:decimal;padding:1rem 0 0 2rem}.box__list *+*{margin-top:.5rem}@media (min-width:1140px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.form>*{grid-template-columns:repeat(2,1fr)}.form>*>*{grid-column:var(--column)}.header{padding:2rem 1.5rem;text-align:center}.footer{padding:1rem 1.5rem}}