*,:after,:before{box-sizing:border-box;margin:0;padding:0}[role=button],a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body,html{height:100%;width:100%;overflow:hidden}body{font-family:Inter,sans-serif;background:#192032;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--mp-splash-bg:#ffffff;--mp-bg:#192032;--mp-primary:#cc0000;--mp-primary-dark:#aa0000;--mp-primary-light:#ff3333;--mp-white:#ffffff;--mp-near-white:#f0f2f5;--mp-card-bg:#1e2a40;--mp-input-bg:rgba(255,255,255,0.07);--mp-input-border:rgba(255,255,255,0.25);--mp-text:#ffffff;--mp-text-secondary:rgba(255,255,255,0.65);--mp-text-muted:rgba(255,255,255,0.38);--mp-border:rgba(255,255,255,0.18);--mp-error:#ff4d4d;--mp-success:#4caf50;--mp-link:#6eb4f7;--mp-submit-border:rgba(255,255,255,0.55)}#mpay-app{position:fixed;inset:0;align-items:center;justify-content:center}#mpay-app,.mp-frame{width:100%;height:100%;display:flex;background:var(--mp-bg)}.mp-frame{position:relative;max-width:430px;max-height:100dvh;overflow:hidden;box-shadow:0 0 60px rgba(0,0,0,.6);flex-direction:column}.mp-screen{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(40px);transition:opacity .32s ease,transform .32s ease;overflow:hidden}.mp-screen.active{opacity:1;pointer-events:all;transform:translateX(0)}.mp-splash{position:absolute;inset:0;background:var(--mp-splash-bg);flex-direction:column;z-index:50;overflow:hidden}.mp-splash,.mp-splash-logo-area{display:flex;align-items:center;justify-content:center}.mp-splash-logo-area{animation:mp-logo-fadein .9s ease forwards}@keyframes mp-logo-fadein{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.mp-splash-logo-img{width:200px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.mp-loading-overlay{position:absolute;inset:0;z-index:40;background:var(--mp-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px}.mp-loading-logo{width:80px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mp-three-dot-loader{display:flex;gap:10px;align-items:center}.mp-dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.8);animation:mp-bounce 1.2s ease-in-out infinite}.mp-dot-1{animation-delay:0s}.mp-dot-2{animation-delay:.2s}.mp-dot-3{animation-delay:.4s}@keyframes mp-bounce{0%,80%,to{transform:scale(.55);opacity:.35}40%{transform:scale(1.1);opacity:1}}.mp-bg-pattern{width:100%;height:100%;background-image:url(/design.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:.35;z-index:0}.mp-bg-pattern,.mp-upgrade-overlay{position:absolute;inset:0;pointer-events:none}.mp-upgrade-overlay{z-index:80;background:rgba(0,0,0,.72);display:flex;align-items:flex-end;opacity:0;transition:opacity .35s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mp-upgrade-overlay--visible{opacity:1;pointer-events:all}.mp-upgrade-popup{width:100%;background:#1a2540;border-radius:24px 24px 0 0;padding:0 24px 36px;position:relative;transform:translateY(40px);transition:transform .38s cubic-bezier(.34,1.3,.64,1);max-height:88vh;overflow-y:auto;border-top:2px solid rgba(204,0,0,.4)}.mp-upgrade-overlay--visible .mp-upgrade-popup{transform:translateY(0)}.mp-upgrade-progress-track{height:4px;width:100%;background:rgba(255,255,255,.08);border-radius:2px 2px 0 0;overflow:hidden;margin-bottom:20px}.mp-upgrade-progress-bar{height:100%;background:linear-gradient(90deg,var(--mp-primary),var(--mp-primary-light));border-radius:2px;transition:width .1s linear}.mp-upgrade-close{position:absolute;top:14px;right:20px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.1);border:none;cursor:pointer;font-size:14px;color:var(--mp-text-secondary);display:flex;align-items:center;justify-content:center;transition:background .15s}.mp-upgrade-close:hover{background:rgba(255,255,255,.2)}.mp-upgrade-icon{width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,var(--mp-primary) 0,var(--mp-primary-dark) 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;box-shadow:0 6px 20px rgba(204,0,0,.4)}.mp-upgrade-title{font-size:19px;font-weight:800;color:var(--mp-white);text-align:center;margin-bottom:8px;line-height:1.3}.mp-upgrade-body{font-size:13px;color:var(--mp-text-secondary);text-align:center;line-height:1.65;margin-bottom:18px}.mp-upgrade-benefits{list-style:none;margin-bottom:22px;display:flex;flex-direction:column;gap:11px}.mp-upgrade-benefits li{display:flex;align-items:flex-start;gap:11px;font-size:13.5px;color:var(--mp-text);line-height:1.5}.mp-upgrade-benefit-icon{font-size:18px;line-height:1.4;flex-shrink:0}.mp-upgrade-cta{width:100%;height:52px;border-radius:14px;border:none;cursor:pointer;font-size:14px;font-weight:800;letter-spacing:.8px;font-family:Inter,sans-serif;background:var(--mp-primary);color:var(--mp-white);transition:background .18s,transform .1s;margin-bottom:14px;text-transform:uppercase}.mp-upgrade-cta:hover{background:var(--mp-primary-dark)}.mp-upgrade-cta:active{transform:scale(.98)}.mp-upgrade-support{text-align:center;font-size:12px;color:var(--mp-text-muted)}.mp-upgrade-support-link{background:none;border:none;cursor:pointer;font-size:12px;font-family:Inter,sans-serif;color:var(--mp-link);font-weight:600;text-decoration:underline}.mp-login-screen{height:100%;background:var(--mp-bg);overflow:hidden}.mp-login-brand-area,.mp-login-screen{width:100%;display:flex;flex-direction:column;align-items:center;position:relative}.mp-login-brand-area{padding:clamp(28px,7vh,52px) 24px 0;z-index:2;flex-shrink:0;gap:clamp(6px,1.5vh,12px)}.mp-login-tagline{font-size:clamp(13px,3.5vw,15px);font-weight:400;color:var(--mp-white);letter-spacing:.2px;margin-top:2px;opacity:.9}.mp-login-content{flex:1 1;width:100%;padding:clamp(16px,4vh,32px) 28px 0;display:flex;flex-direction:column;align-items:stretch;overflow-y:auto;position:relative;z-index:2}.mp-login-title{font-size:clamp(17px,4.5vw,20px);text-align:center;margin-bottom:clamp(16px,4vw,28px);letter-spacing:.2px}.mp-field-label,.mp-login-title{font-weight:600;color:var(--mp-white)}.mp-field-label{font-size:clamp(12px,3.5vw,13px);margin-bottom:clamp(5px,1.5vw,8px);letter-spacing:.3px}.mp-input-pill{width:100%;height:clamp(44px,11vw,50px);border-radius:30px;border:none;outline:none;background:#ffffff;color:#192032;font-size:clamp(13px,3.5vw,15px);font-weight:500;font-family:Inter,sans-serif;padding:0 20px;margin-bottom:clamp(12px,3.5vw,20px);caret-color:#192032;text-align:center;transition:box-shadow .18s}.mp-input-pill::placeholder{color:rgba(25,32,50,.4)}.mp-input-pill:focus{box-shadow:0 0 0 3px rgba(204,0,0,.35)}.mp-input-pill--error{box-shadow:0 0 0 3px rgba(255,77,77,.5)}.mp-otp-to-label{font-size:clamp(13px,3.5vw,14px);font-weight:400;color:var(--mp-white);text-align:center;margin-bottom:clamp(8px,2.5vw,12px)}.mp-checkbox-row{display:flex;align-items:center;justify-content:center;gap:28px;margin-bottom:clamp(16px,4vw,28px)}.mp-checkbox-item{display:flex;align-items:center;gap:8px;cursor:pointer}.mp-checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--mp-primary);cursor:pointer}.mp-checkbox-item span{font-size:14px;color:var(--mp-white);font-weight:400;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mp-submit-btn{display:block;margin:0 auto 28px;width:160px;height:48px;border-radius:30px;border:2px solid rgba(255,255,255,.25);background:#2a336d;color:var(--mp-white);font-size:16px;font-weight:600;font-family:Inter,sans-serif;letter-spacing:.3px;cursor:pointer;transition:background .18s,transform .1s}.mp-submit-btn:hover{background:#35408a}.mp-submit-btn:active{transform:scale(.97)}.mp-field-error{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--mp-error);margin-top:-14px;margin-bottom:14px;padding-left:4px}.mp-login-spacer{flex:1 1;min-height:12px}.mp-pin-screen{width:100%;height:100%;background:var(--mp-bg);flex-direction:column;position:relative;padding-top:max(16px,env(safe-area-inset-top,16px));padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}.mp-pin-back,.mp-pin-screen{display:flex;align-items:center}.mp-pin-back{position:absolute;top:max(18px,env(safe-area-inset-top,18px));left:16px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:none;cursor:pointer;justify-content:center;color:var(--mp-white);transition:background .15s;z-index:2}.mp-pin-back:hover{background:rgba(255,255,255,.15)}.mp-pin-header{width:100%;padding:60px 32px 0;text-align:center;flex-shrink:0;position:relative;z-index:2}.mp-pin-logo{width:80px;height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;margin-bottom:20px}.mp-pin-title{font-size:20px;font-weight:700;color:var(--mp-white);line-height:1.25;margin-bottom:6px}.mp-pin-subtitle{font-size:14px;color:var(--mp-text-secondary);line-height:1.6}.mp-pin-dots{flex:1 1;display:flex;align-items:center;justify-content:center;gap:22px;padding:0 32px;position:relative;z-index:2}.mp-pin-dot{width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.35);transition:background .15s,transform .15s;flex-shrink:0}.mp-pin-dot--filled{background:var(--mp-white);border-color:var(--mp-white);transform:scale(1.1)}.mp-pin-dot--error{background:var(--mp-error)!important;border-color:var(--mp-error)!important}.mp-pin-err{font-size:13px;color:var(--mp-error);text-align:center;padding:0 32px 8px}.mp-pin-continue-wrap,.mp-pin-err{flex-shrink:0;position:relative;z-index:2}.mp-pin-continue-wrap{width:100%;padding:0 28px max(24px,env(safe-area-inset-bottom,24px))}.mp-pin-continue-btn{width:100%;height:54px;border-radius:14px;border:none;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.4px;font-family:Inter,sans-serif;background:var(--mp-primary);color:var(--mp-white);transition:background .2s,transform .1s}.mp-pin-continue-btn:hover{background:var(--mp-primary-dark)}.mp-pin-continue-btn:active{transform:scale(.98)}.mp-pin-continue-btn:disabled{opacity:.45;cursor:not-allowed}.mp-numpad{padding:0 12px max(8px,env(safe-area-inset-bottom,8px));flex-direction:column;gap:0;flex-shrink:0;position:relative;z-index:2}.mp-numpad,.mp-numpad-row{width:100%;display:flex}.mp-numpad-cell{flex:1 1;aspect-ratio:1.4/1}.mp-numpad-cell,.mp-numpad-key{display:flex;align-items:center;justify-content:center}.mp-numpad-key{background:none;border:none;cursor:pointer;color:var(--mp-white);font-size:clamp(26px,7vw,34px);font-weight:300;font-family:Inter,sans-serif;border-radius:50%;width:72px;height:72px;transition:background .12s,transform .08s;-webkit-tap-highlight-color:transparent}.mp-numpad-key:active{background:rgba(255,255,255,.12);transform:scale(.93)}.mp-numpad-del{color:rgba(255,255,255,.75)}@keyframes mp-shake{0%,to{transform:translateX(0)}15%{transform:translateX(-8px)}30%{transform:translateX(8px)}45%{transform:translateX(-6px)}60%{transform:translateX(6px)}75%{transform:translateX(-3px)}90%{transform:translateX(3px)}}.mp-pin-dots--shake{animation:mp-shake .6s ease}.mp-otp-screen{width:100%;height:100%;background:var(--mp-bg);display:flex;flex-direction:column;position:relative;overflow:hidden}.mp-otp-back-btn{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--mp-white);transition:background .15s}.mp-otp-back-btn:hover{background:rgba(255,255,255,.15)}.mp-otp-back-floating{position:absolute;top:max(20px,env(safe-area-inset-top,20px));left:16px;z-index:3}.mp-otp-header-brand{display:flex;align-items:center;justify-content:center}.mp-otp-content{flex:1 1;overflow-y:auto;padding:clamp(60px,calc(env(safe-area-inset-top, 16px) + 52px),88px) clamp(16px,6vw,28px) clamp(16px,4vh,28px);display:flex;flex-direction:column;align-items:center;position:relative;z-index:2}.mp-otp-content>div:first-child{margin-bottom:clamp(10px,3vw,18px)}.mp-otp-title{font-size:clamp(18px,5vw,21px);font-weight:800;color:var(--mp-white);text-align:center;margin-bottom:clamp(6px,2vw,10px);line-height:1.25}.mp-otp-subtitle{font-size:clamp(12px,3.5vw,14px);color:var(--mp-text-secondary);text-align:center;line-height:1.65;margin-bottom:clamp(20px,5vw,32px);max-width:290px}.mp-otp-icon-wrap{width:72px;height:72px;border-radius:50%;background:rgba(204,0,0,.15);align-items:center;border:2px solid rgba(204,0,0,.3)}.mp-otp-boxes,.mp-otp-icon-wrap{display:flex;justify-content:center;margin-bottom:22px}.mp-otp-boxes{gap:clamp(6px,2vw,12px);width:100%}.mp-otp-box{flex:1 1;min-width:0;max-width:54px;height:clamp(48px,13vw,60px);border-radius:12px;border:2px solid var(--mp-border);background:var(--mp-card-bg);font-size:clamp(18px,5vw,24px);font-weight:700;color:var(--mp-white);text-align:center;outline:none;caret-color:var(--mp-primary-light);transition:border-color .18s,background .18s;font-family:Inter,sans-serif}.mp-otp-box:focus{border-color:var(--mp-primary-light);background:rgba(204,0,0,.12);box-shadow:0 0 0 3px rgba(204,0,0,.2)}.mp-otp-box--filled{border-color:var(--mp-primary);background:rgba(204,0,0,.1)}.mp-otp-box--error{border-color:var(--mp-error);background:rgba(255,77,77,.08)}.mp-otp-timer{display:flex;align-items:center;gap:6px;margin-bottom:12px}.mp-otp-timer-label{font-size:13px;color:var(--mp-text-muted)}.mp-otp-timer-value{font-size:14px;font-weight:700;color:var(--mp-primary-light);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mp-otp-timer-value--urgent{color:var(--mp-error)}.mp-otp-resend-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--mp-link);font-family:Inter,sans-serif;padding:6px 0;margin-bottom:28px}.mp-otp-resend-btn:disabled{color:var(--mp-text-muted);cursor:not-allowed}.mp-otp-error{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--mp-error);text-align:center;margin-bottom:16px;justify-content:center}.mp-continue-btn-wrap{width:100%;padding:16px 24px max(24px,env(safe-area-inset-bottom,24px));flex-shrink:0;position:relative;z-index:2}.mp-continue-btn{width:100%;height:54px;border-radius:14px;border:none;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.4px;font-family:Inter,sans-serif;background:var(--mp-primary);color:var(--mp-white);transition:background .2s,transform .1s}.mp-continue-btn:hover{background:var(--mp-primary-dark)}.mp-continue-btn:active{transform:scale(.98)}.mp-continue-btn:disabled{opacity:.45;cursor:not-allowed}.mp-lock-screen{height:100%;flex-direction:column;background:var(--mp-bg);overflow:hidden}.mp-lock-screen,.mp-lock-topbar{width:100%;display:flex;position:relative}.mp-lock-topbar{background:var(--mp-primary);padding:max(14px,env(safe-area-inset-top,14px)) 20px 14px;align-items:center;justify-content:space-between;flex-shrink:0;z-index:2}.mp-lock-topbar-left{display:flex;align-items:center;gap:10px}.mp-lock-topbar-logo{width:32px;height:32px;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.mp-lock-topbar-label{font-size:22px;font-weight:700;color:#ffffff;font-family:Inter,sans-serif;letter-spacing:.3px}.mp-lock-content{flex:1 1;flex-direction:column;padding:40px 32px;position:relative;z-index:2}.mp-lock-content,.mp-lock-icon-wrap{display:flex;align-items:center;justify-content:center}.mp-lock-icon-wrap{width:90px;height:90px;border-radius:50%;background:rgba(255,77,77,.1);border:2px solid rgba(255,77,77,.28);margin-bottom:26px}.mp-lock-title{font-size:24px;font-weight:800;color:var(--mp-error);text-align:center;margin-bottom:12px;line-height:1.2}.mp-lock-body{font-size:14px;color:var(--mp-text-secondary);text-align:center;line-height:1.65;margin-bottom:36px;max-width:280px}.mp-lock-btn{width:100%;max-width:300px;height:54px;border-radius:27px;border:none;cursor:pointer;font-size:15px;font-weight:700;font-family:Inter,sans-serif;background:var(--mp-primary);color:var(--mp-white);transition:background .18s,transform .1s;letter-spacing:.3px}.mp-lock-btn:hover{background:var(--mp-primary-dark)}.mp-lock-btn:active{transform:scale(.98)}.mp-lock-nav{display:flex;background:#1e2a40;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0;padding-bottom:max(0px,env(safe-area-inset-bottom,0px));position:relative;z-index:2}.mp-lock-nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px 14px;background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;gap:5px;transition:background .15s}.mp-lock-nav-item:active{background:rgba(255,255,255,.05)}.mp-lock-nav-icon{font-size:22px;line-height:1}.mp-lock-nav-label{font-size:11px;font-weight:500;color:var(--mp-text-muted)}.mp-lock-nav-item--active .mp-lock-nav-label{color:var(--mp-primary-light)}