@import url(https://fonts.googleapis.com/css?family=Montserrat:400,800);[data-v-5f984d0c]{-webkit-box-sizing:border-box;box-sizing:border-box}body[data-v-5f984d0c]{background:#f6f5f7;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:Montserrat,sans-serif;margin:0;padding:0;min-height:100vh}.top-header[data-v-5f984d0c]{background-color:#4caf50;padding:15px 20px;width:100%;position:fixed;top:0;left:0;z-index:1000;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.top-nav[data-v-5f984d0c]{max-width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nav_logo[data-v-5f984d0c]{font-size:24px;color:#fff;font-weight:600}.nav_items[data-v-5f984d0c]{list-style:none;display:-webkit-box;display:-ms-flexbox;display:flex;gap:30px}.nav_link[data-v-5f984d0c]{color:#fff;font-size:16px;-webkit-transition:color .3s;transition:color .3s}.nav_link[data-v-5f984d0c]:hover{color:#d9d9d9}.nav_buttons[data-v-5f984d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.nav_buttons .button[data-v-5f984d0c]{padding:8px 20px;border:2px solid #fff;background:transparent;border-radius:6px;cursor:pointer;color:#fff;-webkit-transition:background .3s,-webkit-transform .2s;transition:background .3s,-webkit-transform .2s;transition:background .3s,transform .2s;transition:background .3s,transform .2s,-webkit-transform .2s}.nav_buttons .button[data-v-5f984d0c]:hover{background:#fff;color:#4caf50}.nav_buttons .button[data-v-5f984d0c]:active{-webkit-transform:scale(.98);transform:scale(.98)}.home[data-v-5f984d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:100px 20px 20px 20px;gap:20px;width:100%}.home h2[data-v-5f984d0c]{width:100%;text-align:center;margin-bottom:20px;color:#333}.container[data-v-5f984d0c]{background-color:#fff;border-radius:10px;-webkit-box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.sign-in-container[data-v-5f984d0c]{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container[data-v-5f984d0c]{-webkit-transform:translateX(100%);transform:translateX(100%)}.sign-up-container[data-v-5f984d0c]{width:800px;margin:auto}.container.right-panel-active .sign-up-container[data-v-5f984d0c]{-webkit-transform:translateX(100%);transform:translateX(100%);opacity:1;z-index:5;-webkit-animation:show-5f984d0c .6s;animation:show-5f984d0c .6s}@-webkit-keyframes show-5f984d0c{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}@keyframes show-5f984d0c{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container[data-v-5f984d0c]{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;z-index:100}.container.right-panel-active .overlay-container[data-v-5f984d0c]{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.overlay[data-v-5f984d0c]{background:#ff41c5;background:-webkit-gradient(linear,left top,right top,from(#ffaa9b),to(#ff41c5));background:linear-gradient(90deg,#ffaa9b,#ff41c5);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.container.right-panel-active .overlay[data-v-5f984d0c]{-webkit-transform:translateX(50%);transform:translateX(50%)}.overlay-panel[data-v-5f984d0c]{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .6s ease-in-out;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}.overlay-left[data-v-5f984d0c]{-webkit-transform:translateX(-20%);transform:translateX(-20%)}.container.right-panel-active .overlay-left[data-v-5f984d0c],.overlay-right[data-v-5f984d0c]{-webkit-transform:translateX(0);transform:translateX(0)}.overlay-right[data-v-5f984d0c]{right:0}.container.right-panel-active .overlay-right[data-v-5f984d0c]{-webkit-transform:translateX(20%);transform:translateX(20%)}.social-container[data-v-5f984d0c]{margin:20px 0}.social-container a[data-v-5f984d0c]{border:1px solid #ddd;border-radius:50%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 5px;height:40px;width:40px;color:#555;-webkit-transition:color .3s,background .3s;transition:color .3s,background .3s}.social-container a[data-v-5f984d0c]:hover{color:#fff;background-color:#7d2ae8}.form-container form[data-v-5f984d0c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.form-container input[data-v-5f984d0c]{background-color:#eee;border:none;padding:12px 15px;margin:8px 0;width:100%;border-radius:4px}.form-container button[type=submit][data-v-5f984d0c]{margin-top:10px;padding:12px;border:none;border-radius:4px;background-color:#4caf50;color:#fff;font-size:16px;cursor:pointer;-webkit-transition:background .3s;transition:background .3s}.form-container button[type=submit][data-v-5f984d0c]:hover{background-color:#45a049}.error-message[data-v-5f984d0c]{color:red;font-size:14px;margin-top:10px;text-align:center}.success-message[data-v-5f984d0c]{color:green;font-size:14px;margin-top:10px;text-align:center}footer[data-v-5f984d0c]{background-color:#222;color:#fff;font-size:14px;position:fixed;bottom:0;left:0;right:0;text-align:center;z-index:999}footer p[data-v-5f984d0c]{margin:10px 0}footer i[data-v-5f984d0c]{color:red}footer a[data-v-5f984d0c]{color:#3c97bf;text-decoration:none}@media (max-width:768px){.top-nav[data-v-5f984d0c]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:10px}.nav_items[data-v-5f984d0c],.top-nav[data-v-5f984d0c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.nav_items .nav_item[data-v-5f984d0c],.nav_items[data-v-5f984d0c]{width:100%}.nav_buttons[data-v-5f984d0c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}.nav_buttons .button[data-v-5f984d0c]{width:100%;text-align:center}.overlay-container[data-v-5f984d0c]{display:none}.container[data-v-5f984d0c]{width:100%;min-height:auto}.home[data-v-5f984d0c]{padding:80px 10px 20px 10px}.overlay[data-v-5f984d0c]{display:none}}