.login{position:relative;padding-top:150px;background-image:url(/_next/static/media/teacher.f81a06b2.jpg);background-size:cover;background-position:50%;min-height:100vh!important}.login:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1}.main-btn-mohab{background-color:var(--secondary-color)!important}.main-btn-mohab:hover{background-color:var(--secondary-color-hover)!important}.login>*{position:relative;z-index:2}.login .btns button{width:200px}.login form{background-color:var(--fourth-color)}.input-group .form-control{background-color:var(--fourth-color-background);color:var(--text-color);border:2px solid var(--secondary-color);transition:all .3s ease-in-out}.input-group .form-control::placeholder{color:#fff}.input-group .form-control:focus{background-color:var(--fourth-color);border-color:var(--secondary-color-hover);box-shadow:0 0 10px var(--third-color-hover);outline:none;transform:scale(1.01)}.sec-login,form{transition:all .3s ease-in-out}.sec-login{background-color:var(--fourth-color-hover)}@keyframes moveStars{0%{transform:translateY(50vh)}to{transform:translateY(-100vh)}}.stars{z-index:0!important}.star{position:absolute;width:2px;height:2px;background:white;border-radius:50%;opacity:.8;animation:moveStars 10s linear infinite}.star:first-child{top:10%;left:20%;animation-duration:8s}.star:nth-child(2){top:40%;left:50%;animation-duration:6s}.star:nth-child(3){top:60%;left:80%;animation-duration:12s}.star:nth-child(4){top:30%;left:70%;animation-duration:7s}.star:nth-child(5){top:80%;left:10%;animation-duration:9s}.star:nth-child(6){top:20%;left:90%;animation-duration:5s}.star:nth-child(7){top:50%;left:30%;animation-duration:11s}.star:nth-child(8){top:70%;left:60%;animation-duration:8s}.star:nth-child(9){top:90%;left:40%;animation-duration:10s}.star:nth-child(10){top:5%;left:5%;animation-duration:6s}@media (max-width:525px){.gov{width:100%!important}.login .btns{flex-direction:column}.login .btns button{width:100%}.login form{width:100%!important;padding-left:10px!important;padding-right:10px!important}}@media (min-width:992px){.tx-left{transform:translateX(-100%)}.tx-right{transform:translateX(100%)}}@media (max-width:991px){.login>.container{flex-direction:column;padding-bottom:20px;margin-bottom:250px!important;margin-top:-200px!important}.login .sec-login{padding:20px!important}.login .sec-login,.login form{width:100%!important}.tx-left{transform:translateY(100%)}.tx-right{transform:translateY(-100%)}}.verification-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000;direction:rtl}.verification-content{background-color:#272750;border-radius:10px;padding:30px;width:90%;max-width:500px;text-align:center;color:white;box-shadow:0 0 30px rgba(0,0,0,.5)}.verification-content h3{color:#00d7c3;margin-bottom:20px;font-weight:700}.whatsapp-number{font-size:20px;font-weight:700;color:#25D366;margin:15px 0;direction:ltr;text-align:center}.verification-code-container{display:flex;justify-content:center;align-items:center;margin:20px 0;gap:10px}.verification-code{background-color:#191933;padding:12px 20px;border-radius:6px;font-size:22px;font-weight:700;letter-spacing:2px;color:#fff}.copy-btn{background-color:#00a896;color:white;border:none;padding:10px 15px;border-radius:5px;cursor:pointer;transition:background-color .3s}.copy-btn:hover{background-color:#028090}.verification-actions{display:flex;flex-direction:column;gap:15px;margin-top:25px}.whatsapp-btn{background-color:#25D366;color:white;text-decoration:none;padding:12px;border-radius:8px;font-weight:700;display:flex;justify-content:center;align-items:center;transition:background-color .3s}.whatsapp-btn:hover{background-color:#128C7E;color:white}.close-btn{background-color:#4361ee;color:white;border:none;padding:12px;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .3s}.close-btn:hover{background-color:#3a56d4}.expiry-note{margin-top:20px;font-size:14px;color:#ccc}input:-webkit-autofill{animation-name:onAutoFillStart;-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}input:not(:-webkit-autofill){animation-name:onAutoFillCancel}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#495057!important;box-shadow:inset 0 0 0 30px white!important}