a,span{text-decoration:initial}a:hover,span:hover{text-decoration:underline}.register-container{background-color:#f2eee6;width:calc(100% - 80px);max-width:500px;height:min-content;margin:40px auto;padding:30px;border-radius:10px;border-top:5px solid #008dda}.register-head{display:flex;flex-direction:column}.register-head a i{font-size:20px;width:10px}.register-head-logo{align-self:center;display:flex;justify-content:center;align-items:center;width:150px;height:auto;border-radius:100%}.register-head-logo img{width:70%}.register-body{margin:15px}.register-body-form{display:flex;flex-direction:column;margin-bottom:15px;gap:5px}.register-body-form p{font-size:14px;margin:0;color:#ec4444}.register-body-form label{font-size:16px;font-weight:600}.register-body-form input{height:35px;padding:5px 10px;border:1px solid #008dda;border-radius:5px}.register-body-form input:focus{border:2px solid #008dda;outline:none}.register-body-bottom{display:flex;flex-direction:column;align-items:center;gap:10px}.register-body-bottom button{width:100%;padding:15px 0;border:none;border-radius:10px;background-color:#007bff;color:#fff;font-size:16px;font-weight:500;margin-top:15px;cursor:pointer}.register-body-bottom button:hover{background-color:#005ec2}.register-body-bottom a{font-size:14px;margin-top:5px}.login-container{background-color:#f2eee6;width:calc(100% - 80px);max-width:500px;height:min-content;margin:40px auto;padding:30px;border-radius:10px;border-top:5px solid #008dda}.login-head{display:flex;flex-direction:column}.login-head a i{font-size:20px;width:10px}.login-head-logo{align-self:center;display:flex;justify-content:center;align-items:center;width:150px;height:auto;border-radius:100%}.login-head-logo img{width:70%}.login-error-msg{background-color:#ec4444;margin:15px 15px 0;text-align:center;border-radius:5px;color:#fff}.login-body{margin:15px}.login-body-form{display:flex;flex-direction:column;margin-bottom:15px;gap:5px}.login-body-form label{font-size:16px;font-weight:600}.login-body-form input{height:35px;padding:5px 10px;border:1px solid #008dda;border-radius:5px}.login-body-form input:focus{border:2px solid #008dda;outline:none}.login-body-info{display:flex;justify-content:space-between;font-size:16px;margin-top:20px}.login-body-bottom{display:flex;flex-direction:column;align-items:center;gap:10px}.login-body-bottom button{width:100%;padding:15px 0;border:none;border-radius:10px;background-color:#007bff;color:#fff;font-size:16px;font-weight:500;margin-top:15px;cursor:pointer}.login-body-bottom button:hover{background-color:#005ec2}.login-body-bottom a{font-size:14px;margin-top:5px}.remember{display:flex;align-items:center;margin-bottom:10px}.remember input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.remember .checkbox-label{position:relative;padding-left:26px;cursor:pointer;display:flex;align-items:center}.remember .checkbox-label:before{content:"";position:absolute;left:4px;width:16px;height:16px;border:1px solid #ccc;background-color:#fff;border-radius:4px}.remember .checkbox-label:after{content:"";position:absolute;left:10px;top:4px;width:4px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}.remember input[type=checkbox]:checked+.checkbox-label:before{background-color:#007bff;border-color:#007bff}.remember input[type=checkbox]:checked+.checkbox-label:after{opacity:1}.remember input[type=checkbox]:hover+.checkbox-label:before{border-color:#007bff}.forgot-pass-container{background-color:#f2eee6;width:calc(100% - 80px);max-width:500px;height:min-content;margin:40px auto;padding:30px;border-radius:10px;border-top:5px solid #008dda}.forgot-pass-head{display:flex;flex-direction:column}.forgot-pass-head-text{text-align:center;width:87%;margin:25px auto 15px;font-size:16px;border:1px solid black;border-radius:5px;padding:15px}.forgot-pass-head a i{font-size:20px;width:10px}.forgot-pass-head-logo{align-self:center;display:flex;justify-content:center;align-items:center;width:150px;height:auto;border-radius:100%}.forgot-pass-head-logo img{width:70%}.forgot-pass-status-msg{background-color:#15be86;margin:15px 15px 0;text-align:center;border-radius:5px;color:#fff}.forgot-pass-body{margin:15px}.forgot-pass-body-form{display:flex;flex-direction:column;margin-bottom:15px;gap:5px}.forgot-pass-body-form p{font-size:14px;margin:0;color:#ec4444}.forgot-pass-body-form label{font-size:16px;font-weight:600}.forgot-pass-body-form input{height:35px;padding:5px 10px;border:1px solid #008dda;border-radius:5px}.forgot-pass-body-form input:focus{border:2px solid #008dda;outline:none}.forgot-pass-body-bottom{display:flex;flex-direction:column;align-items:center;gap:10px}.forgot-pass-body-bottom button{width:100%;padding:15px 0;border:none;border-radius:10px;background-color:#007bff;color:#fff;font-size:16px;font-weight:500;margin-top:15px;cursor:pointer}.forgot-pass-body-bottom button:hover{background-color:#005ec2}.reset-pass-container{background-color:#f2eee6;width:500px;height:min-content;margin:40px auto;padding:30px;border-radius:10px;border-top:5px solid #008dda}.reset-pass-head{display:flex;flex-direction:column}.reset-pass-head a i{font-size:20px;width:10px}.reset-pass-head-logo{align-self:center;display:flex;justify-content:center;align-items:center;width:150px;height:auto;border-radius:100%}.reset-pass-head-logo img{width:70%}.reset-pass-body{margin:15px}.reset-pass-body-form{display:flex;flex-direction:column;margin-bottom:15px;gap:5px}.reset-pass-body-form p{font-size:14px;margin:0;color:#ec4444}.reset-pass-body-form label{font-size:16px;font-weight:600}.reset-pass-body-form input{height:35px;padding:5px 10px;border:1px solid #008dda;border-radius:5px}.reset-pass-body-form input:focus{border:2px solid #008dda;outline:none}.reset-pass-body-bottom{display:flex;flex-direction:column;align-items:center;gap:10px}.reset-pass-body-bottom button{width:100%;padding:15px 0;border:none;border-radius:10px;background-color:#007bff;color:#fff;font-size:16px;font-weight:500;margin-top:15px;cursor:pointer}.reset-pass-body-bottom button:hover{background-color:#005ec2}.login-head a,.register-head a,.reset-pass-head a,.forgot-pass-head a{margin-left:15px}.login-head span,.register-head span,.reset-pass-head span,.forgot-pass-head span{margin-left:5px}@media screen and (max-width: 450px){.register-container,.login-container,.forgot-pass-container{width:100%;min-height:100vh;bottom:unset;margin:0;padding:15px 0;border-radius:0;border-top:none}.forgot-pass-head-text{width:84%}.reset-pass-container{width:100%;min-height:100vh;bottom:unset;margin:0;padding:15px 0;border-radius:0;border-top:none}}