@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loader{border:.1em solid #f3f3f3;border-top:.1em solid #491c74;border-radius:50%;width:20px;height:20px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}body{background-color:#6b5795;font-family:Open Sans,sans-serif;color:#fff}#main{max-width:800px;padding:0 40px;margin:0 auto}#brand{text-align:center;width:100%;margin-top:10em}#brand h1{font-size:2.5em;margin-bottom:2em}#brand #sub{font-size:2.1em;font-weight:400;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:wrap;flex-flow:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.2em}#signup{margin-top:6em;width:100%;text-align:center}#signup *{-webkit-transition:background-color .5s,width .5s,opacity .5s ease 1.5s;-o-transition:background-color .5s,width .5s,opacity .5s ease 1.5s;transition:background-color .5s,width .5s,opacity .5s ease 1.5s}#signup h3{font-size:1.6em;font-weight:300}#signup form fieldset{margin:0 auto;width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#signup form fieldset input{-webkit-box-flex:10;-ms-flex-positive:10;flex-grow:10;width:auto}#signup form button{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto;min-width:9em;background:rgba(255,255,255,.5);border:none;padding:.8em .5em;margin-left:.8em;color:#fff;font-size:1.1em;border-radius:.6em;text-align:center;height:2.7em;vertical-align:top}#signup form button .loader{display:none}#signup form input{background:rgba(255,255,255,.5);border:none;padding:.7em .8em;line-height:.9em;color:#fff;font-size:1.1em;border-radius:.6em;vertical-align:top}#signup form input::-webkit-input-placeholder{color:#fff}#signup form input::-moz-placeholder{color:#fff}#signup form input:-ms-input-placeholder{color:#fff}#signup form input::-ms-input-placeholder{color:#fff}#signup form input::placeholder{color:#fff}#signup .text-signup{display:block;min-height:1.4em;line-height:1.4em}#signup #error{display:none;color:#ff4f7f;margin:10px 0}#signup #error.visible{display:block}#signup .privacy{font-size:.95em;padding:.8em 0;display:inline-block}#signup.loading form button .loader{width:1em;height:1em;margin:0 auto;display:block}#signup.loading form button span{display:none}#signup.complete form button{background:#68b968}#signup.complete form[name=subscribe]{opacity:0}#intro{margin-top:10em;font-size:14px;text-align:center}#apps{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#apps .app{width:230px}#footer{margin-top:4em;font-size:14px;text-align:center}@media screen and (max-width: 800px){body{font-size:14px}#brand img{max-width:70%;min-width:200px}#brand h2{font-weight:400}#signup form fieldset{width:100%;gap:.5em;-ms-flex-flow:wrap;flex-flow:wrap}#signup form button{margin:auto;padding:0 1em}#intro{margin-top:7em}}