.auth-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(15,23,42,.4);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:authFadeIn .3s ease-out}@keyframes authFadeIn{0%{opacity:0}to{opacity:1}}.auth-container{background-color:#fff;border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);position:relative;overflow:hidden;width:768px;max-width:95vw;min-height:460px;z-index:100;animation:authScaleIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes authScaleIn{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container{left:0;width:50%;z-index:2}.auth-container.right-panel-active .sign-in-container{transform:translateX(100%)}.sign-up-container{left:0;width:50%;opacity:0;z-index:1}.auth-container.right-panel-active .sign-up-container{transform:translateX(100%);opacity:1;z-index:5;animation:show .6s}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.auth-container.right-panel-active .overlay-container{transform:translateX(-100%)}.overlay{background:#5a189a;background:linear-gradient(90deg,#7b2cbf,#5a189a);background-repeat:no-repeat;background-size:cover;background-position:0 0;color:#FFFFFF;position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:transform .6s ease-in-out}.auth-container.right-panel-active .overlay{transform:translateX(50%)}.overlay-panel{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:translateX(0);transition:transform .6s ease-in-out}.overlay-left{transform:translateX(-20%)}.auth-container.right-panel-active .overlay-left,.overlay-right{transform:translateX(0)}.overlay-right{right:0}.auth-container.right-panel-active .overlay-right{transform:translateX(20%)}.social-container{margin:15px 0}.social-container button{border:1px solid #dddddd;border-radius:50%;display:inline-flex;margin:0 5px;height:36px;width:40px;background:white;color:#333;padding:0}.auth-card-form,.social-container button{justify-content:center;align-items:center}.auth-card-form{background-color:#FFFFFF;display:flex;flex-direction:column;padding:0 40px;height:100%;text-align:center}.auth-card-input{background-color:#f1f5f9;border:2px solid transparent;padding:10px 15px;margin:6px 0;width:100%;border-radius:12px;font-weight:600;font-size:13px;transition:all .3s}.auth-card-input:focus{outline:none;border-color:#5a189a;background-color:white}.auth-card-button{border-radius:12px;border:1px solid #5a189a;background-color:#5a189a;color:#FFFFFF;font-size:11px;font-weight:900;padding:10px 40px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;cursor:pointer;margin-top:8px}.auth-card-button:active{transform:scale(.95)}.auth-card-button.ghost{background-color:transparent;border-color:#FFFFFF}.auth-close-btn{position:absolute;top:20px;right:20px;z-index:1000;color:#94a3b8;background:transparent;border:none;cursor:pointer;padding:8px;border-radius:12px;transition:all .3s}.auth-close-btn:hover{background:rgba(0,0,0,.05);color:#ef4444;transform:rotate(90deg)}