body,h1,h2,h3,h4,h5,h6,p,form,input,button{margin:0;padding:0;box-sizing:border-box;}
body{font-family:"Nunito Sans",sans-serif;background-color:#f4f6f8;color:#333;line-height:1.6;}
.container{width:100%;max-width:480px;margin:80px auto;background:white;padding:30px;border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,0.05);}
input[type="email"],input[type="password"]{width:100%;padding:10px 15px;margin-top:0;margin-bottom:30px;border:1px solid #ccc;height:56px;border-radius:8px;font-size:18px;line-height:100%;}
input:focus{outline:none;border:1px solid #FF5A5F}
input:-webkit-autofill{transition:background-color 100000s ease-in-out 0s;-webkit-text-fill-color:#000!important;caret-color:auto;}
button.signBtn{background-color:#FF5A5F;color:white;padding:10px 15px;border:none;border-radius:8px;cursor:pointer;transition:background 0.2s ease;font-size:18px;line-height:100%;text-align:center;height:56px;margin-top:0;}
button.signBtn:hover{background-color:#FF5A58;}
a{color:#4F46E5;text-decoration:none;}
a:hover{text-decoration:underline;}
button.signBtn{cursor:pointer;position:relative;overflow:hidden;}
button.signBtn::before{content:'';position:absolute;top:0;left:-150%;width:50%;height:100%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,0.45) 50%,transparent 100%);transform:skewX(-20deg);pointer-events:none;}
button.signBtn:hover::before,button.signBtn:focus-visible::before{animation:shimmer-sweep 0.8s forwards;}
.text-center{text-align:center;}
.mt-20{margin-top:20px;}
.alert{background:#fdecea;color:#b91c1c;padding:10px 15px;margin-bottom:20px;border-radius:6px;position:relative;}
.alert-success{background:#d1fae5;color:#065f46;}
.alert-danger{background:#fee2e2;color:#991b1b;}
.close-btn{position:absolute;top:5px;right:10px;background:none;border:none;font-size:18px;color:inherit;cursor:pointer;}
body{background:#f8f9fa;}
.login-box{width:608px;background:white;padding:0;box-shadow:0px 1px 2px 0px #00000014;box-shadow:0px 3px 12px 0px #0000001A;border-radius:24px;position:relative;}
input,button{width:100%;margin-top:10px;padding:8px;}
.login-box-main{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;}
.login-box-main:before{position:absolute;left:0;top:0;content:' ';background-image:url(../../images/loginBg.png);height:100%;width:100%;background-repeat:no-repeat;background-size:cover;}
.login-inner{text-align:center;padding:60px;}
.form-group label{font-weight:600;font-size:18px;line-height:100%;color:#222222;float:left;width:100%;text-align:left;margin-bottom:15px;}
.input-wrap label{font-weight:600;font-size:18px;line-height:100%;color:#222222;float:left;width:100%;text-align:left;margin-bottom:15px;}
.login-head{padding-bottom:40px;}
.login-head p{font-weight:600;font-size:18px;line-height:100%;}
.login-head h2{padding-top:40px;font-weight:700;font-size:32px;line-height:100%;padding-bottom:10px;}
.forgot-pw{display:flex;width:100%;justify-content:space-between;align-items:center;position:relative;margin-bottom:40px;}
.login-chek-container{display:block;position:relative;padding-left:40px;margin-bottom:0px;cursor:pointer;user-select:none;color:var(--text-general-text-light,#212121);font-style:normal;letter-spacing:0.2px;font-size:18px;font-weight:600;line-height:24.55px;text-align:left;}
.forgot-pw p{margin-bottom:0;}
.login-chek-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0;}
.login-chek-container input:checked ~ .checkmark{background-color:#fff;}
.login-chek-container .checkmark{position:absolute;top:0px;left:0;height:24px;width:24px;border-radius:6px;border:0.6px solid #A3A3A3;}
.login-chek-container input:checked ~ .checkmark:after{display:block;}
.login-chek-container .checkmark:after{left:8px;top:3px;width:6px;height:12px;border:solid #656565;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.login-chek-container .checkmark:after{content:"";position:absolute;display:none;}
.forgot-pw p a{color:#202224;margin-bottom:0;font-size:18px;font-weight:600;line-height:24.55px;text-align:right;}
.forgot-pw p a:hover{text-decoration:none;}
.input-wrap input{width:100%;padding:10px 15px;margin-top:0;margin-bottom:30px;border:1px solid #ccc;height:56px;border-radius:8px;font-size:18px;line-height:100%;}
@keyframes shimmer-sweep{
  0%{left:-150%;}
  100%{left:150%;}
}

/*responsive start here*/
@media(max-width:1540px){
  .login-box{width:448px;border-radius:15px;zoom:0.9;}
  .login-inner{padding:40px;}
  .form-group input{font-size:14px;height:41px;padding:10px 15px 10px 15px;margin-bottom:15px;}
  .form-group label{line-height:normal;font-size:14px;margin-bottom:6px;}
  .input-wrap label{line-height:normal;font-size:14px;margin-bottom:6px;}
  .input-wrap input{font-size:14px;height:41px;padding:10px 15px 10px 15px;margin-bottom:15px;margin-top:0;border:1px solid #ccc;border-radius:8px;}
  .login-head h2{padding-top:20px;font-size:24px;}
  .login-head p{font-size:15px;}
  .login-head{padding-bottom:20px;}
  .forgot-pw{margin-bottom:15px;}
  .forgot-pw p a{font-size:14px;line-height:16.55px;}
  .login-chek-container{font-size:14px;line-height:16.55px;padding-left:30px;}
  .login-chek-container .checkmark{height:17px;width:17px;border-radius:4px;top:-2px;}
  .login-chek-container .checkmark:after{left:6px;top:3px;width:3px;height:8px;}
  button.signBtn{font-size:14px;height:41px;padding:10px 15px 10px 15px;margin-bottom:0;}
  .login-head img{height:80px;}
}