@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);html{font-size:16px}body,html{width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@keyframes saveProcessBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.App{text-align:center}body::-webkit-scrollbar,html::-webkit-scrollbar{display:none}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{box-sizing:border-box}bodya{align-items:center;background:#fff;display:flex;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;justify-content:center;margin:-20px 0 50px}h1{font-weight:700;margin:0}h2{text-align:center}p{font-size:14px;font-weight:100;letter-spacing:.5px;line-height:20px;margin:20px 0 30px}span{font-size:12px}a{color:#333;margin:15px 0;text-decoration:none}a,button{font-size:14px}button{background-color:#61aadd;border:1px solid #61aadd;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;letter-spacing:1px;margin-top:10px;max-width:300px;padding:14px 45px;text-transform:uppercase;transition:all .3s ease;width:100%}button:hover{background-color:#4a9cd4;box-shadow:0 4px 12px #61aadd4d;transform:translateY(-2px)}button:active{transform:scale(.95)}button:focus{outline:none}button.ghost{background-color:initial;border-color:#fff}form{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;height:100%;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:30px 50px;text-align:center}form h1{font-size:28px;margin-bottom:10px}input{background-color:#eee;border:none;margin:8px 0;padding:12px 15px;width:100%}.container{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px #0000001a,0 10px 10px #0000001a;display:flex;flex-direction:column;height:100%;max-width:100%;min-height:550px;overflow:hidden;position:relative;width:768px}.form-container{height:100%;overflow-x:hidden;overflow-y:auto;position:absolute;top:0;transition:all .6s ease-in-out;width:100%}.sign-in-container{left:0;width:50%;z-index:2}.container.single-form-view .form-container,.container.single-form-view .sign-in-container{width:100%}.container.right-panel-active .sign-in-container{transform:translateX(100%)}.sign-up-container{left:0;opacity:0;width:50%;z-index:1}.container.right-panel-active .sign-up-container{animation:show .6s;opacity:1;transform:translateX(100%);z-index:5}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{height:100%;left:50%;overflow:hidden;position:absolute;top:0;transition:transform .6s ease-in-out;width:50%;z-index:100}.container.right-panel-active .overlay-container{transform:translateX(-100%)}.overlay{background:#61aadd;background:linear-gradient(90deg,#3882cd,#87ceeb);background-position:0 0;background-repeat:no-repeat;background-size:cover;color:#fff;height:100%;left:-100%;position:relative;transform:translateX(0);transition:transform .6s ease-in-out;width:200%}.container.right-panel-active .overlay{transform:translateX(50%)}.overlay-panel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:40px;position:absolute;text-align:center;top:0;transform:translateX(0);transition:transform .6s ease-in-out;width:50%}.overlay-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center}.overlay-panel h1{font-size:28px;line-height:1.2;margin-bottom:15px}.overlay-panel p{font-size:15px;line-height:1.6;margin-bottom:0;max-width:100%}.overlay-panel button.ghost{flex-shrink:0;margin-bottom:40px;margin-top:auto}.overlay-left{transform:translateX(-20%)}.container.right-panel-active .overlay-left,.overlay-right{transform:translateX(0)}.overlay-right{right:0}.container.right-panel-active .overlay-right{transform:translateX(20%)}.social-container{margin:20px 0}.social-container a{align-items:center;border:1px solid #ddd;border-radius:50%;display:inline-flex;height:40px;justify-content:center;margin:0 5px;width:40px}footer{background-color:#222;bottom:0;color:#fff;font-size:14px;left:0;position:fixed;right:0;text-align:center;z-index:999}footer p{margin:10px 0}footer i{color:red}footer a{color:#3c97bf;text-decoration:none}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.ghost:hover{background:#ffffff4d!important;box-shadow:0 8px 25px #0003;transform:translateY(-2px);transition:all .3s ease}button.ghost{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff3;border:2px solid #ffffff4d;transition:all .3s ease}.form-switch-link{display:none}.switch-link-btn{background:none;border:none;color:#61aadd;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:normal;margin-left:4px;padding:0;text-decoration:none;text-transform:none;transition:all .2s ease}.switch-link-btn:hover{color:#4a9cd4;text-decoration:underline}.switch-link-btn:active{transform:none}.switch-link-btn:focus{border-radius:2px;outline:2px solid #61aadd;outline-offset:2px}.back-to-login-btn{background:none!important;border:none!important;box-shadow:none!important;max-width:none!important}.back-to-login-btn:hover{background:none!important;color:#61aadd!important;transform:none!important}.back-to-login-btn:active{transform:none!important}@media (max-width:968px){.container{max-height:95vh;min-height:520px;width:100%}form{padding:25px 40px}form h1{font-size:26px}.overlay-panel{padding:0 30px}.overlay-panel h1{font-size:26px}}@media (max-width:768px){.container{background-color:initial!important;border-radius:0!important;box-shadow:none!important;height:100%;max-height:95vh;min-height:500px;width:100%}.form-container{height:100%;min-height:100%;padding:0;position:relative;width:100%}.sign-in-container,.sign-up-container{height:100%;left:0;opacity:1;position:relative;width:100%}.container:not(.right-panel-active) .sign-up-container{display:none!important;opacity:0;pointer-events:none;visibility:hidden}.container:not(.right-panel-active) .sign-in-container{display:block;opacity:1;position:relative;visibility:visible;z-index:1}.container.right-panel-active .sign-in-container{display:none!important;opacity:0;pointer-events:none;transform:none;visibility:hidden}.container.right-panel-active .sign-up-container{display:block;opacity:1;position:relative;transform:none;visibility:visible;z-index:1}.overlay-container{display:none}.overlay-panel{padding:0 20px}form{justify-content:flex-start;padding:25px}form h1{font-size:24px;margin-bottom:15px}button{max-width:100%;padding:12px 30px}.form-switch-link{border-top:1px solid #00000014;display:block;margin-top:20px;padding-top:20px;text-align:center}}@media (max-width:480px){.container{border-radius:15px;max-height:95vh;min-height:480px}.form-container{width:100%}form{gap:6px;padding:20px}form h1{font-size:22px;margin-bottom:12px}button{font-size:12px;padding:12px 25px}.overlay-panel h1{font-size:24px}.overlay-panel p{font-size:14px}}