body{min-height:100vh!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(90deg,#363636,#262626)}.container__login{position:relative;width:850px;height:550px;background-color:#1f1f1f;border-radius:30px;box-shadow:0 0 30 #0003;overflow:hidden}.form-box{position:absolute;right:0;width:50%;height:100%;background:#1f1f1f;display:flex;align-items:center;color:#333;text-align:center;padding:40px;z-index:1;transition:.5s ease-in-out 1.2s visibility 0s 1s}.container__login.active .form-box{right:50%}.form-box.register{visibility:hidden}.container__login.active .form-box.register{visibility:visible}.form_login{width:100%}.container__login h1{font-size:36px;margin:-10px 0;color:#eee}.input-box{position:relative;margin:30px 0}.input-box input{width:100%;padding:13px 20px 13px 50px;background-color:#313131e8;border-radius:8px;border:none;outline:none;font-size:16px;color:#eee;font-weight:500}.input-box input::placeholder{color:#888;font-weight:400}.input-box i{position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:20px;color:#888}.forgot-link{margin:-15px 0 15px;text-align:right}.forgot-link a{font-size:14.5px;color:#dbdbdbc9;text-decoration:none}.btn{width:100%;height:48px;background:#7494ec;border-radius:8px;box-shadow:0 0 10px #0000001a;border:none;cursor:pointer;font-size:16px;color:#fff;font-weight:600}.container__login p{font-size:14.5px;margin:15px 0}.socil-icons{display:flex;justify-content:center}.container__login .socil-icons a{display:inline-flex;padding:10px;border:2px solid #ccc;border-radius:8px;font-size:24px;color:#333;text-decoration:none;margin:0 auto}.toggle-box{position:absolute;width:100%;height:100%}.toggle-box::before{content:'';position:absolute;left:-250%;width:300%;height:100%;background-color:#7494ec;border-radius:150px;z-index:2;transition:1.8s ease-in-out}.container__login.active .toggle-box::before{left:50%}.toggle-panel{position:absolute;width:50%;height:100%;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;transition:.6s ease-in-out}.toggle-panel.toggle-left{left:0;transition-delay:.6s}.container__login.active .toggle-panel.toggle-left{left:-50%;transition-delay:.6s}.container__login.active .toggle-panel.toggle-right{right:0;transition-delay:1.2s}.toggle-panel.toggle-right{right:-50%;transition-delay:.6s}.toggle-panel p{margin-bottom:20px}.toggle-panel .btn{width:160px;height:46px;background-color:transparent;border:2px solid #fff;box-shadow:none}@media screen and (max-width: 650px){.container__login{height:calc(100vh - 10px)}.form-box{bottom:0;width:100%;height:70%}.container__login.active .form-box{right:0;bottom:30%}.toggle-box::before{left:0;top:-270%;width:100%;height:300%;border-radius:20vw}.container__login.active .toggle-box::before{left:0;top:70%}.toggle-panel.toggle-left{top:0;width:100%}.toggle-panel{width:100px;height:30%}.container__login.active .toggle-panel.toggle-left{left:0;top:-30%;width:100%}.toggle-panel.toggle-right{right:25%;bottom:-30%}.container__login.active .toggle-panel.toggle-right{bottom:0;right:0;width:100%}}@media screen and (max-width: 400px){.form-box{padding:20px}.toggle-panel h1{font-size:30px}}.ForgottenPass{background-color:#1f1f1f;width:50rem;height:20rem;padding:2rem;border-radius:2rem;padding-bottom:21rem;margin:0 1rem}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.SendNumber{background-color:#1f1f1f;width:50rem;height:24rem;padding:2rem;border-radius:2rem;padding-bottom:21rem;margin:0 1rem}.EditNumber{background-color:#1f1f1f;width:50rem;height:26rem;padding:2rem;border-radius:2rem;padding-bottom:23rem;margin:0 1rem}.EditNumber .btnAllEditNumber{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:-1.5rem;margin-bottom:2rem;font-size:1.3rem}.EditNumber .btnAllEditNumber div{cursor:pointer}