body{margin:0;padding:0;height:100vh;background-color:#F5F5F5}*{box-sizing:border-box}.container{display:flex;flex-direction:column;justify-content:space-around;align-items:center;height:100%}.hide{display:none}.main{width:685px;box-sizing:border-box;display:flex;align-items:center;flex-direction:column;justify-content:flex-start;background:#fff url(../../images/account/authentication/main-image-2x.png) no-repeat top center;background-size:contain;box-shadow:0px 20px 35px #121B4E1C;border-radius:15px}.main .btn{font:600 18px/15px 'proxima-nova';height:50px;line-height:50px;border-radius:50px;padding:0 39px;display:inline-block;margin:0 10px;cursor:pointer;border:1px solid #3A57FA;text-decoration:none}.main .btn.btn-authorize{background:#3A57FA;color:#fff}.main .btn.btn-authorize:hover{background:#2e46c8}.main .btn-signup{font:600 18px/15px 'proxima-nova';text-decoration:none;color:#283CAD;margin-top:39px}.main .btn-signup:hover{text-decoration:underline}.main h1{text-align:center;font:36px/46px sofia-pro;letter-spacing:-0.72px;color:#0D1740;font-weight:500;margin-bottom:21px;margin-top:0}.main h5{font:normal normal normal 16px/25px 'proxima-nova';letter-spacing:0px;color:#0D1740;margin:0;text-align:center}.main p.footnote{margin-top:30px;font:15px/25px proxima-nova;text-align:center;margin-bottom:59px}.main p.footnote a{color:#3A57FA}.main p.footnote.public-signin{width:278px;border-top:1px solid #CFD0D8;padding-top:34px}.main a.manual-signin-link{color:#3A57FA;font:14px/16px proxima-nova;margin-top:31px}.main p.invisible-p{visibility:hidden;margin-bottom:auto}.main .business-logo{width:160px;height:160px;background:#fff url(https://res.cloudinary.com/powtoon-dev/image/upload/v1616663538/site/signup/powtoon-icon.svg) no-repeat 31px 31px;border:1px solid #E4E5EA;border-radius:56px;margin-bottom:20px;margin-top:104px;background-size:104px;flex-shrink:0}.main form{text-align:center;font:14px/25px proxima-nova}.main form input.material-input{width:325px;height:40px;border:1px solid #C3C5CF;border-radius:10px;color:#0D1740;padding:0 15px;font-family:proxima-nova}.main form .text-right{display:inline-block;margin-bottom:25px;vertical-align:middle}.main form .dropdown-menu{width:325px;height:40px;border:1px solid #C3C5CF;border-radius:10px;padding:0 15px;color:#0D1740}.main form .btn.btn-authorize{display:block;margin:0 auto}.main .error-text{color:red;font-size:14px;float:left}.signup-links-btns{position:relative;width:325px;display:none;margin-bottom:55px}.signup-links-btns .btn{width:100%;margin:30px 0 0 0;text-align:center;box-sizing:border-box}.signup-links-btns .btn.btn-white{background:#fff;border:1px solid #DCE1FE;color:#3A57FA;margin-top:20px}.signup-links-btns .btn.btn-white:hover{border-color:#3a57fa;background-color:#f3f5ff;color:#3a57fa}.dropdown{--max-scroll:8;--text:#0D1740;--border:#C3C5CF;--arrow:#99A3BA;--arrowActive:#6C7486;--listText:#0D1740;--listBackground:#fff;--listActive:#F3F5FF;--listTextActive:#3A57FA;--listBorder:#E4ECFA;width:325px;position:relative}.dropdown select{display:none}.dropdown>span{cursor:pointer;padding:7px 15px 6px;border-radius:10px;display:block;position:relative;color:var(--text);border:1px solid var(--border);transition:all .3s ease;text-align:left}.dropdown>span:before,.dropdown>span:after{content:'';display:block;position:absolute;width:8px;height:2px;border-radius:1px;top:50%;right:15px;background:var(--arrow);transition:all .3s ease}.dropdown>span:before{margin-right:4px;transform:scale(0.96,0.8) rotate(50deg)}.dropdown>span:after{transform:scale(0.96,0.8) rotate(-50deg)}.dropdown ul{margin:0;padding:8px;list-style:none;opacity:0;visibility:hidden;position:absolute;max-height:calc(var(--max-scroll) * 42px);top:42px;left:0;z-index:1;right:0;background:var(--listBackground);border-radius:6px;overflow-x:hidden;overflow-y:auto;transform-origin:0 0;transition:opacity 0.2s ease,visibility 0.2s ease,transform 0.3s cubic-bezier(0.4,0.6,0.5,1.32);transform:scale(0.8) translate(0,4px);box-shadow:0px 10px 25px #121B4E1C}.dropdown ul li{opacity:0;transform:translate(6px,0);transition:all .3s ease;text-align:left}.dropdown ul li a{cursor:pointer;display:block;padding:8px 17px;color:var(--listText);text-decoration:none;outline:none;position:relative;transition:all .3s ease;border-radius:8px}.dropdown ul li a:hover{color:var(--listTextActive)}.dropdown ul li.active a{color:var(--listTextActive);background:var(--listActive)}.dropdown ul li.active a:before,.dropdown ul li.active a:after{--scale:.6;content:'';display:block;width:10px;height:2px;position:absolute;right:17px;top:50%;opacity:0;background:var(--listText);transition:all .2s ease}.dropdown ul li.active a:before{transform:rotate(45deg) scale(var(--scale))}.dropdown ul li.active a:after{transform:rotate(-45deg) scale(var(--scale))}.dropdown ul li.active a:hover:before,.dropdown ul li.active a:hover:after{--scale:.9;opacity:1}.dropdown.filled>span{color:var(--textFilled)}.dropdown.open>span:before,.dropdown.open>span:after{background:var(--arrowActive)}.dropdown.open>span:before{transform:scale(0.96,0.8) rotate(-50deg)}.dropdown.open>span:after{transform:scale(0.96,0.8) rotate(50deg)}.dropdown.open ul{opacity:1;visibility:visible;transform:scale(1) translate(0,12px);transition:opacity 0.3s ease,visibility 0.3s ease,transform 0.3s cubic-bezier(0.4,0.6,0.5,1.32)}.dropdown.open ul li{opacity:1;transform:translate(0,0)}.dropdown.open ul li:nth-child(1){transition-delay:80ms}.dropdown.open ul li:nth-child(2){transition-delay:160ms}.dropdown.open ul li:nth-child(3){transition-delay:240ms}.dropdown.open ul li:nth-child(4){transition-delay:320ms}.dropdown.open ul li:nth-child(5){transition-delay:400ms}.dropdown.open ul li:nth-child(6){transition-delay:480ms}.dropdown.open ul li:nth-child(7){transition-delay:560ms}.dropdown.open ul li:nth-child(8){transition-delay:640ms}.dropdown.open ul li:nth-child(9){transition-delay:720ms}.dropdown.open ul li:nth-child(10){transition-delay:800ms}select{--text:#3F4656;--border:#2F3545;--background:#151924}select.dropdown{padding:9px 16px;border-radius:6px;color:var(--text);border:1px solid var(--border);background:var(--background);line-height:22px;font-size:16px;font-family:inherit;-webkit-appearance:none}p.footer-access-note{display:block;width:254px;text-align:center;font:16px/25px proxima-nova;color:#696F89}