/* HANPLE_COMPANY_LOGIN_DESIGN_V1 */
.hp-company-entry{
  width:calc(100% - 24px);max-width:500px;
  margin:24px auto;padding:28px;
  border:1px solid #e4ebf6;border-radius:24px;
  box-shadow:0 14px 48px rgba(20,37,75,.08);
  color:#12213f;
}
.hp-company-entry [hidden]{display:none!important}
#hpCompanyLoginHeading{text-align:center;margin-bottom:26px}
.hp-company-brand{
  text-align:left;color:#0861ef;font-size:30px;
  font-weight:900;letter-spacing:-1.5px;
}
.hp-company-emblem{
  display:flex;align-items:center;justify-content:center;
  width:76px;height:76px;margin:20px auto 8px;
  border-radius:50%;background:#eaf3ff;color:#0861ef;
}
.hp-company-emblem svg{width:42px;height:42px}
.hp-company-badge{
  display:inline-block;padding:5px 13px;
  background:#eaf3ff;color:#0861ef;border-radius:20px;
  font-size:13px;font-weight:700;
}
#hpCompanyLoginHeading h2{
  margin:18px 0 10px;font-size:29px;letter-spacing:-1px;
}
#hpCompanyLoginHeading p{
  margin:0;color:#68788f;font-size:14px;line-height:1.7;
  word-break:keep-all;
}
#loginBox .hp-company-field-label{
  display:block;margin:18px 0 7px;font-size:14px;font-weight:800;
}
#loginBox #loginEmail,#loginBox #loginPassword{
  min-height:52px;margin:0;padding:14px;
  border:1px solid #ced9e9;border-radius:12px;
  font-size:16px;background:#fbfcff;color:#12213f;
}
#loginBox input::placeholder{color:#8996aa}
#loginBox input:focus{outline:2px solid #9ec4ff;outline-offset:1px}
.hp-company-password{position:relative}
#loginBox .hp-company-password #loginPassword{padding-right:62px}
#loginBox .hp-company-password-toggle{
  position:absolute;right:7px;top:50%;transform:translateY(-50%);
  width:48px;min-height:40px;margin:0;padding:6px;
  background:transparent;color:#5c6d87;font-size:12px;
}
#loginBox .hp-company-save-email{
  margin:16px 0!important;color:#68788f!important;
}
#loginBox .hp-company-save-email input{
  width:19px!important;height:19px;accent-color:#0861ef;
}
#loginBox .hp-company-login-button{
  min-height:52px;background:#142d60;color:white;
  font-weight:800;font-size:16px;border-radius:12px;
}
#loginBox .hp-company-signup-button{
  min-height:50px;margin-top:14px;background:white;
  border:1px solid #b8cbed;color:#1454b8;
  font-weight:700;border-radius:12px;
}
.hp-company-entry button{cursor:pointer}
.hp-company-entry button:focus-visible{
  outline:3px solid #9ec4ff;outline-offset:2px;
}
#loginHanpleAuthBox{
  padding:13px;background:#f0f6ff;border-radius:12px;
}
@media(max-width:380px){
  .hp-company-entry{padding:22px;margin:12px auto}
  #hpCompanyLoginHeading h2{font-size:26px}
}