.login-wrapper[data-v-64793580]{display:flex;justify-content:center;align-items:center;height:100vh;background:#f6f5f7}.container[data-v-64793580]{background-color:#fff;border-radius:10px;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038;position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.form-container[data-v-64793580]{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container[data-v-64793580]{left:0;width:50%;z-index:2}.container.right-panel-active .sign-in-container[data-v-64793580]{transform:translate(100%)}.sign-up-container[data-v-64793580]{left:0;width:50%;opacity:0;z-index:1}.container.right-panel-active .sign-up-container[data-v-64793580]{transform:translate(100%);opacity:1;z-index:5;animation:show-64793580 .6s}@keyframes show-64793580{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container[data-v-64793580]{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[data-v-64793580]{transform:translate(-100%)}.overlay[data-v-64793580]{background:#4b5563;background:-webkit-linear-gradient(to right,#2b333e,#4b5563);background:linear-gradient(to right,#2b333e,#4b5563);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translate(0);transition:transform .6s ease-in-out}.container.right-panel-active .overlay[data-v-64793580]{transform:translate(50%)}.overlay-panel[data-v-64793580]{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:translate(0);transition:transform .6s ease-in-out}.overlay-left[data-v-64793580]{transform:translate(-20%)}.container.right-panel-active .overlay-left[data-v-64793580]{transform:translate(0)}.overlay-right[data-v-64793580]{right:0;transform:translate(0)}.container.right-panel-active .overlay-right[data-v-64793580]{transform:translate(20%)}.subtitle[data-v-64793580]{font-size:12px;color:#888;margin-bottom:15px}.mt-4[data-v-64793580]{margin-top:1rem}.forgot[data-v-64793580]{font-size:12px;margin-top:8px;text-decoration:none;color:#333}form[data-v-64793580]{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center}:root{--bg-body: #f3f4f6;--bg-card: #ffffff;--text-main: #1f2937;--text-muted: #6b7280;--primary: #4b5563;--primary-hover: #374151;--accent: #65a30d;--danger: #ef4444;--border: #e5e7eb;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius: .5rem;--transition: all .6s ease-in-out}.dark{--bg-body: #111827;--bg-card: #1f2937;--text-main: #f9fafb;--text-muted: #9ca3af;--primary: #374151;--border: #374151}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-body);color:var(--text-main);overflow-x:hidden}input{width:100%;padding:12px 15px;margin:8px 0;background-color:#eee;border:none;border-radius:var(--radius);outline:none}button{border-radius:20px;border:1px solid var(--primary);background-color:var(--primary);color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;cursor:pointer}button:active{transform:scale(.95)}button:focus{outline:none}button.ghost{background-color:transparent;border-color:#fff}.title{font-weight:700;margin:0;margin-bottom:1rem}