.mk-login{--mk-brand-grad: linear-gradient(150deg, #1A365D 0%, #2B6CB0 54%, #16305A 100%);--mk-ease: cubic-bezier(.2, 0, 0, 1);--mk-dur: .34s;--mk-base: .1s;--mk-step: 75ms;--mk-leave: .2s;--mk-slide: 16px;--mk-flip: none;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 20px;position:relative;background:radial-gradient(1100px 560px at 82% -12%,rgba(43,108,176,.12),transparent 58%),radial-gradient(820px 520px at -8% 112%,rgba(26,54,93,.1),transparent 55%),var(--bg-app)}.dark .mk-login{--mk-brand-grad: linear-gradient(150deg, #0F2440 0%, #1A365D 44%, #2B6CB0 100%);background:radial-gradient(1100px 560px at 82% -12%,rgba(43,108,176,.16),transparent 58%),radial-gradient(820px 520px at -8% 112%,rgba(11,30,51,.55),transparent 55%),var(--bg-app)}[dir=rtl] .mk-login{--mk-slide: -16px;--mk-flip: scaleX(-1)}.mk-login *,.mk-login *:before,.mk-login *:after{box-sizing:border-box}.mk-card{position:relative;z-index:1;display:flex;width:min(1000px,100%);min-height:min(86vh,624px);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:28px;overflow:hidden;box-shadow:0 30px 70px #0f172a2e}.dark .mk-card{box-shadow:0 30px 70px #00000073}.mk-brand{flex:0 0 43%;background:var(--mk-brand-grad);color:#fff;padding:40px 40px 32px;display:flex;flex-direction:column;position:relative;overflow:hidden}.mk-brand__blob{position:absolute;border-radius:50%;pointer-events:none}.mk-brand__blob--tr{inset-inline-end:-70px;top:-70px;width:230px;height:230px;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 68%)}.mk-brand__blob--bl{inset-inline-start:-50px;bottom:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(43,108,176,.5),transparent 66%)}.mk-brand__watermark{position:absolute;inset-inline-end:-72px;bottom:16px;width:328px;height:auto;filter:brightness(0) invert(1);opacity:.085;pointer-events:none}.mk-brand__logo{height:34px;width:auto;filter:brightness(0) invert(1);position:relative}.mk-brand__mid{margin-top:auto;position:relative}.mk-brand__overline{font:800 11px/1 Almarai,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#ffffff8c}.mk-brand__head{font:800 33px/1.18 Almarai,sans-serif;letter-spacing:-.015em;margin:15px 0 0;max-width:300px}.mk-brand__sub{margin:14px 0 0;font:400 15px/1.6 Almarai,sans-serif;color:#fffc;max-width:288px}.mk-brand__apps{margin-top:26px;position:relative}.mk-brand__apps-divider{height:1px;background:#ffffff29}.mk-brand__apps-label{margin-top:15px;font:800 10.5px/1 Almarai,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#fff9}.mk-brand__badges{margin-top:11px;display:flex;flex-wrap:nowrap;gap:8px}.mk-badge{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;gap:7px;height:46px;padding:0 8px;border-radius:11px;background:#00000042;border:1px solid rgba(255,255,255,.22);text-decoration:none;color:#fff;transition:background .15s,border-color .15s}.mk-badge:hover{background:#0000006b;border-color:#ffffff6b}.mk-badge i{font-size:19px;color:#fff}.mk-badge__text{display:flex;flex-direction:column;line-height:1.06;align-items:flex-start}.mk-badge__top{font:400 8px/1 Almarai,sans-serif;color:#ffffffb8;white-space:nowrap}.mk-badge__name{font:800 12px/1 Almarai,sans-serif;color:#fff;white-space:nowrap}.mk-logo-stack{display:none;flex-direction:column;align-items:center;justify-content:center;position:relative}.mk-logo-stack img{height:132px;width:auto;filter:brightness(0) invert(1)}.mk-hero-toggle{display:none;position:absolute;top:16px;inset-inline-end:16px;z-index:3}.mk-form{flex:1;min-width:0;padding:44px clamp(28px,4.4vw,54px);display:flex;flex-direction:column;position:relative;background:var(--bg-surface)}.mk-form__toolbar{position:absolute;top:20px;inset-inline-end:22px;display:flex;gap:8px;z-index:3}.mk-form__inner{width:100%;max-width:388px;margin-inline:auto;margin-block:auto;padding-top:22px;position:relative}.mk-icon-btn{width:40px;height:40px;border-radius:12px;border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0f172a0a;transition:.18s}.mk-icon-btn:hover{border-color:var(--primary-500);color:var(--primary-500)}.mk-icon-btn i{font-size:18px}.mk-icon-btn--onbrand{border-color:#ffffff3d;background:#ffffff1f;color:#fff;box-shadow:none}.mk-icon-btn--onbrand:hover{background:#ffffff38;border-color:#fff6;color:#fff}.mk-step{transition:opacity var(--mk-leave) var(--mk-ease)}.mk-step--leaving{opacity:0}.mk-step--center{text-align:center}@keyframes mkIn{0%{opacity:0;transform:translate(var(--mk-slide))}to{opacity:1;transform:none}}@keyframes mkSpin{to{transform:rotate(360deg)}}@keyframes mkBar{0%{width:0}to{width:100%}}@keyframes mkPop{0%{transform:scale(.55);opacity:0}62%{transform:scale(1.09)}to{transform:scale(1);opacity:1}}.mk-stagger>*{opacity:0;animation:mkIn var(--mk-dur) var(--mk-ease) both;animation-delay:calc(var(--mk-base) + var(--mk-i, 0) * var(--mk-step))}.mk-stagger>*:nth-child(1){--mk-i: 0}.mk-stagger>*:nth-child(2){--mk-i: 1}.mk-stagger>*:nth-child(3){--mk-i: 2}.mk-stagger>*:nth-child(4){--mk-i: 3}.mk-stagger>*:nth-child(5){--mk-i: 4}.mk-stagger>*:nth-child(6){--mk-i: 5}.mk-stagger>*:nth-child(7){--mk-i: 6}.mk-stagger>*:nth-child(8){--mk-i: 7}.mk-stagger>*:nth-child(9){--mk-i: 8}.mk-stagger>*:nth-child(10){--mk-i: 9}.mk-stagger>*:nth-child(n+11){--mk-i: 10}.mk-title{font:800 27px/1.15 Almarai,sans-serif;color:var(--text-primary);margin:0;letter-spacing:-.01em}.mk-title--sm{font-size:24px}.mk-sub{margin:7px 0 0;font:400 15px/1.45 Almarai,sans-serif;color:var(--text-muted)}.mk-latin{unicode-bidi:isolate;font-feature-settings:"locl" 0;-moz-font-feature-settings:"locl" 0}.mk-label{font:700 13px/1.3 Almarai,sans-serif;color:var(--text-primary);display:block}.mk-lang-seg{display:none;margin-bottom:22px;padding:5px;gap:5px;background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:16px}.mk-lang-seg button{flex:1;height:44px;border:none;border-radius:12px;background:transparent;color:var(--text-muted);font:800 14px Almarai,sans-serif;cursor:pointer;transition:.18s}.mk-lang-seg button.is-active{background:var(--primary-700);color:#fff}.mk-field{position:relative;margin-top:6px}.mk-input{width:100%;height:54px;padding-inline:16px;border:1.5px solid var(--border-strong);border-radius:15px;background:var(--bg-surface);color:var(--text-primary);font:400 15px Almarai,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}.mk-input::-moz-placeholder{color:var(--text-muted)}.mk-input::placeholder{color:var(--text-muted)}.mk-input:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px var(--focus-ring)}.mk-input--phone{padding-inline-start:100px}.mk-input--lock{padding-inline-start:46px}.mk-input--eye{padding-inline-end:70px}.mk-field__prefix{position:absolute;inset-inline-start:0;top:0;bottom:0;display:flex;align-items:center;gap:8px;padding-inline-start:15px;pointer-events:none}.mk-field__prefix .mk-flag{font-size:20px;line-height:1}.mk-field__prefix .mk-cc{font:700 15px Almarai,sans-serif;color:var(--text-primary)}.mk-field__prefix .mk-sep{width:1px;height:24px;background:var(--border-default);margin-inline-start:4px}.mk-field__lock{position:absolute;inset-inline-start:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.mk-field__eye{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);height:38px;padding:0 12px;border:none;background:transparent;color:var(--primary-500);font:700 12px Almarai,sans-serif;cursor:pointer;border-radius:9px}.mk-check{margin-top:12px;display:flex;align-items:flex-start;gap:9px;cursor:pointer;font:400 12.5px/1.55 Almarai,sans-serif;color:var(--text-muted)}.mk-check input{width:16px;height:16px;margin-top:1px;flex:none;accent-color:var(--primary-500);cursor:pointer}.mk-check a{color:var(--primary-500);font-weight:700;text-decoration:none}.mk-check a:hover{color:var(--primary-600)}.mk-btn{width:100%;height:54px;border:none;border-radius:15px;background:var(--primary-700);color:#fff;font:800 15px Almarai,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;box-shadow:0 10px 22px #2b6cb047;transition:.2s}.mk-btn:hover{background:var(--primary-600);box-shadow:0 12px 26px #2b6cb066}.mk-btn:active{transform:scale(.985)}.mk-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.mk-btn i{font-size:18px}.mk-i-dir{transform:var(--mk-flip)}.mk-btn-ghost{width:100%;height:48px;border:1.5px solid var(--border-default);border-radius:14px;background:var(--bg-surface);color:var(--text-primary);font:700 14px Almarai,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.15s}.mk-btn-ghost:hover{background:var(--bg-subtle);border-color:var(--primary-500)}.mk-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.mk-btn-ghost i{font-size:18px}.mk-btn-ghost .mk-i-action{color:var(--primary-500)}.mk-spinner{width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:mkSpin .7s linear infinite}.mk-chip{display:inline-flex;align-items:center;gap:10px;background:var(--bg-subtle);border:1px solid var(--border-default);border-radius:12px;padding:6px 8px 6px 13px;margin-bottom:22px;cursor:pointer;max-width:100%;transition:.15s}.mk-chip:hover{border-color:var(--primary-500)}.mk-chip i{font-size:18px;color:var(--primary-500)}.mk-chip__id{font:700 14px Almarai,sans-serif;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:190px}.mk-chip__change{font:700 11.5px Almarai,sans-serif;color:var(--primary-500);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;padding:3px 10px}.mk-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:12px}.mk-remember{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font:400 13.5px Almarai,sans-serif;color:var(--text-secondary)}.mk-remember input{width:16px;height:16px;accent-color:var(--primary-500)}.mk-link{border:none;background:transparent;color:var(--primary-500);font:700 13px Almarai,sans-serif;cursor:pointer;padding:0}.mk-link:hover{color:var(--primary-600)}.mk-or{display:flex;align-items:center;gap:12px;margin:24px 0 16px}.mk-or span:first-child,.mk-or span:last-child{flex:1;height:1px;background:var(--border-default)}.mk-or__label{flex:none!important;height:auto!important;background:transparent!important;font:700 11px Almarai,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.mk-social{display:flex;flex-direction:column;gap:10px}.mk-social__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mk-secure{display:none;justify-content:center;align-items:center;gap:7px;margin-top:22px;color:var(--text-muted);font:700 12.5px Almarai,sans-serif}.mk-error{margin:12px 0 0;color:var(--danger);font:400 13px/1.4 Almarai,sans-serif;display:flex;align-items:center;gap:6px}.mk-error i{font-size:16px}.mk-otp-icon,.mk-state-icon{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}.mk-otp-icon{background:var(--mk-brand-grad)}.mk-otp-icon i{font-size:26px;color:#fff}.mk-otp-boxes{margin-top:24px;display:flex;gap:8px;justify-content:center}.mk-otp-box{width:46px;height:56px;border:1.5px solid var(--border-strong);border-radius:13px;background:var(--bg-surface);color:var(--text-primary);text-align:center;font:800 22px Almarai,sans-serif;outline:none;transition:border-color .15s,box-shadow .15s}.mk-otp-box:focus{border-color:var(--primary-500);box-shadow:0 0 0 4px var(--focus-ring)}.mk-otp--error .mk-otp-box{border-color:var(--danger)}.mk-otp-resend{margin-top:22px;padding-top:18px;border-top:1px solid var(--border-default)}.mk-otp-resend__grid{margin-top:11px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.mk-resend-btn{height:44px;border:1.5px solid var(--border-default);border-radius:12px;background:var(--bg-surface);color:var(--text-secondary);font:700 13px Almarai,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.15s}.mk-resend-btn:hover{background:var(--bg-subtle);border-color:var(--primary-500)}.mk-resend-btn:disabled{opacity:.5;cursor:not-allowed}.mk-resend-btn .fa-comment-sms{color:var(--primary-500)}.mk-resend-btn .fa-whatsapp{color:#25d366}@keyframes mkShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}.mk-shake{animation:mkShake .5s both}.mk-state-icon{width:62px;height:62px}.mk-state-icon--warn{background:var(--warning-bg);border:1.5px solid var(--warning-border);color:var(--warning)}.mk-state-icon--ok{width:66px;height:66px;background:var(--success-bg);border:1.5px solid var(--success-border);color:var(--success);animation:mkPop .45s ease both}.mk-state-icon i{font-size:28px}.mk-progress{width:100%;height:6px;border-radius:3px;background:var(--bg-muted);overflow:hidden;margin-top:24px}.mk-progress__bar{height:100%;background:var(--success);border-radius:3px;animation:mkBar 1.6s ease forwards}.mk-strength{margin-top:11px;display:flex;align-items:center;gap:11px}.mk-strength__track{flex:1;height:6px;border-radius:3px;background:var(--bg-muted);overflow:hidden}.mk-strength__bar{height:100%;border-radius:3px;transition:width .3s,background .3s}.mk-rules{display:flex;flex-wrap:wrap;gap:9px 20px;margin-top:4px}.mk-rule{display:flex;align-items:center;gap:7px;font:400 12.5px Almarai,sans-serif;color:var(--text-muted)}.mk-rule__dot{width:15px;height:15px;border:1.6px solid var(--border-strong);border-radius:50%}.mk-rule i{color:var(--success);font-size:15px}.mk-page-footer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}.mk-back-home{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border:1px solid var(--border-default);border-radius:14px;background:var(--bg-surface);color:var(--text-primary);font:700 13.5px Almarai,sans-serif;cursor:pointer;text-decoration:none;box-shadow:0 1px 2px #0f172a0a;transition:.15s}.mk-back-home:hover{background:var(--bg-subtle);border-color:var(--primary-500)}.mk-back-home i{font-size:16px}.mk-copyright{margin:0;font:400 12.5px Almarai,sans-serif;color:var(--text-muted)}.mk-hide-mobile{display:initial}@media (max-width: 768px){.mk-card{flex-direction:column;min-height:0;border-radius:0;width:100%}.mk-hide-mobile{display:none!important}.mk-brand{flex:0 0 auto;min-height:232px;padding:26px 26px 32px;align-items:center;justify-content:center;text-align:center}.mk-form{padding:30px 24px;border-radius:28px 28px 0 0;margin-top:-22px;position:relative;z-index:2}.mk-form__toolbar{display:none!important}.mk-logo-stack,.mk-hero-toggle,.mk-lang-seg,.mk-secure{display:flex}.mk-card{box-shadow:none}.mk-login{padding:0;min-height:100vh;justify-content:flex-start;gap:0}.mk-page-footer{padding:20px}}@media (prefers-reduced-motion: reduce){.mk-login *,.mk-login *:before,.mk-login *:after{animation-duration:.001ms!important;animation-delay:0ms!important;transition-duration:.001ms!important}.mk-stagger>*{opacity:1!important}.mk-step--leaving{opacity:0!important}}