*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,Helvetica,Arial,sans-serif}#root{min-height:100vh}.auth{min-height:100vh;width:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 0% 0%,rgba(59,130,246,.1),transparent 60%),radial-gradient(900px 500px at 100% 100%,rgba(59,130,246,.08),transparent 60%),conic-gradient(from 220deg at 70% 30%,rgba(59,130,246,.06),transparent 30%),linear-gradient(180deg,#fff,#f6faff)}.auth-lang{position:fixed;top:12px;right:16px;z-index:200}.container{position:relative;width:900px;max-width:100%;min-height:520px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #ffffff1f;background:#fff;display:flex}.overlay-anim{position:absolute;top:0;height:100%;width:50%;background:linear-gradient(160deg,#3b82f6,#3b82f6);z-index:2;pointer-events:none;opacity:0;transition:opacity .15s ease;left:0;transform:translate(0) scaleX(1);will-change:transform;backface-visibility:hidden;transform-style:preserve-3d}.overlay-anim.is-left{transform:translate(0) scaleX(1)}.overlay-anim.is-right{transform:translate(100%) scaleX(1)}.stage-1{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;border-radius:20px;z-index:0}.stage-2{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;border-radius:20px;z-index:1}.stage-2.split{display:flex}.stage-2.split .pane{width:50%;height:100%;padding:32px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stage-2.split .form-pane{background:#fff;overflow:auto;box-shadow:0 18px 40px #02081414,0 6px 18px #0208140f;border:1px solid rgba(2,8,20,.06)}.stage-2.split .cta-pane{background:linear-gradient(160deg,#3b82f6,#3b82f6);color:#fff;text-align:center;padding:32px 24px}.stage-2.split .cta-pane .MuiTypography-root{color:#fff}.stage-2.split .cta-pane .MuiButton-root{color:#fff;border-color:#ffffffe6}.stage-2.split .cta-pane .MuiButton-root:hover{border-color:#fff;background:#ffffff1f}.container.anim-left .overlay-anim{transform-origin:right center;animation:overlayRectToLeft 1s cubic-bezier(.4,0,.2,1) forwards;z-index:3;opacity:1}.container.anim-right .overlay-anim{transform-origin:left center;animation:overlayRectToRight 1s cubic-bezier(.4,0,.2,1) forwards;z-index:3;opacity:1}@keyframes overlayRectToLeft{0%{transform:translate(100%) scaleX(1)}50%{transform:translate(100%) scaleX(2.12)}80%{transform:translate(0) scaleX(2.12)}to{transform:translate(0) scaleX(1)}}@keyframes overlayRectToRight{0%{transform:translate(0) scaleX(1)}50%{transform:translate(0) scaleX(2.12)}80%{transform:translate(100%) scaleX(2.12)}to{transform:translate(100%) scaleX(1)}}.overlay-content{position:absolute;top:0;right:0;bottom:0;left:0;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:4;pointer-events:none}.overlay-content .overlay-left,.overlay-content .overlay-right{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .3s ease-in-out;pointer-events:auto}.overlay-content .overlay-left{opacity:1;pointer-events:auto;left:0;width:50%}.overlay-content .overlay-right{opacity:0;pointer-events:none;right:0;width:50%}.container.is-swapped .overlay-content .overlay-left{opacity:0;pointer-events:none}.container.is-swapped .overlay-content .overlay-right{opacity:1;pointer-events:auto}.container.anim-right .register-form{animation:formFadeOut .9s ease-in-out forwards}.container.anim-right .login-form{animation:formFadeIn .9s ease-in-out forwards}.container.anim-left .login-form{animation:formFadeOut .9s ease-in-out forwards}.container.anim-left .register-form{animation:formFadeIn .9s ease-in-out forwards}@keyframes formFadeIn{0%{opacity:0;transform:translateY(6px);z-index:1}49%{opacity:0;transform:translateY(6px);z-index:1}50%{opacity:1;transform:translateY(0);z-index:2}to{opacity:1;transform:translateY(0);z-index:2}}@keyframes formFadeOut{0%{opacity:1;transform:translateY(0);z-index:2}50%{opacity:0;transform:translateY(-6px);z-index:1}to{opacity:0;transform:translateY(-6px);z-index:1}}.stage-2 .MuiTextField-root .MuiOutlinedInput-root{border-radius:12px;transition:border-color .15s ease,box-shadow .15s ease,background-color .2s ease;background:#ffffffe6}.stage-2 .MuiTextField-root .MuiOutlinedInput-input{padding:14px}.stage-2 .MuiTextField-root .MuiInputBase-root{min-height:48px}.stage-2 .MuiOutlinedInput-notchedOutline{border-color:#0000001f}.stage-2 .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.stage-2 .MuiFormHelperText-root{margin-left:0}.stage-2 .MuiButton-root{min-height:48px;border-radius:12px;font-weight:600}.stage-2 .MuiButton-containedPrimary{box-shadow:0 6px 14px #3b82f640}.stage-2 .MuiButton-containedPrimary:hover{box-shadow:0 8px 18px #3b82f64d}.stage-2 .MuiButton-outlinedPrimary{border-width:1.5px}.stage-2 .MuiAlert-root{border-radius:10px}.overlay-content{color:#fff}.overlay-content .MuiTypography-root{color:inherit}.overlay-content .MuiButton-root{color:#fff;border-color:#ffffffe6}.overlay-content .MuiButton-root:hover{border-color:#fff;background:#ffffff1f}.stage-2 .form-pane{-ms-overflow-style:none;scrollbar-width:none}.stage-2 .form-pane::-webkit-scrollbar{display:none}