*,:after,:before{box-sizing:border-box;user-select:none;margin:0;padding:0}body{color:#a0a5a8;direction:rtl;background-color:#ecf0f3;background-image:url(./48125641316333.webp);background-position:100%;background-size:cover;justify-content:center;align-items:center;width:100%;height:100vh;font-family:Montserrat,sans-serif;font-size:12px;display:flex}.main{border-radius:12px;width:1000px;min-width:1000px;height:600px;min-height:600px;padding:25px;position:relative;overflow:hidden}@media (width<=1200px){.main{transform:scale(.7)}}@media (width<=1000px){.main{transform:scale(.6)}}@media (width<=800px){.main{transform:scale(.5)}}@media (width<=600px){.main{transform:scale(.4)}}.loginContainer{background-color:#ecf0f3;justify-content:center;align-items:center;width:600px;height:100%;padding:25px;transition:all 1.25s;display:flex;position:absolute;top:0}.form{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.form__icon{object-fit:contain;opacity:.5;width:30px;margin:0 5px;transition:all .15s}.form__icon:hover{opacity:1;cursor:pointer;transition:all .15s}.form__input{letter-spacing:.15px;background-color:#ecf0f3;border:none;border-radius:8px;outline:none;width:350px;height:40px;margin:4px 0;padding-right:25px;font-size:13px;transition:all .25s;box-shadow:inset 2px 2px 4px #d1d9e6,inset -2px -2px 4px #f9f9f9}.form__input:focus{box-shadow:inset 4px 4px 4px #d1d9e6,inset -4px -4px 4px #f9f9f9}.form__span{margin-top:30px;margin-bottom:12px}.form__link{color:#181818;border-bottom:1px solid #a0a5a8;margin-top:25px;font-size:15px;line-height:2}.title{color:#181818;font-size:34px;font-weight:700;line-height:3}.description{letter-spacing:.25px;text-align:center;font-size:14px;line-height:1.6}.button{letter-spacing:1.15px;color:#f9f9f9;background-color:#4b70e2;border:none;border-radius:25px;outline:none;width:180px;height:50px;margin-top:50px;font-size:14px;font-weight:700;box-shadow:8px 8px 16px #d1d9e6,-8px -8px 16px #f9f9f9}.a-container{z-index:100;left:calc(100% - 600px)}.b-container{z-index:0;left:calc(100% - 600px)}.switch{z-index:200;background-color:#ecf0f3;justify-content:center;align-items:center;width:400px;height:100%;padding:50px;transition:all 1.25s;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:4px 4px 10px #d1d9e6,-4px -4px 10px #f9f9f9}.switch__circle{background-color:#ecf0f3;border-radius:50%;width:500px;height:500px;transition:all 1.25s;position:absolute;bottom:-60%;left:-60%;box-shadow:inset 8px 8px 12px #d1d9e6,inset -8px -8px 12px #f9f9f9}.switch__circle--t{width:300px;height:300px;top:-30%;left:60%}.switch__container{flex-direction:column;justify-content:center;align-items:center;width:400px;padding:50px 55px;transition:all 1.25s;display:flex;position:absolute}.switch__button{cursor:pointer}.switch__button:hover{transition:all .25s;transform:scale(.985);box-shadow:6px 6px 10px #d1d9e6,-6px -6px 10px #f9f9f9}.switch__button:active,.switch__button:focus{transition:all .25s;transform:scale(.97);box-shadow:2px 2px 6px #d1d9e6,-2px -2px 6px #f9f9f9}.is-txr{transform-origin:0;transition:all 1.25s;left:calc(100% - 400px)}.is-txl{transform-origin:100%;transition:all 1.25s;left:0}.is-z200{z-index:200;transition:all 1.25s}.is-hidden{visibility:hidden;opacity:0;transition:all 1.25s;position:absolute}.is-gx{animation:1.25s is-gx}.centerButton{margin-left:auto;margin-right:auto;display:block}@keyframes is-gx{0%,10%,to{width:400px}30%,50%{width:500px}}.global-loader{float:left;text-align:center;border-radius:5px;width:100%;height:100px;margin:0 10px 10px 0;padding:20px}.load-wrapp p{padding:0 0 20px}.load-wrapp:last-child{margin-right:0}.line{background-color:#4b9cdb;border-radius:15px;width:15px;height:15px;display:inline-block}.load-2 .line:nth-last-child(2){animation:1.5s .5s infinite loadingB}.load-2 .line:nth-last-child(3){animation:1.5s infinite loadingB}@keyframes loadingB{50%{width:35px}to{width:15px}}