/* PM24 V110 — professional unified mobile OTP login */
body.public-login{
  --login-ink:#101828;
  --login-muted:#667085;
  --login-blue:#0877ff;
  --login-navy:#071a35;
  --login-lime:#c7f36b;
  --login-yellow:#ffd54a;
  min-height:100vh!important;
  background:#f7f9fc!important;
  color:var(--login-ink)!important;
}
body.public-login>.appbar,
body.public-login>.site-footer{display:none!important}
body.public-login>.page{
  width:100%!important;
  max-width:none!important;
  min-height:100vh!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  background:
    radial-gradient(circle at 14% 18%,rgba(199,243,107,.22),transparent 28%),
    radial-gradient(circle at 88% 16%,rgba(8,119,255,.13),transparent 27%),
    linear-gradient(145deg,#fffdf5 0%,#f5f9ff 46%,#f9fbff 100%)!important;
}
body.public-login .toast{
  position:fixed!important;
  z-index:100!important;
  top:20px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:min(92vw,720px)!important;
  margin:0!important;
  border-radius:16px!important;
  box-shadow:0 20px 50px rgba(16,24,40,.18)!important;
}
.pgm-login-pro{
  width:min(1480px,100%);
  min-height:100vh;
  margin:0 auto;
  padding:0 48px;
  display:grid;
  grid-template-rows:auto 1fr auto;
  overflow:hidden;
}
.pgm-login-pro-nav{
  min-height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  border-bottom:1px solid rgba(16,24,40,.08);
}
.pgm-login-pro-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--login-navy);
  text-decoration:none;
  font-size:27px;
  line-height:1;
  font-weight:950;
  letter-spacing:-.055em;
}
.pgm-login-pro-brand>span:last-child>span{color:var(--login-blue)}
.pgm-login-pro-mark{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:14px;
  background:linear-gradient(145deg,#0b7cff,#075dd5);
  color:#fff;
  font-size:13px;
  font-weight:950;
  letter-spacing:-.02em;
  box-shadow:0 13px 26px rgba(8,119,255,.26),inset 0 1px 0 rgba(255,255,255,.3);
}
.pgm-login-pro-nav nav{display:flex;align-items:center;gap:10px}
.pgm-login-pro-nav nav a{
  display:inline-flex;
  min-height:44px;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  border-radius:13px;
  color:#344054;
  text-decoration:none;
  font-size:14px;
  font-weight:850;
}
.pgm-login-pro-nav nav a:hover{background:rgba(255,255,255,.7)}
.pgm-login-pro-nav nav a.is-primary{
  background:linear-gradient(135deg,var(--login-lime),var(--login-yellow));
  color:#263600;
  border:1px solid rgba(67,83,0,.12);
  box-shadow:0 10px 24px rgba(167,187,36,.18);
}
.pgm-login-pro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.72fr);
  gap:clamp(56px,8vw,124px);
  align-items:center;
  padding:clamp(54px,7vh,96px) 4px;
}
.pgm-login-pro-hero{max-width:760px}
.pgm-login-pro-kicker,
.pgm-login-pro-card-kicker{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 11px;
  border-radius:999px;
  background:rgba(8,119,255,.09);
  color:#0870ee;
  font-size:11px;
  line-height:1;
  font-weight:950;
  letter-spacing:.11em;
}
.pgm-login-pro-hero h1{
  margin:20px 0 18px;
  color:var(--login-navy);
  font-size:clamp(48px,5.1vw,78px);
  line-height:.98;
  letter-spacing:-.068em;
  font-weight:950;
}
.pgm-login-pro-hero h1 em{
  font-style:normal;
  background:linear-gradient(110deg,#0877ff 5%,#5a73ff 44%,#7f8f00 98%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.pgm-login-pro-hero>p{
  max-width:700px;
  margin:0;
  color:#53637c;
  font-size:clamp(17px,1.35vw,21px);
  line-height:1.65;
}
.pgm-login-pro-features{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin-top:32px;
}
.pgm-login-pro-features article{
  min-height:96px;
  display:flex;
  align-items:flex-start;
  gap:13px;
  padding:17px;
  border:1px solid rgba(16,24,40,.08);
  border-radius:20px;
  background:rgba(255,255,255,.67);
  box-shadow:0 14px 34px rgba(16,24,40,.055);
  backdrop-filter:blur(12px);
}
.pgm-login-pro-features article>span{
  flex:0 0 39px;
  width:39px;
  height:39px;
  display:grid;
  place-items:center;
  border-radius:13px;
  background:linear-gradient(145deg,#e9f4ff,#f4ffd8);
  color:#0877ff;
  font-size:18px;
  font-weight:950;
}
.pgm-login-pro-features article div{display:grid;gap:5px;min-width:0}
.pgm-login-pro-features b{color:#182844;font-size:14px;font-weight:950}
.pgm-login-pro-features small{color:#68778d;font-size:12px;line-height:1.5}
.pgm-login-pro-trust{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  margin-top:24px;
  color:#57667a;
  font-size:12px;
  font-weight:800;
}
.pgm-login-pro-trust span{display:inline-flex;align-items:center;gap:7px}
.pgm-login-pro-trust i{
  width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#eaf9e9;color:#159447;font-style:normal;font-size:10px;font-weight:950;
}
.pgm-login-pro-card-wrap{display:flex;justify-content:flex-end}
.pgm-login-pro-card{
  width:min(100%,500px);
  padding:38px;
  border:1px solid rgba(16,24,40,.09);
  border-radius:28px;
  background:rgba(255,255,255,.94);
  box-shadow:0 32px 85px rgba(25,45,78,.16),0 3px 12px rgba(16,24,40,.05);
  backdrop-filter:blur(18px);
}
.pgm-login-pro-card h2{
  margin:17px 0 9px;
  color:var(--login-navy);
  font-size:32px;
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:950;
}
.pgm-login-pro-card-copy{
  margin:0 0 25px;
  color:var(--login-muted);
  font-size:14px;
  line-height:1.65;
}
.pgm-login-pro-form{display:grid;gap:11px}
.pgm-login-pro-form label{
  color:#344054!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.01em;
}
.pgm-login-pro-phone{
  min-height:58px;
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid #d5ddea;
  border-radius:16px;
  background:#fff;
  transition:.2s ease;
}
.pgm-login-pro-phone:focus-within{border-color:#78b2ff;box-shadow:0 0 0 4px rgba(8,119,255,.11)}
.pgm-login-pro-phone>span{
  align-self:stretch;
  display:flex;
  align-items:center;
  padding:0 15px;
  border-right:1px solid #e6ebf2;
  background:#f8fafc;
  color:#475467;
  font-size:14px;
  font-weight:900;
}
body.public-login .pgm-login-pro input{
  width:100%!important;
  min-height:58px!important;
  margin:0!important;
  padding:0 16px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:#101828!important;
  font-size:16px!important;
  font-weight:800!important;
  outline:0!important;
}
body.public-login .pgm-login-pro input::placeholder{color:#98a2b3;font-weight:600}
.pgm-login-pro-submit{
  min-height:58px;
  margin-top:5px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 19px;
  border:0;
  border-radius:16px;
  background:linear-gradient(135deg,#0877ff,#075fd9);
  color:#fff;
  cursor:pointer;
  font-size:15px;
  font-weight:950;
  box-shadow:0 16px 30px rgba(8,119,255,.25);
  transition:transform .18s ease,box-shadow .18s ease;
}
.pgm-login-pro-submit:hover{transform:translateY(-1px);box-shadow:0 19px 36px rgba(8,119,255,.31)}
.pgm-login-pro-submit b{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.17);font-size:17px}
.pgm-login-pro-legal{margin:14px 0 0;color:#98a2b3;font-size:10px;line-height:1.55;text-align:center}
.pgm-login-pro-legal a{color:#667085;font-weight:850;text-decoration:none}
.pgm-login-pro-divider{display:flex;align-items:center;gap:10px;margin:22px 0 15px;color:#98a2b3;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.08em}
.pgm-login-pro-divider:before,.pgm-login-pro-divider:after{content:"";height:1px;flex:1;background:#e7ebf1}
.pgm-login-pro-secondary-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pgm-login-pro-secondary-actions a{
  min-height:86px;
  display:grid;
  grid-template-columns:32px 1fr;
  grid-template-rows:auto auto;
  column-gap:9px;
  align-content:center;
  padding:13px;
  border:1px solid #e1e8f1;
  border-radius:15px;
  background:#fbfcfe;
  color:#253858;
  text-decoration:none;
}
.pgm-login-pro-secondary-actions a:hover{border-color:#b9d4fb;background:#f6faff}
.pgm-login-pro-secondary-actions a>span{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eaf3ff;color:#0877ff;font-size:16px;font-weight:950}
.pgm-login-pro-secondary-actions b{font-size:11px;font-weight:950;align-self:end}
.pgm-login-pro-secondary-actions small{color:#7c899d;font-size:9px;line-height:1.35;align-self:start}
.pgm-login-pro-otp-icon{width:58px;height:58px;margin:18px 0 4px;display:grid;place-items:center;border-radius:19px;background:linear-gradient(145deg,#e9fbdf,#d7f6ff);color:#178447;font-size:25px;font-weight:950}
body.public-login .pgm-login-pro input.pgm-login-pro-otp{
  min-height:66px!important;
  padding:0 17px!important;
  border:1px solid #d5ddea!important;
  border-radius:16px!important;
  background:#fff!important;
  text-align:center!important;
  font-size:27px!important;
  letter-spacing:.28em!important;
}
body.public-login .pgm-login-pro input.pgm-login-pro-otp:focus{border-color:#78b2ff!important;box-shadow:0 0 0 4px rgba(8,119,255,.11)!important}
.pgm-login-pro-demo{margin:0 0 15px;padding:12px 14px;border:1px dashed #9dc4ff;border-radius:13px;background:#f1f7ff;color:#31557d;font-size:12px;font-weight:750}
.pgm-login-pro-demo b{float:right;color:#0877ff;font-size:15px;letter-spacing:.12em}
.pgm-login-pro-change{display:block;margin-top:17px;color:#0877ff;text-align:center;text-decoration:none;font-size:12px;font-weight:900}
.pgm-login-pro-footer{
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  border-top:1px solid rgba(16,24,40,.08);
  color:#7d899a;
  font-size:11px;
}
.pgm-login-pro-footer>div{display:flex;flex-wrap:wrap;gap:18px;justify-content:flex-end}
.pgm-login-pro-footer a{color:#58667a;text-decoration:none;font-weight:800}
@media(max-width:1060px){
  .pgm-login-pro{padding:0 28px}
  .pgm-login-pro-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:42px}
  .pgm-login-pro-hero h1{font-size:53px}
  .pgm-login-pro-features article{min-height:104px}
}
@media(max-width:860px){
  .pgm-login-pro{padding:0 20px;overflow:visible}
  .pgm-login-pro-nav{min-height:72px}
  .pgm-login-pro-grid{grid-template-columns:1fr;gap:30px;padding:34px 0 42px}
  .pgm-login-pro-hero{text-align:center;margin:0 auto}
  .pgm-login-pro-hero h1{font-size:clamp(39px,9vw,58px);margin-top:17px}
  .pgm-login-pro-hero>p{margin:0 auto;font-size:16px}
  .pgm-login-pro-features{text-align:left;max-width:680px;margin:25px auto 0}
  .pgm-login-pro-trust{justify-content:center}
  .pgm-login-pro-card-wrap{justify-content:center}
  .pgm-login-pro-card{width:min(100%,540px)}
}
@media(max-width:620px){
  .pgm-login-pro{padding:0 14px}
  .pgm-login-pro-nav nav a:not(.is-primary){display:none}
  .pgm-login-pro-nav nav a.is-primary{min-height:40px;padding:0 12px;font-size:11px}
  .pgm-login-pro-brand{font-size:23px}.pgm-login-pro-mark{width:37px;height:37px;border-radius:12px}
  .pgm-login-pro-grid{padding:28px 0 32px}
  .pgm-login-pro-hero h1{font-size:42px;line-height:1.02}
  .pgm-login-pro-hero>p{font-size:14px;line-height:1.6}
  .pgm-login-pro-features{grid-template-columns:1fr;gap:8px}
  .pgm-login-pro-features article{min-height:76px;padding:13px;border-radius:16px}
  .pgm-login-pro-features article:nth-child(n+3){display:none}
  .pgm-login-pro-trust{gap:10px;font-size:10px}.pgm-login-pro-trust span:last-child{display:none}
  .pgm-login-pro-card{padding:25px 19px;border-radius:23px}
  .pgm-login-pro-card h2{font-size:28px}
  .pgm-login-pro-secondary-actions{grid-template-columns:1fr}
  .pgm-login-pro-secondary-actions a{min-height:70px}
  .pgm-login-pro-footer{min-height:100px;flex-direction:column;justify-content:center;text-align:center;padding:18px 0}
  .pgm-login-pro-footer>div{justify-content:center;gap:9px 15px}
}
@media(max-width:390px){
  .pgm-login-pro-hero h1{font-size:36px}
  .pgm-login-pro-card{padding:22px 16px}
  .pgm-login-pro-nav nav a.is-primary{display:none}
}