@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");*{margin:0;padding:0;box-sizing:border-box;font-family:"Inter", sans-serif}body{background-color:#F5F5F7}.wrapper_details{display:flex;justify-content:center;align-items:center;min-height:100vh}@media (max-width: 640px){.wrapper_details{display:flex;align-items:flex-start}}.wrapper_details form{width:600px;background-color:white;border-radius:32px;padding:0 25px;min-height:100vh}@media (max-width: 640px){.wrapper_details form{padding:0 20px;border-radius:0}}.wrapper_details form .logo{height:55px;display:flex;align-items:center;justify-content:space-between}.wrapper_details form .logo .logo{margin-top:5px;width:64.9px;margin-right:20px}.wrapper_details form .wrapper_form{width:100%;background-color:#EFE7FF;padding:16px;border-radius:30px}.wrapper_details form .wrapper_form .logo_id{margin-bottom:32px;display:flex;justify-content:center}.wrapper_details form .wrapper_form .logo_id img{width:100px}.wrapper_details form .wrapper_form .title{text-align:center;padding-top:10px}.wrapper_details form .wrapper_form .title h1{font-size:24px;text-align:center;font-weight:600;margin:0 0 10px 0}.wrapper_details form .wrapper_form .title p{font-size:16px;font-weight:400;margin-bottom:24px}.wrapper_details form .wrapper_form .title p span{color:black;font-weight:700}.wrapper_details form .wrapper_form .app{width:100%;display:flex;flex-direction:column;align-items:center}.wrapper_details form .wrapper_form .app .title_app{margin-top:27px;display:flex;flex-direction:column;align-items:center}.wrapper_details form .wrapper_form .app .title_app img{width:60px;height:60px;transform-origin:center center;animation:spinPause 1s linear infinite;transition:transform .5s}.wrapper_details form .wrapper_form .app .title_app p{margin-top:25px;font-weight:500;font-size:17px}.wrapper_details form .wrapper_form .app a{text-align:center;width:100%;color:color(srgb 0.2235294118 0.0745098039 0.2980392157);font-size:18px;margin-top:20px;margin-top:27px;margin-bottom:57px}.wrapper_details form .wrapper_form .inputes{width:100%;gap:10px;margin-top:10px}.wrapper_details form .wrapper_form .inputes .input_box{width:100%}.wrapper_details form .wrapper_form .inputes .input_box.has_error input{border:2px solid #c6002b !important;margin-bottom:0}.wrapper_details form .wrapper_form .inputes .input_box.has_error .msg_error{color:#c6002b;display:flex !important;font-size:14px;font-weight:500;margin-top:5px}.wrapper_details form .wrapper_form .inputes .input_box label{font-size:20px;font-weight:600;margin-bottom:10px}.wrapper_details form .wrapper_form .inputes .input_box .msg_error{display:none}.wrapper_details form .wrapper_form .inputes .input_box .box_input{position:relative}.wrapper_details form .wrapper_form .inputes .input_box .box_input i{position:absolute;font-size:24px;left:10px;top:50%;transform:translateY(-50%)}.wrapper_details form .wrapper_form .inputes .input_box .box_input input{margin-bottom:0}.wrapper_details form .wrapper_form .inputes .input_box input{width:100%;height:48px;padding:9.6px 12px;font-size:18px;background-color:#ffffff;color:#121a12;caret-color:#121a12;border-radius:12px;margin-bottom:16px;border:1px solid #6a6867}.wrapper_details form .wrapper_form .inputes .input_box input::placeholder{font-size:18px;color:#000000}.wrapper_details form .wrapper_form .inputes .input_box .reset{margin-top:10px;color:#285605;display:block}.wrapper_details form .wrapper_form .btn_sub{margin-top:44px;display:flex;align-items:center;flex-direction:column}.wrapper_details form .wrapper_form .btn_sub button{color:#ffffff;background-color:#39134c;display:flex;flex-direction:column;align-items:center;text-decoration:none;border-radius:999px;border-style:solid;border-width:0;width:100%;min-height:56px;cursor:pointer;padding:16px 32px;font-size:18px;font-weight:500;line-height:140%;margin-bottom:32px}.wrapper_details form .wrapper_form .btn_sub a{color:#39134c;font-size:18px;font-weight:500;text-decoration:none}.wrapper_details form .wrapper_form .forget{font-size:16px;font-weight:400;line-height:1.3;text-decoration:underline;color:#285605;height:24px;margin-top:16px;margin-top:52px;display:flex;justify-content:center;margin-bottom:10px}.rotating:hover{animation-play-state:paused}@keyframes spinPause{0%{transform:rotate(0deg)}70%{transform:rotate(180deg)}100%{transform:rotate(180deg)}}.loading{width:100%;min-height:40vh;display:flex;justify-content:center;align-items:center}