.modal-card.modal-light.mpin-modal{--mp-gold:#fbbf24;color:#fff;background:radial-gradient(120% 55% at 50% 0,#8c5adc8c,#0000 62%) padding-box padding-box,linear-gradient(#4a2a7a 0%,#36185d 55%,#2e1b4b 100%) padding-box padding-box,linear-gradient(135deg,#fff4cf 0%,#d9a21a 14%,#8a5a06 26%,#f6d27a 40%,#fbbf24 50%,#9c6a08 62%,#f3cd6b 76%,#b8820f 88%,#fff1c4 100%) border-box;border:4px solid #0000;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px #3c2002bf,inset 0 0 0 1px #fff4cf59,inset 0 2px 10px #00000059,0 26px 60px -14px #0a0414bf}.mpin-modal,.mpin-modal *{font-family:SF Pro Text,SF Pro Icons,Helvetica Neue,Helvetica,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}.mpin-modal .material-symbols-outlined{font-family:Material Symbols Outlined}.mpin-modal .modal-head{background:0 0;border-bottom:1px solid #ffffff1a}.mpin-modal .modal-title{color:#fff;font-size:16px;font-weight:700}.mpin-modal .modal-close{color:#ffffffbf}.mpin-modal .modal-close:hover{color:#fff;background:#ffffff1a}.mpin-modal .modal-body{padding:0 0 20px}.mpin-modal .modal-head+.modal-body{padding-top:16px}.mpin-modal .mpin-setup-head{text-align:center;padding:20px 22px 4px}.mpin-modal .mpin-brand{width:max-content;margin:0 auto 10px;animation:4.5s ease-in-out infinite mpin-brand-float;position:relative}.mpin-modal .mpin-brand img{width:auto;height:78px;animation:4.5s ease-in-out infinite mpin-brand-glow;display:block}.mpin-modal .mpin-brand:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 34%,#fff9 50%,#0000 66%) 170% 0/260% 100% no-repeat;animation:4.5s ease-in-out infinite mpin-brand-shine;position:absolute;inset:0;-webkit-mask:url(/brand/logo-mark.png?v=20260927) 50%/contain no-repeat;mask:url(/brand/logo-mark.png?v=20260927) 50%/contain no-repeat}@keyframes mpin-brand-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes mpin-brand-glow{0%,30%,to{filter:drop-shadow(0 0 4px #fbbf2440)}50%{filter:drop-shadow(0 0 14px #fbbf2499)}}@keyframes mpin-brand-shine{0%,30%{background-position:170% 0}75%,to{background-position:-70% 0}}.mpin-modal .mpin-setup-title{letter-spacing:0;color:#fff;margin:0;font-size:18px;font-weight:700;line-height:1.3}.mpin-modal .mpin-setup-sub{color:#ffffffb8;max-width:none;margin:5px 0 0;font-size:12.5px;line-height:1.45}.mpin-modal .mpin-step-eye{letter-spacing:0;text-transform:none;color:var(--mp-gold);margin:16px 0 12px;font-size:13px;font-weight:600}.mpin-modal .mpin-keypad{gap:14px;padding:0 22px}.mpin-modal .mpin-dots{gap:12px}.mpin-modal .mpin-dot{width:46px;height:52px;box-shadow:none;color:#fff;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:14px;font-size:21px;font-weight:600;transition:border-color .2s,background .2s}.mpin-modal .mpin-dot.filled{background:#fbbf241a;border-color:#fbbf24cc;box-shadow:0 0 0 3px #fbbf241a}.mpin-modal .mpin-dot .dot-inner{background:var(--mp-gold);border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #fbbf2499}.mpin-modal .mpin-meta{max-width:220px;margin:0 auto}.mpin-modal .mpin-eye{letter-spacing:0;text-transform:none;color:#fffc;background:0 0;border:0;padding:4px 0;font-size:13px;font-weight:500}.mpin-modal .mpin-eye:hover:not(:disabled){color:#fff;background:0 0}.mpin-modal .mpin-progress{letter-spacing:0;text-transform:none;color:#ffffff8c;font-size:12px;font-weight:500}.mpin-modal .mpin-progress b{color:var(--mp-gold)}.mpin-modal .mpin-pad{gap:10px;max-width:260px;margin:2px auto 0}.mpin-modal .mpin-key{height:52px;box-shadow:none;color:#fff;background:#ffffff12;border:1px solid #ffffff1a;border-radius:16px;font-size:22px;font-weight:500;transition:background .12s,border-color .12s}.mpin-modal .mpin-key:hover{background:#ffffff1c;border-color:#ffffff2e}.mpin-modal .mpin-key:active{background:#ffffff2e;transform:none}.mpin-modal .mpin-key.clear,.mpin-modal .mpin-key.back{color:#ffffffbf;background:0 0;border-color:#0000}.mpin-modal .mpin-key.clear{letter-spacing:0;text-transform:none;font-size:14px;font-weight:500}.mpin-modal .mpin-key.clear:hover:not(:disabled),.mpin-modal .mpin-key.back:hover{color:#fff;background:#ffffff12}@media (prefers-reduced-motion:reduce){.mpin-modal .mpin-brand,.mpin-modal .mpin-brand img,.mpin-modal .mpin-brand:after{animation:none}}