@font-face{font-family:myFirstFont;src:url(../font/Shabnam.ttf)}*{box-sizing:border-box;margin:0;padding:0;font-family:myFirstFont;font-style:normal;font-weight:400}body{direction:rtl;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0 10px;display:flex}body:before{content:"";background-color:#000;background-image:url(../img/login.webp),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;position:absolute}.wrapper{text-align:center;-webkit-backdrop-filter:blur(9px);border:1px solid #ffffff80;border-radius:8px;width:400px;padding:30px}form{z-index:10000;flex-direction:column;display:flex}h2{color:#000;margin-bottom:20px;font-size:2rem}.input-field{border-bottom:2px solid #ccc;margin:15px 0;position:relative}.input-field label{color:#000;pointer-events:none;font-size:16px;transition:all .15s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.input-field input{color:#000;background:0 0;border:none;outline:none;width:100%;height:40px;font-size:16px}.input-field input:focus~label,.input-field input:valid~label{font-size:.8rem;top:10px;transform:translateY(-120%)}.forget{color:#000;justify-content:space-between;align-items:center;margin:25px 0 35px;display:flex}#remember{accent-color:#fff}.forget label{align-items:center;display:flex}.forget label p{margin-left:8px}.wrapper a{color:#000;margin-top:20px;text-decoration:none}.wrapper a:hover{text-decoration:none}button{color:#000;cursor:pointer;background:#fff;border:2px solid #0000;border-radius:3px;margin-bottom:12px;padding:12px 20px;font-size:16px;font-weight:600;transition:all .3s}button:hover{color:#fff;background:#ffffff26;border-color:#fff}.register{text-align:center;color:#fff;margin-top:30px}