.login-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.login-card{height:80%;background-color:white;border:1px solid #a8d0fa;border-radius:20px;display:flex;box-shadow:5px 7px 7px rgba(173,224,255,.7)}.login-card:hover{box-shadow:5px 7px 20px rgba(172,218,247,.9)}.login-contentbox{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:1 1;padding:0;animation:fadeInContent 1.3s ease-in-out forwards}@keyframes fadeInContent{0%{opacity:0}to{opacity:1}}.login-forget{width:100%;margin:10px;display:flex;justify-content:space-between;color:rgb(143,141,141);font-size:12px;padding-top:10px}.login-captcha{width:100%;height:80px}.login-imgbox{flex:1 1;height:100%;display:flex;justify-content:center;align-items:center;background-attachment:fixed;overflow:hidden;animation:slideInImage 1.3s ease-out forwards;border-radius:20px}@keyframes slideInImage{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.login-imgbox img{display:flex;justify-content:start;margin-right:25px;width:100%;height:100%;border-radius:20px;object-fit:cover}.login-h1{font-size:40px;padding:0;margin:0;font-weight:700;color:#009ee2}.login-h2{font-size:15px;color:rgb(143,141,141)}.login-formbox{display:flex;justify-content:center;align-items:center;flex-direction:column}.login-inputbox{display:inline-block;position:relative}.login-inputbox label{position:absolute;top:0;left:10px;margin-top:12px;margin-right:10px;padding:0 4px;font-size:10px;color:rgb(10,140,201);background-color:white;font-weight:700}.login-inputbox input{border:1px solid #60c8f8;border-radius:5px;width:250px;height:30px;box-sizing:border-box;font-size:16px;padding:18px 8px;color:rgb(117,117,117)}.login-inputbox input:focus{outline:none;color:rgb(117,117,117);border-color:#0177c1;box-shadow:0 0 5px rgba(1,119,193,.7)}.login-formbox button{color:white;background-color:#019ee3;padding:10px 30px;border:none;cursor:pointer;transition:background-color .3s ease,transform .2s ease-in-out}.login-formbox button:hover{background-color:#0177c1;transform:translateY(-2px)}.login-formbox button:active{transform:translateY(1px)}@keyframes fadeInLabel{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.login-container{padding:20px;height:100vh}.login-card{flex-direction:column;height:auto;max-width:90%;border-radius:15px;box-shadow:3px 5px 10px rgba(173,224,255,.5)}.login-card:hover{box-shadow:3px 5px 15px rgba(172,218,247,.7)}.login-contentbox{padding:20px;flex:none;width:100%;animation:fadeInContent 1s ease-in-out forwards}.login-imgbox{flex:none;height:200px;padding:0}.login-imgbox,.login-imgbox img{width:100%;border-radius:15px 15px 0 0}.login-imgbox img{margin-right:0;object-fit:cover}.login-h1{font-size:28px;margin-bottom:10px}.login-h2{font-size:13px;margin-bottom:20px}.login-formbox{width:100%;padding:0 10px}.login-inputbox input{width:100%;max-width:300px;height:40px;font-size:14px;padding:15px 10px}.login-inputbox label{font-size:9px;margin-top:14px;left:12px}.login-formbox button{width:100%;max-width:300px;padding:12px;font-size:16px;border-radius:8px}.login-forget{font-size:11px;padding:10px 0;margin:5px 0;justify-content:space-between}.login-captcha{height:60px;width:100%;max-width:300px}}@media (max-width:576px){.login-card{max-width:95%}.login-h1{font-size:24px}.login-h2{font-size:12px}.login-inputbox input{height:38px;font-size:13px}.login-inputbox label{font-size:8px;margin-top:12px}.login-formbox button{padding:10px;font-size:14px}.login-imgbox{height:150px;width:100%;padding:0}.login-forget{font-size:10px;flex-direction:column;align-items:center;gap:5px}.login-captcha{height:50px}}.mt-10{margin-top:30%!important}