.login-shape{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.3098039216);width:100%;height:100vh;opacity:0;z-index:-10;transition:all .3s}.login-shape.popped{opacity:1;z-index:99}.login-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ecece4;padding:20px;width:80%;height:90vh;border-radius:30px;opacity:0;z-index:-10;transition:all .3s;overflow:auto;scrollbar-width:none}.login-popup.popped{opacity:1;z-index:99}.login-popup .login-container{background-color:#fff;border-radius:20px;padding:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100%;position:relative}.login-popup .login-container .close{width:40px;height:40px;border-radius:50%;background-color:#f8f9f4;transform:rotate(45deg);position:absolute;right:15px;top:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:rotate(90deg)}.login-popup .login-container .logo{font-size:24px;font-weight:600;letter-spacing:1px;color:#312f30}.login-popup .login-container .logo img{width:140px}.login-popup .login-container .logo span{color:#00b40c}.login-popup .login-container h1{font-weight:500;margin-top:5px}.login-popup .login-container h1 span{color:rgba(0,0,0,.4)}.login-popup .login-container .login-type{background-color:#f8f9f4;padding:5px;width:50%;height:50px;border-radius:18px;margin-top:15px;display:flex;gap:5px;position:relative;min-height:50px}.login-popup .login-container .login-type .phone,.login-popup .login-container .login-type .teacher,.login-popup .login-container .login-type .username{cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:15px;background-color:#fff;width:50%;height:100%;transition:all .2s;overflow:hidden}.login-popup .login-container .login-type .phone.act,.login-popup .login-container .login-type .teacher.act,.login-popup .login-container .login-type .username.act{background-color:#ff8a00;color:#fff}.login-popup .login-container form{width:50%}.login-popup .login-container form .error-message{font-size:14px;text-align:center}.login-popup .login-container form .input-row{margin-top:20px;position:relative}.login-popup .login-container form .input-row input{border:2px solid #d7d8d4;border-radius:15px;width:100%;height:50px;padding:0 10px;font-size:16px;font-family:Poppins;padding-right:40px!important}.login-popup .login-container form .input-row input.phone-input,.login-popup .login-container form .input-row input.us-input{display:none}.login-popup .login-container form .input-row input.phone-input.act,.login-popup .login-container form .input-row input.us-input.act{display:block}.login-popup .login-container form .input-row button[type=button]{position:absolute;right:10px;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,0);border:none;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.login-popup .login-container form .input-row button[type=button]:hover{background-color:#d7d8d4}.login-popup .login-container form .input-row button[type=button] svg{width:20px!important}.login-popup .login-container form .input-row button[type=submit]{width:100%;height:50px;border-radius:15px;background-color:#ff8a00;font-size:16px;border:none;cursor:pointer;font-family:Poppins;color:#fff;transition:all .2s}.login-popup .login-container form .input-row button[type=submit]:hover{background-color:#cf7208}.login-popup .login-container form .toggle-action{margin-top:15px}.login-popup .login-container form .toggle-action button{background-color:rgba(0,0,0,0);border:none;font-size:16px;font-family:Poppins}.login-popup .login-container form .toggle-action button span{cursor:pointer;color:#ff8a00}@media screen and (max-width:500px){.login-popup{width:90%;padding:15px;height:70vh}.login-popup .login-container{overflow:auto;padding:20px 0}.login-popup .login-container h1{font-size:22px;text-align:center}.login-popup .login-container .login-type{width:90%;font-size:12px!important}.login-popup .login-container form{width:90%}}.register-shape{position:fixed;top:0;left:0;background-color:rgba(0,0,0,.3098039216);width:100%;height:100vh;opacity:0;z-index:-10;transition:all .3s}.register-shape.popped{opacity:1;z-index:99}.register-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#ecece4;padding:20px;width:80%;height:90vh;border-radius:30px;opacity:0;z-index:-10;transition:all .3s;overflow:auto;scrollbar-width:none}.register-popup.popped{opacity:1;z-index:99}.register-popup .register-container{background-color:#fff;border-radius:20px;padding:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100%;position:relative}.register-popup .register-container .close{width:40px;height:40px;border-radius:50%;background-color:#f8f9f4;transform:rotate(45deg);position:absolute;right:15px;top:15px;cursor:pointer;display:flex;align-items:center;justify-content:center}.register-popup .register-container .logo{font-size:24px;font-weight:600;letter-spacing:1px;color:#312f30}.register-popup .register-container .logo img{width:140px}.register-popup .register-container .logo span{color:#00b40c}.register-popup .register-container h1{font-weight:500;margin-top:5px}.register-popup .register-container h1 span{color:rgba(0,0,0,.4)}.register-popup .register-container .register-type{background-color:#f8f9f4;padding:5px;width:50%;height:50px;border-radius:13px;margin-top:15px}.register-popup .register-container .register-type .phone{display:flex;align-items:center;justify-content:center;border-radius:15px;background-color:#fff;width:100%;height:100%}.register-popup .register-container .last-form{width:50%}.register-popup .register-container .last-form .last{display:flex;flex-wrap:wrap;gap:0 20px}.register-popup .register-container .last-form .input-row{width:48%}.register-popup .register-container .form{width:50%}.register-popup .register-container .form.last{width:100%}.register-popup .register-container .form .error-text{margin-top:5px}.register-popup .register-container .form .input-row{margin-top:15px;position:relative;display:flex;flex-direction:column}.register-popup .register-container .form .input-row input,.register-popup .register-container .form .input-row select{border:2px solid #d7d8d4;border-radius:15px;width:100%;height:50px;padding:0 10px;font-size:16px;font-family:Poppins;padding-right:40px!important}.register-popup .register-container .form .input-row .error-text{color:red;font-size:15px}.register-popup .register-container .form .toggle-action{margin-top:15px}.register-popup .register-container .form .toggle-action button{background-color:rgba(0,0,0,0);border:none;font-size:16px;font-family:Poppins}.register-popup .register-container .form .toggle-action button span{cursor:pointer;color:#ff8a00}.register-popup .register-container .n,.register-popup .register-container button[type=submit]{width:100%;height:50px;border-radius:15px;background-color:#ff8a00;font-size:16px;border:none;cursor:pointer;font-family:Poppins;color:#fff;transition:all .2s;margin-top:20px;float:right}.register-popup .register-container .n:hover,.register-popup .register-container button[type=submit]:hover{background-color:#cf7208}@media screen and (max-width:1424px){.register-popup .register-container .last-form{display:flex;flex-direction:column}.register-popup .register-container .last-form .last{row-gap:0}.register-popup .register-container .last-form .last .input-row{width:100%}}@media screen and (max-width:500px){.register-popup{width:90%;padding:15px;height:70vh}.register-popup .register-container{overflow:auto;padding:20px 0}.register-popup .register-container h1{font-size:22px!important;text-align:center}.register-popup .register-container .last-form,.register-popup .register-container .register-type{width:90%}.register-popup .register-container .last-form .input-row{margin-top:10px}.register-popup .register-container .last-form .n{width:100%}.register-popup .register-container .form{width:90%}.register-popup .register-container .form .input-row{width:100%}.register-popup .register-container .form.last{flex-direction:column;gap:0}.register-popup .register-container .error-text{margin-top:0!important}.register-popup .register-container .error-text.al{margin-top:10px!important;color:red;font-size:14px;width:100%;display:block;text-align:center}.register-popup .register-container .n{width:100%}.register-popup .register-container .n.fons-sm{font-size:14px}}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;list-style:none;outline:none;font-family:Poppins;transition:all .3s}body .error-text{color:red}body.over{overflow:hidden}body .error-message{width:100%;background-color:rgba(255,0,0,.774);height:50px;display:flex;justify-content:center;align-items:center;margin-top:15px;border-radius:12px;color:#fff}