*{box-sizing:border-box}body{background:#EBEBEB;display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:'Montserrat',sans-serif;height:96vh;margin:-20px 0 50px};h1{font-weight:bold;margin:0}h2{text-align:center}p{font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}span{font-size:12px}a{color:#333;font-size:14px;margin:15px 0}button{border-radius:20px;border:1px solid #ff4b2b;background-color:#ff4b2b;color:#fff;font-size:12px;font-weight:bold;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;cursor: pointer;}button:active{transform:scale(0.95)}button:focus{outline:0}button.ghost{background-color:transparent;border-color:#fff}form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center}input{background-color:#eee;border:0;padding:12px 15px;margin:8px 0;width:100%}.container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container{transform:translateX(100%)}.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.container.right-panel-active .sign-up-container{transform:translateX(100%);opacity:1;z-index:5;animation:show .6s}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,100%{opacity:1;z-index:5}}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.container.right-panel-active .overlay-container{transform:translateX(-100%)}.overlay{background:#ff416c;background:-webkit-linear-gradient(to right,#ff4b2b,#ff416c);background:linear-gradient(to right,#6cf,#FFE7BA);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:transform .6s ease-in-out}.container.right-panel-active .overlay{transform:translateX(50%)}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translateX(0);transition:transform .6s ease-in-out}.overlay-left{transform:translateX(-20%)}.container.right-panel-active .overlay-left{transform:translateX(0)}.overlay-right{right:0;transform:translateX(0)}.container.right-panel-active .overlay-right{transform:translateX(20%)}.social-container{margin:20px 0}.social-container a{border:1px solid #ddd;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;height:40px;width:40px}footer{background-color:#222;color:#fff;font-size:14px;bottom:0;position:fixed;left:0;right:0;text-align:center;z-index:999}footer p{margin:10px 0}footer i{color:red}footer a{color:#3c97bf;text-decoration:none}.iw-contextMenu{box-shadow:0 2px 3px rgba(0,0,0,0.10)!important;border:1px solid #c8c7cc!important;border-radius:11px!important;display:none;z-index:1000000132;max-width:300px!important;width:auto!important}.dark-mode .iw-contextMenu,.TnITTtw-dark-mode.iw-contextMenu,.TnITTtw-dark-mode .iw-contextMenu{border-color:#747473!important}.iw-cm-menu{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;overflow:visible!important}.dark-mode .iw-cm-menu,.TnITTtw-dark-mode.iw-cm-menu,.TnITTtw-dark-mode .iw-cm-menu{background:#525251!important;color:#FFF!important}.iw-cm-menu li{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,Ubuntu,sans-serif!important;list-style:none!important;padding:10px!important;padding-right:20px!important;border-bottom:1px solid #c8c7cc!important;font-weight:400!important;cursor:pointer!important;position:relative!important;font-size:14px!important;margin:0!important;line-height:inherit!important;border-radius:0!important;display:block!important}.dark-mode .iw-cm-menu li,.TnITTtw-dark-mode .iw-cm-menu li{border-bottom-color:#747473!important}.iw-cm-menu li:first-child{border-top-left-radius:11px!important;border-top-right-radius:11px!important}.iw-cm-menu li:last-child{border-bottom-left-radius:11px!important;border-bottom-right-radius:11px!important;border-bottom:none!important}.iw-mOverlay{position:absolute!important;width:100%!important;height:100%!important;top:0!important;left:0!important;background:#FFF!important;opacity:.5!important}.iw-contextMenu li.iw-mDisable{opacity:.3!important;cursor:default!important}.iw-mSelected{background-color:#f6f6f6!important}.dark-mode .iw-mSelected,.TnITTtw-dark-mode .iw-mSelected{background-color:#676766!important}.iw-cm-arrow-right{width:0!important;height:0!important;border-top:5px solid transparent!important;border-bottom:5px solid transparent!important;border-left:5px solid #000!important;position:absolute!important;right:5px!important;top:50%!important;margin-top:-5px!important}
.dark-mode .iw-cm-arrow-right,.TnITTtw-dark-mode .iw-cm-arrow-right{border-left-color:#FFF!important}</style><style type="text/css">@-webkit-keyframes load4{0%,100%{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -0.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}@keyframes load4{0%,100%{box-shadow:0 -3em 0 .2em,2em -2em 0 0,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 0}12.5%{box-shadow:0 -3em 0 0,2em -2em 0 .2em,3em 0 0 0,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}25%{box-shadow:0 -3em 0 -0.5em,2em -2em 0 0,3em 0 0 .2em,2em 2em 0 0,0 3em 0 -1em,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}37.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 0,2em 2em 0 .2em,0 3em 0 0,-2em 2em 0 -1em,-3em 0 0 -1em,-2em -2em 0 -1em}50%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 0,0 3em 0 .2em,-2em 2em 0 0,-3em 0 0 -1em,-2em -2em 0 -1em}62.5%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 0,-2em 2em 0 .2em,-3em 0 0 0,-2em -2em 0 -1em}75%{box-shadow:0 -3em 0 -1em,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 .2em,-2em -2em 0 0}87.5%{box-shadow:0 -3em 0 0,2em -2em 0 -1em,3em 0 0 -1em,2em 2em 0 -1em,0 3em 0 -1em,-2em 2em 0 0,-3em 0 0 0,-2em -2em 0 .2em}}