*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff}.auth-wrapper{width:900px;max-width:100%;height:520px;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0f172a26;overflow:hidden;position:relative}.forms{height:100%;width:50%;position:absolute;top:0;padding:60px;background:#fff;z-index:3;display:flex;flex-direction:column;justify-content:center;transition:opacity .9s cubic-bezier(.4,0,.2,1)}.forms.sign-in{left:0;opacity:1;pointer-events:auto}.forms.sign-up{left:50%;opacity:0;pointer-events:none}.auth-wrapper.sign-up-mode .forms.sign-in{opacity:0;pointer-events:none}.auth-wrapper.sign-up-mode .forms.sign-up{opacity:1;pointer-events:auto}.forms h2{font-size:28px;margin-bottom:10px}.forms p.subtitle{color:#7a7a7a;margin-bottom:25px}.input-group{margin-bottom:16px}.input-group label{font-size:13px;margin-bottom:6px;color:#4b5563}.input-group input{width:100%;border:1px solid #d1d5db;border-radius:999px;padding:10px 16px;font-size:14px;outline:none;transition:.2s}.input-group input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e526}.password-wrapper{position:relative;display:flex;align-items:center}.password-wrapper input{padding-right:40px}.toggle-password{position:absolute;right:14px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;padding:0;width:24px;height:24px}.toggle-password:before{content:"👁";font-size:18px;line-height:1}.toggle-password.is-showing:before{content:"🙈"}.btn{border-radius:999px;padding:10px 28px;font-weight:600;cursor:pointer;border:none}.btn-primary{background:#4f46e5;color:#fff}.small-link{font-size:12px;color:#6060ff;margin-left:10px}.overlay-container{position:absolute;top:0;bottom:0;width:50%;right:0;z-index:2;pointer-events:none;transition:right 4s cubic-bezier(.4,0,.2,1),left 4s cubic-bezier(.4,0,.2,1)}.auth-wrapper.sign-up-mode .overlay-container{right:auto;left:0}.overlay{position:absolute;inset:0;background:linear-gradient(135deg,#060a1b,#4925ca);display:flex;align-items:center;justify-content:center;padding:40px;transition:all .6s ease;pointer-events:auto;border-radius:150px 0 0 150px}.auth-wrapper.sign-up-mode .overlay{border-radius:0 150px 150px 0}.overlay-panel{text-align:center;color:#fff;padding:50px;transition:all .6s ease;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;pointer-events:auto}.overlay-left{opacity:0;transform:translate(-20%);pointer-events:none}.overlay-right{opacity:1;pointer-events:auto}.auth-wrapper.sign-up-mode .overlay-left{opacity:1;transform:translate(0);pointer-events:auto}.auth-wrapper.sign-up-mode .overlay-right{opacity:0;transform:translate(20%);pointer-events:none}.input-group .input-error{border:1px solid #e3342f}.error-message{color:#e3342f;font-size:12px;margin-top:4px}.overlay-right p{margin-bottom:px}.overlay-right button{margin-top:10px}.overlay-left p{margin-bottom:px}.overlay-left button{margin-top:10px}.auth-wrapper{position:relative}.auth-wrapper{border:2px solid rgba(120,134,255,.5);box-shadow:0 0 10px #7886ff4d,0 0 25px #7886ff33,0 0 40px #7886ff26}