/* Sign-in gate and account area for melipostop-auth.js, on the portal's suite tokens. */
html.mpa-locked body>*:not(.mpa-gate){visibility:hidden}
.mpa-gate{position:fixed;inset:0;z-index:2147483646;display:grid;place-items:center;padding:24px 16px;background:var(--suite-cream,#fff7e3);background:linear-gradient(160deg,#fffaf0,#f3f9fd);visibility:visible}
.mpa-gate-card{width:min(430px,100%);padding:30px 26px 26px;border:1px solid #dbe6ee;border-radius:20px;background:#fff;box-shadow:0 30px 80px rgba(20,52,86,.16);text-align:center;font-family:var(--mc-body,'Nunito Sans','Segoe UI',Arial,sans-serif);color:#17344a}
.mpa-gate-card h1{margin:0;font:800 24px/1.3 var(--mc-display,'Plus Jakarta Sans','Segoe UI',Arial,sans-serif);color:#15384f}
.mpa-gate-card p{margin:10px 0 22px;font-size:16px;line-height:1.55;color:#586f7e}
.mpa-gate-card p.mpa-gate-error{padding:10px 12px;border:1px solid #f0d0d3;border-radius:10px;background:#fff1f1;color:#a34e55;text-align:left}
.mpa-gate-card .btn.primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;border:1px solid var(--suite-yellow,#f5c54b);border-radius:12px;background:var(--suite-yellow,#f5c54b);color:var(--suite-navy,#15384f);font-size:17px;font-weight:800;text-decoration:none}
.mpa-gate-card .btn.primary:hover{background:#efb82f}
.mpa-gate-card .btn.primary:focus-visible{outline:3px solid #128ac3;outline-offset:3px}