@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0;font-family:Montserrat,sans-serif}body{background:linear-gradient(90deg,#e2e2e2,#c9d6ff);flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}.container{background-color:#fff;border-radius:30px;width:768px;max-width:100%;min-height:480px;position:relative;overflow:hidden;box-shadow:0 5px 15px #00000059}.container p{letter-spacing:.3px;margin:20px 0;font-size:14px;line-height:20px}.container span{font-size:12px}.container a{color:#333;margin:15px 0 10px;font-size:13px;text-decoration:none}.container button{color:#fff;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;background-color:#512da8;border:1px solid #0000;border-radius:8px;margin-top:10px;padding:10px 45px;font-size:12px;font-weight:600}.container button.hidden{background-color:#0000;border-color:#fff}.container form{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 40px;display:flex}.container input{background-color:#eee;border:none;border-radius:8px;outline:none;width:100%;margin:8px 0;padding:10px 15px;font-size:13px}.form-container{height:100%;transition:all .6s ease-in-out;position:absolute;top:0}.sign-in{z-index:2;width:50%;left:0}.container.active .sign-in{transform:translate(100%)}.sign-up{opacity:0;z-index:1;width:50%;left:0}.container.active .sign-up{opacity:1;z-index:5;animation:.6s move;transform:translate(100%)}@keyframes move{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.social-icons{margin:20px 0}.social-icons a{border:1px solid #ccc;border-radius:20%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 3px;display:inline-flex}.toggle-container{z-index:1000;border-radius:150px 0 0 100px;width:50%;height:100%;transition:all .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.container.active .toggle-container{border-radius:0 150px 100px 0;transform:translate(-100%)}.toggle{color:#fff;background:linear-gradient(90deg,#5c6bc0,#512da8);width:200%;height:100%;transition:all .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.container.active .toggle{transform:translate(50%)}.toggle-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 30px;transition:all .6s ease-in-out;display:flex;position:absolute;top:0;transform:translate(0)}.toggle-left{transform:translate(-200%)}.container.active .toggle-left{transform:translate(0)}.toggle-right{right:0;transform:translate(0)}.container.active .toggle-right{transform:translate(200%)}