.jm-login-card{--jm-navy:#1e3b56;--jm-blue:#206bc4;--jm-line:#d5dfe9;--jm-muted:#586a7d;box-sizing:border-box;width:100%;max-width:440px;margin:32px auto;background:#fff;border:1px solid #e3e9ef;border-radius:24px;padding:32px 28px;box-shadow:0 12px 42px #1e3b5609;color:var(--jm-navy);text-align:right;direction:rtl}
.jm-login-brand{display:block;width:186px;max-width:70%;aspect-ratio:2048/547;overflow:hidden;margin:4px auto 28px}.jm-login-logo{display:block;width:100%;height:auto;margin:0}
.jm-login-card h1,.jm-login-card h2{text-align:center;font-size:25px;line-height:1.6;margin:0 0 8px;color:var(--jm-navy)}
.jm-login-subtitle{text-align:center;color:var(--jm-muted);font-size:14px;line-height:1.9;margin-bottom:28px}
.jm-login-card form{display:block}.jm-login-card label:not(.jm-otp-option){display:block;margin-bottom:8px}.jm-login-card input:not([type=radio]):not([type=checkbox]){box-sizing:border-box;width:100%;min-height:52px;border:1px solid #c8d5e2;border-radius:12px;background:white;padding:12px 14px;font-size:16px;color:#1e3b56;margin-bottom:16px}
.jm-login-card input:focus-visible{outline:3px solid #9ec4f3;outline-offset:2px}.jm-login-card input[name=contact],.jm-login-card #credential,.jm-login-card input[name=code]{direction:ltr;text-align:center;letter-spacing:1px}
.jm-login-card button[type=submit],.jm-login-card form>button:not([type]){width:100%;min-height:52px;border:0;border-radius:12px;background:#206bc4;color:#fff;font:inherit;font-weight:700;cursor:pointer;margin-top:8px}.jm-login-card button:disabled{opacity:.6;cursor:wait}
.jm-otp-methods{min-width:0;border:0;margin:20px 0 12px;padding:0;direction:rtl}.jm-otp-methods legend{float:none;width:auto;font-size:14px;font-weight:600;margin:0 0 12px;padding:0;color:#1e3b56}.jm-otp-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.jm-otp-option{position:relative;display:block;margin:0;cursor:pointer}.jm-otp-option input[type=radio]{position:absolute;width:1px;height:1px;opacity:0;margin:0}.jm-otp-tile{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:120px;border:1.5px solid #d5dfe9;border-radius:14px;background:#fff;color:#334e68;padding:12px 4px;font-size:15px;transition:background .15s,border-color .15s}.jm-otp-tile small{font-size:11px;line-height:16px;color:#2360a5}.jm-otp-icon{display:grid;place-items:center;width:36px;height:36px}.jm-otp-icon svg{width:32px;height:32px}.jm-otp-sms{color:#206bc4}.jm-otp-whatsapp{color:#158444}.jm-otp-bale{color:#008c7e}
.jm-otp-option input:checked+.jm-otp-tile{border:2px solid #206bc4;background:#edf5ff;box-shadow:0 0 0 2px #206bc409}.jm-otp-option input:checked+.jm-otp-tile:after{content:'✓';position:absolute;left:7px;top:4px;font-size:13px;color:#206bc4}.jm-otp-option input:focus-visible+.jm-otp-tile{outline:3px solid #92bdf1;outline-offset:3px}.jm-otp-option:hover .jm-otp-tile{border-color:#206bc4}.jm-otp-help{color:#586a7d;font-size:12px;line-height:1.9;margin:14px 0 0}.jm-login-card .error{color:#b42318;font-size:14px;line-height:1.8}.jm-login-back{width:100%;min-height:48px;border:0;background:transparent;color:#206bc4;font:inherit;cursor:pointer;margin-top:12px}.jm-login-card details{border-top:1px solid #e4e9ef;margin-top:24px;padding-top:16px}.jm-login-card summary{cursor:pointer;color:#586a7d;font-size:14px;min-height:44px;display:flex;align-items:center}.jm-login-card [hidden]{display:none!important}
body.jm-anbar-login{background:#f7f9fc}body.jm-anbar-login>.topbar{display:none}body.jm-anbar-login #app{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(24px,env(safe-area-inset-bottom))}
@media(max-width:480px){.jm-login-card{margin:12px auto;padding:28px 20px;border-radius:20px}.jm-otp-options{gap:8px}.jm-login-card h1,.jm-login-card h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.jm-otp-tile{transition:none}}