/* IMSP CS Sîngerei — MPass authentication entry v46 */
.mpass-auth-block{margin:0 0 22px}
.mpass-auth-button{
  display:flex;align-items:center;gap:13px;width:100%;min-height:58px;padding:11px 14px;
  border:1px solid rgba(255,255,255,.2);border-radius:14px;
  background:linear-gradient(135deg,#0f2d5c 0%,#153f7a 58%,#1d4f91 100%);
  color:#fff!important;text-decoration:none!important;box-shadow:0 12px 28px rgba(15,45,92,.20);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease;
  -webkit-tap-highlight-color:transparent;
}
.mpass-auth-button:hover,.mpass-auth-button:focus-visible{
  transform:translateY(-1px);box-shadow:0 16px 34px rgba(15,45,92,.28);
  border-color:rgba(255,255,255,.42);filter:saturate(1.06);outline:none;
}
.mpass-auth-button:active{transform:translateY(0)}
.mpass-auth-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16)}
.mpass-auth-icon svg{width:23px;height:23px;stroke:currentColor}
.mpass-auth-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;text-align:left;line-height:1.25}
.mpass-auth-copy strong{font-size:14px;font-weight:800;letter-spacing:-.01em}
.mpass-auth-copy small{font-size:11px;color:rgba(255,255,255,.74);font-weight:600}
.mpass-auth-arrow{flex:0 0 auto;font-size:20px;line-height:1;opacity:.78;transition:transform .18s ease}
.mpass-auth-button:hover .mpass-auth-arrow,.mpass-auth-button:focus-visible .mpass-auth-arrow{transform:translateX(3px)}
.mpass-auth-separator{display:flex;align-items:center;gap:10px;margin:17px 0 0;color:#718096;font-size:10px;font-weight:800;letter-spacing:.055em;text-transform:uppercase;text-align:center}
.mpass-auth-separator::before,.mpass-auth-separator::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#d7dfeb)}
.mpass-auth-separator::after{background:linear-gradient(90deg,#d7dfeb,transparent)}
.mpass-auth-separator span{max-width:240px}
@media(max-width:480px){
 .mpass-auth-block{margin-bottom:18px}.mpass-auth-button{min-height:56px;padding:10px 12px;gap:10px;border-radius:13px}
 .mpass-auth-icon{width:36px;height:36px;flex-basis:36px}.mpass-auth-copy strong{font-size:13px}.mpass-auth-copy small{font-size:10px}
 .mpass-auth-separator{font-size:9px;gap:7px}
}
@media(prefers-reduced-motion:reduce){.mpass-auth-button,.mpass-auth-arrow{transition:none!important}}