[data-v-448b06ce]{margin:0;padding:0;box-sizing:border-box}.container[data-v-448b06ce]{position:relative;width:850px;height:550px;background:#fff;border-radius:30px;box-shadow:0 0 30px rgba(0,0,0,.2);margin:20px;overflow:hidden}.form-box[data-v-448b06ce]{position:absolute;right:0;width:50%;height:100%;background:#fff;display:flex;align-items:center;color:#333;text-align:center;padding:40px;z-index:1;transition:.6s ease-in-out 1.2s,visibility 0s 1s}.container.active .form-box[data-v-448b06ce]{right:50%}.form-box.register[data-v-448b06ce]{visibility:hidden}.container.active .form-box.register[data-v-448b06ce]{visibility:visible}form[data-v-448b06ce]{width:100%}.container h1[data-v-448b06ce]{font-size:36px;margin:-10px 0}.input-box[data-v-448b06ce]{position:relative;margin:30px 0}.input-box input[data-v-448b06ce]{width:100%;padding:13px 50px 13px 20px;background:#eee;border-radius:8px;border:none;outline:none;font-size:16px;color:#333;font-weight:500}.input-box input[data-v-448b06ce]::-moz-placeholder{color:#888;font-weight:400}.input-box input[data-v-448b06ce]:-ms-input-placeholder{color:#888;font-weight:400}.input-box input[data-v-448b06ce]::placeholder{color:#888;font-weight:400}.input-box i[data-v-448b06ce]{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;color:#888}.forgot-link[data-v-448b06ce]{margin:-15px 0 15px}.forgot-link a[data-v-448b06ce]{font-size:14.5px;color:#333;text-decoration:none}.btn[data-v-448b06ce]{width:100%;height:48px;background-color:var(--fp-bg2);border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1);border:none;cursor:pointer;font-size:16px;color:#fff;font-weight:600}.container p[data-v-448b06ce]{font-size:14.5px;margin:15px 0}.toggle-box[data-v-448b06ce]{position:absolute;width:100%;height:100%}.toggle-box[data-v-448b06ce]:before{content:"";position:absolute;width:300%;height:100%;left:-250%;background-color:var(--fp-bg2);border-radius:150px;z-index:2;transition:1.8s ease-in-out}.container.active .toggle-box[data-v-448b06ce]:before{left:50%}.toggle-panel[data-v-448b06ce]{position:absolute;width:50%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;transition:.6s ease-in-out}.toggle-panel.toggle-left[data-v-448b06ce]{left:0;transition-delay:1.2s}.container.active .toggle-panel.toggle-left[data-v-448b06ce]{left:-50%;transition-delay:.6s}.toggle-panel.toggle-right[data-v-448b06ce]{right:-50%;transition-delay:.6s}.container.active .toggle-panel.toggle-right[data-v-448b06ce]{right:0;transition-delay:1.2s}.toggle-panel h1[data-v-448b06ce]{font-size:28px}.toggle-panel p[data-v-448b06ce]{margin:22px}.toggle-panel .btn[data-v-448b06ce]{width:160px;height:46px;background:transparent;border:2px solid #fff;box-shadow:none}@media screen and (max-width:650px){.container[data-v-448b06ce]{height:calc(100vh - 40px)}.form-box[data-v-448b06ce]{bottom:0;width:100%;height:70%}.container.active .form-box[data-v-448b06ce]{right:0;bottom:30%}.toggle-box[data-v-448b06ce]:before{left:0;top:-270%;width:100%;height:300%;border-radius:20vw}.container.active .toggle-box[data-v-448b06ce]:before{left:0;top:70%}.toggle-panel[data-v-448b06ce]{width:100%;height:30%}.toggle-panel.toggle-left[data-v-448b06ce]{top:0}.container.active .toggle-panel.toggle-left[data-v-448b06ce]{left:0;top:-30%}.toggle-panel.toggle-right[data-v-448b06ce]{right:0;bottom:-30%}.container.active .toggle-panel.toggle-right[data-v-448b06ce]{bottom:0}}@media screen and (max-width:400px){.form-box[data-v-448b06ce]{padding:20px}.toggle-panel h1[data-v-448b06ce]{font-size:30px}}