.wpsmb-auth{
  min-height: 70vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 16px;
  /*background: #f6f7fb;*/
}
.wpsmb-auth__card{
  width:100%;
  max-width:520px;
  background:#fff;
  border:1px solid #eef0f5;
  border-radius:16px;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
  padding:22px;
}
.wpsmb-auth__brand{
  display:flex;
  gap:12px;
  align-items:center;
  margin-bottom:14px;
}
.wpsmb-auth__logo{
  width:44px;height:44px;border-radius:12px;
  background:#0f172a;color:#fff;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:18px;
}
.wpsmb-auth__title{font-size:20px;font-weight:800;color:#0f172a;line-height:1.2;}
.wpsmb-auth__sub{font-size:13px;color:#6b7280;margin-top:2px;}

.wpsmb-form{margin-top:10px;}
.wpsmb-field{margin:12px 0;}
.wpsmb-field label{display:block;font-size:13px;font-weight:700;color:#111827;margin-bottom:6px;}
.wpsmb-field input{
  width:100%;
  height:44px;
  border:1px solid #e5e7eb;
  border-radius:12px;
  padding:0 14px;
  outline:none;
}
.wpsmb-field input:focus{border-color:#0f172a; box-shadow:0 0 0 3px rgba(15,23,42,.10);}

.wpsmb-btn{
  width:100%;
  height:46px;
  border:0;
  border-radius:12px;
  background:#0f172a;
  color:#fff;
  font-weight:800;
  cursor:pointer;
  margin-top:10px;
}
.wpsmb-btn:hover{opacity:.95;}

.wpsmb-alert{
  padding:10px 12px;
  border-radius:12px;
  font-size:13px;
  margin:10px 0;
}
.wpsmb-alert--error{background:#fff1f2;border:1px solid #ffe4e6;color:#9f1239;}

.wpsmb-auth__links{
  margin-top:12px;
  text-align:center;
  font-size:13px;
}
.wpsmb-auth__links a{color:#0f172a;text-decoration:underline;}



.wpsmb-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  padding: 14px 18px;
  border-radius: 14px;

  background: #0f172a;
  color: #ffffff !important;

  font-weight: 600;
  text-decoration: none !important;
}

.wpsmb-btn span {
  color: #ffffff;
}

.wpsmb-btn--google {
  background: #ffffff;
  color: #111827 !important;
  border: 1px solid #e5e7eb;
}

.wpsmb-btn--google span {
  color: #111827;
}

.wpsmb-btn--google svg {
  flex-shrink: 0;
}


.wpsmb-btn--ghost{
  background: transparent;
  border: 1px solid rgba(15, 23, 42, 0.18);
  color: #0f172a !important;
  padding-bottom:5px !important;
}
.wpsmb-btn--ghost:hover{
  border-color: rgba(15, 23, 42, 0.35);
}


.wpsmb-nonmember{
  margin-top: 22px;
  text-align: center;
}

.wpsmb-nonmember p{
  margin: 0 0 10px;
  font-size: 14px;
  color: #64748b;
}