*,: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:Cairo,Inter,sans-serif;background:#743bbc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--mf-purple-splash:#743bbc;--mf-purple-login:#723bb3;--mf-purple-deep:#5a2d9a;--mf-purple-mid:#8b4fd0;--mf-purple-light:rgba(116,59,188,0.85);--mf-gold:#f5a800;--mf-gold-dark:#d99200;--mf-gold-darker:#c07f00;--mf-white:#ffffff;--mf-text:#ffffff;--mf-text-muted:rgba(255,255,255,0.65);--mf-text-dim:rgba(255,255,255,0.40);--mf-input-bg:rgba(255,255,255,0.92);--mf-input-text:#2d1a5e;--mf-input-border:rgba(255,255,255,0.6);--mf-input-focus:#f5a800;--mf-error:#ff4d4d;--mf-placeholder:rgba(100,70,160,0.55);--mf-overlay:rgba(60,20,110,0.55)}#mfloos-app{position:fixed;inset:0;align-items:center;justify-content:center}#mfloos-app,.mf-frame{width:100%;height:100%;display:flex;background:var(--mf-purple-splash)}.mf-frame{position:relative;max-width:430px;max-height:100dvh;overflow:hidden;box-shadow:0 0 80px rgba(0,0,0,.5);flex-direction:column}.mf-screen{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translateX(24px);transition:opacity .32s ease,transform .32s ease;overflow:hidden}.mf-screen.active{opacity:1;pointer-events:all;transform:translateX(0)}[dir=rtl] .mf-screen{transform:translateX(-24px)}[dir=rtl] .mf-screen.active{transform:translateX(0)}.mf-spinner-overlay{position:absolute;inset:0;z-index:80;background:transparent;pointer-events:all;animation:mf-fade-in .18s ease both}.mf-spinner-card,.mf-spinner-overlay{display:flex;align-items:center;justify-content:center}.mf-spinner-card{width:82px;height:82px;background:rgba(116,59,188,.88);border-radius:18px;box-shadow:0 8px 32px rgba(0,0,0,.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.mf-spinner-img{width:58px;height:58px;object-fit:contain;animation:mf-spin 1s linear infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;display:block}@keyframes mf-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mf-dot-loader{display:flex;align-items:center;justify-content:center;gap:7px}.mf-dot{width:8px;height:8px;border-radius:50%;background:var(--mf-purple-deep);animation:mf-bounce 1.2s ease-in-out infinite}.mf-dot-1{animation-delay:0s}.mf-dot-2{animation-delay:.2s}.mf-dot-3{animation-delay:.4s}@keyframes mf-bounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}.mf-splash{position:absolute;inset:0;background:var(--mf-purple-splash);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:50;gap:0}.mf-splash-logo{width:clamp(160px,48vw,220px);height:auto;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;animation:mf-splash-in .65s cubic-bezier(.34,1.45,.64,1) both}@keyframes mf-splash-in{0%{opacity:0;transform:scale(.65) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}.mf-login-screen{width:100%;height:100%;position:relative;display:flex;flex-direction:column;overflow:hidden}.mf-login-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.mf-login-overlay{position:absolute;inset:0;background:var(--mf-overlay);z-index:1}.mf-login-bottom-bar{display:none}.mf-bottom-fade{position:absolute;bottom:0;left:0;right:0;height:160px;background:linear-gradient(180deg,transparent 0,rgba(114,59,179,.35) 3%,rgba(116,66,173,.75) 10%,#723bb3 70%);z-index:5;pointer-events:none}.mf-bottom-bar{flex-shrink:0;background:#723bb3;padding:2px 14px max(10px,env(safe-area-inset-bottom,10px));align-items:flex-start;justify-content:space-around;gap:8px}.mf-bottom-bar,.mf-login-content{display:flex;position:relative;z-index:10}.mf-login-content{flex:1 1;flex-direction:column;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom,0)}.mf-topbar{display:flex;align-items:flex-start;justify-content:space-between;padding:max(32px,env(safe-area-inset-top,32px)) 20px 0;flex-shrink:0}.mf-welcome-block{display:flex;flex-direction:column;gap:3px}.mf-welcome-title{font-size:26px;font-weight:800;line-height:1.2;font-family:Cairo,sans-serif}.mf-welcome-title,.mf-welcome-title--dark{color:#1a1a1a!important;text-shadow:none}.mf-welcome-sub{font-size:14px;font-weight:400;color:rgba(0,0,0,.75)!important;font-family:Cairo,sans-serif;line-height:1.4;text-shadow:0 1px 6px rgba(0,0,0,.5)}.mf-welcome-sub--dark{color:rgba(0,0,0,.75)!important;text-shadow:none}.mf-lang-btn{background:var(--mf-purple-splash);border:none;border-radius:10px;width:46px;height:46px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .18s;box-shadow:0 2px 10px rgba(0,0,0,.25);position:relative}.mf-lang-btn:hover{background:var(--mf-purple-deep)}.mf-lang-btn-text,.mf-lang-btn:after{display:none}.mf-card-wrap{padding:28px 20px 0;flex-shrink:0}.mf-card-img{width:100%;height:auto;border-radius:16px;object-fit:cover;display:block;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;box-shadow:0 6px 24px rgba(0,0,0,.35)}.mf-card-fallback{width:100%;height:140px;background:linear-gradient(135deg,var(--mf-purple-mid) 0,var(--mf-purple-deep) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center}.mf-form-wrap{padding:36px 20px 0;flex-shrink:0;display:flex;flex-direction:column;gap:14px}.mf-input-wrap{display:flex;align-items:center;background:transparent;border:1.5px solid rgba(255,255,255,.75);border-radius:14px;height:52px;padding:0 16px;transition:border-color .18s;overflow:hidden;position:relative}.mf-input-wrap:focus-within{border-color:rgba(255,255,255,1)}.mf-input-wrap--error{border-color:var(--mf-error)!important}.mf-input{flex:1 1;background:transparent!important;border:none;outline:none;font-size:15px;font-weight:400;font-family:Cairo,Inter,sans-serif;color:#ffffff;caret-color:#ffffff;min-width:0;box-shadow:none!important;-webkit-text-fill-color:#ffffff!important}.mf-input::placeholder{color:rgba(255,255,255,.75);font-weight:400;-webkit-text-fill-color:rgba(255,255,255,.75)}.mf-input:disabled{opacity:.55;cursor:not-allowed}.mf-input:-webkit-autofill,.mf-input:-webkit-autofill:active,.mf-input:-webkit-autofill:focus,.mf-input:-webkit-autofill:hover{box-shadow:inset 0 0 0 100px transparent!important;-webkit-text-fill-color:#ffffff!important;background:transparent!important;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}[dir=rtl] .mf-input{text-align:right;direction:rtl}[dir=ltr] .mf-input{text-align:left;direction:ltr}.mf-biometric-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-margin-start:8px;margin-inline-start:8px}.mf-eye-btn{display:none}.mf-field-error{font-size:12px;color:#ffaaaa;margin-top:-8px;font-family:Cairo,sans-serif;-webkit-padding-start:4px;padding-inline-start:4px;text-shadow:0 1px 3px rgba(0,0,0,.4)}.mf-forgot-row{display:flex;justify-content:flex-end;margin-top:4px}[dir=rtl] .mf-forgot-row{justify-content:flex-start}.mf-forgot-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:400;color:var(--mf-white);font-family:Cairo,sans-serif;padding:4px 0;text-shadow:0 1px 4px rgba(0,0,0,.4)}.mf-forgot-btn:hover{color:var(--mf-gold)}.mf-login-btn-wrap{padding:6px 20px 0;flex-shrink:0}.mf-login-btn{width:100%;height:54px;border-radius:12px;border:none;cursor:pointer;font-size:17px;font-weight:700;font-family:Cairo,Inter,sans-serif;letter-spacing:.4px;background:var(--mf-gold);color:var(--mf-white);transition:background .18s,transform .1s,opacity .18s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(245,168,0,.45)}.mf-login-btn:hover:not(:disabled){background:var(--mf-gold-dark)}.mf-login-btn:active:not(:disabled){transform:scale(.98)}.mf-login-btn:disabled{opacity:.75;cursor:not-allowed}.mf-bottom-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;background:none;border:none;flex:1 1}.mf-bottom-icon-wrap{width:52px;height:52px;background:var(--mf-gold);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 10px rgba(245,168,0,.35);transition:background .15s,transform .1s}.mf-bottom-item:hover .mf-bottom-icon-wrap{background:var(--mf-gold-dark)}.mf-bottom-item:active .mf-bottom-icon-wrap{transform:scale(.95)}.mf-bottom-label{font-size:12px;font-weight:600;color:var(--mf-white);font-family:Cairo,sans-serif;text-align:center;line-height:1.2}.mf-version{position:absolute;bottom:max(6px,env(safe-area-inset-bottom,6px));left:12px;font-size:10px;color:rgba(255,255,255,.45);font-family:Inter,sans-serif;z-index:11}[dir=rtl] .mf-version{left:auto;right:12px}.mf-otp-backdrop{position:absolute;inset:0;z-index:60;background:rgba(30,10,60,.72);display:flex;align-items:center;justify-content:center;padding:24px;animation:mf-fade-in .22s ease both}@keyframes mf-fade-in{0%{opacity:0}to{opacity:1}}.mf-otp-popup{background:#ffffff;border-radius:22px;width:100%;max-width:360px;padding:28px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.45);animation:mf-popup-in .28s cubic-bezier(.34,1.3,.64,1) both}@keyframes mf-popup-in{0%{opacity:0;transform:scale(.88) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.mf-otp-close-btn{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:50%;background:rgba(116,59,188,.1);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--mf-purple-splash);transition:background .15s;z-index:2}[dir=rtl] .mf-otp-close-btn{right:auto;left:14px}.mf-otp-close-btn:hover{background:rgba(116,59,188,.18)}.mf-otp-title{font-size:20px;font-weight:800;color:var(--mf-purple-splash);margin-top:4px}.mf-otp-subtitle,.mf-otp-title{font-family:Cairo,sans-serif;text-align:center}.mf-otp-subtitle{font-size:13px;font-weight:400;color:rgba(60,30,100,.7);line-height:1.6;max-width:260px;margin-top:-6px}.mf-otp-timer{font-size:15px;font-weight:700;color:var(--mf-purple-splash);font-family:Cairo,Inter,sans-serif;background:rgba(116,59,188,.08);border-radius:8px;padding:6px 18px;letter-spacing:1px}.mf-otp-timer--expired{color:var(--mf-error);background:rgba(255,77,77,.08)}.mf-otp-input-wrap{width:100%}.mf-otp-input{width:100%;height:54px;background:rgba(116,59,188,.07);border:2px solid rgba(116,59,188,.25);border-radius:12px;outline:none;font-size:22px;font-weight:700;font-family:Inter,sans-serif;color:var(--mf-purple-deep);caret-color:var(--mf-gold);text-align:center;letter-spacing:6px;transition:border-color .18s;padding:0 16px}.mf-otp-input:focus{border-color:var(--mf-gold)}.mf-otp-input--error{border-color:var(--mf-error)!important}.mf-otp-input:disabled{opacity:.6;cursor:not-allowed}.mf-otp-input::placeholder{color:rgba(116,59,188,.3);letter-spacing:0;font-size:15px;font-weight:400}.mf-otp-error{gap:8px;font-size:13px;color:var(--mf-error);font-family:Cairo,sans-serif;font-weight:600;background:rgba(255,77,77,.08);border:1px solid rgba(255,77,77,.22);border-radius:10px;padding:10px 14px;line-height:1.4}.mf-otp-error,.mf-otp-verify-btn{display:flex;align-items:center;width:100%}.mf-otp-verify-btn{height:50px;border-radius:12px;border:none;cursor:not-allowed;font-size:16px;font-weight:700;font-family:Cairo,Inter,sans-serif;background:rgba(245,168,0,.25);color:rgba(245,168,0,.5);transition:background .18s,color .18s,transform .1s;justify-content:center}.mf-otp-verify-btn--ready{background:var(--mf-gold);color:var(--mf-white);cursor:pointer;box-shadow:0 4px 18px rgba(245,168,0,.4)}.mf-otp-verify-btn--ready:hover{background:var(--mf-gold-dark)}.mf-otp-verify-btn--ready:active{transform:scale(.98)}.mf-otp-verify-btn:disabled:not(.mf-otp-verify-btn--ready){opacity:.5}.mf-otp-verify-btn .mf-dot{background:var(--mf-white)}.mf-otp-actions-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;margin-top:-4px}.mf-otp-resend-btn{background:none;border:none;cursor:pointer;font-size:13px;font-weight:700;font-family:Cairo,sans-serif;color:var(--mf-purple-splash);text-decoration:underline;padding:4px 0;transition:color .15s}.mf-otp-resend-btn:hover{color:var(--mf-purple-mid)}.mf-otp-resend-btn:disabled{opacity:.4;cursor:not-allowed;text-decoration:none}.mf-otp-cancel-btn{background:none;border:1.5px solid rgba(116,59,188,.3);border-radius:8px;cursor:pointer;font-size:13px;font-weight:700;font-family:Cairo,sans-serif;color:var(--mf-purple-splash);padding:6px 16px;transition:background .15s,border-color .15s}.mf-otp-cancel-btn:hover{background:rgba(116,59,188,.07);border-color:var(--mf-purple-splash)}@keyframes mf-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes mf-fade-down{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}.mf-anim-up{animation:mf-fade-up .45s ease both}.mf-anim-down{animation:mf-fade-down .45s ease both}