input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input[type=number]{-moz-appearance:textfield}
.footer .bg{display:none}
.login-register{padding:60px 0;background:linear-gradient(to right,var(--body),transparent,var(--body))}
.login-register .is_bg{top:0;right:0;height:100%;z-index:-1;opacity:.15}
.login-register .main{width:400px}
.login-register .entery{padding:30px 40px;text-align:right}
.login-register .entery .title{margin:20px 0 25px}
.login-register .entery .panel-alert{padding:10px 15px;background-color:#e20a3e;margin-bottom:15px}
.login-register .entery .panel-alert.green{background-color:#00a44b}
.login-register .entery .item{margin-bottom:10px;line-height:2}
.login-register .entery .item .input{padding:12px 50px 12px 10px;background:none;border:2px rgba(255, 255, 255, 0.05) solid}
.login-register .entery .item .icon{right:20px;top:14px}
.login-register .entery .desc-text{margin-top:0}
.login-register .entery .desc-text a{display:inline-block;margin-right:5px}
.login-register .entery .btns{margin:15px 0}
.login-register .entery .btns .sub{padding:12px 15px;border:0;width:100%;margin-bottom:20px}
.login-register .entery .btns .sub.rt-color{box-shadow:0 2px 9px 0 var(--color)}
.login-register .entery .item.mini{width:calc(50% - 7.5px)}
.login-register .entery .btns .sub.left{background-color:rgba(255, 255, 255, 0.1);margin-bottom:0}
.login-register .entery .item .input:focus{border-color:rgba(255, 255, 255, 0.25)}
.login-register .entery .btns .sub:hover{opacity:.8;box-shadow:none}
.login-register .entery .desc-text a:hover{color:var(--color2)}
.light-mode .login-register .entery{background-color:#fff;box-shadow:0 0 15px rgb(51 51 51 / 10%)}
.light-mode .login-register .entery .title{color:#35354f}
.light-mode .login-register .entery .item .input{color:#333;border-color:rgba(0, 0, 0, 0.05)}
.light-mode .login-register .entery .item .input:focus{border-color:rgba(0, 0, 0, 0.15)}
.light-mode .login-register .entery .item .icon{color:#999}

.light-mode .login-register .entery .item .eye {color:#999}
.light-mode .login-register .entery .item .eye:hover {color: #595959f0 !important;}

.light-mode .login-register .entery .desc-text a{color:#555}
.light-mode .login-register .entery .desc-text a:hover{color:var(--color)}
.light-mode .login-register .entery .btns .sub.left{background-color:rgba(0, 0, 0, 0.08);color:#35354f}

.eye {
  left: 10px;
  cursor: pointer;
  transition: all 0.3s;
  height: 25px;
  z-index: 99999;
  bottom: 6px;
  width: 25px;
}

.eye:hover {
    color: #fff !important;
}

.password-input {
    padding-left: 45px !important; /* فاصله بیشتر برای موبایل */
}

@media (max-width: 768px) {
    .eye {
        left: 10px !important;
    }
}

@media only screen and (max-width:920px){
.login-register{padding:25px 0;min-height:calc(100vh - 130px);min-height:calc(100dvh - 130px);margin-bottom:60px}
.login-register .entery{padding:15px 20px;border-radius:0;box-shadow:none !important;background:none !important}
.login-register .entery .title{margin-top:0}
.login-register .entery .item .input,.light-mode .login-register .entery .btns .sub.left{backdrop-filter:blur(8px)}
.login-register .entery .item .icon{z-index:10}
.login-register .entery .item{margin-bottom:15px}
.login-register .entery .panel-alert{padding:7px 12px}
.login-register .entery .item.mini{width:100%}
.light-mode .login-register .entery .item .input{background-color:#fff}
.light-mode .login-register .entery .desc-text{color:#666}
}