.mpin-unlock-page { position:fixed; inset:0; margin:0; width:100%; max-width:none; height:100dvh; max-height:none; box-sizing:border-box; border:0; padding:24px; background:linear-gradient(150deg,#fff,#fff3f3); color:#202630; overflow:auto; }
.mpin-unlock-page[open] { display:grid; place-items:center; }
.mpin-unlock-form { width:min(100%,360px); text-align:center; }
.mpin-unlock-form img { border-radius:50%; box-shadow:0 8px 24px #c31e2624; margin-bottom:24px; }
.mpin-unlock-form h1 { font-size:25px; margin:0 0 8px; }
.mpin-unlock-form p { font-size:14px; color:#667085; }
.mpin-boxes { display:flex; justify-content:center; gap:12px; margin:28px 0 12px; }
.mpin-boxes input { width:56px; height:60px; min-width:0; box-sizing:border-box; border:1px solid #d8dce3; border-radius:12px; background:white; font-size:26px; text-align:center; }
.mpin-boxes input:focus { outline:3px solid #c31e2626; border-color:#c31e26; }
.mpin-unlock-form .mpin-error { color:#b42318; min-height:22px; overflow-wrap:anywhere; }
.mpin-submit,.mpin-signout { width:100%; min-height:48px; border:0; border-radius:12px; font:600 15px inherit; cursor:pointer; }
.mpin-submit { background:#c31e26; color:white; }
.mpin-submit:disabled { opacity:.6; }
.mpin-signout { background:transparent; color:#667085; margin-top:12px; }
@media(max-width:340px) { .mpin-boxes { gap:8px; } .mpin-boxes input { width:52px; } }
body.premium-home #authModalOverlay .auth-pin-field { display:block !important; position:relative; height:56px; padding-right:44px; }
body.premium-home #authModalOverlay .auth-pin-boxes { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; width:100%; height:56px; pointer-events:none; }
body.premium-home #authModalOverlay .auth-pin-boxes > span { display:grid; place-items:center; border:1px solid #d8dce3; border-radius:12px; background:#fff; color:#202630; font-size:23px; line-height:1; }
body.premium-home #authModalOverlay .auth-pin-boxes > .is-current { border-color:#c31e26; box-shadow:0 0 0 3px #c31e2619; }
body.premium-home #authModalOverlay .auth-pin-field > input { position:absolute !important; inset:0 44px 0 0; width:calc(100% - 44px) !important; height:56px !important; opacity:0; cursor:text; padding:0 !important; }
body.premium-home #authModalOverlay .auth-pin-field > .toggle-password-btn { right:0 !important; top:6px; width:40px; height:44px; }
@media(max-width:359px) { body.premium-home #authModalOverlay .auth-pin-boxes { gap:8px; } }