body{
  margin:0;
  font-family:'Poppins',Arial,sans-serif;
  background:#EEEEEE;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:100vh;
}
.login-container{
  text-align:center;
  max-width:360px;
  width:90%;
}
.logo{width:120px;height:120px;margin-bottom:1rem;user-select:none;}
.welcome-line-1{font-size:1.05rem;font-weight:500;margin:0 0 .25rem;color:#272240;}
.welcome-line-2{font-size:1rem;font-weight:600;margin:0 0 1.5rem;color:#272240;}
.banner{
  padding:0.5rem 0.75rem;
  font-weight:600;
  font-size:0.95rem;
  border-radius:4px;
  margin-bottom:1rem;
  color:#272240;
}
.banner.yellow{background:#F1BF0C;color:#272240;}
.banner.red{background:#E00024;color:#fff;}
.login-form{display:flex;flex-direction:column;gap:1rem;}
.input-group{position:relative;}
.input-group input{
  width:100%;
  padding:0.8rem 1rem;
  font-size:1rem;
  border-radius:6px;
  border:1px solid #bbb;
  outline:none;
  font-family:'Poppins',Arial,sans-serif;
}
.password-group .toggle-icon{
  position:absolute;
  right:14px;top:50%;transform:translateY(-50%);
  cursor:pointer;
  user-select:none;
}
.submit-btn{
  background:#272240;
  color:#fff;
  border:none;
  border-radius:6px;
  padding:0.9rem 1rem;
  font-size:1rem;
  font-weight:600;
  cursor:pointer;
  transition:opacity .2s;
}
.submit-btn:disabled{
  opacity:0.6;
  cursor:not-allowed;
}

/* Hide Edge/IE default password reveal and clear icons */
input::-ms-reveal,
input::-ms-clear{
  display:none;
}