.auth-page{min-height:100vh;font-family:var(--font-body);background:#f7f9fc;justify-content:center;align-items:center;display:flex}.auth-container{background-color:#fff;border-radius:10px;width:768px;max-width:100%;min-height:480px;position:relative;overflow:hidden;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}.form-container{height:100%;transition:all .6s ease-in-out;position:absolute;top:0}.auth-form{text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:0 50px;display:flex}.auth-form h1{color:var(--navy);font-weight:700;font-family:var(--font-heading);margin:0}.auth-form span{color:var(--text-muted);margin-top:10px;margin-bottom:20px;font-size:12px}.auth-form input{background-color:#eee;border:none;border-radius:4px;outline:none;width:100%;margin:8px 0;padding:12px 15px;font-family:inherit}.auth-form input:focus{background-color:#e4e4e4}.auth-btn{border:1px solid var(--gold);background-color:var(--gold);color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:20px;margin-top:20px;padding:12px 45px;font-size:12px;font-weight:700;transition:transform 80ms ease-in}.auth-btn:active{transform:scale(.95)}.auth-btn:focus{outline:none}.auth-btn.ghost{background-color:#0000;border-color:#fff}.sign-in-container{z-index:2;width:50%;left:0}.auth-container.right-panel-active .sign-in-container{transform:translate(100%)}.sign-up-container{opacity:0;z-index:1;width:50%;left:0}.auth-container.right-panel-active .sign-up-container{opacity:1;z-index:5;animation:.6s show;transform:translate(100%)}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.overlay-container{z-index:100;width:50%;height:100%;transition:transform .6s ease-in-out;position:absolute;top:0;left:50%;overflow:hidden}.auth-container.right-panel-active .overlay-container{transform:translate(-100%)}.overlay{background:var(--navy);background:linear-gradient(to right, var(--navy-dark), var(--navy));color:#fff;background-position:0 0;background-repeat:no-repeat;background-size:cover;width:200%;height:100%;transition:transform .6s ease-in-out;position:relative;left:-100%;transform:translate(0)}.auth-container.right-panel-active .overlay{transform:translate(50%)}.overlay-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 40px;transition:transform .6s ease-in-out;display:flex;position:absolute;top:0;transform:translate(0)}.overlay-left{transform:translate(-20%)}.auth-container.right-panel-active .overlay-left{transform:translate(0)}.overlay-right{right:0;transform:translate(0)}.auth-container.right-panel-active .overlay-right{transform:translate(20%)}.api-error{color:#f33;background:#ffe6e6;border-radius:4px;width:100%;margin-bottom:15px;padding:10px;font-size:.85rem}.api-success{color:#28a745;background:#e6ffec;border-radius:4px;width:100%;margin-bottom:15px;padding:10px;font-size:.85rem}